/* Shared presentation contract: no grading, timing, payment or data changes. */
:root{--pte-ui-font:'Be Vietnam Pro',system-ui,-apple-system,sans-serif;--pte-ui-ink:#3b3438;--pte-ui-rose:#944058;--pte-ui-line:#eddee4;--pte-ui-control-radius:12px;--pte-ui-page-title:36px;--pte-ui-tool-title:28px}
body,body :is(button,input,textarea,select){font-family:var(--pte-ui-font)}
body :is(button,a,input,select,textarea):focus-visible{outline:2px solid #944058;outline-offset:3px}
body button:disabled{cursor:default}
body :is(.heading,.gh-intro,.ch-heading) h1,body>main h1{font-size:var(--pte-ui-page-title);line-height:1.25;letter-spacing:-.025em;font-weight:750}
body .compact-exercise .heading h1,body .compact-exercise h1{font-size:var(--pte-ui-tool-title);line-height:1.35}
body :is(.btn,.outline,.answer-toggle,.primary){border-radius:var(--pte-ui-control-radius);min-height:44px;font-weight:650}
body :is(.text-btn,.text-button){min-height:44px}
body :is(.ch-card,.panel,.question-box,.answer,.recording-panel){border-color:var(--pte-ui-line)}
/* The public header must fit an authenticated account menu and primary CTA. */
body .site-header{gap:12px}
body .site-header>a:first-child{min-width:0;flex-shrink:1}
body .site-header nav{min-width:0;flex-shrink:0}
/* Learning resources share a compact header without replacing account handlers. */
body>header.pte-resource-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;min-height:72px;border-bottom:1px solid var(--pte-ui-line);background:#fff;box-sizing:border-box}
.pte-resource-header>a:first-child{min-width:0;flex-shrink:1;text-decoration:none;color:#944058}
.pte-resource-header .pte-logo-lockup{width:156px!important;height:48px!important;max-width:100%}
.pte-resource-header .pte-resource-nav{display:flex;gap:12px;align-items:center;margin-left:auto;min-width:0}
.pte-resource-nav>a,.pte-resource-menu>summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #e6d2dc;border-radius:12px;padding:8px 12px;color:#88405b;background:white;font-size:12px;line-height:1.4;text-decoration:none;white-space:nowrap;box-sizing:border-box;cursor:pointer}
.pte-resource-menu{position:relative}.pte-resource-menu>summary{list-style:none}.pte-resource-menu>summary::after{content:'⌄';margin-left:7px}.pte-resource-menu>summary::-webkit-details-marker{display:none}.pte-resource-menu-panel{position:absolute;top:calc(100% + 8px);right:0;width:250px;max-width:calc(100vw - 32px);display:grid;background:white;border:1px solid #e6d2dc;border-radius:16px;padding:8px;box-shadow:0 10px 28px #6e34571a;z-index:50}.pte-resource-menu-panel a{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 12px;border-radius:9px;text-decoration:none;font-size:13px;color:#655761;box-sizing:border-box}.pte-resource-menu-panel a:hover{background:#fcf2f6}.pte-resource-menu-panel img{width:24px;height:24px;object-fit:contain}
.pte-learning-footer{max-width:1120px;margin:24px auto 0;padding:20px 24px 28px;border-top:1px solid #eddee4;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#8b7280;font-size:12px;line-height:1.7}.pte-learning-footer nav{display:flex;flex-wrap:wrap;gap:18px}.pte-learning-footer a{color:#88405b;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.pte-learning-footer strong{font-weight:650}
@media(max-width:680px){:root{--pte-ui-page-title:26px;--pte-ui-tool-title:23px}body .heading h1{font-size:var(--pte-ui-page-title)}body .compact-exercise .heading h1{font-size:var(--pte-ui-tool-title)}body :is(.auth-card,.panel,.ch-card){border-radius:18px}body :is(.site-header){padding:12px 16px!important;gap:10px!important}body .site-header>a:first-child{flex:0 1 130px!important;max-width:130px!important;min-width:0!important}body .site-header>a:first-child .pte-logo-lockup{width:130px!important;height:42px!important;max-width:100%!important;min-width:0!important}body .site-header nav{gap:6px!important;max-width:calc(100% - 110px)}body .site-header nav :is(.btn,.account-trigger){min-width:0!important;min-height:44px!important;width:auto!important;padding:9px 10px!important;font-size:12px!important;white-space:nowrap}body>header.pte-resource-header{padding:10px 14px;gap:8px;min-height:68px}body .pte-resource-header .pte-logo-lockup{width:125px!important;height:42px!important}.pte-resource-header .pte-resource-nav{gap:7px}.pte-resource-nav>a,.pte-resource-menu>summary{font-size:11px;padding:8px 10px}.pte-resource-header .preview-badge{display:none}.pte-learning-footer{padding:18px 16px 24px}body input,body select,body textarea{font-size:16px}}
@media(max-width:360px){body .site-header>a:first-child{flex-basis:104px!important;max-width:104px!important}body .site-header>a:first-child .pte-logo-lockup{width:104px!important}body .site-header nav{max-width:calc(100% - 110px)}body .site-header nav :is(.btn,.account-trigger){padding:9px 7px!important;font-size:11px!important}.pte-resource-header .pte-logo-lockup{width:110px!important}.pte-resource-nav>a,.pte-resource-menu>summary{padding:8px;font-size:10px}.pte-resource-header .pte-resource-nav{gap:5px}}
@media(prefers-reduced-motion:reduce){.pte-resource-menu-panel{scroll-behavior:auto}}
body .home-heading h1{font-size:var(--pte-ui-page-title)}body .ch-teachers-heading h1{font-size:var(--pte-ui-page-title)}body .sn-topbar h1,body .ch-messaging-heading h1{font-size:24px;line-height:1.35}body .question-main strong{line-height:1.5}
@media(max-width:680px){body .home-heading h1,body .library-heading h1,body .ch-teachers-heading h1{font-size:var(--pte-ui-page-title)}body .sn-topbar h1,body .ch-messaging-heading h1{font-size:20px}body .pte-resource-header>.muted{display:none}body .compact-exercise .text-btn{min-height:44px}}
body .document-page h1,body .auth-card h1{font-size:var(--pte-ui-page-title);line-height:1.25}body .site-hero h1{font-size:clamp(36px,4vw,48px);line-height:1.2}
@media(max-width:680px){body .document-page h1,body .auth-card h1{font-size:var(--pte-ui-page-title)}body .site-hero h1{font-size:32px}}