/* SPE V3.4 — editorial type, physical depth and short, optional motion. */
:root{--paper:#f7f6f3;--line:#dedbd3;--muted:#6f6a61}
body{font-family:'Segoe UI',Arial,sans-serif;color:#25231f;background:#f7f6f3}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.3vw,47px);line-height:1.12;letter-spacing:-.045em;font-weight:400;max-width:790px}
.page-heading{margin-bottom:32px}.page-heading p:not(.eyebrow){color:#726b5f;font-size:15px;line-height:1.6}.eyebrow{letter-spacing:.08em;font-weight:500}.date-chip{font-family:Georgia,serif;font-size:14px}.topbar{background:#ffffffb8}.topbar .topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;max-width:none}.topbar-actions .text-button{font-size:12px;font-weight:400;white-space:nowrap}#motion-toggle{color:#82735a}
.sidebar{background:#1d1c19}.sidebar nav button{font-size:14px}.sidebar nav button.active{background:linear-gradient(90deg,#c6a75e1a,transparent);box-shadow:inset 2px 0 #c6a75e}.sidebar-note>span{font-size:10px}.sidebar-note p{font-family:Georgia,serif;font-size:19px;line-height:1.4}.sidebar-note small{line-height:1.5}.logo{perspective:700px}.logo img{transform-origin:50% 65%;animation:spe-logo-salute 10s ease-in-out 10s infinite;filter:drop-shadow(0 3px 8px #0002)}
.feature-grid{gap:20px;border:0;perspective:1100px;align-items:stretch}.latest-card{background:radial-gradient(ellipse at 95% 10%,#55452a55,transparent 65%),#26241e;border:1px solid #4e4430;border-radius:8px;padding:27px 30px;box-shadow:0 14px 28px -20px #181309b3;transition:transform .45s ease,box-shadow .45s ease}.latest-top{position:relative;z-index:1}.latest-body{position:relative;gap:12px;min-height:206px}.latest-body>div:first-child{position:relative;z-index:1;flex:1;min-width:0}.latest-body h2{font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1.17;max-width:260px;letter-spacing:-.035em}.latest-body p{font-size:13px;color:#c8c1af;line-height:1.6;max-width:235px}.latest-card:has(.card-hit-area:hover){background:radial-gradient(ellipse at 95% 10%,#66543455,transparent 65%),#26241e}.book-visual{position:relative;width:43%;max-width:245px;flex-shrink:0;pointer-events:none;align-self:center}.study-book{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 15px #0005);animation:spe-book-drift 10s ease-in-out infinite;transform-origin:50% 80%}.book-edition{font-family:Georgia,serif;position:absolute;right:0;bottom:0;color:#d3b977;font-size:22px;letter-spacing:-.02em}
.practice-card{border:1px solid #e0d8c7;border-radius:8px;background:#eee9dc;padding:27px 28px;box-shadow:0 14px 24px -24px #41321888}.practice-card .eyebrow{font-size:11px}.practice-heading h2{font-family:Georgia,serif;font-size:32px;line-height:1.13;font-weight:400}.practice-card p{font-size:14px;line-height:1.65}.practice-stamp{display:none}.practice-card .text-button{font-weight:500}
.exam-grid{perspective:1400px;gap:20px}.exam-card{border:1px solid #e0dcd2;border-radius:4px;box-shadow:0 2px 0 #e8e2d5,0 9px 19px -17px #31261055;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;transform-style:preserve-3d}.exam-card .card-title{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:400;line-height:1.2;letter-spacing:-.025em}.exam-card .card-top{margin-bottom:24px}.exam-card .card-meta{font-size:12px}.exam-card .card-footer{border-color:#eae5d9;padding-top:16px}.card-status{font-size:11px;letter-spacing:.01em}.button{font-weight:500;letter-spacing:.005em}.button,.option,.mode-choice{transition:background .18s,border-color .18s,box-shadow .18s}.button:active:not(:disabled){transform:translateY(1px)}.collection-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.collection-tools #reset-wrong{color:#8b5143;background:transparent;font-size:13px}.collection-item,.history-item{border-radius:4px;box-shadow:0 8px 18px -20px #241d0e44}.collection-item p{line-height:1.7}.question-paper h2{letter-spacing:0;font-size:23px;font-weight:500}.option{line-height:1.65}.feedback{font-weight:400}.goal-studio h2,.goal-week h3{font-family:Georgia,serif;font-weight:400}.goal-studio h2{font-size:28px}.goal-options button{border-radius:4px}.goal-options b{font-family:Georgia,serif;font-size:26px;font-weight:400}.goal-status{border-radius:4px}.daily-strip.goal-studio{border-radius:6px}.modal{box-shadow:0 24px 90px #1a160e40}.modal h2{font-family:Georgia,serif;font-weight:400;line-height:1.2}.modal[open]{animation:spe-dialog-in .2s ease-out}.question-paper{box-shadow:2px 3px 0 #e8e2d5;animation:spe-paper-in .25s ease-out}
@media(hover:hover) and (pointer:fine){body:not(.motion-off) .exam-card:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-5px);box-shadow:2px 4px 0 #e6dcc7,0 17px 28px -18px #48331666;border-color:#b89b5a}body:not(.motion-off) .latest-card:hover{transform:rotateX(1deg) rotateY(-1deg) translateY(-3px);box-shadow:0 22px 32px -20px #21170c99}.exam-card:focus-visible{outline:3px solid #ac853a;outline-offset:4px}}
@keyframes spe-logo-salute{0%,13%,100%{transform:rotateY(0) rotateZ(0) translateY(0)}4%{transform:rotateY(-15deg) rotateZ(-2deg) translateY(-3px)}8%{transform:rotateY(10deg) rotateZ(1deg) translateY(-1px)}}
@keyframes spe-book-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@keyframes spe-dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes spe-paper-in{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}
.motion-paused .logo img,.motion-paused .study-book{animation-play-state:paused}
body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .exam-card,body.motion-off .latest-card,body.motion-off .study-book,body.motion-off .logo img{transform:none!important}
@media(max-width:1200px){.latest-card{padding:24px}.latest-body h2{font-size:28px}.book-visual{width:40%}.practice-card{padding:24px}.practice-heading h2{font-size:29px}}
@media(max-width:850px){.topbar .topbar-actions{gap:16px}.topbar>div:first-child{font-size:11px;max-width:48%}.topbar-actions .text-button{font-size:11px}.sidebar nav button{font-size:12px}.sidebar nav button>span{font-size:10px}.logo{overflow:visible}.logo img{width:94px;height:40px}.latest-body{min-height:190px}}
@media(max-width:560px){h1{font-size:35px;line-height:1.13}.page-heading p:not(.eyebrow){font-size:13px}.page-heading{margin-bottom:26px}.topbar{height:auto;min-height:62px;padding:8px 16px;gap:10px;flex-wrap:wrap}.topbar>div:first-child{font-size:11px;max-width:none;width:100%}.topbar .topbar-actions{justify-content:space-between;width:100%;gap:12px}.topbar-actions .text-button{min-height:32px;padding:4px 0;font-size:11px}.sidebar nav button{font-size:11px}.feature-grid{gap:14px}.latest-card{padding:23px 21px}.latest-body{min-height:175px}.latest-body h2{font-size:27px;max-width:220px}.latest-body p{font-size:12px}.book-visual{width:39%;margin-right:-5px}.book-edition{font-size:18px}.practice-card{padding:21px;gap:0 15px}.practice-heading h2{font-size:25px}.practice-card p{font-size:13px}.practice-card .text-button{font-size:13px}.exam-grid{gap:14px}.exam-card .card-title{font-size:20px}.exam-card .card-top{margin-bottom:18px}.exam-card .card-meta{font-size:11px}.goal-studio h2{font-size:25px}.goal-week h3{font-size:24px}.collection-tools{width:100%}.collection-tools .button{flex:1;padding-inline:12px}.question-paper h2{font-size:20px}.page-heading .eyebrow{font-size:10px}}
@media(max-width:360px){h1{font-size:31px}.latest-body h2{font-size:24px}.book-visual{width:35%}.topbar-actions .text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.logo img,.study-book,.exam-card,.latest-card{transform:none!important}}
