/* Small refinements to the established site design. */
.site-header .header-tools{gap:8px}
.site-header .theme-toggle,.site-header .nav-toggle,.site-header .theme-picker summary{min-width:44px;min-height:44px}
.site-header .primary-nav a{min-height:44px;display:inline-flex;align-items:center}
.site-header .primary-nav .nav-cta{justify-content:center}
.enrollment-notice{margin:24px 0;padding:22px 24px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;background:var(--surface);color:var(--ink)}
.enrollment-notice h3{font-size:18px;letter-spacing:-.02em;margin:0 0 12px}
.enrollment-notice p{font-size:14px;line-height:1.7;margin:10px 0}
.enrollment-notice a{text-decoration:underline;text-underline-offset:3px}
.vc-payment .enrollment-notice{background:transparent;color:inherit;border-color:var(--deep-muted);border-left-color:var(--deep-accent);padding:16px;margin:24px 0 0}
.vc-payment .enrollment-notice h3{font-size:17px;margin:0 0 12px;color:var(--deep-accent)}
.vc-payment .enrollment-notice p{font-size:13px;line-height:1.7}
.vc-payment .enrollment-notice a{color:var(--deep-accent)}
.policy-page{max-width:820px;padding-top:70px;padding-bottom:80px}
.policy-page h1{font-size:clamp(40px,6vw,64px);letter-spacing:-.055em;line-height:1.1;margin:20px 0 30px}
.policy-page h2{font-size:24px;letter-spacing:-.025em;margin:32px 0 12px}
.policy-page p,.policy-page li{font-size:16px;line-height:1.8;color:var(--muted)}
.policy-page a{color:var(--accent);text-underline-offset:4px}
.policy-page .policy-updated{font-size:13px}
.reading-status{margin:18px 0;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:5px;font-size:14px;line-height:1.7;color:var(--ink)}
.reading-status button{margin-top:12px;min-height:44px}
.reading-status[hidden]{display:none}
.connection-only-note{color:var(--muted);font-size:13px;line-height:1.7;margin:16px 0}
.enroll-vocab-view{min-height:44px;display:inline-flex;align-items:center}
.enrollment-pack-selection{margin:22px 0;padding-top:18px;border-top:1px solid var(--line)}
.enrollment-pack-selection label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.enrollment-pack-selection select{width:100%;min-height:48px;padding:10px;font:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px}
.enrollment-pack-selection p{font-size:13px;line-height:1.6;margin:10px 0}
@media(max-width:760px){
 .site-header .header-inner{min-height:68px;gap:8px}
 .site-header .brand-mark{width:32px;height:32px}
 .site-header .brand-name{font-size:16px}
 .site-header .brand{gap:7px;flex-shrink:0}
 .site-header .primary-nav{max-height:calc(100dvh - 68px)}
 .site-header .theme-picker summary{padding:0;width:44px;height:44px}
 .site-header .nav-toggle{width:44px;height:44px}
 .enrollment-notice{padding:18px}
 .policy-page{padding-top:36px;padding-bottom:48px}
}