/* Téléphones : sections indépendantes par page. */

/* css/pages/VIP/annotations_lecture.css */
@media(max-width:1250px){html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-filters{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:850px){html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-top,
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-filters,
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-admin-form{grid-template-columns:1fr}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .vip-ann-btn{width:100%;text-align:center}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-meta{display:block}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-badge{margin:3px 0}
html:has(template[data-vk-css="css/pages/VIP/annotations_lecture.css"]) .ann-source-tabs a{flex:1 1 150px}
}


/* css/pages/VIP/badges_communaute.css */
@media(max-width:920px){html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-hero{align-items:stretch;flex-direction:column}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-stats{width:100%}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-members{grid-template-columns:1fr}
}
@media(max-width:650px){html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges{width:100%;max-width:100%;margin:0;padding:13px 10px 70px;overflow:hidden}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-hero{gap:15px;padding:16px 14px;border-radius:12px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-kicker{font-size:.64rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges h1{font-size:clamp(1.7rem,8.5vw,2.2rem)}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-intro{margin-top:9px;font-size:.84rem;line-height:1.45}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badges-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-stat{min-width:0;padding:9px 5px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-stat strong{font-size:1.12rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-stat span{font-size:.55rem;overflow-wrap:anywhere}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-tools{display:block;margin:13px 0 10px;padding:10px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-filter{width:100%;margin-top:8px;font-size:16px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-search{font-size:16px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-members{gap:10px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member{border-radius:11px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-head{padding:13px 12px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-name h2{font-size:1rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-name p{font-size:.72rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-count{padding:6px 8px;font-size:.68rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member.simulation::before{right:12px;font-size:.6rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member.simulation .community-member-head{padding-top:28px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-simulation-badge{font-size:.64rem}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-member-badges{grid-template-columns:minmax(0,1fr);gap:7px;padding:9px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge{grid-template-columns:36px minmax(0,1fr);padding:9px}
html:has(template[data-vk-css="css/pages/VIP/badges_communaute.css"]) .community-badge-icon{width:36px;height:36px;font-size:1.12rem}

}


/* css/pages/VIP/hors-serie.css */
@media (max-width: 900px){html:has(template[data-vk-css="css/pages/VIP/hors-serie.css"]) .hors-serie-vip-layout{
            flex-direction: column;
            gap: 18px;
        }
html:has(template[data-vk-css="css/pages/VIP/hors-serie.css"]) .hors-serie-vip-layout > div:first-child{
            width: 100%;
        }

    }


/* css/pages/VIP/marque_pages_VIP.css */
@media (max-width:900px){html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-layout{flex-direction:column!important;gap:18px!important}
html:has(template[data-vk-css="css/pages/VIP/marque_pages_VIP.css"]) .vip-bookmarks-layout>div:first-child{width:100%}

}


/* css/pages/VIP/resumes.css */
@media(max-width:800px){html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-vip-layout{
        display:block;
    }
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-vip-layout > div:first-child{
        margin-bottom:20px;
    }
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-intro h1{
        font-size:1.6rem;
    }
html:has(template[data-vk-css="css/pages/VIP/resumes.css"]) .resume-accordion summary{
        padding:13px;
    }


}


/* css/pages/acces-refuse.css */
@media (max-width:768px){html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-wrapper{

        padding:25px 18px;
    }
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-title{

        font-size:1.8rem;
    }
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-text{

        font-size:1rem;
        line-height:1.5;
    }
html:has(template[data-vk-css="css/pages/acces-refuse.css"]) .refused-button{

        font-size:1rem;
        padding:12px 20px;
    }

}


/* css/pages/admin/data_sql/_table.css */
@media(max-width:700px){html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters{align-items:stretch;flex-direction:column}
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters input,
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters select,
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters button,
html:has(template[data-vk-css="css/pages/admin/data_sql/_table.css"]) .sql-table-filters a{width:100%}
}


/* css/pages/admin/data_sql/site_visites.css */
@media (max-width: 900px){html:has(template[data-vk-css="css/pages/admin/data_sql/site_visites.css"]) .track-table{
        min-width: 680px;
    }

}


/* css/pages/admin/data_sql/suivi_extrait.css */
@media(max-width:900px){html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .stats{grid-template-columns:repeat(2,1fr)}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters{align-items:stretch}
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters label,
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters input,
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters select,
html:has(template[data-vk-css="css/pages/admin/data_sql/suivi_extrait.css"]) .excerpt-admin .filters .btn{width:100%}
}


/* css/pages/admin/data_sql/users.css */
@media (max-width: 1100px){html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-topbar,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-view-grid,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-form-grid{
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .view-field.full,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field.full,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field.half,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-view-block,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-admin-panel,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-admin-alert{
        grid-column: span 2;
    }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-form-grid{
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

}
@media (max-width: 650px){html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-topbar,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-view-grid,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-form-grid{
        grid-template-columns: 1fr;
    }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .users-toolbar,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-card-header{
        flex-direction: column;
        align-items: stretch;
    }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-badges{
        justify-content: flex-start;
    }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .view-field.full,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field.full,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .form-field.half,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-view-block,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-admin-panel,
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-admin-alert{
        grid-column: span 1;
    }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .parental-form-grid{
        grid-template-columns: 1fr;
    }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .user-actions{
        justify-content: stretch;
    }
html:has(template[data-vk-css="css/pages/admin/data_sql/users.css"]) .admin-btn{
        width: 100%;
    }

}


/* css/pages/admin/data_sql.css */
@media(max-width:700px){html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-toolbar{align-items:stretch;flex-direction:column}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-toolbar select{width:100%;max-width:none}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-grid{grid-template-columns:1fr}
}
@media(max-width:700px){html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-head{align-items:flex-start;flex-direction:column}
html:has(template[data-vk-css="css/pages/admin/data_sql.css"]) .data-sql-jm-count{align-self:flex-start}
}


/* css/pages/admin/db_modif/_table_editor.css */
@media(max-width:650px){html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-editor-title{align-items:stretch}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-editor-title>.admin-btn{width:100%;box-sizing:border-box}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-list-tools,
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-list-tools form{align-items:stretch;flex-direction:column;max-width:none}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-form-actions .admin-btn{width:100%}
html:has(template[data-vk-css="css/pages/admin/db_modif/_table_editor.css"]) .dbm-field-wide{grid-column:auto}
}


/* css/pages/admin/db_modif/utilisateurs.css */
@media (max-width: 1100px){html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-topbar,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-view-grid,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-form-grid{
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .view-field.full,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field.full,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field.half,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-view-block,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-admin-panel,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-admin-alert{
        grid-column: span 2;
    }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-form-grid{
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

}
@media (max-width: 650px){html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-topbar,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-view-grid,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-form-grid{
        grid-template-columns: 1fr;
    }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .users-toolbar,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-card-header{
        flex-direction: column;
        align-items: stretch;
    }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-badges{
        justify-content: flex-start;
    }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .view-field.full,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field.full,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .form-field.half,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-view-block,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-admin-panel,
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-admin-alert{
        grid-column: span 1;
    }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .parental-form-grid{
        grid-template-columns: 1fr;
    }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .user-actions{
        justify-content: stretch;
    }
html:has(template[data-vk-css="css/pages/admin/db_modif/utilisateurs.css"]) .admin-btn{
        width: 100%;
    }

}


/* css/pages/admin/db_modifications.css */
@media(max-width:650px){html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-title-row,
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-toolbar{align-items:stretch}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-title-row .admin-btn,
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-toolbar .admin-btn{width:100%;box-sizing:border-box}
html:has(template[data-vk-css="css/pages/admin/db_modifications.css"]) .dbm-grid{grid-template-columns:1fr}
}


/* css/pages/admin/emails.css */
@media (max-width: 850px){html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-modes{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-sendbar{ position: static; align-items: stretch; flex-direction: column; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-sendbar > div{ margin-right: 0; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-send-button{ width: 100%; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-contact-form{ grid-template-columns: 1fr; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-heading{ align-items: stretch; flex-direction: column; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-heading input{ width: 100%; }

}
@media (max-width: 600px){html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-heading{ align-items: stretch; flex-direction: column; padding: 17px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-total{ min-width: 0; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-panel{ padding: 15px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields{ grid-template-columns: 1fr; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-fields label.full{ grid-column: auto; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-modes{ grid-template-columns: 1fr 1fr; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-manual-toolbar strong{ width: 100%; margin-left: 0; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-row{ align-items: flex-start; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-user-role{ margin-left: auto; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-header,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-body,
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-preview-footer{ padding-left: 18px; padding-right: 18px; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-mail-tabs{ flex-direction: column; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row.custom{ grid-template-columns: minmax(0, 1fr) auto; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row.custom .varkal-delete-contact-form{ grid-column: 1 / -1; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-address-row.custom .varkal-delete-contact-form button{ width: 100%; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-item summary{ grid-template-columns: 1fr auto; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-history-date{ grid-column: 1 / -1; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-envelope-summary{ align-items: flex-start; flex-direction: column; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-add-recipient-row{ align-items: stretch; flex-direction: column; }
html:has(template[data-vk-css="css/pages/admin/emails.css"]) .varkal-add-recipient-row button{ width: 100%; }

}


/* css/pages/admin/journal_mattthieu.css */
@media (max-width: 980px){html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-grid{
        grid-template-columns: 1fr;
    }

}
@media (max-width: 900px){html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page{
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: clip;
        font-size: 16px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page > *,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-grid,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel > *,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-form-grid,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field{
        min-width: 0;
        max-width: 100%;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page h1{
        margin-bottom: 8px;
        font-size: 1.35rem;
        line-height: 1.25;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-intro{
        margin-bottom: 14px;
        font-size: .9rem;
        line-height: 1.5;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage{
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 11px;
        font-size: .78rem;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage code{
        overflow-wrap: anywhere;
        word-break: break-word;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-grid{
        display: block;
        width: 100%;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel{
        width: 100%;
        max-width: 100%;
        margin: 0 0 16px;
        padding: 14px;
        border-radius: 10px;
        box-shadow: none;
        overflow: visible;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel h2{
        font-size: 1.05rem;
        line-height: 1.35;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-form-grid{
        display: block;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field.full{
        width: 100%;
        margin-bottom: 15px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field label{
        margin-bottom: 7px;
        font-size: .92rem;
        font-weight: 600;
        line-height: 1.35;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field .jma-sub-label{
        margin-top: 13px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field input,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field textarea,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field select{
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 12px;
        border-radius: 9px;
        font-size: 16px;
        line-height: 1.35;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field select{
        text-overflow: ellipsis;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field input[type="date"],
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field input[type="datetime-local"]{
        min-inline-size: 0;
        inline-size: 100%;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field textarea{
        min-height: 240px;
        line-height: 1.6;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-format-toolbar{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        width: 100%;
        margin-bottom: 7px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-format-btn{
        width: 100%;
        min-height: 44px;
        padding: 9px 10px;
        font-size: .86rem;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-help{
        margin-top: 7px;
        font-size: .78rem;
        line-height: 1.45;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-check{
        min-height: 48px;
        align-items: flex-start;
        margin: 4px 0 16px;
        padding: 10px 0;
        font-size: .92rem;
        line-height: 1.4;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-check input{
        width: 22px;
        height: 22px;
        flex: 0 0 auto;
        margin-top: 0;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-actions{
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-actions .jma-btn{
        width: 100%;
        min-height: 48px;
        padding: 11px 14px;
        font-size: .92rem;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-btn{
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
        touch-action: manipulation;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-toolbar{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 9px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-toolbar h2{
        margin: 0 !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-toolbar > a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 9px 12px;
        border: 1px solid rgba(231,194,94,.3);
        border-radius: 8px;
        background: rgba(231,194,94,.07);
        text-decoration: none;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-table-wrap{
        display: none;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-list{
        display: block;
        width: 100%;
        min-width: 0;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card{
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-meta{
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions .jma-btn,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions form .jma-btn{
        min-height: 46px;
        padding: 10px 12px;
        font-size: .86rem;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-notice,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-install,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-empty{
        font-size: .9rem;
        line-height: 1.5;
    }

}
@media (max-width: 520px){html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-head{
        display: block;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-head > .jma-pill{
        margin-top: 8px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-meta{
        grid-template-columns: 1fr;
    }

}
@media (max-width: 390px){html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page h1{
        font-size: 1.2rem;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel{
        padding: 10px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card{
        padding: 11px;
    }

}
@media (max-width: 900px){html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]),
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) body{
        max-width: 100%;
        overflow-x: hidden !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page{
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page h1{
        padding: 0 2px;
        font-size: 1.22rem;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-intro{
        display: none;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage{
        display: flex;
        width: 100%;
        margin: 10px 0 12px;
        padding: 8px 10px;
        gap: 6px 10px;
        border-radius: 8px;
        overflow: hidden;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage span:first-child,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage span:last-child{
        display: none;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-storage span{
        min-width: 0;
        font-size: .76rem;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-notice{
        margin: 0 0 12px;
        padding: 10px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-tabs{
        position: sticky;
        top: 0;
        z-index: 50;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        width: 100%;
        margin: 0 0 10px;
        padding: 6px;
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 11px;
        background: rgba(8,8,11,.97);
        box-shadow: 0 8px 20px rgba(0,0,0,.28);
        backdrop-filter: blur(8px);
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-tab{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 8px 6px;
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 8px;
        color: #bdbdbd;
        background: rgba(255,255,255,.035);
        font: inherit;
        font-size: .84rem;
        font-weight: 700;
        line-height: 1.15;
        text-align: center;
        cursor: pointer;
        touch-action: manipulation;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-tab.active{
        color: #111;
        border-color: #dfbb59;
        background: #dfbb59;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-tab-count{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 99px;
        color: inherit;
        background: rgba(0,0,0,.18);
        font-size: .72rem;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-grid{
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel{
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px !important;
        border-radius: 10px;
        overflow: hidden !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel + .jma-panel{
        margin-top: 0 !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-list-panel{
        display: none;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page.jma-show-list .jma-editor-panel{
        display: none !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page.jma-show-list .jma-list-panel{
        display: block !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page.jma-show-editor .jma-editor-panel{
        display: block !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-page.jma-show-editor .jma-list-panel{
        display: none !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-form-grid{
        display: block !important;
        width: 100%;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field.full{
        display: block;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 0 14px !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field input,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field textarea,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field select{
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto;
        min-height: 50px;
        margin: 0 !important;
        padding: 12px 11px !important;
        border-radius: 9px;
        font-size: 16px !important;
        line-height: 1.3;
        box-sizing: border-box !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field input[type="date"],
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field input[type="datetime-local"]{
        -webkit-appearance: none;
        appearance: none;
        inline-size: 100% !important;
        min-inline-size: 0 !important;
        max-inline-size: 100% !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field select{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-field textarea{
        min-height: 230px;
        resize: vertical;
        white-space: pre-wrap;
        overflow-wrap: break-word;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-help{
        overflow-wrap: anywhere;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-actions{
        display: flex !important;
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-actions > *,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-actions .jma-btn{
        width: 100% !important;
        max-width: 100% !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-toolbar{
        display: block !important;
        margin-bottom: 12px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-toolbar h2{
        margin-bottom: 8px !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-toolbar > a{
        width: 100%;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-list{
        display: block !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-table-wrap{
        display: none !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card{
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 12px;
        border-radius: 10px;
        overflow: hidden;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-head{
        display: block !important;
        min-width: 0;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-title,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-title strong,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-title small,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-code{
        max-width: 100%;
        min-width: 0;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-card-head > .jma-pill{
        margin-top: 8px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-meta{
        display: block !important;
        width: 100%;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-meta-item{
        width: 100%;
        margin-bottom: 7px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions{
        display: flex !important;
        flex-direction: column;
        width: 100%;
        gap: 7px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions > *,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions form,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions .jma-btn,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions form .jma-btn{
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-actions .jma-btn{
        min-height: 48px;
        font-size: .9rem;
    }

}
@media (max-width: 420px){html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-panel{
        padding: 10px !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-tabs{
        gap: 4px;
        padding: 4px;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]) .jma-mobile-tab{
        min-height: 44px;
        font-size: .78rem;
    }

}
@media (max-width: 420px){html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-page{
        padding-right: max(7px, env(safe-area-inset-right)) !important;
        padding-left: max(7px, env(safe-area-inset-left)) !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-panel,
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-card{
        padding: 9px !important;
    }
html:has(template[data-vk-css="css/pages/admin/journal_mattthieu.css"]).jma-device-mobile .jma-mobile-tab{
        min-height: 43px !important;
        font-size: .76rem !important;
    }

}


/* css/pages/admin/newsletters.css */
@media (max-width: 620px){html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-heading,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-list article{
        align-items: stretch;
        flex-direction: column;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-heading,
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-panel{
        padding: 18px;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-stat{
        width: auto;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-field-grid{
        grid-template-columns: 1fr;
        gap: 0;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-panel-title{
        align-items: flex-start;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-locked{
        white-space: nowrap;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-address-list{
        display: grid;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-address-list span{
        display: block;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-address-list strong{
        margin-right: 5px;
    }
html:has(template[data-vk-css="css/pages/admin/newsletters.css"]) .vk-newsletter-history-meta{
        justify-content: flex-start;
    }

}


/* css/pages/admin/site.css */
@media (max-width: 640px){html:has(template[data-vk-css="css/pages/admin/site.css"]) .admin-delay-grid{
            grid-template-columns: 1fr;
        }

    }


/* css/pages/comptes/mon_compte.css */
@media (max-width: 560px){html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-invoice-button{
        display: flex !important;
        width: 100% !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-accordion > summary{
        padding: 13px 14px;
        font-size: .98rem;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .account-form-panel{
        padding: 15px;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-card{
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 12px !important;
        overflow: hidden;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-heading{
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        min-width: 0;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-heading > div{
        min-width: 0;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-heading h2{
        margin-top: 2px;
        font-size: 1.2rem;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-kicker{
        font-size: .66rem;
        letter-spacing: .08em;
        line-height: 1.35;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-count{
        align-self: flex-start;
        max-width: 100%;
        box-sizing: border-box;
        padding: 5px 9px;
        font-size: .75rem;
        white-space: normal;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-intro{
        margin: 12px 0;
        font-size: .9rem;
        line-height: 1.45;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-form{
        width: 100%;
        min-width: 0;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-group{
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-top: 12px;
        padding: 8px;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-group h3{
        margin: 2px 4px 7px;
        font-size: .95rem;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row{
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        align-items: start;
        gap: 10px;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        padding: 12px 4px;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row input{
        width: 22px;
        height: 22px;
        margin: 1px 0 0;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row > span{
        min-width: 0;
        width: 100%;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row strong,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row small{
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row strong{
        font-size: .94rem;
        line-height: 1.3;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row small{
        margin-top: 3px;
        font-size: .8rem;
        line-height: 1.35;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-note{
        margin-top: 10px;
        font-size: .78rem;
        line-height: 1.35;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-save{
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin-top: 12px;
        padding-left: 10px;
        padding-right: 10px;
        white-space: normal;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-card{
        padding: 17px;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .newsletter-account-heading{
        align-items: center;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-card{
        padding: 16px;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-heading,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-child-title{
        align-items: flex-start;
        flex-direction: column;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-status,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) .parental-count{
        align-self: flex-start;
    }

}
/* ============================================================
   PARAMÈTRES — MOBILE V2
   Version volontairement simplifiée pour éviter les conflits
   avec les styles globaux du site.
============================================================ */
@media (max-width: 700px){html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte *{
        box-sizing: border-box !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte{
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte > summary{
        width: 100% !important;
        max-width: 100% !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-card{
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 12px 10px 14px !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        background: rgba(0, 0, 0, .14) !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-heading{
        display: none !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-intro{
        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 0 2px !important;
        font-size: .86rem !important;
        line-height: 1.4 !important;
        color: #bdbdbd !important;
        overflow-wrap: break-word !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-form{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-group,
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-vip-group{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-group h3{
        width: 100% !important;
        margin: 0 0 7px !important;
        padding: 0 2px 5px !important;
        border-bottom: 1px solid rgba(201, 164, 92, .28) !important;
        color: #dcc487 !important;
        font-size: .88rem !important;
        line-height: 1.2 !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte label.account-setting-row{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 0 7px !important;
        padding: 11px 10px !important;
        border: 1px solid rgba(255, 255, 255, .09) !important;
        border-radius: 7px !important;
        background: rgba(255, 255, 255, .035) !important;
        overflow: hidden !important;
        cursor: pointer !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte label.account-setting-row + label.account-setting-row{
        border-top: 1px solid rgba(255, 255, 255, .09) !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte label.account-setting-row > span{
        order: 1 !important;
        display: block !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: calc(100% - 42px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte label.account-setting-row > input[type="checkbox"]{
        order: 2 !important;
        display: block !important;
        flex: 0 0 24px !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        accent-color: #991f25 !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row strong{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #f1f1f1 !important;
        font-size: .91rem !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-setting-row small{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 3px 0 0 !important;
        padding: 0 !important;
        color: #9f9f9f !important;
        font-size: .75rem !important;
        line-height: 1.28 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-note{
        width: 100% !important;
        margin: 4px 0 10px !important;
        padding: 0 2px !important;
        font-size: .74rem !important;
        line-height: 1.3 !important;
        color: #8f8f8f !important;
    }
html:has(template[data-vk-css="css/pages/comptes/mon_compte.css"]) #parametres-compte .account-settings-save{
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 10px auto 0 !important;
        padding: 10px 14px !important;
        font-size: .88rem !important;
        white-space: normal !important;
    }

}


/* css/pages/gallery.css */
@media (max-width: 768px){html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container > .vk-gallery-tile .vk-gallery-icon{
        width: 100% !important;
        max-width: 112px !important;
        height: 104px !important;
        margin: 0 auto !important;
    }
html:has(template[data-vk-css="css/pages/gallery.css"]) body [data-vk-s="ac89d51305fe"]{
        flex-direction: column;
        gap: 14px;
    }
html:has(template[data-vk-css="css/pages/gallery.css"]) body [data-vk-s="ac89d51305fe"] > div:first-child,
html:has(template[data-vk-css="css/pages/gallery.css"]) body [data-vk-s="ac89d51305fe"] > [data-vk-s="6253876a649a"]{
        width: 100%;
        min-width: 0;
    }

}
@media (max-width: 620px){html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container,
html:has(template[data-vk-css="css/pages/gallery.css"]) body .gallery-section{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 10px;
    }
html:has(template[data-vk-css="css/pages/gallery.css"]) body .folders-container > .vk-gallery-tile{
        padding: 10px 6px;
    }
html:has(template[data-vk-css="css/pages/gallery.css"]) body .gallery-section > img[data-full]{
        height: 165px;
    }

}


/* css/pages/includes/header.css */
@media(max-width:820px){html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar{
        display:grid !important;
        grid-template-columns:50px minmax(0,1fr);
        grid-template-areas:
            "topbar-left topbar-left"
            "topbar-right topbar-right"
            "topbar-center topbar-center";
        align-items:center;
        gap:8px 10px;
        width:100%;
        height:auto !important;
        min-height:0 !important;
        padding:8px 10px !important;
        overflow:visible;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .left{
        grid-area:topbar-left;
        position:relative !important;
        inset:auto !important;
        float:none !important;
        transform:none !important;
        align-self:start;
        display:flex !important;
        align-items:center;
        width:100% !important;
        min-width:0;
        margin:0 !important;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .left .logo{
        display:block;
        width:48px;
        height:48px;
        line-height:0;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .left .logo img{
        display:block;
        width:48px;
        height:48px;
        object-fit:contain;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .left .update-warning{
        max-width:none;
        margin:0;
        font-size:.65rem;
        line-height:1.15;
        text-align:left;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status{
        min-width:0;
        min-height:38px;
        padding:4px 8px;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status-label{
        font-size:.58rem;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .simulation-status strong{
        font-size:.7rem;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .center{
        grid-area:topbar-center;
        position:relative !important;
        inset:auto !important;
        float:none !important;
        transform:none !important;
        width:100% !important;
        min-width:0;
        margin:0 !important;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .news-carousel{
        width:100%;
        min-width:0;
        overflow:hidden;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .news-item{
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .right{
        grid-area:topbar-right;
        position:relative !important;
        inset:auto !important;
        float:none !important;
        transform:none !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        align-items:stretch;
        justify-content:stretch;
        gap:5px 6px;
        width:100% !important;
        min-width:0;
        margin:0 !important;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .right > *{
        min-width:0;
        margin:0 !important;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges{
        width:100%;
        max-width:none;
        min-height:36px;
        padding:4px 7px;
        overflow:hidden;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges-main{
        width:100%;
        gap:3px;
        font-size:.7rem;
        white-space:nowrap;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges-title{
        max-width:100%;
        font-size:.6rem;
        text-align:center;
        white-space:nowrap;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .bonjour-varkal{
        display:flex !important;
        align-items:center;
        justify-content:center;
        gap:3px;
        width:100%;
        padding:4px 5px;
        overflow:hidden;
        font-size:.7rem;
        line-height:1.2;
        white-space:nowrap;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .bonjour-varkal strong{
        display:block;
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .right > a:not(.topbar-badges){
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:30px;
        padding:5px 4px;
        overflow:hidden;
        font-size:.7rem;
        line-height:1.15;
        text-align:center;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #cookie-banner{
        bottom:8px !important;
        width:calc(100% - 20px) !important;
        max-width:none !important;
        padding:15px !important;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #cookie-banner button{
        width:100%;
        min-height:42px;
        margin:5px 0 !important;
    }

}
@media(max-width:380px){html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar{
        grid-template-columns:42px minmax(0,1fr);
        gap:7px;
        padding:7px !important;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .left .logo,
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .left .logo img{
        width:42px;
        height:42px;
    }
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-badges-text{
        display:none;
    }

}


/* css/pages/index.css */
@media(max-width:600px){html:has(template[data-vk-css="css/pages/index.css"]) .vk-badge-toast-zone{right:14px;bottom:14px}
}


/* css/pages/index_sans_pub.css */
@media(max-width:600px){html:has(template[data-vk-css="css/pages/index_sans_pub.css"]) .vk-badge-toast-zone{right:14px;bottom:14px}
}


/* css/pages/journal_mattthieu_standalone.css */
@media (max-width: 820px){
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]),
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) body {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #020503 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu.jm-immersive {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        background: #020503 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu::before,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-screen-glow,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-scanline,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-screen::after,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu #jm-immersive-toggle {
        display: none !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-screen {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #061009 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-systembar {
        flex: 0 0 34px !important;
        height: 34px !important;
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 0 max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left)) !important;
        font-size: .58rem !important;
        background: #020704 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-device-model {
        display: none !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-system-left,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-system-right {
        min-width: 0 !important;
        gap: 5px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-system-clock {
        min-width: 0 !important;
        justify-self: center !important;
        font-size: .62rem !important;
        white-space: nowrap !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-battery-wrap {
        min-width: 0 !important;
        gap: 4px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-battery-percent {
        min-width: 24px !important;
        font-size: .55rem !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-power-alert {
        flex: 0 0 auto !important;
        min-height: 36px !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        font-size: .57rem !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-power-alert-text {
        min-width: 0 !important;
        line-height: 1.25 !important;
        overflow-wrap: anywhere !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-power-button {
        min-height: 30px !important;
        padding: 4px 7px !important;
        white-space: nowrap !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-apphead {
        flex: 0 0 auto !important;
        display: block !important;
        padding: 9px 11px 8px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-app-kicker {
        margin: 0 0 3px !important;
        font-size: .52rem !important;
        line-height: 1.2 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-app-title {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        font-size: clamp(1.02rem, 5vw, 1.28rem) !important;
        line-height: 1.08 !important;
        overflow-wrap: anywhere !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-app-subtitle,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-activity-line,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-sync-pill {
        display: none !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-toolbar {
        flex: 0 0 auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 40px !important;
        gap: 6px !important;
        padding: 6px 8px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-search-wrap {
        min-width: 0 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-search {
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        padding: 8px 60px 8px 34px !important;
        font-size: 16px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-result-count {
        right: 8px !important;
        max-width: 54px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: .53rem !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reset {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        font-size: 0 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reset::before {
        content: "↺" !important;
        font-size: 1rem !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-filterbar,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-readbar {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 5px !important;
        padding: 5px 8px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-filterbar::-webkit-scrollbar,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-readbar::-webkit-scrollbar {
        display: none !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-filter,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-read-filter,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-mark-all-read {
        flex: 0 0 auto !important;
        min-height: 31px !important;
        padding: 5px 9px !important;
        font-size: .59rem !important;
        white-space: nowrap !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-mark-all-read {
        margin-left: 0 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-workspace {
        position: relative !important;
        flex: 1 1 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        display: block !important;
        overflow: hidden !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-index {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        border: 0 !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-index-head {
        position: sticky !important;
        top: 0 !important;
        z-index: 2 !important;
        min-height: 34px !important;
        padding: 8px 10px !important;
        font-size: .58rem !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-entry-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 64px !important;
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) 12px !important;
        gap: 8px !important;
        padding: 9px 10px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-entry-icon {
        width: 34px !important;
        height: 34px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-entry-copy {
        min-width: 0 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-entry-title {
        min-width: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
        font-size: .82rem !important;
        line-height: 1.26 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-entry-meta {
        gap: 4px 6px !important;
        margin-top: 5px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-mini-badge,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-read-state {
        max-width: 48vw !important;
        font-size: .52rem !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-dock {
        display: none !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1000001 !important;
        display: none !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-width: 0 !important;
        min-height: 0 !important;
        flex-direction: column !important;
        overflow: hidden !important;
        background: #061009 !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader.mobile-open {
        display: flex !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader-top {
        flex: 0 0 auto !important;
        min-height: 52px !important;
        padding: max(7px, env(safe-area-inset-top)) 8px 7px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu #jm-reader-position {
        display: none !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader-controls {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px 44px 44px !important;
        gap: 5px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader-nav,
    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader-close {
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 7px !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-toggle-read {
        width: 100% !important;
        min-width: 0 !important;
        font-size: .60rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-toggle-read::before {
        content: none !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader-close {
        display: inline-block !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader-content {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 18px 15px calc(24px + env(safe-area-inset-bottom)) !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-document {
        width: 100% !important;
        max-width: none !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-document-title {
        font-size: 1.30rem !important;
        line-height: 1.18 !important;
        overflow-wrap: anywhere !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-document-text {
        font-size: 1rem !important;
        line-height: 1.72 !important;
        overflow-wrap: anywhere !important;
    }

    html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-reader-foot {
        display: none !important;
    }
}
@media (max-width: 420px){html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-system-left > span:last-child,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-signal{
        display: none !important;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-app-title{
        font-size: 1rem !important;
    }

}
/* Sur très petit écran, on garde seulement les informations utiles. */
@media (max-width: 390px){html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-app-kicker,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-signal{
        display: none !important;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-apphead{
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

}
@media (max-width: 420px){html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-readbar{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-read-filter,
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-mark-all-read{
        width: 100% !important;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]).jm-runtime-mobile #journal-mattthieu .jm-mark-all-read{
        grid-column: 1 / -1 !important;
    }

}
@media (max-width: 820px){html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-audio-panel{
        margin-bottom: 17px;
        padding: 10px;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-audio-head{
        display: block;
        line-height: 1.5;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-audio-head span:last-child{
        display: block;
        margin-top: 2px;
        white-space: normal;
        overflow-wrap: anywhere;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) .jm-document-audio{
        height: 42px;
    }

}
@media (max-width: 820px){html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-sd-card-head{
        top: 34px;
        min-height: 48px;
        padding: 7px 10px;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-sd-icon{
        flex-basis: 27px;
        width: 27px;
        height: 32px;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-sd-copy strong{
        font-size: .61rem;
    }
html:has(template[data-vk-css="css/pages/journal_mattthieu_standalone.css"]) #journal-mattthieu .jm-sd-copy small{
        font-size: .50rem;
    }

}


/* css/pages/legal/avertissement.css */
@media (max-width:560px){html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-panel{
        padding:20px 14px !important;
    }
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-panel h1{
        font-size:1.55rem !important;
    }
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-text{
        font-size:.92rem;
    }
html:has(template[data-vk-css="css/pages/legal/avertissement.css"]) .age-warning-actions{
        grid-template-columns:1fr;
    }

}


/* css/pages/mini_jeux/Mort_Subite.css */
@media (max-width: 600px){html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-container{
        padding: 24px 16px;
    }
html:has(template[data-vk-css="css/pages/mini_jeux/Mort_Subite.css"]) .ms-btn{
        width: 100%;
        max-width: 320px;
    }

}


/* css/pages/mini_jeux/personnage.css */
@media(max-width: 720px){html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-answers-grid{
        grid-template-columns: 1fr;
    }
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-answer{
        min-height: 72px;
    }
html:has(template[data-vk-css="css/pages/mini_jeux/personnage.css"]) .perso-game-title{
        font-size: 2rem;
    }

}


/* css/pages/pages/badges.css */
@media(max-width:650px){html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page{
        width:100%;
        max-width:100%;
        margin:0;
        padding:14px 10px 70px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-hero{
        display:block;
        padding:17px 15px;
        border-radius:12px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-kicker{
        margin-bottom:6px;
        font-size:.68rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page h1{
        font-size:clamp(1.75rem,9vw,2.25rem);
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-intro{
        margin-top:9px;
        font-size:.87rem;
        line-height:1.45;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count{
        display:flex;
        align-items:baseline;
        justify-content:center;
        gap:7px;
        width:100%;
        min-width:0;
        margin-top:15px;
        padding:10px 12px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count strong{
        display:inline;
        font-size:1.3rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title{
        align-items:flex-start;
        gap:10px;
        margin-top:12px;
        padding:12px 13px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title-icon{
        flex:0 0 auto;
        font-size:1.4rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-info-message{
        margin-top:12px;
        padding:10px 12px;
        font-size:.86rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-form{
        margin-top:14px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-grid{
        grid-template-columns:minmax(0,1fr);
        gap:10px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card{
        min-width:0;
        min-height:0;
        padding:14px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-icon{
        flex-basis:40px;
        width:40px;
        height:40px;
        font-size:1.3rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-description{
        margin-top:9px;
        font-size:.84rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-favorite-choice{
        min-height:44px;
        margin-top:7px;
        padding:5px 0;
        line-height:1.3;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-favorite-choice input{
        flex:0 0 20px;
        width:20px;
        height:20px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences{
        margin-top:14px;
        padding:15px 13px;
        border-radius:12px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences h2{
        font-size:1.25rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences p,
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences label{
        font-size:.87rem;
        line-height:1.4;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences select{
        max-width:none;
        min-height:46px;
        font-size:16px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-save{
        width:100%;
        min-height:46px;
    }

}
/* ============================================================
   VERSION TÉLÉPHONE
   Ces règles sont volontairement placées en dernier afin de
   neutraliser les largeurs et marges du gabarit général du site.
============================================================ */
@media screen and (max-width:768px){html:has(template[data-vk-css="css/pages/pages/badges.css"]),
html:has(template[data-vk-css="css/pages/pages/badges.css"]) body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) body .main-auth-zone,
html:has(template[data-vk-css="css/pages/pages/badges.css"]) body .main-auth-zone > div:not(.login-overlay-inside){
        display:block !important;
        position:relative !important;
        left:auto !important;
        right:auto !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
        overflow-x:hidden !important;
        transform:none !important;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) body .badges-page{
        display:block !important;
        position:relative;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:12px max(10px,env(safe-area-inset-right)) 72px max(10px,env(safe-area-inset-left)) !important;
        overflow:visible !important;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page :where(
        .badges-page-hero,
        .badges-current-title,
        .badge-info-message,
        .badges-form,
        .badges-grid,
        .badge-card,
        .badge-preferences
    ){
        width:100%;
        max-width:100%;
        min-width:0;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-hero{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:start;
        gap:10px;
        padding:15px 13px !important;
        border-radius:11px;
        box-shadow:0 10px 28px rgba(0,0,0,.32);
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-hero > div:first-child{
        min-width:0;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-kicker{
        margin:0 0 5px;
        font-size:.63rem;
        letter-spacing:.1em;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page h1{
        max-width:100%;
        font-size:clamp(1.55rem,7.5vw,2rem) !important;
        line-height:1.08;
        overflow-wrap:anywhere;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-intro{
        margin-top:8px;
        font-size:.82rem;
        line-height:1.4;
        overflow-wrap:anywhere;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count{
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        width:auto !important;
        min-width:68px !important;
        margin:0 !important;
        padding:8px 9px !important;
        border-radius:10px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count strong{
        display:block;
        font-size:1.12rem;
        line-height:1.1;
        white-space:nowrap;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count span{
        margin-top:3px;
        font-size:.58rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title{
        display:grid;
        grid-template-columns:34px minmax(0,1fr);
        align-items:start;
        gap:8px;
        margin-top:10px;
        padding:11px 12px !important;
        border-radius:10px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title-icon{
        font-size:1.3rem;
        text-align:center;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title small,
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-current-title strong{
        max-width:100%;
        font-size:.78rem;
        line-height:1.3;
        overflow-wrap:anywhere;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-info-message{
        margin-top:10px;
        padding:10px 11px;
        font-size:.82rem;
        line-height:1.4;
        overflow-wrap:anywhere;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-form{
        display:block !important;
        margin-top:11px !important;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-grid{
        display:flex !important;
        flex-direction:column;
        align-items:stretch;
        gap:9px !important;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card{
        display:block;
        flex:0 0 auto;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:12px !important;
        border-radius:10px;
        transform:none !important;
        contain:inline-size;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-top{
        display:grid;
        grid-template-columns:38px minmax(0,1fr);
        align-items:center;
        gap:9px;
        width:100%;
        min-width:0;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-icon{
        width:38px;
        height:38px;
        min-width:38px;
        font-size:1.2rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-name{
        display:block;
        max-width:100%;
        font-size:.92rem;
        line-height:1.25;
        white-space:normal;
        overflow-wrap:anywhere;
        word-break:break-word;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-description{
        max-width:100%;
        margin-top:8px;
        font-size:.79rem;
        line-height:1.4;
        white-space:normal;
        overflow-wrap:anywhere;
        word-break:break-word;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-card-date{
        margin-top:7px;
        font-size:.7rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-progress{
        width:100%;
        max-width:100%;
        margin-top:9px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-progress-label{
        margin-top:4px;
        font-size:.68rem;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-favorite-choice{
        display:grid;
        grid-template-columns:22px minmax(0,1fr);
        align-items:center;
        gap:8px;
        width:100%;
        min-height:42px;
        margin-top:5px;
        padding:5px 0 0;
        font-size:.77rem;
        line-height:1.3;
        white-space:normal;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-favorite-choice input{
        display:block;
        width:20px !important;
        height:20px !important;
        min-width:20px;
        margin:0 !important;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences{
        margin-top:11px !important;
        padding:13px 12px !important;
        border-radius:10px;
        overflow:hidden;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences h2{
        margin-bottom:5px;
        font-size:1.1rem;
        line-height:1.25;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences p,
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences label{
        display:block;
        max-width:100%;
        font-size:.8rem;
        line-height:1.4;
        overflow-wrap:anywhere;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences p{
        margin-bottom:12px;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badge-preferences select{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:44px;
        margin-top:7px;
        padding:8px 28px 8px 9px;
        font-size:16px !important;
        text-overflow:ellipsis;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-save{
        display:block;
        width:100% !important;
        max-width:100% !important;
        min-height:45px;
        margin:12px 0 0 !important;
        padding:10px 12px !important;
        font-size:.88rem;
        touch-action:manipulation;
    }

}
@media screen and (max-width:360px){html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-hero{
        grid-template-columns:1fr;
    }
html:has(template[data-vk-css="css/pages/pages/badges.css"]) .badges-page-count{
        flex-direction:row;
        gap:6px;
        width:100% !important;
    }

}


/* css/pages/pages/home.css */
@media (max-width: 680px){html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-card{
        grid-template-columns: auto minmax(0, 1fr);
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-badge-link{
        grid-column: 1 / -1;
        text-align: center;
    }

}
@media (max-width: 980px){html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero{
        grid-template-columns: 1fr;
        text-align: center;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero-content{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-actions{
        justify-content: center;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover{
        width: min(72vw, 300px);
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-facts,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-books{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-features{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-community{
        align-items: flex-start;
        flex-direction: column;
    }

}
@media (max-width: 680px){html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home{
        width: calc(100% - 16px);
        max-width: none;
        padding: 8px 0 36px;
        overflow-x: hidden;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero{
        display: flex;
        min-height: 0;
        flex-direction: column;
        gap: 24px;
        padding: 24px 15px;
        border-radius: 14px;
        text-align: center;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero-content{
        width: 100%;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-kicker{
        margin-bottom: 9px;
        font-size: 0.72rem;
        letter-spacing: 0.11em;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home h1{
        width: 100%;
        font-size: clamp(2.35rem, 17vw, 3.45rem);
        line-height: 1;
        letter-spacing: -0.025em;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) body.vk-appearance:not(.vk-theme-v2) .vk-home h1{
        font-size: clamp(2.35rem, 12vw, 3.4rem) !important;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-subtitle{
        margin-top: 18px;
        font-size: 1rem;
        line-height: 1.55;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-intro{
        margin-top: 13px;
        font-size: 0.93rem;
        line-height: 1.6;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-actions,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-links{
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 9px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-actions{
        margin-top: 22px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-btn,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-actions .vk-home-btn,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-links .vk-home-btn{
        width: 100%;
        max-width: 100%;
        min-height: 46px;
        padding: 11px 14px;
        white-space: normal;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover{
        width: min(76vw, 260px);
        margin: 0 auto;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover img{
        transform: none;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover figcaption{
        margin-top: 11px;
        font-size: 0.78rem;
        line-height: 1.4;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-facts,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-books,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-features,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-start{
        grid-template-columns: minmax(0, 1fr);
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-facts{
        gap: 8px;
        margin-top: 10px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-fact{
        padding: 14px;
        border-radius: 11px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section{
        margin-top: 34px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section-header{
        margin-bottom: 16px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section h2,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-community h2{
        font-size: clamp(1.5rem, 8.5vw, 2rem);
        line-height: 1.15;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-section-header p{
        margin-top: 9px;
        font-size: 0.93rem;
        line-height: 1.55;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-prose{
        padding: 20px 15px;
        border-radius: 14px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-prose p{
        font-size: 0.94rem;
        line-height: 1.65;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-books,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-features,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-start{
        gap: 10px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-feature,
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-step{
        width: 100%;
        padding: 18px 15px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book-links{
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-book-links a{
        width: 100%;
        min-height: 40px;
        padding: 9px 10px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-upcoming{
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-pill{
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        border-radius: 12px;
        text-align: center;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-faq summary{
        padding: 15px;
        font-size: 0.94rem;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-faq p{
        padding: 15px 15px 18px;
        font-size: 0.91rem;
        line-height: 1.58;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-community{
        width: 100%;
        margin-top: 36px;
        padding: 21px 15px;
        border-radius: 14px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-community p{
        font-size: 0.93rem;
        line-height: 1.58;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-smallprint{
        margin-top: 24px;
        padding: 0 8px;
        font-size: 0.76rem;
    }

}
@media (max-width: 380px){html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home{
        width: calc(100% - 10px);
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-hero{
        padding: 21px 12px;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home h1{
        font-size: 2.35rem;
    }
html:has(template[data-vk-css="css/pages/pages/home.css"]) .vk-home-cover{
        width: min(82vw, 235px);
    }

}


/* css/pages/pages/marque_pages_lecture.css */
@media (max-width:760px){html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-grid{ grid-template-columns:1fr; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-hero{ padding:22px 15px 20px; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-topbar{ margin-bottom:15px; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-form{ grid-template-columns:1fr 110px; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-paper-save{ grid-column:1 / -1; width:100%; }

}
@media (max-width:430px){html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-vk{ padding-left:9px; padding-right:9px; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-card{ grid-template-columns:62px minmax(0,1fr); gap:10px; padding:9px; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-cover{ width:62px; height:91px; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-title{ font-size:.91rem; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-meta{ font-size:.72rem; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-resume{ font-size:.78rem; padding-left:8px; padding-right:8px; }
html:has(template[data-vk-css="css/pages/pages/marque_pages_lecture.css"]) .mp-menu{ width:190px; }

}


/* css/pages/pages/personnages.css */
@media (max-width:700px){html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-info-box{
        flex-direction:column;
        align-items:flex-start;
    }
html:has(template[data-vk-css="css/pages/pages/personnages.css"]) .perso-info-right{
        width:100%;
        justify-content:space-between;
        flex-wrap:wrap;
    }

}


/* css/pages/pages/tomes.css */
@media (max-width:700px){html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-toolbar{
        margin:0 auto 14px;
        padding:0 8px;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .library-bookmark-btn{
        width:auto;
        max-width:100%;
        min-width:0;
        min-height:34px;
        padding:6px 12px;
        font-size:.8rem;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-actions{
        width:calc(100% - 12px);
        max-width:245px;
        gap:4px;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-actions > .btn{
        min-width:0;
        min-height:32px;
        padding:5px 7px !important;
        font-size:.75rem !important;
        overflow:hidden;
        text-overflow:ellipsis;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options > summary.btn{
        width:36px;
        min-width:36px;
        min-height:32px;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu{
        right:0;
        min-width:140px;
        max-width:min(190px, calc(100vw - 24px));
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu a,
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .work-options-menu button{
        font-size:.75rem;
        padding:6px 7px;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .section-recueils{
        margin-top:32px;
        padding:0 10px;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .section-recueils h2{
        font-size:1.55rem;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .section-recueils p{
        margin-bottom:16px;
        font-size:.9rem;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .annexes-grid{
        grid-template-columns:minmax(0, 1fr);
        padding:0 10px;
    }
html:has(template[data-vk-css="css/pages/pages/tomes.css"]) .annex-card{
        padding:14px;
    }

}


/* css/pages/pdf_reader.css */
@media(max-width:700px){html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #annotation-panel{left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:58vh}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #annotation-info{order:4;width:calc(100vw - 16px)}
}
@media(max-width:600px){html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar{justify-content:center;gap:7px;padding-top:7px;padding-bottom:7px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .toolbar-group{gap:7px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar button{min-width:42px;min-height:42px;padding:7px 10px;font-size:1rem;border-radius:8px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #page-info{min-width:104px;max-width:118px;font-size:.85rem}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #save-info{width:auto;max-width:calc(100vw - 16px);font-size:.72rem;padding:4px 9px;order:3}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #pdf-container{padding-top:10px;padding-bottom:18px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) .page-shell canvas{max-width:none}
}
@media(max-width:380px){html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar{gap:6px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #reader-toolbar button{min-width:38px;min-height:40px;padding:6px 8px}
html:has(template[data-vk-css="css/pages/pdf_reader.css"]) #page-info{min-width:92px;max-width:104px;font-size:.8rem}
}


/* css/pages/persos/outils/create_perso.css */
@media (max-width:800px){html:has(template[data-vk-css="css/pages/persos/outils/create_perso.css"]) .two-cols{ grid-template-columns:1fr; }

}


/* css/admin-themes.css */
@media(max-width: 560px){html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-admin-head h1{ font-size: 1.8rem; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choices{ grid-template-columns: 1fr; }
html:has(template[data-vk-css="css/admin-themes.css"]) .vk-theme-choice-body{ min-height: 0; }
html:has(template[data-vk-css="css/admin-themes.css"]) body .vk-theme-submit{ width: 100%; }

}


/* css/style_hors-serie.css */
@media (max-width: 620px){html:has(template[data-vk-css="css/style_hors-serie.css"]) .hors-serie-page{
    padding-top: 30px;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-card{
    min-height: auto;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-card-top{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-view-gallery{
    max-width: 100%;
}
html:has(template[data-vk-css="css/style_hors-serie.css"]) .hs-page-img img{
    max-height: none;
}



}


/* css/pages/pages/autres_oeuvres.css */
/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */
@media (max-width: 720px){html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks{
        width: calc(100% - 16px);
        padding: 8px 0 36px;
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-hero{
        padding: 24px 15px;
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks h1{
        font-size: clamp(2.25rem, 15vw, 3.45rem);
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-intro{
        margin-top: 16px;
        font-size: .95rem;
        line-height: 1.6;
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-section{
        margin-top: 28px;
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-card{
        grid-template-columns: 1fr;
        min-height: 0;
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-mark{
        min-height: 150px;
        border-right: 0;
        border-bottom: 1px solid var(--ow-outline);
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-mark::before{
        width: 82px;
        font-size: 3rem;
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-card-body{
        padding: 22px 16px;
    }
html:has(template[data-vk-css="css/pages/pages/autres_oeuvres.css"]) .vk-otherworks-btn{
        width: 100%;
        margin-top: 2px;
    }

}


/* css/pages/makers/map_maker_varkal_V18.css : prise en main tactile. */
@media (max-width: 900px){html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .app{ grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(220px,55dvh) minmax(0,1fr); height: 100dvh; }
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .app > .stage,
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .app > .panel{ min-width: 0; min-height: 0; }
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .app > .panel{ overflow: auto; }
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .toolbar{ flex-wrap: nowrap; overflow-x: auto; max-width: 100vw; -webkit-overflow-scrolling: touch; }
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .toolbar > :is(button,select){ flex: 0 0 auto; min-height: 44px; }
html:has(template[data-vk-css="css/pages/makers/map_maker_varkal_V18.css"]) .map-wrap{ margin: 12px; }

}


/* css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css : prise en main tactile. */
@media (max-width: 900px){html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #app{ grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(170px,38dvh) minmax(0,1fr); height: 100dvh; }
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #app > aside,
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #app > :nth-child(2){ min-width: 0; min-height: 0; overflow: auto; }
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #app > aside{ padding: 12px; border-right: 0; border-bottom: 1px solid #5b4631; }
html:has(template[data-vk-css="css/pages/makers/generateur_arbre_varkal_images_v10_undo_alliance_or.css"]) #app aside button{ min-height: 42px; }

}


/* css/pages/makers/chronologie_varkal.css : prise en main tactile. */
@media (max-width: 700px){html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) header{ position: relative; padding: 12px; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) header h1{ font-size: 1.3rem; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .controls{ align-items: stretch; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .controls :is(button,input,select){ min-height: 42px; max-width: 100%; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal.css"]) .timeline{ max-height: 70dvh; max-width: 100%; overflow: auto; }

}


/* css/pages/makers/chronologie_varkal_v2_super.css : prise en main tactile. */
@media (max-width: 700px){html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) header{ position: relative; padding: 12px; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) header h1{ font-size: 1.3rem; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .controls{ align-items: stretch; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .controls :is(button,input,select){ min-height: 42px; max-width: 100%; }
html:has(template[data-vk-css="css/pages/makers/chronologie_varkal_v2_super.css"]) .timeline{ max-height: 70dvh; max-width: 100%; overflow: auto; }

}


/* css/pages/mini_jeux/mini_jeux.css : prise en main tactile. */
@media (max-width: 600px){html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeux-page{ padding: 20px 12px; }
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeux-title{ font-size: clamp(1.8rem,8vw,2.35rem); }
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeux-grid{ grid-template-columns: minmax(0,1fr); gap: 12px; }
html:has(template[data-vk-css="css/pages/mini_jeux/mini_jeux.css"]) .mini-jeu-card{ padding: 17px; }

}


/* css/pages/mini_jeux/quiz.css : prise en main tactile. */
@media (max-width: 600px){html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-varkal-page{ padding: 20px 12px; }
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-varkal-title{ font-size: clamp(1.75rem,8vw,2.3rem); }
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-card{ padding: 16px; }
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-difficulty-grid{ grid-template-columns: minmax(0,1fr); gap: 10px; }
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-difficulty-btn{ min-height: 76px; }
html:has(template[data-vk-css="css/pages/mini_jeux/quiz.css"]) .quiz-answer{ min-height: 46px; }

}


/* css/pages/mini_jeux/mes_scores.css : prise en main tactile. */
@media (max-width: 600px){html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-page{ padding: 20px 12px; }
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-title{ font-size: clamp(1.8rem,8vw,2.3rem); }
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-stats{ grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .score-stat-card{ padding: 12px; }
html:has(template[data-vk-css="css/pages/mini_jeux/mes_scores.css"]) .scores-table-wrapper{ max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

}

/* css/pages/rangs.css */
@media(max-width:820px){
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-page{
    width:calc(100% - 20px);
    margin:18px auto 45px;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-hero{
    padding:20px 16px;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-current{
    position:static;
    width:100%;
    min-width:0;
    margin-top:16px;
    text-align:left;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-flow{
    justify-content:flex-start;
    margin:14px 0;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-ranks-grid{
    grid-template-columns:1fr;
    gap:12px;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-card{
    padding:16px;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-card-head{
    grid-template-columns:46px minmax(0,1fr);
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-current-badge{
    grid-column:1 / -1;
    justify-self:start;
}
html:has(template[data-vk-css="css/pages/rangs.css"]) .vk-rank-symbol{
    width:42px;
    height:42px;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-role{
    grid-column:1 / -1;
    width:100%;
    min-height:36px;
    padding:4px 7px;
    overflow:hidden;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-role span{
    font-size:.58rem;
}
html:has(template[data-vk-css="css/pages/includes/header.css"]) #topbar .topbar-role strong{
    max-width:100%;
    overflow:hidden;
    font-size:.68rem;
    text-overflow:ellipsis;
}
}