.premium-intro{padding:clamp(20px,4vw,40px) 0}.premium-intro h1{max-width:22ch}.premium-intro p{max-width:65ch;line-height:1.7}.premium-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.premium-plans>.card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.premium-plans h2{margin:4px 0}.premium-plans p{line-height:1.65}.premium-price{font-size:clamp(24px,4vw,36px);color:#173c64}.premium-plans small{display:block;line-height:1.6;color:#61738b}.premium-plan{border:1px solid #d6dce5;background:#fff}.premium-callout{background:#edf4fc;border:1px solid #cedfee;border-radius:12px;padding:22px;margin-block:18px}.premium-callout p{line-height:1.6}.premium-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block:20px}.premium-status h2{margin:10px 0}.premium-status p{margin:0;color:#61738b}.premium-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.premium-feature-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px}.premium-member-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.premium-orders{margin-block:24px}.premium-orders .order-row{gap:15px;flex-wrap:wrap}.premium-orders p{margin-bottom:0}.premium-callout .button,.premium-plans .button{min-height:44px}.table-scroll{overflow-x:auto}
@media(max-width:650px){.premium-plans,.premium-feature-grid{grid-template-columns:1fr}.premium-status{align-items:flex-start;flex-direction:column}.premium-status .button{width:100%;box-sizing:border-box;text-align:center}.premium-plans{gap:14px}.premium-member-actions{flex-direction:column}.premium-member-actions button{width:100%}.premium-price{font-size:28px}}

.rd-level-upgrade{display:block;font-size:13px;margin:14px 0;color:#255f99}

.receipt-preview{margin:20px 0;padding:16px;border:1px solid #d8e2ee;border-radius:14px;background:#f8fafc;min-width:0;max-width:100%;box-sizing:border-box}.receipt-preview figcaption{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.receipt-preview figcaption span{font-size:13px;overflow-wrap:anywhere;color:#61738b}.receipt-preview img,.receipt-local-preview img{display:block;width:100%;max-width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:8px;background:white}.receipt-pdf{display:block;width:100%;height:clamp(300px,60vh,640px);border:1px solid #d8e2ee;border-radius:8px;background:white;box-sizing:border-box}.receipt-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}.receipt-actions a{overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center}.receipt-local-preview{margin:12px 0;padding:12px;border:1px solid #d8e2ee;border-radius:10px}.receipt-local-preview img{max-height:260px}.receipt-local-preview p{overflow-wrap:anywhere}.receipt-local-preview[hidden],.receipt-local-preview [hidden]{display:none}.upload-selection.upload-error{color:#a12222}
@media(max-width:650px){.receipt-preview{padding:12px}.receipt-actions{align-items:stretch;flex-direction:column;gap:8px}.receipt-actions .button{justify-content:center}.receipt-pdf{height:380px}}

/* Start is the shared interface. Premium adds only a lightweight icon set. */
.plan-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:5px 10px;border:1px solid #d2d9e2;border-radius:999px;background:#edf0f4;color:#37465b;font:700 12px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.15px;white-space:nowrap}
.plan-mark{font-size:14px;line-height:1}
.premium-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle;pointer-events:none}
.plan-badge .premium-icon{width:15px;height:15px;color:#916b23}
.header-plan{display:block;margin-top:6px;line-height:1.3}
.header-plan .plan-badge{font-size:11px;padding:3px 9px}
.sidebar-plan{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:24px;padding:14px 12px;border:1px solid #cbd4df;border-radius:13px;background:#ffffff80;text-decoration:none}
.sidebar-plan>span:last-child{font-size:12px;line-height:1.5}
.sidebar-plan:hover{text-decoration:none;background:#fff}
.account-nav .account-plan{text-decoration:none}
.premium-status.is-start,.premium-status.is-premium{background:#fff;border:1px solid #d6dce5;color:#27364a}
.premium-status.is-premium p{color:#61738b}
.premium-plans .premium-plan{background:#fff;border:1px solid #d6dce5;color:inherit}
.premium-plan>.tag{display:inline-flex;align-items:center;gap:7px}
.premium-plan>.tag .premium-icon{width:17px;height:17px;color:#916b23}
body:is(.plan-start,.plan-premium) .masthead{border-bottom-color:#adb8c8}
body:is(.plan-start,.plan-premium) .academic-sidebar{background:#edf0f4;color:#344359;border-right:1px solid #d7dee7}
body:is(.plan-start,.plan-premium) .navigation-heading,body:is(.plan-start,.plan-premium) .sidebar-signature,body:is(.plan-start,.plan-premium) .sidebar-signature span{color:#56657a}
body:is(.plan-start,.plan-premium) .main-navigation a{color:#344359}
body:is(.plan-start,.plan-premium) .main-navigation a:hover{background:#dfe5ee}
body:is(.plan-start,.plan-premium) .main-navigation a[aria-current=page]{background:#dbe3ee;color:#20354c}
body:is(.plan-start,.plan-premium) .sidebar-tools{border-top-color:#ccd5e1}
body:is(.plan-start,.plan-premium) .sound-toggle{background:#fff;border-color:#cbd4df;color:#344359}
body:is(.plan-start,.plan-premium) .sound-toggle[aria-pressed=true]{background:#dbe3ee;color:#20354c}
body:is(.plan-start,.plan-premium) .academic-menu>summary{color:#344359}
body:is(.plan-start,.plan-premium) .academic-menu>summary span{background:#dbe3ee}
body:is(.plan-start,.plan-premium) .mobile-bottom-nav a[aria-current=page]{background:#edf0f4;color:#37465b}
body.plan-premium .main-navigation a{gap:10px}
body.plan-premium .main-navigation .premium-icon{width:19px;height:19px}
body.plan-premium .mobile-bottom-nav .bottom-symbol{display:grid;place-items:center;filter:none}
body.plan-premium .mobile-bottom-nav .premium-icon{width:26px;height:26px}
body.plan-premium .mobile-bottom-nav a:last-child .bottom-symbol:before,body.plan-premium .mobile-bottom-nav a:last-child .bottom-symbol:after{content:none}
.plan-badge:focus-visible,.sidebar-plan:focus-visible,.account-plan:focus-visible{outline:3px solid #476384;outline-offset:3px}
@media(max-width:900px){.sidebar-plan{display:none}}
@media(max-width:600px){.header-plan{margin-top:4px}.header-plan .plan-badge{font-size:10px;padding:3px 7px;gap:4px}.header-plan .plan-mark{font-size:12px}.header-plan .premium-icon{width:13px;height:13px}}
@media print{.header-plan,.sidebar-plan,.account-plan{display:none!important}}

.premium-status-actions{display:flex;flex-direction:column;gap:9px;min-width:190px}
.premium-status-actions .sound-toggle{margin:0;min-height:44px;font-size:13px}
@keyframes premium-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes premium-confirm{0%,100%{transform:scale(1)}45%{transform:scale(1.025)}}
@keyframes premium-finish{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 body.plan-premium .premium-status,body.plan-premium .service-tile,body.plan-premium .game-question{animation:premium-enter .28s ease-out both}
 body.plan-premium .service-tile:nth-child(2){animation-delay:.035s}
 body.plan-premium .service-tile:nth-child(3){animation-delay:.07s}
 body.plan-premium .service-tile:nth-child(4){animation-delay:.105s}
 body.plan-premium .premium-icon{transition:transform .18s ease-out}
 body.plan-premium a:hover>.premium-icon,body.plan-premium a:focus-visible>.premium-icon{transform:translateY(-2px)}
 body.plan-premium .brand:hover .plan-badge .premium-icon{transform:rotate(-7deg)}
 body.plan-premium .game-step button.is-correct{animation:premium-confirm .3s ease-out}
 body.plan-premium .premium-celebrate .result{animation:premium-finish .4s ease-out both}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){body.plan-premium .service-tile:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){
 body.plan-premium .premium-status,body.plan-premium .service-tile,body.plan-premium .game-question,body.plan-premium .premium-icon,body.plan-premium .game-step button,body.plan-premium .premium-celebrate .result{animation:none;transition:none;transform:none}
}
@media(max-width:650px){.premium-status-actions{width:100%;min-width:0}}
@media print{.premium-status-actions .sound-toggle{display:none!important}}

#premium-options,#premium-membership{scroll-margin-top:18px}
.premium-order-timeline{margin-block:12px;min-width:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.premium-order-timeline p{margin:4px 0;font-size:14px}.premium-order-timeline time{display:inline-block;font-variant-numeric:tabular-nums;color:inherit}.premium-order-timeline small{font-size:12px;color:#61738b}
