:root{--paper:#f6f1e7;--ink:#233b32;--green:#244c3d;--red:#a34536;--gold:#bd9655;--line:#ddd2ba;--white:#fffdf7;--muted:#77796d}
body.mobile-edition{background-color:var(--paper);background-image:radial-gradient(ellipse at 5% 5%,#c0cbb229,transparent 40%),url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.04' filter='url(%23n)'/%3E%3C/svg%3E")}
.mobile-edition .primary{background:linear-gradient(135deg,#315b48,#183e32);border:1px solid #234638;border-radius:14px;box-shadow:inset 0 0 0 3px #dbc28a1c,0 6px 16px #28453512;font-size:15px;min-height:50px;letter-spacing:.6px}
.mobile-edition .primary:hover{background:#234b3c}.mobile-edition .secondary{border-radius:12px;border-color:#aa956a;min-height:46px}.mobile-edition .site-header{padding:18px 32px}.mobile-edition .brand>b{border-radius:8px;border:2px solid var(--red);background:var(--red);color:#fff5de;box-shadow:inset 0 0 0 2px var(--paper);font-size:25px;line-height:1.25;padding:6px 9px}.mobile-edition .brand-name{font-size:25px;letter-spacing:1px;font-weight:600}.mobile-edition .brand-name small{font-size:10px;letter-spacing:3px}.edition-badge{border:1px solid #c3a161;border-radius:30px;background:#eadaae55;padding:3px 13px;font:14px var(--serif)}
.mobile-gate{max-width:1040px;display:grid;grid-template-columns:1.15fr 1fr;gap:22px 45px;align-items:center;padding:24px 32px 35px;min-height:0}.gate-visual{position:relative;text-align:center;grid-row:span 3}.gate-overline{font-size:11px;letter-spacing:3px;color:var(--red);margin:0 0 12px}.gate-visual h1{font-family:var(--serif);font-size:42px;line-height:1.35;margin:0;font-weight:700;letter-spacing:1px}.gate-visual h1 em{font-style:normal;color:var(--red);font-size:1.2em}.gate-subtitle{font:15px/1.8 var(--serif);margin:12px 0 0;color:#626a5b}.historical-heroes{display:block;width:calc(100% + 44px);height:270px;margin:0 -22px;object-fit:cover;object-position:center 52%;mix-blend-mode:multiply;mask-image:linear-gradient(transparent,#000 9%,#000 85%,transparent)}.mobile-facts{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;font:13px/1.8 var(--serif);background:linear-gradient(90deg,#eee2c800,#eee2c8bb,#eee2c800);border-top:1px solid #c9aa6b88;border-bottom:1px solid #c9aa6b88;padding:9px 0;margin-top:-6px;white-space:nowrap}.mobile-facts b{font-size:16px;font-weight:500}.mobile-facts i{font-style:normal;color:var(--gold)}
.mobile-redeem{border:1px solid #c8a769;border-radius:20px;padding:27px 24px 17px;background:linear-gradient(135deg,#fffcf6e6,#fbf5e9aa);box-shadow:inset 0 0 0 4px #d6b57412,0 8px 24px #6549210a;position:relative}.card-ornament{position:absolute;top:-16px;left:calc(50% - 17px);width:34px;text-align:center;background:var(--paper);color:var(--gold);font-size:20px}.mobile-redeem h2{font-size:28px;text-align:center;margin:0 0 16px;line-height:1.5}.mobile-redeem label{font-size:15px;font-weight:600;margin:10px 0 8px}.password-wrap{position:relative}.mobile-redeem input{border-radius:12px;background:#fffefa99;min-height:52px;font-size:16px;padding:13px 65px 13px 14px;border-color:#c6c7b9}.password-wrap button{position:absolute;right:5px;top:5px;min-width:52px;min-height:42px;background:none;border:none;color:var(--green);font-size:13px}.mobile-redeem .input-help{font-size:12px;margin:8px 0 17px;line-height:1.8}.mobile-redeem .primary{width:100%;text-decoration:none;font-size:16px;gap:12px}.mobile-redeem .gate-status{font-size:12px;min-height:0;margin:8px 0 0}.mobile-redeem .gate-status:empty{display:none}#resumeAccess>p{font-size:13px;color:var(--muted);text-align:center}.mobile-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.mobile-benefits>div{display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-benefits>div+div{border-left:1px solid #d7c49d77}.mobile-benefits span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #bda36e;border-radius:15px 15px 18px 18px;color:#88692f;background:#f7eedb;font:26px var(--serif)}.mobile-benefits>div:nth-child(2) span{color:var(--red)}.mobile-benefits>div:nth-child(3) span{color:var(--green)}.mobile-benefits b{font:15px var(--serif)}.gate-save{font-size:11px;color:var(--muted);text-align:center;margin:0}.mobile-gate>.gate-faq{grid-column:1/-1;font-size:12px;padding:12px 0}.mobile-gate>.home-footnote{grid-column:1/-1;margin:0;font-size:11px}.mobile-edition .site-footer{font-size:11px}
.mobile-edition .question-card{border:0;padding:0;background:transparent}.mobile-question-intro{position:relative;padding:27px 28px 22px;border:1px solid #ccb786;border-radius:17px;background:linear-gradient(100deg,#fbf5e9 35%,#fbf5e9db 70%,#e3e7d655),url('assets/historical-heroes.webp') right center/cover;overflow:hidden;margin-bottom:18px}.mobile-question-intro:after{content:'◇';position:absolute;bottom:6px;right:16px;color:var(--gold);font-size:23px}.mobile-question-intro h2{position:relative;font-size:25px;line-height:1.7;margin:0 0 11px;z-index:1}.mobile-question-intro .question-hint{font-size:12px;margin:0}.mobile-quiz-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font:18px var(--serif)}.mobile-quiz-toolbar b{font-weight:500;font-size:29px;color:var(--red)}.mobile-quiz-toolbar button{font-size:14px;color:var(--ink);min-height:44px}.mobile-edition .question-kicker{display:none}.mobile-edition .progress{height:7px;border-radius:8px;overflow:hidden;background:#d9d9cc;margin:10px 0 20px}.mobile-edition .progress i{background:var(--green);border-radius:8px}.mobile-edition .option{border-radius:15px;border-color:#d4c4a3;min-height:78px;background:linear-gradient(110deg,#fffcf6e6,#f5edde99);padding:16px 18px;box-shadow:0 3px 10px #5c4b2b06}.mobile-edition .option-letter{display:grid;place-items:center;width:37px;height:37px;border:1px solid #c9af81;border-radius:50%;font-size:25px;color:var(--red)}.mobile-edition .option.selected{border:2px solid var(--green);padding:15px 17px;background:linear-gradient(120deg,#e0ebd5,#edf0dd);box-shadow:0 3px 12px #2747320b}.mobile-edition .selected .option-letter{background:var(--green);color:#fff9e9;border-color:var(--green)}.mobile-edition .option-check{color:var(--green);font-size:21px}.mobile-edition .option-text{font-size:15px;line-height:1.7}.mobile-answer-note{text-align:center;font:13px/1.8 var(--serif);color:var(--red);margin:18px 0 0}.mobile-edition .q-nav{margin-top:16px}.mobile-edition .q-nav>#back{border:1px solid #a5966d;min-height:50px;padding:10px 20px;border-radius:30px;font:16px var(--serif);color:var(--ink)}.mobile-edition .save-status{text-align:center;font-size:12px;color:var(--green)}.mobile-edition .question-bottom{display:none}.mobile-edition dialog{border-radius:18px}.mobile-edition .report-nav{background:#f6f1e7ed}.mobile-edition .match-card,.mobile-edition .evidence-card,.mobile-edition .career-card,.mobile-edition .history-panel,.mobile-edition .care-panel,.mobile-edition .related-card{border-radius:16px}.mobile-edition .hero-art{background:url('assets/historical-heroes.webp') center/cover;border-radius:20px}.mobile-edition .hero-art>*{display:none}.mobile-edition .hero h1{font-size:48px}.mobile-edition .result-name h1{color:var(--green)}
@media(max-width:760px){
 .mobile-edition .site-header{padding:12px 18px;min-height:64px;gap:10px;background:#f6f1e7a6}.mobile-edition .brand{gap:8px}.mobile-edition .brand>b{font-size:21px;padding:5px 7px}.mobile-edition .brand-name{font-size:21px}.mobile-edition .brand-name small{font-size:8px;letter-spacing:2px}.edition-badge{font-size:11px;padding:5px 8px;white-space:nowrap}.mobile-edition[data-screen=gate] .brand-name small{display:none}
 .mobile-gate{display:block;padding:17px 18px 23px;max-width:520px}.gate-overline{font-size:10px;letter-spacing:2px;margin:0 0 7px}.gate-visual h1{font-size:30px;line-height:1.26;letter-spacing:.5px}.gate-visual h1 em{font-size:1.2em}.gate-subtitle{font-size:13px;margin:8px 0 0}.historical-heroes{height:175px;width:calc(100% + 36px);margin:-2px -18px 0;object-position:center 48%}.mobile-facts{font-size:11px;gap:7px;padding:7px 0;margin-top:-6px}.mobile-facts b{font-size:14px}.mobile-redeem{padding:19px 16px 17px;margin:17px 0 20px;border-radius:17px}.mobile-redeem h2{font-size:24px;margin:0 0 12px}.mobile-redeem label{font-size:14px;margin:8px 0 6px}.mobile-redeem input{min-height:48px;padding-top:11px;padding-bottom:11px}.mobile-redeem .input-help{font-size:11px;margin:7px 0 13px}.mobile-redeem .primary{font-size:15px;min-height:49px;padding:12px 14px}.mobile-benefits{gap:6px;margin:0 0 14px}.mobile-benefits span{width:37px;height:37px;font-size:23px;border-radius:12px}.mobile-benefits b{font-size:14px}.gate-save{font-size:11px;margin:0 0 13px}.mobile-gate .gate-faq{font-size:11px;padding:10px 0}.mobile-gate .home-footnote{margin:14px auto 0;font-size:10px}.mobile-edition .site-footer{padding:18px;flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:10px}
 .mobile-edition main:not(.mobile-gate){padding:22px 18px 32px;min-height:0}.mobile-edition .site-header nav{gap:10px}.mobile-edition .site-header nav .text-btn{font-size:11px}.mobile-edition .header-atlas{font-size:12px;padding:9px 0}.mobile-edition .header-atlas span{display:none}.mobile-edition[data-screen=quiz] .site-header #methodBtn{display:none}.mobile-edition[data-screen=quiz] main{padding-top:12px;padding-bottom:120px}.mobile-edition .quiz-layout{display:block}.mobile-edition .journey{display:none}.mobile-edition .mobile-quiz-toolbar{margin-bottom:4px;font-size:16px}.mobile-edition .mobile-quiz-toolbar b{font-size:27px}.mobile-edition .quiz-top{font-size:11px;gap:8px}.mobile-edition .progress{margin:9px 0 16px;height:6px}.mobile-question-intro{padding:19px 17px 17px;border-radius:14px;margin-bottom:14px;background:linear-gradient(100deg,#fbf5e9f2 15%,#fbf5e9df 70%,#f4efdf99),url('assets/historical-heroes.webp') right center/cover}.mobile-question-intro h2{font-size:21px;line-height:1.65;letter-spacing:.2px;margin-bottom:8px}.mobile-question-intro .question-hint{font-size:11px}.mobile-edition .options{gap:11px}.mobile-edition .option{gap:12px;min-height:76px;padding:14px 13px;border-radius:13px}.mobile-edition .option.selected{padding:13px 12px}.mobile-edition .option-letter{width:32px;height:32px;font-size:22px}.mobile-edition .question-area .option-text{font-size:15px;line-height:1.65}.mobile-edition .option-check{font-size:19px;width:17px;flex-shrink:0}.mobile-answer-note{font-size:12px;margin:17px 0 7px}.mobile-edition .q-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:12px 18px calc(12px + env(safe-area-inset-bottom));margin:0;gap:12px;background:#f6f1e7f5;border-top:1px solid #d7c7a6;box-shadow:0 -5px 20px #51432109;backdrop-filter:blur(12px)}.mobile-edition .q-nav>#back{flex:.8;min-height:48px;padding:11px 8px;font-size:15px}.mobile-edition .q-nav>#next{flex:1.2;min-height:49px;padding:11px 8px;font-size:15px;white-space:normal;border-radius:30px}.mobile-edition .save-status{font-size:11px;margin:8px 0 0;min-height:20px}.mobile-edition[data-screen=quiz] .site-footer{display:none}
 .mobile-edition .hero{display:flex;flex-direction:column-reverse;gap:18px}.mobile-edition .hero-art{width:100%;height:170px;background-position:center 48%}.mobile-edition .hero-copy{width:100%}.mobile-edition .hero h1{font-size:32px;line-height:1.4;margin-bottom:12px}.mobile-edition .hero .eyebrow{font-size:10px;margin-bottom:10px}.mobile-edition .hero .intro{font-size:13px;line-height:1.9}.mobile-edition .hero .lead{font-size:16px}.mobile-edition .hero-actions{margin:20px 0 10px;gap:12px}.mobile-edition .hero-actions .primary{flex:1;padding:13px;font-size:14px}.mobile-edition .metrics{margin:25px 0 32px;border-radius:14px;padding:15px 0;background:#eadfc644}.mobile-edition .metrics>div{padding:0 9px;display:block;text-align:center}.mobile-edition .metrics b{font-size:27px}.mobile-edition .metrics p{font-size:10px}.mobile-edition .feature-grid article{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fffbf459}.mobile-edition .collection-preview{border-radius:16px;padding:22px}.mobile-edition .report{overflow-wrap:anywhere}.mobile-edition .report-topline{font-size:10px}.mobile-edition .result-hero{padding:28px 0;gap:22px}.mobile-edition .match-card{background:#edf0dd66}.mobile-edition .report-section{padding-top:32px}.mobile-edition .section-heading h2{font-size:23px}.mobile-edition .report p{line-height:1.9}.mobile-edition .report .report-nav a{font-size:12px;padding:10px}.mobile-edition .report .summary-panel>p,.mobile-edition .report .evidence-reading p,.mobile-edition .report .career-card>p,.mobile-edition .report .care-panel>p:not(.eyebrow){font-size:14px}.mobile-edition dialog{padding:22px 18px;width:calc(100vw - 24px);max-height:85dvh}.mobile-edition .answer-map{gap:7px}.mobile-edition .map-button{min-height:30px}.mobile-edition .people-grid{gap:9px}
}
@media(max-width:360px){.gate-visual h1{font-size:27px}.historical-heroes{height:145px}.mobile-redeem h2{font-size:22px}.mobile-edition .question-area .option-text{font-size:14px}.mobile-edition .site-header{padding-left:14px;padding-right:14px}.mobile-edition .edition-badge{font-size:10px}}
@media print{.mobile-quiz-toolbar,.mobile-answer-note{display:none}.mobile-edition .primary{box-shadow:none}.mobile-edition .match-card{background:white}.mobile-edition .report-nav{display:none}}
