/*
 * MEDIPHARM Super App v0.10.5 — Readability-first responsive typography
 * Goal: keep 100% browser zoom comfortably readable on phones, tablets,
 * MacBook-class displays and large desktop monitors without scaling the whole UI.
 */
:root{
    --syh-type-micro:12px;
    --syh-type-xs:12.5px;
    --syh-type-sm:13.5px;
    --syh-type-md:14.5px;
    --syh-type-body:15.5px;
    --syh-type-lg:16.5px;
    --syh-type-control:13.5px;
}

/* Shared shell and global search ------------------------------------------------ */
.syh-app, .syh-book-page, .syh-article-page, .syh-archive-page, .syh-member-page{font-size:var(--syh-type-body)}




.syh-button, .syh-search-shortcut{font-size:14px}














/* Home ------------------------------------------------------------------------- */
.syh-kicker{font-size:14px}
.syh-hero-lead{font-size:17px}
.syh-quick-links{font-size:14px}
.syh-device-top{font-size:14px}
.syh-device-title small{font-size:14px}
.syh-device-title strong{font-size:16px}
.syh-device-title>span{font-size:14px}
.syh-score-mini b{font-size:14px}
.syh-score-mini em{font-size:14px}
.syh-floating-chip span{font-size:14px}
.syh-floating-chip strong{font-size:14px}
.syh-floating-chip small{font-size:14px}

.syh-eyebrow, .syh-tool-eyebrow{font-size:14px;line-height:1.35}
.syh-section-heading>p, .syh-library-heading>div>p:last-child{font-size:15px;line-height:1.7}

.syh-trial-banner small{font-size:14px}
.syh-trial-banner strong{font-size:14px;line-height:1.35}
.syh-trial-banner>div>span{font-size:14px;line-height:1.4}
.syh-trial-banner>button{font-size:14px}

.syh-tool-badge strong{font-size:15px}
.syh-tool-badge small{font-size:14px}
.syh-tool-card h3{font-size:clamp(20px,1.25vw,24px)}
.syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14px;line-height:1.7}
.syh-tool-tags span{font-size:14px}
.syh-tool-link{font-size:14px}

/* Clinical Suite explorer: remove the 6.5–10px desktop text from v0.10.2/0.10.3. */
.syh-explorer-head h3{font-size:24px}
.syh-explorer-tabs button{font-size:14px}
.syh-item-mark{font-size:14px}
.syh-clinical-list strong{font-size:14px;line-height:1.3}
.syh-clinical-list small{font-size:14px;line-height:1.35}
.syh-clinical-list em{font-size:14px;line-height:1.2}
.syh-preview-topline{font-size:14px}
.syh-clinical-preview h4{font-size:30px}
.syh-clinical-preview>p{font-size:14px;line-height:1.6}
.syh-preview-sample small{font-size:14px}
.syh-preview-sample strong{font-size:14px;line-height:1.5}
.syh-preview-sample.is-abg small{font-size:14px}
.syh-preview-sample.is-abg strong{font-size:14px}
.syh-icd-sample small{font-size:14px}
.syh-preview-actions>small{font-size:14px;line-height:1.4}
.syh-preview-actions a{font-size:14px}

/* Library cards and calls to action. */
.syh-member-login small{font-size:14px}
.syh-member-login strong{font-size:14px}
.syh-library-open{font-size:14px}
.syh-library-filters button{font-size:14px}
.syh-library-copy>span{font-size:14px;line-height:1.35}
.syh-library-copy h3{font-size:16px;line-height:1.45}
.syh-library-copy>a, .syh-library-copy>button{font-size:14px}
.syh-access-note p{font-size:14px;line-height:1.55}
.syh-access-note p strong{font-size:14px}
.syh-access-note button, .syh-access-note>a{font-size:14px}

/* Trust strip and footer were visually under-scaled on 1440–1920px displays. */
.syh-trust-points>div>span{font-size:14px}
.syh-trust-points strong{font-size:14px;line-height:1.35}
.syh-trust-points small{font-size:14px;line-height:1.5}





/* Modal and account/login typography. */
.syh-modal-eyebrow{font-size:14px}
.syh-modal>p:not(.syh-eyebrow):not(.syh-register-prompt), .syh-modal>p{font-size:14px;line-height:1.6}
.syh-status-card span{font-size:14px}
.syh-status-card strong{font-size:14px}
.syh-membership-options span{font-size:14px}
.syh-modal-actions button, .syh-modal-actions a{font-size:14px}
.syh-sepay-note>span{font-size:14px}
.syh-sepay-note strong{font-size:14px}
.syh-sepay-note small{font-size:14px}
.syh-login-modal label{font-size:14px}
.syh-login-modal input[type=submit]{font-size:14px}
.syh-register-prompt{font-size:14px}

/* Library browser -------------------------------------------------------------- */
.syh-library-hero p{font-size:14px}
.syh-library-search input{font-size:14px}
.syh-library-search button{font-size:14px}
.syh-library-sidebar-head small{font-size:14px}
.syh-library-all, .syh-library-tree a{font-size:14px;line-height:1.4}
.syh-library-all b, .syh-library-tree a b{font-size:14px}
.syh-library-tree ul ul a{font-size:14px}
.syh-library-login-copy p{font-size:14px;line-height:1.5}
.syh-library-login-copy small{font-size:14px}
.syh-library-fallback-login label{font-size:14px}
.syh-library-fallback-login input[type=submit]{font-size:14px}
.syh-library-login-form>p{font-size:14px}
.syh-library-mobile-nav a{font-size:14px}
.syh-library-mobile-nav a b{font-size:14px}

/* Book, article, archive and member pages ------------------------------------- */





.syh-book-breadcrumb{font-size:14px;line-height:1.45}
.syh-book-cover-fallback small{font-size:14px}
.syh-book-cover-fallback i{font-size:14px}
.syh-book-taxonomy a{font-size:14px}
.syh-book-meta small{font-size:14px}
.syh-book-meta strong{font-size:14px}
.syh-book-access strong{font-size:14px}
.syh-book-access small{font-size:14px}
.syh-book-access>b{font-size:14px}
.syh-book-article-heading p, .syh-book-article-heading span{font-size:14px}
.syh-book-disclaimer strong{font-size:14px}
.syh-book-disclaimer p{font-size:14px;line-height:1.55}
.syh-content-gate .syh-eyebrow{font-size:14px}
.syh-content-gate label{font-size:14px}
.syh-book-side-title>span{font-size:14px}
.syh-book-side-title small{font-size:14px}
.syh-file-icon{font-size:14px}
.syh-file-copy strong{font-size:14px}
.syh-file-copy small{font-size:14px}
.syh-file-card>a{font-size:14px}
.syh-book-files-empty strong{font-size:14px}
.syh-book-files-empty small{font-size:14px}
.syh-download-policy{font-size:14px;line-height:1.5}
.syh-side-lock p{font-size:14px;line-height:1.5}
.syh-side-lock a{font-size:14px}
.syh-toc-card nav a{font-size:14px;line-height:1.45}
.syh-related-heading p{font-size:14px}
.syh-related-heading>a{font-size:14px}
.syh-related-grid article>p{font-size:14px;line-height:1.45}
.syh-related-grid article>a:last-child{font-size:14px}

.syh-article-meta, .syh-article-meta span{font-size:14px}
.syh-article-member-card small{font-size:14px}
.syh-article-member-card p{font-size:14px;line-height:1.5}
.syh-article-member-card>a{font-size:14px}
.syh-archive-hero>div>p{font-size:14px}
.syh-archive-search button{font-size:14px}
.syh-archive-toolbar{font-size:14px}
.syh-archive-cover>b{font-size:14px}
.syh-archive-card-copy>p{font-size:14px}
.syh-archive-card-copy>div{font-size:14px}
.syh-archive-card-copy>a{font-size:14px}
.syh-archive-pagination a, .syh-archive-pagination span{font-size:14px}

.syh-member-hero>div:first-child>p{font-size:14px}
.syh-member-hero>div:first-child>span{font-size:14px;line-height:1.65}
.syh-member-identity small{font-size:14px}
.syh-member-identity strong{font-size:14px}
.syh-member-identity em{font-size:14px}
.syh-member-plugin-content{font-size:14px;line-height:1.65}
.syh-member-plugin-content label{font-size:14px!important}
.syh-member-plugin-content button, .syh-member-plugin-content input[type=submit], .syh-member-plugin-content .button{font-size:14px!important}
.syh-member-plugin-content th, .syh-member-plugin-content td{font-size:14px!important;line-height:1.45}
.syh-member-status-card>small, .syh-member-shortcuts>small{font-size:14px}
.syh-member-status-card>p{font-size:14px}
.syh-member-status-card>a{font-size:14px}
.syh-member-shortcuts>a strong{font-size:14px}
.syh-member-shortcuts>a em{font-size:14px}

/* Tool wrapper and safe shell -------------------------------------------------- */
.syh-tool-shell-brand strong{font-size:14px}
.syh-tool-shell-brand small{font-size:14px}
.syh-tool-shell-home, .syh-tool-shell-account, .syh-tool-shell-login, .syh-tool-shell-register{font-size:14px}
.syh-security-notice-copy strong{font-size:14px}
.syh-security-notice-copy small{font-size:14px;line-height:1.45}
.syh-safe-tool-brand{font-size:14px}


.syh-safe-tool-home, .syh-safe-tool-account, .syh-safe-tool-register, .syh-safe-tool-login{font-size:14px}

/* Desktop/MacBook: keep density, but never shrink content text to micro sizes. */
@media(min-width:1100px){
    .syh-tools-section .syh-explorer-head h3{font-size:24px}
    .syh-tools-section .syh-clinical-preview h4{font-size:30px}
    .syh-tools-section .syh-clinical-list>button{min-height:78px;padding:11px 12px}
    .syh-tools-section .syh-item-mark{width:32px;height:32px;font-size:14px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
    .syh-tools-section .syh-clinical-list em{font-size:14px;padding:4px 6px}
    .syh-tools-section .syh-clinical-preview>p{font-size:14px}
    .syh-tools-section .syh-preview-actions a{font-size:14px}
}

/* Very wide screens should gain whitespace, not progressively smaller type. */
@media(min-width:1680px){
    :root{--syh-type-body:15.5px}
    .syh-section-heading>p, .syh-library-heading>div>p:last-child{font-size:15.5px}
    .syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14.5px}
    
}

/* Tablet ----------------------------------------------------------------------- */
@media(max-width:1080px){
    
    .syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14px}
    .syh-clinical-list strong{font-size:14px}
    .syh-clinical-list small{font-size:14px}
    .syh-preview-actions>small{font-size:14px}
}

/* Phone: compact spatially, not typographically. */
@media(max-width:720px){
    :root{
        --syh-type-micro:12px;
        --syh-type-xs:12px;
        --syh-type-sm:13px;
        --syh-type-md:14px;
        --syh-type-body:14.5px;
        --syh-type-lg:15.5px;
    }
    
    
    .syh-kicker{font-size:14px}
    .syh-hero-lead{font-size:15.5px}
    .syh-quick-links{font-size:14px}
    .syh-section-heading>p, .syh-library-heading>div>p:last-child{font-size:14px}
    .syh-eyebrow, .syh-tool-eyebrow{font-size:14px}
    .syh-trial-banner small{font-size:14px}
    .syh-trial-banner strong{font-size:14px}
    .syh-trial-banner>div>span{font-size:14px}
    .syh-trial-banner>button{font-size:14px}
    .syh-tools-section .syh-trial-banner small{font-size:14px}
    .syh-tools-section .syh-trial-banner strong{font-size:14px}
    .syh-tools-section .syh-trial-banner>button{font-size:14px}
    .syh-tools-section .syh-tool-eyebrow{font-size:14px}
    .syh-tool-card h3{font-size:19px}
    .syh-tool-card>p:not(.syh-tool-eyebrow){font-size:14px}
    .syh-tool-tags span{font-size:14px}
    .syh-tool-link{font-size:14px}
    .syh-tools-section .syh-tool-link{font-size:14px}
    .syh-explorer-head h3{font-size:21px}
    .syh-explorer-tabs button{font-size:14px}
    .syh-tools-section .syh-explorer-head h3{font-size:21px}
    .syh-tools-section .syh-explorer-tabs button{font-size:14px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
    .syh-tools-section .syh-clinical-preview h4{font-size:23px}
    .syh-tools-section .syh-clinical-preview>p{font-size:14px;line-height:1.55}
    .syh-tools-section .syh-preview-actions a{font-size:14px}
    .syh-library-copy>span{font-size:14px}
    .syh-library-copy h3{font-size:14px}
    .syh-library-copy>a, .syh-library-copy>button{font-size:14px}
    .syh-access-note p{font-size:14px}
    .syh-access-note p strong{font-size:14px}
    .syh-trust-points strong{font-size:14px}
    .syh-trust-points small{font-size:14px}
    
    
    
    
    
    
    .syh-member-plugin-content{font-size:14px}
}

@media(max-width:390px){
    .syh-tools-section .syh-tool-card h3{font-size:17px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
}

/* Standalone protected reader -------------------------------------------------- */
.syh-reader-back{font-size:14px}
.syh-reader-brand strong{font-size:14px}
.syh-reader-brand small{font-size:14px}
.syh-reader-heading small{font-size:14px}
.syh-reader-heading strong{font-size:14px}
.syh-reader-header-actions button, .syh-reader-header-actions a{font-size:14px}
.syh-reader-loading small{font-size:14px}
.syh-reader-error p{font-size:14px;line-height:1.55}
.syh-reader-error a{font-size:14px}
.syh-reader-toc nav button{font-size:14px;line-height:1.45}
.syh-reader-toolbar button{font-size:14px}
.syh-reader-toolbar output{font-size:14px}
.syh-reader-watermark span{font-size:14px}
@media(max-width:720px){
    .syh-reader-back{font-size:14px}
    .syh-reader-brand strong{font-size:14px}
    .syh-reader-heading strong{font-size:14px}
    .syh-reader-header-actions button, .syh-reader-header-actions a{font-size:14px}
    .syh-reader-toolbar button, .syh-reader-toolbar output{font-size:14px}
}


/* v0.10.5 — full typography audit ------------------------------------------------
 * Readability floor: user-facing text is not intentionally rendered below 12px.
 * Decorative initials/glyphs are also normalized so they do not look optically tiny.
 */
.syh-member-login>span:first-child, .syh-dictionary-sample>span, .syh-book-rank, .syh-tool-glyph, .syh-tools-section .syh-tool-glyph{font-size:14px}
.syh-dictionary-sample small{font-size:14px;line-height:1.5}

/* Library taxonomy is a primary navigation surface, not micro metadata. */
.syh-library-sidebar-head small{font-size:14px;line-height:1.35}
.syh-library-sidebar-head strong{font-size:18px;line-height:1.3}
.syh-library-all, .syh-library-tree a{font-size:14px;line-height:1.45}
.syh-library-tree ul ul a{font-size:14px;line-height:1.45}
.syh-library-all b, .syh-library-tree a b{font-size:14px}
.syh-library-mobile-nav a{font-size:14px}
.syh-library-mobile-nav a b{font-size:14px}

/* Metadata, helper copy and secondary controls: retain hierarchy without tiny type. */
.syh-device-title small, .syh-trial-banner small, .syh-tool-badge small, .syh-tool-tags span, .syh-preview-topline, .syh-preview-sample small, .syh-preview-actions>small, .syh-member-login small, .syh-library-copy>span, .syh-trust-points>div>span, .syh-modal-eyebrow, .syh-status-card span, .syh-sepay-note small, .syh-book-breadcrumb, .syh-book-cover-fallback small, .syh-book-taxonomy a, .syh-book-meta small, .syh-book-access small, .syh-book-article-heading p, .syh-book-article-heading span, .syh-book-side-title small, .syh-file-copy small, .syh-book-files-empty small, .syh-download-policy, .syh-side-lock p, .syh-toc-card nav a, .syh-related-heading p, .syh-related-grid article>p, .syh-article-meta, .syh-article-meta span, .syh-article-member-card small, .syh-archive-hero>div>p, .syh-archive-cover>b, .syh-archive-card-copy>p, .syh-archive-card-copy>div, .syh-member-hero>div:first-child>p, .syh-member-identity small, .syh-member-identity em, .syh-member-status-card>small, .syh-member-shortcuts>small, .syh-member-status-card>p, .syh-member-shortcuts>a em, .syh-tool-shell-brand small, .syh-security-notice-copy small, .syh-reader-brand small, .syh-reader-heading small, .syh-reader-watermark span{font-size:14px;line-height:1.45}

.syh-score-mini em, .syh-floating-chip span, .syh-floating-chip small, .syh-item-mark, .syh-clinical-list em, .syh-preview-sample.is-abg small, .syh-membership-options span, .syh-sepay-note>span{font-size:14px}

/* Primary labels and actions should read comfortably at 100% zoom. */
.syh-clinical-list strong{font-size:14px}
.syh-clinical-list small{font-size:14px}
.syh-explorer-tabs button{font-size:14px}
.syh-preview-actions a{font-size:14px}
.syh-library-copy h3{font-size:16.5px}
.syh-library-copy>a, .syh-library-copy>button{font-size:14px}

.syh-tool-shell-home, .syh-tool-shell-account, .syh-tool-shell-login, .syh-tool-shell-register, .syh-safe-tool-home, .syh-safe-tool-account, .syh-safe-tool-register, .syh-safe-tool-login{font-size:14px}

/* Give the category tree enough physical width for the larger readable type. */
@media(min-width:961px){
    .syh-library-browser{grid-template-columns:300px minmax(0,1fr);gap:28px}
    .syh-library-sidebar{padding:20px 16px}
    .syh-library-sidebar-head{padding:5px 8px 16px}
    .syh-library-all, .syh-library-tree a{min-height:43px;padding:9px 10px}
    .syh-library-tree ul ul{margin-left:12px;padding-left:12px}
    .syh-library-tree ul ul a{min-height:38px;padding-top:8px;padding-bottom:8px}
    .syh-library-all b, .syh-library-tree a b{min-width:30px;height:24px;padding:0 6px}
}
@media(min-width:1380px){
    .syh-library-browser{grid-template-columns:320px minmax(0,1fr);gap:30px}
}

/* Tablet and phone: compact spacing instead of shrinking text. */
@media(max-width:1080px){
    .syh-clinical-list strong{font-size:14px}
    .syh-clinical-list small{font-size:14px}
    .syh-preview-actions>small{font-size:14px}
}
@media(max-width:720px){
    
    .syh-eyebrow, .syh-tool-eyebrow{font-size:14px}
    .syh-trial-banner small, .syh-trial-banner>div>span{font-size:14px}
    .syh-tools-section .syh-tool-eyebrow{font-size:14px}
    .syh-tool-tags span{font-size:14px}
    .syh-explorer-tabs button, .syh-tools-section .syh-explorer-tabs button{font-size:14px}
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
    .syh-library-copy>span{font-size:14px}
    .syh-library-copy>a, .syh-library-copy>button{font-size:14px}
    
    
    .syh-reader-back, .syh-reader-heading strong, .syh-reader-header-actions button, .syh-reader-header-actions a, .syh-reader-toolbar button, .syh-reader-toolbar output{font-size:14px}
}
@media(max-width:390px){
    .syh-tools-section .syh-clinical-list strong{font-size:14px}
    .syh-tools-section .syh-clinical-list small{font-size:14px}
}

/* v0.10.6 — End-user file access UI: simple copy, centered desktop CTA, resilient mobile forms. */
.syh-book-content .syh-file-card{
    width:min(680px,100%);
    margin:34px auto;
    padding:18px 20px;
    grid-template-columns:54px minmax(0,1fr) auto;
    align-items:center;
    gap:14px 16px;
    border:1px solid #d5e4ee;
    border-radius:18px;
    background:linear-gradient(135deg,#f8fbfe 0%,#f2f7fb 100%);
    box-shadow:0 10px 28px rgba(25,62,96,.07);
    box-sizing:border-box;
}
.syh-book-content .syh-file-icon{
    grid-row:auto;
    width:54px;
    height:54px;
    border-radius:14px;
    font-size:14px;
}
.syh-book-content .syh-file-copy{gap:5px}
.syh-book-content .syh-file-copy strong{
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
    font-size:15px;
    line-height:1.35;
}
.syh-book-content .syh-file-copy small{font-size:14px;line-height:1.45}
.syh-book-content .syh-file-card>a{
    grid-column:auto;
    width:auto;
    max-width:none;
    min-width:154px;
    min-height:46px;
    padding:0 20px;
    border-radius:12px;
    font-size:14px;
    box-shadow:0 7px 18px rgba(36,99,212,.16);
}
.syh-book-content .syh-file-card.is-locked>a{min-width:190px}

/* Sidebar variant remains compact, but no micro-copy. */
.syh-download-panel .syh-file-card{padding:14px;border-radius:14px}
.syh-download-panel .syh-file-copy strong{font-size:14px;line-height:1.35}
.syh-download-panel .syh-file-copy small{font-size:14px;line-height:1.4}
.syh-download-panel .syh-file-card>a{min-height:42px;font-size:14px}
.syh-book-files-empty strong{font-size:14px;line-height:1.4}
.syh-book-files-empty small{font-size:14px;line-height:1.5}
.syh-side-lock h3{font-size:17px;line-height:1.3}
.syh-side-lock p{font-size:14px;line-height:1.55}
.syh-side-lock a{width:100%;min-height:44px;font-size:14px;box-sizing:border-box}

/* Login/content gate: do not force third-party membership forms into a desktop grid. */
.syh-book-content .syh-content-gate{
    width:min(700px,100%);
    max-width:700px!important;
    margin:30px auto!important;
    padding:32px!important;
    box-sizing:border-box!important;
}
.syh-member-login-embed{
    width:100%;
    min-width:0;
    max-width:100%;
    margin-top:22px;
    box-sizing:border-box;
    overflow-wrap:anywhere;
}
.syh-member-login-embed>*{max-width:100%;box-sizing:border-box}
.syh-member-login-embed form{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
}
.syh-member-login-embed form p{width:100%;max-width:100%;margin:0 0 14px!important;box-sizing:border-box}
.syh-member-login-embed label{font-size:14px!important;line-height:1.45}
.syh-member-login-embed input[type=text], .syh-member-login-embed input[type=email], .syh-member-login-embed input[type=password], .syh-member-login-embed input[type=tel], .syh-member-login-embed input[type=number], .syh-member-login-embed select, .syh-member-login-embed textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
.syh-member-login-embed input[type=text], .syh-member-login-embed input[type=email], .syh-member-login-embed input[type=password], .syh-member-login-embed input[type=tel], .syh-member-login-embed input[type=number], .syh-member-login-embed select{min-height:46px!important}
.syh-member-login-embed button, .syh-member-login-embed input[type=submit], .syh-member-login-embed .button{
    max-width:100%!important;
    min-height:44px!important;
    box-sizing:border-box!important;
    font-size:14px!important;
}
.syh-content-gate .syh-gate-register{font-size:14px;line-height:1.55}

@media(max-width:780px){
    .syh-download-panel{width:100%;box-sizing:border-box}
    .syh-download-panel .syh-book-files, .syh-download-panel .syh-file-card{width:100%;min-width:0;box-sizing:border-box}
    .syh-book-content .syh-content-gate{width:100%;max-width:100%!important;margin:22px auto!important;padding:24px 20px!important}
}
@media(max-width:620px){
    .syh-book-content .syh-file-card{
        width:100%;
        margin:26px auto;
        padding:15px;
        grid-template-columns:48px minmax(0,1fr);
        gap:12px;
        border-radius:16px;
    }
    .syh-book-content .syh-file-icon{width:48px;height:48px;border-radius:12px}
    .syh-book-content .syh-file-copy strong{font-size:14px}
    .syh-book-content .syh-file-copy small{font-size:14px}
    .syh-book-content .syh-file-card>a, .syh-book-content .syh-file-card.is-locked>a{
        grid-column:1/-1;
        width:100%;
        min-width:0;
        max-width:100%;
        min-height:46px;
        padding:0 14px;
        box-sizing:border-box;
    }
    .syh-member-login-embed button, .syh-member-login-embed input[type=submit], .syh-member-login-embed .button{width:100%!important}
    .syh-content-gate h2{font-size:22px!important;line-height:1.22}
    .syh-content-gate>p:not(.syh-eyebrow){font-size:14px;line-height:1.6}
}

html.nah-sdp-night-active .syh-book-content .syh-file-card, html.nah-sdp-dark-mode .syh-book-content .syh-file-card{
    border-color:#2a3a4e;
    background:linear-gradient(135deg,#152235 0%,#101c2d 100%);
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}
html.nah-sdp-night-active .syh-book-content .syh-file-copy strong, html.nah-sdp-dark-mode .syh-book-content .syh-file-copy strong{color:var(--syh-book-ink)}
html.nah-sdp-night-active .syh-book-content .syh-file-copy small, html.nah-sdp-dark-mode .syh-book-content .syh-file-copy small{color:var(--syh-book-muted)}

/* YHLS v0.1.0 final typography guard */
.yhls-app, .yhls-article-app, .yhls-library-app, .yhls-archive-app, .yhls-member-app{font-size:16px}
.yhls-app button, .yhls-app a, .yhls-article-app button, .yhls-article-app a, .yhls-library-app button, .yhls-library-app a, .yhls-archive-app button, .yhls-archive-app a, .yhls-member-app button, .yhls-member-app a{font-size:max(14px,1em)}
.yhls-specialty-sidebar .syh-library-sidebar-head small{font-size:14px}.yhls-specialty-sidebar .syh-library-sidebar-head strong{font-size:18px}.yhls-specialty-sidebar .syh-library-all, .yhls-specialty-sidebar .syh-library-tree a{font-size:14px;line-height:1.4}.yhls-specialty-sidebar .syh-library-tree ul ul a{font-size:14px}.yhls-specialty-sidebar .syh-library-all b, .yhls-specialty-sidebar .syh-library-tree a b{font-size:14px}


/* YHLS v0.3.0 — canonical category tree + inline Clinical Access ---------------- */
.yhls-specialty-sidebar .syh-library-sidebar-head span{
    color:var(--syh-book-muted);
    font-size:14px;
    line-height:1.45;
}
.yhls-specialty-sidebar .syh-library-tree>ul>li>a{font-weight:790}
.yhls-specialty-sidebar .syh-library-tree ul ul a{padding-left:10px}

.yhls-mobile-category-nav{display:none}
.yhls-library-mobile-subnav{display:none}

.yhls-inline-access{
    width:min(760px,100%)!important;
    max-width:760px!important;
    margin:36px auto!important;
    padding:32px!important;
    overflow:hidden;
}
.yhls-access-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:22px 0 0;
    padding:5px;
    border:1px solid var(--syh-book-line,#d8e2ec);
    border-radius:14px;
    background:var(--syh-book-bg,#f5f8fb);
}
.yhls-access-tabs button, .yhls-access-tabs a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    border:0;
    border-radius:10px;
    padding:0 14px;
    background:transparent;
    color:var(--syh-book-muted,#586b80)!important;
    font-size:14px!important;
    font-weight:780;
    text-decoration:none!important;
    cursor:pointer;
}
.yhls-access-tabs button.is-active{
    background:var(--syh-book-paper,#fff);
    color:var(--syh-book-blue,#2463d4)!important;
    box-shadow:0 5px 16px rgba(30,62,94,.09);
}
.yhls-access-panel{margin-top:20px}
.yhls-access-panel[hidden]{display:none!important}
.yhls-access-panel.is-active{display:block}
.yhls-access-panel .syh-modal, .yhls-access-panel .yhls-access-card, .yhls-access-panel [class*="login-card"], .yhls-access-panel [class*="register-card"]{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-shadow:none!important;
}
.yhls-access-panel input, .yhls-access-panel select, .yhls-access-panel textarea, .yhls-access-panel button, .yhls-access-panel .button{max-width:100%!important;box-sizing:border-box!important}
.yhls-access-panel :is(p,li,small,label,a,button,input,select,textarea,span){font-size:14px!important;line-height:1.5}

/* Final readability floor for end-user UI. This layer is loaded last. */
.yhls-app :is(small,label), .yhls-article-app :is(small,label), .yhls-library-app :is(small,label), .yhls-archive-app :is(small,label), .yhls-member-app :is(small,label){font-size:14px!important;line-height:1.4}
.yhls-app :is(input,select,textarea,button), .yhls-article-app :is(input,select,textarea,button), .yhls-library-app :is(input,select,textarea,button), .yhls-archive-app :is(input,select,textarea,button), .yhls-member-app :is(input,select,textarea,button){font-size:14px!important}
.yhls-app .syh-eyebrow, .yhls-article-app .syh-eyebrow, .yhls-library-app .syh-eyebrow, .yhls-archive-app .syh-eyebrow, .yhls-member-app .syh-eyebrow{font-size:14px!important}

@media(max-width:960px){
    .yhls-mobile-category-nav{display:block;position:relative;z-index:24}
    .yhls-library-mobile-subnav{
        display:flex;
        gap:8px;
        margin:0 calc(50% - 50vw);
        padding:7px max(20px,calc((100vw - min(100% - 40px,1180px))/2)) 10px;
        overflow-x:auto;
        background:rgba(248,250,252,.96);
        border-bottom:1px solid var(--syh-book-line);
        scrollbar-width:none;
        overscroll-behavior-inline:contain;
    }
    .yhls-library-mobile-subnav::-webkit-scrollbar{display:none}
    .yhls-library-mobile-subnav a{
        display:flex;
        align-items:center;
        gap:7px;
        flex:0 0 auto;
        min-height:36px;
        padding:0 11px;
        border:1px solid var(--syh-book-line);
        border-radius:10px;
        background:var(--syh-book-paper);
        color:var(--syh-book-ink);
        font-size:14px!important;
        font-weight:720;
        white-space:nowrap;
    }
    .yhls-library-mobile-subnav a b{font-size:14px!important;color:var(--syh-book-muted)}
    .yhls-library-mobile-subnav a.is-active{border-color:var(--syh-book-blue);background:#edf5ff;color:var(--syh-book-blue)}
}
@media(max-width:620px){
    .yhls-inline-access{width:100%!important;margin:26px auto!important;padding:22px 16px!important;border-radius:18px!important}
    .yhls-access-tabs{grid-template-columns:1fr;margin-top:18px}
    .yhls-access-tabs button, .yhls-access-tabs a{min-height:44px;font-size:14px!important}
    .yhls-access-panel{margin-top:16px}
    .yhls-library-mobile-subnav{padding-left:14px;padding-right:14px}
}
html.nah-sdp-night-active .yhls-library-mobile-subnav, html.nah-sdp-dark-mode .yhls-library-mobile-subnav{background:rgba(9,20,33,.96);border-color:var(--syh-book-line)}
html.nah-sdp-night-active .yhls-access-tabs, html.nah-sdp-dark-mode .yhls-access-tabs{background:#0e1b2b;border-color:#2a3a4e}
html.nah-sdp-night-active .yhls-access-tabs button.is-active, html.nah-sdp-dark-mode .yhls-access-tabs button.is-active{background:#17283b;color:#8fc4ff!important}

/* v0.6.0-beta.2.5 — membership access cleanup -------------------------------- */
.yhls-inline-access, .yhls-member-plugin-content.yhls-membership-stage{
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
    border:1px solid #dce7f2;
    border-radius:24px;
    box-shadow:0 18px 48px rgba(22,43,73,.08);
}
.yhls-access-grid{
    display:grid;
    grid-template-columns:minmax(240px,290px) minmax(0,1fr);
    gap:24px;
    align-items:stretch;
}
.yhls-access-aside{
    padding:26px;
    border-radius:20px;
    background:linear-gradient(180deg,#0b74b7 0%,#0d8a9c 54%,#109687 100%);
    color:#fff;
}
.yhls-access-aside .syh-eyebrow, .yhls-access-aside h2, .yhls-access-aside p, .yhls-access-aside li{color:#fff!important}
.yhls-access-aside h2{margin:8px 0 12px;font-size:29px!important;line-height:1.16;font-weight:820}
.yhls-access-aside p{font-size:14px!important;line-height:1.72;margin:0}
.yhls-access-benefits{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.yhls-access-benefits li{
    position:relative;
    padding-left:18px;
    font-size:14px!important;
    line-height:1.66;
}
.yhls-access-benefits li::before{
    content:"•";
    position:absolute;
    left:0;
    top:0;
    font-weight:800;
}
.yhls-access-register-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    margin-top:20px;
    padding:0 18px;
    border-radius:14px;
    background:#fff;
    color:#0d61c7!important;
    font-size:14px!important;
    font-weight:800;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(8,33,74,.16);
}
.yhls-access-main{
    padding:24px;
    border-radius:20px;
    border:1px solid #e2ebf4;
    background:#fff;
}
.yhls-access-main .syh-eyebrow{margin:0 0 6px}
.yhls-access-title{margin:0;font-size:24px!important;line-height:1.22;font-weight:820;color:var(--syh-book-ink)}
.yhls-access-copy{margin:10px 0 0;font-size:14px!important;line-height:1.68;color:var(--syh-book-muted)}
.yhls-access-footer{
    display:flex;
    flex-wrap:wrap;
    gap:8px 10px;
    align-items:center;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #e6eef5;
    font-size:14px!important;
    line-height:1.55;
    color:var(--syh-book-muted);
}
.yhls-access-footer a{font-size:14px!important;font-weight:770}

.yhls-member-plugin-content.yhls-membership-stage{
    padding:26px!important;
}
.yhls-member-plugin-content.yhls-membership-stage > *{
    width:100%;
    max-width:760px;
    margin-left:auto!important;
    margin-right:auto!important;
}
.yhls-member-plugin-content .yhls-membership-form, .yhls-access-panel .yhls-membership-form, .syh-global-login-backdrop .yhls-membership-form, .yhls-member-plugin-content form, .yhls-access-panel form, .syh-global-login-backdrop form{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.yhls-member-plugin-content :is(.row,[class*="row"],[class*="col"],[class*="grid"],[class*="column"]), .yhls-access-panel :is(.row,[class*="row"],[class*="col"],[class*="grid"],[class*="column"]), .syh-global-login-backdrop :is(.row,[class*="row"],[class*="col"],[class*="grid"],[class*="column"]){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    float:none!important;
    display:block!important;
    grid-template-columns:1fr!important;
    flex:none!important;
}
.yhls-member-plugin-content :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea), .yhls-access-panel :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea), .syh-global-login-backdrop :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea){
    width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
    padding:0 15px!important;
    border:1px solid #d8e3ef!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#17324e!important;
    box-sizing:border-box!important;
    font-size:14px!important;
    line-height:1.5!important;
}
.yhls-member-plugin-content textarea, .yhls-access-panel textarea, .syh-global-login-backdrop textarea{min-height:120px!important;padding:14px 15px!important}
.yhls-member-plugin-content :is(input,textarea)::placeholder, .yhls-access-panel :is(input,textarea)::placeholder, .syh-global-login-backdrop :is(input,textarea)::placeholder{opacity:0!important;color:transparent!important}
.yhls-member-plugin-content label, .yhls-access-panel label, .syh-global-login-backdrop label{
    display:block!important;
    margin:0 0 7px!important;
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:730!important;
    color:var(--syh-book-ink)!important;
}
.yhls-member-plugin-content p, .yhls-access-panel p, .syh-global-login-backdrop p{font-size:14px!important;line-height:1.65!important}
.yhls-member-plugin-content small, .yhls-access-panel small, .syh-global-login-backdrop small, .yhls-member-plugin-content .description, .yhls-access-panel .description, .syh-global-login-backdrop .description, .yhls-member-plugin-content [class*="hint"], .yhls-access-panel [class*="hint"], .syh-global-login-backdrop [class*="hint"], .yhls-member-plugin-content [class*="help-text"], .yhls-access-panel [class*="help-text"], .syh-global-login-backdrop [class*="help-text"]{
    font-size:14px!important;
    line-height:1.5!important;
    color:var(--syh-book-muted)!important;
}
.yhls-member-plugin-content :is(button,input[type=submit],.button,a.button), .yhls-access-panel :is(button,input[type=submit],.button,a.button), .syh-global-login-backdrop :is(button,input[type=submit],.button,a.button){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:46px!important;
    padding:0 18px!important;
    border-radius:14px!important;
    border:0!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
}
.yhls-member-plugin-content input[type=checkbox], .yhls-access-panel input[type=checkbox], .syh-global-login-backdrop input[type=checkbox]{min-height:0!important;width:auto!important}
.yhls-member-plugin-content .login-remember, .yhls-access-panel .login-remember, .syh-global-login-backdrop .login-remember{display:flex!important;align-items:center;gap:8px}
.yhls-member-plugin-content .login-remember label, .yhls-access-panel .login-remember label, .syh-global-login-backdrop .login-remember label{margin:0!important}

@media(max-width:860px){
    .yhls-access-grid{grid-template-columns:1fr}
    .yhls-access-aside, .yhls-access-main{padding:22px}
}
@media(max-width:620px){
    .yhls-inline-access, .yhls-member-plugin-content.yhls-membership-stage{border-radius:20px!important}
    .yhls-access-aside h2{font-size:24px!important}
    .yhls-access-title{font-size:20px!important}
    .yhls-member-plugin-content.yhls-membership-stage{padding:18px!important}
}

/* v0.6.0-beta.3.1 — dedicated frontend authentication ----------------------- */
.yhls-auth-app{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f5faff 0%,#edf6fb 100%)}
.yhls-auth-main{flex:1;display:grid;align-items:center;padding:clamp(28px,5vw,72px) 0}
.yhls-auth-shell{width:min(1080px,calc(100% - clamp(28px,5vw,72px)))!important}
.yhls-auth-card{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);overflow:hidden;border:1px solid #d9e6ef;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(18,57,91,.12)}
.yhls-auth-intro{position:relative;overflow:hidden;padding:clamp(30px,4vw,54px);background:linear-gradient(145deg,#073f88 0%,#087fc2 54%,#0b9ead 100%);color:#fff}
.yhls-auth-intro:before, .yhls-auth-intro:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.yhls-auth-intro:before{width:280px;height:280px;right:-130px;top:-110px}.yhls-auth-intro:after{width:220px;height:220px;left:-120px;bottom:-130px}
.yhls-auth-icon{position:relative;z-index:1;width:64px;height:64px;display:grid;place-items:center;margin-bottom:22px;border-radius:18px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.yhls-auth-icon img{width:48px;height:48px;object-fit:contain}
.yhls-auth-intro .syh-eyebrow{position:relative;z-index:1;margin:0;color:#dff7ff!important;font-size:14px!important;font-weight:850;letter-spacing:.13em}
.yhls-auth-intro h1{position:relative;z-index:1;margin:9px 0 14px;color:#fff;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.025em}
.yhls-auth-intro>p:not(.syh-eyebrow){position:relative;z-index:1;margin:0;color:rgba(255,255,255,.86);font-size:14px;line-height:1.7}
.yhls-auth-intro ul{position:relative;z-index:1;margin:26px 0 0;padding:0;display:grid;gap:13px;list-style:none}
.yhls-auth-intro li{position:relative;padding-left:22px;color:rgba(255,255,255,.92);font-size:14px;line-height:1.6}
.yhls-auth-intro li:before{content:"✓";position:absolute;left:0;top:0;color:#fff;font-weight:900}
.yhls-auth-form-panel{min-width:0;padding:clamp(30px,5vw,60px)}
.yhls-auth-form-head{margin-bottom:24px}.yhls-auth-form-head h2{margin:0;color:#10283f;font-size:26px;line-height:1.2}.yhls-auth-form-head p{margin:8px 0 0;color:#6b7e91;font-size:14px;line-height:1.6}
.yhls-auth-form-panel form{display:grid!important;grid-template-columns:1fr!important;gap:15px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.yhls-auth-form-panel form p{margin:0!important}
.yhls-auth-form-panel label{display:block!important;margin:0 0 7px!important;color:#203a53!important;font-size:14px!important;font-weight:760!important}
.yhls-auth-form-panel input[type=text], .yhls-auth-form-panel input[type=email], .yhls-auth-form-panel input[type=password]{width:100%!important;height:50px!important;border:1px solid #d6e2ed!important;border-radius:13px!important;padding:0 14px!important;background:#fbfdff!important;color:#10283f!important;font-size:14px!important;box-shadow:none!important;outline:none!important}
.yhls-auth-form-panel input:focus{border-color:#2688d0!important;box-shadow:0 0 0 3px rgba(38,136,208,.12)!important}
.yhls-auth-form-panel .login-remember label{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-weight:650!important;color:#5f7183!important}
.yhls-auth-form-panel .login-remember input{width:17px!important;height:17px!important;accent-color:#087fc2}
.yhls-auth-form-panel .login-submit input, .yhls-auth-primary{width:100%!important;min-height:48px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:13px!important;padding:0 18px!important;background:linear-gradient(135deg,#063d78,#087fc2)!important;color:#fff!important;font-size:14px!important;font-weight:820!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(8,84,154,.18)!important}
.yhls-auth-form-panel .yhls-custom-login-links{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:2px 0 0!important;padding-top:4px!important;color:#8190a0!important}
.yhls-auth-form-panel .yhls-custom-login-links a{font-size:14px!important;color:#087fc2!important;font-weight:740!important}
.yhls-auth-form-panel .yhls-custom-login-links span{display:none}
.yhls-auth-register-cta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:22px;padding-top:20px;border-top:1px solid #e6eef5;color:#6b7e91;font-size:14px}.yhls-auth-register-cta a{font-size:14px;font-weight:780;color:#087fc2}
.yhls-auth-message{margin:0 0 20px;padding:12px 14px;border:1px solid #d9e6ee;border-radius:12px;background:#f5f9fc;color:#31506d;font-size:14px;line-height:1.55}.yhls-auth-message.is-error{border-color:#f2c2c2;background:#fff4f4;color:#8b2929}.yhls-auth-message.is-success{border-color:#bfe5d6;background:#f1fbf7;color:#17674e}
.yhls-password-note{color:#718397!important;font-size:14px!important;line-height:1.55!important}.yhls-auth-bottom-link{margin:20px 0 0!important;text-align:center}.yhls-auth-bottom-link a{font-size:14px;color:#087fc2;font-weight:750}
.yhls-auth-signed-in{text-align:center}.yhls-auth-signed-in h2{font-size:26px}.yhls-auth-signed-in p{color:#6b7e91;font-size:14px}.yhls-auth-secondary{min-height:44px;display:grid;place-items:center;margin-top:10px;border:1px solid #d8e4ed;border-radius:12px;color:#31506d!important;font-size:14px;font-weight:750}

/* Registration/payment screen: keep third-party SePay logic inside MEDIPHARM UI. */
.yhls-member-plugin-content.yhls-membership-stage{max-width:860px!important;margin-inline:auto!important}
.yhls-member-plugin-content.yhls-membership-stage form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important}
.yhls-member-plugin-content.yhls-membership-stage form>p, .yhls-member-plugin-content.yhls-membership-stage form>div{min-width:0!important;max-width:100%!important}
.yhls-member-plugin-content.yhls-membership-stage form :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select){min-height:50px!important;border-radius:13px!important;font-size:14px!important}
.yhls-member-plugin-content.yhls-membership-stage form :is(input[type=submit],button,.button){min-height:48px!important;border-radius:13px!important;font-size:14px!important}
.yhls-member-plugin-content.yhls-membership-stage form>p:last-child, .yhls-member-plugin-content.yhls-membership-stage form>[class*="submit"], .yhls-member-plugin-content.yhls-membership-stage form>[class*="payment"], .yhls-member-plugin-content.yhls-membership-stage form>[class*="qr"]{grid-column:1/-1!important}

@media(max-width:900px){.yhls-auth-card{grid-template-columns:1fr}.yhls-auth-intro{padding:30px}.yhls-auth-intro ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.yhls-auth-intro li{padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07)}.yhls-auth-intro li:before{display:none}.yhls-auth-form-panel{padding:32px}}
@media(max-width:680px){.yhls-auth-main{align-items:start;padding:20px 0 34px}.yhls-auth-shell{width:calc(100% - 24px)!important}.yhls-auth-card{border-radius:20px}.yhls-auth-intro{padding:24px}.yhls-auth-icon{width:54px;height:54px;margin-bottom:16px}.yhls-auth-icon img{width:42px;height:42px}.yhls-auth-intro h1{font-size:29px}.yhls-auth-intro ul{grid-template-columns:1fr;margin-top:18px}.yhls-auth-intro li{font-size:14px}.yhls-auth-form-panel{padding:24px 20px}.yhls-auth-form-head h2{font-size:22px}.yhls-auth-form-panel .yhls-custom-login-links{align-items:flex-start;flex-direction:column}.yhls-member-plugin-content.yhls-membership-stage form{grid-template-columns:1fr!important}.yhls-member-plugin-content.yhls-membership-stage form>*{grid-column:1!important}}
@media(max-width:480px){.yhls-auth-intro>p:not(.syh-eyebrow){font-size:14px}.yhls-auth-form-panel input[type=text], .yhls-auth-form-panel input[type=email], .yhls-auth-form-panel input[type=password]{height:48px!important}.yhls-auth-form-panel .login-submit input{min-height:48px!important}}


/* v0.6.0-beta.3.2.2 — single default login panel, on-demand registration ------ */
.yhls-inline-access-v2{
    width:min(1080px,100%)!important;
    max-width:1080px!important;
    margin:34px auto!important;
    padding:clamp(18px,3vw,30px)!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-main-full{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:clamp(20px,3vw,34px)!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .syh-eyebrow, .yhls-inline-access-v2 .yhls-access-title, .yhls-inline-access-v2 .yhls-access-copy, .yhls-inline-access-v2 .yhls-register-panel-head{
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-title{
    margin:7px 0 8px!important;
    font-size:clamp(22px,2.4vw,30px)!important;
    line-height:1.2!important;
}
.yhls-inline-access-v2 .yhls-access-copy{
    max-width:760px;
    margin:0 0 22px!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.yhls-inline-access-v2 .syh-member-login-embed, .yhls-inline-access-v2 .syh-member-login-embed > *, .yhls-inline-access-v2 form, .yhls-inline-access-v2 form > *, .yhls-inline-access-v2 .yhls-register-form-wrap, .yhls-inline-access-v2 .yhls-register-form-wrap > *{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.yhls-inline-access-v2 .yhls-custom-login-form{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 18px!important;
    align-items:end;
}
.yhls-inline-access-v2 .yhls-custom-login-form .login-username, .yhls-inline-access-v2 .yhls-custom-login-form .login-password{
    margin:0!important;
}
.yhls-inline-access-v2 .yhls-custom-login-form .login-remember, .yhls-inline-access-v2 .yhls-custom-login-form .login-submit, .yhls-inline-access-v2 .yhls-custom-login-form .yhls-custom-login-links{
    grid-column:1/-1;
}
.yhls-inline-access-v2 .yhls-custom-login-form .login-submit{
    margin:2px 0 0!important;
}
.yhls-inline-access-v2 .yhls-custom-login-form .login-submit input[type=submit]{
    width:100%!important;
    min-height:50px!important;
}
.yhls-inline-access-v2 .yhls-custom-login-links{
    justify-content:flex-start!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-footer{
    justify-content:flex-start!important;
    text-align:left!important;
}
.yhls-inline-access-v2 .yhls-access-switch, .yhls-inline-access-v2 .yhls-access-back{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d6e3ee!important;
    border-radius:12px!important;
    padding:0 15px!important;
    background:#f3f8fc!important;
    color:#087fc2!important;
    font-size:14px!important;
    font-weight:800!important;
    cursor:pointer!important;
}
.yhls-inline-access-v2 .yhls-access-back{
    margin:0 0 18px!important;
}
.yhls-inline-access-v2 .yhls-register-panel-head{
    margin-bottom:20px!important;
}
.yhls-inline-access-v2 .yhls-register-form-wrap{
    overflow:visible!important;
}
.yhls-member-plugin-content.yhls-membership-stage > *{
    max-width:100%!important;
}
.yhls-member-plugin-content.yhls-membership-stage, .yhls-member-plugin-content.yhls-membership-stage form, .yhls-member-plugin-content.yhls-membership-stage form > *{
    width:100%!important;
    max-width:none!important;
    text-align:left!important;
}
.yhls-member-plugin-content.yhls-membership-stage :is(h1,h2,h3,h4,h5,h6,p,label){
    text-align:left!important;
}

@media(max-width:720px){
    .yhls-inline-access-v2{
        width:100%!important;
        margin:24px auto!important;
        padding:14px!important;
        border-radius:18px!important;
    }
    .yhls-inline-access-v2 .yhls-access-main-full{
        padding:20px 16px!important;
        border-radius:16px!important;
    }
    .yhls-inline-access-v2 .yhls-custom-login-form{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .yhls-inline-access-v2 .yhls-custom-login-form > *{
        grid-column:1!important;
    }
    .yhls-inline-access-v2 .yhls-access-title{
        font-size:22px!important;
    }
    .yhls-inline-access-v2 .yhls-access-copy{
        margin-bottom:18px!important;
    }
}


/* v0.6.0-beta.3.2.3 — Membership UI Cleanup ---------------------------------- */
.syh-book-content .yhls-membership-flat, .yhls-membership-flat{
    width:100%!important;
    max-width:none!important;
    margin:28px 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-preview-divider{display:none!important}
.yhls-membership-flat .yhls-access-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-panel[hidden]{display:none!important}
.yhls-membership-flat .syh-eyebrow, .yhls-membership-flat .yhls-access-title, .yhls-membership-flat .yhls-access-copy, .yhls-membership-flat .yhls-register-panel-head{
    text-align:left!important;
}
.yhls-membership-flat .syh-eyebrow{
    margin:0 0 8px!important;
    font-size:14px!important;
    letter-spacing:.10em!important;
}
.yhls-membership-flat .yhls-access-title{
    margin:0 0 8px!important;
    font-size:clamp(24px,3vw,32px)!important;
    line-height:1.18!important;
}
.yhls-membership-flat .yhls-access-copy{
    max-width:820px!important;
    margin:0 0 22px!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.yhls-membership-flat .yhls-custom-login-form, .yhls-membership-flat .yhls-custom-login-form > *, .yhls-membership-flat .yhls-register-form-wrap, .yhls-membership-flat .yhls-register-form-wrap > *, .yhls-membership-flat form, .yhls-membership-flat form > *{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
}
.yhls-membership-flat .yhls-custom-login-form{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 18px!important;
    align-items:end!important;
}
.yhls-membership-flat .yhls-custom-login-form .login-username, .yhls-membership-flat .yhls-custom-login-form .login-password{
    margin:0!important;
}
.yhls-membership-flat .yhls-custom-login-form .login-remember, .yhls-membership-flat .yhls-custom-login-form .login-submit, .yhls-membership-flat .yhls-custom-login-form .yhls-custom-login-links{
    grid-column:1/-1!important;
}
.yhls-membership-flat label{
    text-align:left!important;
}
.yhls-membership-flat input[type=text], .yhls-membership-flat input[type=email], .yhls-membership-flat input[type=password], .yhls-membership-flat input[type=tel], .yhls-membership-flat input[type=number], .yhls-membership-flat select, .yhls-membership-flat textarea{
    width:100%!important;
    max-width:none!important;
}
.yhls-membership-flat .login-submit{
    margin-top:2px!important;
}
.yhls-membership-flat .login-submit input[type=submit]{
    width:100%!important;
    min-height:50px!important;
}
.yhls-membership-flat .yhls-custom-login-links, .yhls-membership-flat .yhls-access-footer{
    justify-content:flex-start!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-footer{
    margin-top:18px!important;
    padding-top:16px!important;
}
.yhls-membership-flat .yhls-access-switch, .yhls-membership-flat .yhls-access-back{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #d6e3ee!important;
    border-radius:12px!important;
    padding:0 15px!important;
    background:#f4f8fb!important;
    color:#087fc2!important;
    font-size:14px!important;
    font-weight:800!important;
    cursor:pointer!important;
}
.yhls-membership-flat .yhls-register-panel{
    padding-top:4px!important;
}
.yhls-membership-flat .yhls-access-back{
    margin:0 0 18px!important;
}
.yhls-membership-flat .yhls-register-panel-head{
    margin:0 0 18px!important;
}
.yhls-membership-flat .yhls-register-form-wrap{
    overflow:visible!important;
}

/* Neutralize all legacy card-in-card membership styles inside this gate only. */
.yhls-membership-flat :is(.syh-member-login-embed,.yhls-access-main,.yhls-access-main-full,.yhls-membership-stage){
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* Standalone membership page: use full content width and left alignment. */
.yhls-member-plugin-content.yhls-membership-stage{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.yhls-member-plugin-content.yhls-membership-stage > *{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}
.yhls-member-plugin-content.yhls-membership-stage :is(h1,h2,h3,h4,h5,h6,p,label){
    text-align:left!important;
}

@media(max-width:720px){
    .syh-book-content .yhls-membership-flat, .yhls-membership-flat{
        width:calc(100% + 0px)!important;
        margin:24px 0!important;
        padding:0!important;
    }
    .yhls-membership-flat .yhls-custom-login-form{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .yhls-membership-flat .yhls-custom-login-form > *{
        grid-column:1!important;
    }
    .yhls-membership-flat .yhls-access-title{
        font-size:24px!important;
    }
    .yhls-membership-flat .yhls-access-copy{
        margin-bottom:18px!important;
    }
    .yhls-membership-flat .yhls-access-footer{
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:10px!important;
    }
}
@media(max-width:390px){
    .yhls-membership-flat .yhls-access-title{
        font-size:22px!important;
    }
    .yhls-membership-flat input[type=text], .yhls-membership-flat input[type=email], .yhls-membership-flat input[type=password], .yhls-membership-flat input[type=tel], .yhls-membership-flat select{
        min-height:48px!important;
    }
}


/* v0.62 — Membership gate & guest preview cleanup ---------------------------- */
.yhls-membership-flat{
    width:100%!important;
    max-width:none!important;
    margin:30px 0!important;
    padding:clamp(18px,3vw,28px)!important;
    border:1px solid #d7e3ed!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 26px rgba(24,57,88,.045)!important;
    overflow:visible!important;
    text-align:left!important;
}
.yhls-membership-flat::before, .yhls-membership-flat:before{
    content:none!important;
    display:none!important;
}
.yhls-membership-flat .syh-eyebrow{
    margin:0 0 8px!important;
    color:#2168b4!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:.11em!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-title, .yhls-membership-flat .yhls-access-copy{
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-title{
    margin:0 0 8px!important;
}
.yhls-membership-flat .yhls-access-copy{
    margin:0 0 20px!important;
}
.yhls-membership-flat .yhls-custom-login-links{
    justify-content:flex-start!important;
    margin-top:8px!important;
}
.yhls-membership-flat .yhls-custom-login-links span{
    display:none!important;
}
.yhls-membership-flat .yhls-access-footer{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-top:18px!important;
    padding-top:16px!important;
    border-top:1px solid #e5edf3!important;
    text-align:left!important;
}
.yhls-membership-flat .yhls-access-footer>span{
    color:#63778a!important;
    font-size:14px!important;
}
.yhls-membership-flat .yhls-access-switch{
    min-height:42px!important;
    padding:0 16px!important;
}

/* Guest preview: deliberately readable but compact on phones/tablets. */
.yhls-longform-content.yhls-preview-content{
    font-size:14px!important;
    line-height:1.78!important;
}
.yhls-longform-content.yhls-preview-content p, .yhls-longform-content.yhls-preview-content li, .yhls-longform-content.yhls-preview-content td, .yhls-longform-content.yhls-preview-content th{
    font-size:14px!important;
    line-height:1.78!important;
}
.yhls-longform-content.yhls-preview-content p{
    margin-bottom:1.18em!important;
}

@media(max-width:540px){
    .yhls-membership-flat{
        margin:24px 0!important;
        padding:18px 16px!important;
        border-radius:16px!important;
    }
    .yhls-membership-flat .yhls-access-title{
        font-size:22px!important;
        line-height:1.2!important;
    }
    .yhls-membership-flat .yhls-access-footer{
        align-items:flex-start!important;
        flex-direction:column!important;
    }
    .yhls-longform-content.yhls-preview-content, .yhls-longform-content.yhls-preview-content p, .yhls-longform-content.yhls-preview-content li, .yhls-longform-content.yhls-preview-content td, .yhls-longform-content.yhls-preview-content th{
        font-size:14px!important;
    }
}


/* v0.63 — YHLS.NET registration / SePay presentation ------------------------- */
.syh-member-layout.is-register{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:1100px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.syh-member-layout.is-register .syh-member-sidebar{
    display:none!important;
}
.syh-member-layout.is-register .syh-member-content{
    position:relative;
    overflow:hidden;
    padding:clamp(26px,4vw,46px)!important;
    border:1px solid #d7e5ef!important;
    border-radius:24px!important;
    background:
        radial-gradient(circle at 94% 0%,rgba(8,127,194,.10),transparent 28%),
        radial-gradient(circle at 0% 100%,rgba(11,158,173,.08),transparent 26%),
        linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 20px 58px rgba(18,55,87,.09)!important;
}
.syh-member-layout.is-register .syh-member-content:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,#0b57d0 0%,#087fc2 38%,#0b9ead 72%,#e94141 100%);
}
.syh-member-layout.is-register .yhls-member-plugin-content{
    width:100%!important;
    max-width:900px!important;
    margin:0!important;
    color:#10283f!important;
}
.yhls-register-ui .yhls-register-heading, .yhls-register-ui h1:first-child, .yhls-register-ui h2:first-child{
    margin:0 0 10px!important;
    color:#083f76!important;
    font-size:clamp(25px,3vw,34px)!important;
    line-height:1.18!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
}
.yhls-register-ui .yhls-register-intro-copy{
    max-width:820px!important;
    margin:0 0 26px!important;
    padding:14px 16px!important;
    border:1px solid #cfe5ee!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#f3f9ff,#f1fbfa)!important;
    color:#31536f!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.yhls-register-ui form{
    width:100%!important;
    max-width:840px!important;
    display:block!important;
    margin:0!important;
    padding:22px!important;
    border:1px solid #deE9f1!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 12px 34px rgba(25,62,94,.055)!important;
}
.yhls-register-ui form>p, .yhls-register-ui form>div{
    width:100%!important;
    max-width:none!important;
    margin:0 0 16px!important;
}
.yhls-register-ui form label{
    display:block!important;
    margin:0 0 7px!important;
    color:#18344e!important;
    font-size:14px!important;
    font-weight:780!important;
    line-height:1.45!important;
    text-align:left!important;
}
.yhls-register-ui form :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea){
    width:100%!important;
    max-width:none!important;
    min-height:50px!important;
    border:1px solid #cfdee9!important;
    border-radius:13px!important;
    padding:0 14px!important;
    background:#fff!important;
    color:#10283f!important;
    font-size:14px!important;
    outline:0!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.yhls-register-ui form textarea{
    min-height:110px!important;
    padding:13px 14px!important;
}
.yhls-register-ui form :is(input,select,textarea):focus{
    border-color:#168ec0!important;
    box-shadow:0 0 0 4px rgba(11,158,173,.11)!important;
}
.yhls-register-ui form :is(input,select,textarea).is-invalid{
    border-color:#d74343!important;
    background:#fffafa!important;
    box-shadow:0 0 0 3px rgba(215,67,67,.08)!important;
}
.yhls-field-error{
    display:block!important;
    margin:6px 0 0!important;
    color:#b4232f!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1.45!important;
}
.yhls-field-error[hidden]{display:none!important}
.yhls-register-ui form :is(button,input[type=submit],.button){
    min-height:48px!important;
    border:0!important;
    border-radius:13px!important;
    padding:0 20px!important;
    background:linear-gradient(135deg,#0752b8,#087fc2 55%,#0b9ead)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:820!important;
    box-shadow:0 10px 24px rgba(7,82,184,.16)!important;
}
.yhls-transfer-content-locked{
    cursor:not-allowed!important;
    border-color:#b9d8e2!important;
    background:#f2f8fa!important;
    color:#31536f!important;
    font-weight:760!important;
}
.yhls-transfer-lock-note{
    display:grid!important;
    gap:4px!important;
    margin:0 0 14px!important;
    padding:12px 14px!important;
    border:1px solid #bfe2d4!important;
    border-radius:12px!important;
    background:#f1fbf7!important;
    color:#17674e!important;
}
.yhls-transfer-lock-note strong{
    font-size:14px!important;
    color:#17674e!important;
}
.yhls-transfer-lock-note span{
    font-size:14px!important;
    line-height:1.5!important;
    color:#3e6d5c!important;
}
.yhls-register-ui [class*="payment"], .yhls-register-ui [class*="qr"]{
    max-width:840px!important;
}
.yhls-register-ui img.syh-payment-qr, .yhls-register-ui [class*="qr"] img{
    max-width:min(320px,100%)!important;
    height:auto!important;
    border-radius:18px!important;
    box-shadow:0 12px 32px rgba(20,58,90,.10)!important;
}

@media(max-width:680px){
    .syh-member-layout.is-register .syh-member-content{
        padding:22px 16px!important;
        border-radius:19px!important;
    }
    .syh-member-layout.is-register .yhls-member-plugin-content{
        max-width:none!important;
    }
    .yhls-register-ui form{
        max-width:none!important;
        padding:18px 14px!important;
        border-radius:16px!important;
    }
    .yhls-register-ui .yhls-register-intro-copy{
        font-size:14px!important;
    }
}


/* v0.65 — one canonical registration heading ------------------------------- */
.yhls-register-panel .yhls-register-panel-head{
    margin:0 0 12px!important;
}
.yhls-register-panel .yhls-register-panel-head:empty{
    display:none!important;
}
.yhls-register-ui .yhls-register-heading{
    display:block!important;
    margin:0 0 14px!important;
    color:#083f76!important;
    font-size:clamp(25px,3vw,34px)!important;
    line-height:1.18!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    text-align:left!important;
}
.yhls-register-ui [aria-hidden="true"][hidden]{
    display:none!important;
}


/* v0.66 — article membership gate: login only, registration opens /dangky/ */
.yhls-membership-flat .yhls-access-register-link{
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 16px!important;
    border:1px solid #d6e3ee!important;
    border-radius:12px!important;
    background:#f4f8fb!important;
    color:#087fc2!important;
    font-size:14px!important;
    font-weight:800!important;
    text-decoration:none!important;
}
.yhls-membership-flat .yhls-register-panel, .yhls-membership-flat .yhls-register-form-wrap{
    display:none!important;
}

/* v1.09.3 — compact authentication presentation on tablet/mobile.
 * Authentication logic and form markup remain unchanged. */
@media(max-width:900px){
  .yhls-auth-main{align-items:start;padding:18px 0 32px}
  .yhls-auth-shell{width:min(920px,calc(100% - 32px))!important}
  .yhls-auth-card{grid-template-columns:1fr;border-radius:22px}
  .yhls-auth-intro{padding:22px 26px 20px}
  .yhls-auth-icon{width:48px;height:48px;margin-bottom:10px;border-radius:14px}
  .yhls-auth-icon img{width:38px;height:38px}
  .yhls-auth-intro h1{margin:6px 0 8px;font-size:30px;line-height:1.08}
  .yhls-auth-intro>p:not(.syh-eyebrow){max-width:760px;font-size:14px;line-height:1.5}
  .yhls-auth-intro ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
  .yhls-auth-intro li{padding:9px 10px;font-size:14px;line-height:1.45}
  .yhls-auth-form-panel{padding:24px 28px 28px}
  .yhls-auth-form-head{margin-bottom:18px}
}
@media(max-width:680px){
  .yhls-auth-main{padding:14px 0 26px}
  .yhls-auth-shell{width:calc(100% - 20px)!important}
  .yhls-auth-card{border-radius:18px}
  .yhls-auth-intro{padding:17px 20px 15px}
  .yhls-auth-icon{width:42px;height:42px;margin-bottom:8px;border-radius:12px}
  .yhls-auth-icon img{width:34px;height:34px}
  .yhls-auth-intro h1{margin:5px 0 7px;font-size:25px;line-height:1.1}
  .yhls-auth-intro>p:not(.syh-eyebrow){font-size:14px;line-height:1.45}
  .yhls-auth-intro ul{display:none!important}
  .yhls-auth-form-panel{padding:18px 18px 22px}
  .yhls-auth-form-head{margin-bottom:14px}
  .yhls-auth-form-head h2{font-size:21px}
  .yhls-auth-form-head p{margin-top:5px;line-height:1.45}
}