/* Approved forest / indigo assessment interface */
:root{--foil-tone-01:#152f2610;--foil-tone-02:#152b3260;--foil-tone-03:#111c2526;--foil-tone-04:#b7a16b;--foil-tone-05:#123b31;--foil-tone-06:#09221f;--foil-tone-07:#315749;--foil-tone-08:#b0a2d4;--foil-tone-09:#313859;--foil-tone-10:#171c33;--foil-tone-11:#514062;--foil-tone-12:#e4d4a44d;--foil-tone-13:#dbf4f940;--foil-tone-14:#abdce860;--foil-tone-15:#c7a8ed80;--foil-tone-16:#f8e6aa50;--foil-tone-17:#ffebba;--foil-tone-18:#0009;--foil-tone-19:#eee5ff;--foil-tone-20:#31574a;--foil-tone-21:#092821;--foil-tone-22:#514d78;--foil-tone-23:#181e35;--foil-tone-24:#d4c58c55;--foil-tone-25:#ffffff70;--foil-tone-26:#ffffff9c;--foil-tone-27:#53665e;--foil-tone-28:#60617b;--foil-tone-29:#ffffffa8;--foil-tone-30:#0002;--foil-tone-31:#a79b7240;--foil-tone-32:#081b19;--foil-tone-33:#04100fed;--foil-tone-34:#171c32;--foil-tone-35:#dfd7bd;--foil-tone-36:#a9b4aa;--foil-tone-37:#b8bda9;--foil-tone-38:#ffffff85;--foil-tone-39:#ffffffc9;--foil-tone-40:#071c2870;--foil-tone-41:#0003;--foil-tone-42:#baa97844;--foil-tone-43:#2b5044;--foil-tone-44:#061b1a;--foil-tone-45:#c8b789;--foil-tone-46:#f1dfaf38;--foil-tone-47:#fff0c7;--foil-tone-48:#fff1ca;--foil-tone-49:#eee2bd;--foil-tone-50:#e6ddc7;--foil-tone-51:#30493d;--foil-tone-52:#071c1b;--foil-tone-53:#72d6dc38;--foil-tone-54:#ecb7ff48;--foil-tone-55:#ffe6aa70;--foil-tone-56:#f7e6b50a;--foil-tone-57:#a6b9d9;--foil-tone-58:#273755;--foil-tone-59:#090e22;--foil-tone-60:#eff5ff;--foil-tone-61:#c8d4f1;--foil-tone-62:#c7cce1;--foil-tone-63:#303d60;--foil-tone-64:#10152a;--foil-tone-65:#06141bcc}
:root{--canvas:#f5f4ef;--ink:#193730;--muted:#6e7c75;--accent:#a77d35;--line:#d8ded7;--wash:#e8eee8;--deep:#10372f;--card-ink:#f5e6ba;--serif:"Songti SC","STSong","SimSun",Georgia,serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
[data-theme=indigo]{--canvas:#f5f4f8;--ink:#2b2c4a;--muted:#79798c;--accent:#7268a6;--line:#dddbea;--wash:#eae7f3;--deep:#282847;--card-ink:#ece3ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.7 var(--body);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif)}a{color:inherit}svg{display:block}::selection{background:var(--wash)}.page{max-width:1180px;margin:auto;padding:0 40px 60px}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.1em;font-weight:650}.seal{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--accent);font:22px var(--serif);color:var(--accent)}.nav-caption{color:var(--muted);font-size:12px;letter-spacing:.12em}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--accent);font-weight:600}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:56px;align-items:center;padding:66px 0 72px}.hero h1{font-weight:500;font-size:clamp(38px,4.9vw,64px);line-height:1.25;letter-spacing:.01em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--accent)}.intro{max-width:510px;line-height:1.95;color:var(--muted);font-size:16px}.meta{display:flex;gap:0;margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:450px;padding:16px 0}.meta span{padding:0 22px;font-size:12px;color:var(--muted);border-left:1px solid var(--line)}.meta span:first-child{padding-left:0;border:0}.meta b{display:block;font:25px var(--serif);line-height:1.25;color:var(--ink);margin-bottom:5px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.primary,.secondary,.text-btn{min-height:48px;padding:12px 23px;border-radius:3px;font-weight:600}.primary{background:var(--deep);color:var(--on-deep);box-shadow:0 5px 15px var(--foil-tone-01)}.primary:hover{filter:brightness(1.12)}.secondary{background:transparent;border:1px solid var(--line)}.secondary:hover{background:var(--wash)}.text-btn{padding:8px 12px;background:transparent;font-size:13px;color:var(--muted)}.little{font-size:11px;color:var(--muted);margin-top:17px}.card-area{display:flex;align-items:center;flex-direction:column;perspective:1200px;position:relative;min-width:0}.card-area::before{content:"";position:absolute;width:86%;height:74%;border-radius:50%;top:10%;background:radial-gradient(ellipse,var(--wash),transparent 70%);transform:rotate(-12deg);z-index:-1}.foilcard{width:310px;aspect-ratio:5/7;position:relative;border-radius:17px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;transition:transform .18s ease-out;cursor:grab;touch-action:pan-y;box-shadow:0 25px 36px -20px var(--foil-tone-02),0 5px 9px var(--foil-tone-03)}.foilcard:active{cursor:grabbing}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.foilcard.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;overflow:hidden;border:1px solid var(--foil-tone-04);border-radius:17px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,var(--foil-tone-05),var(--foil-tone-06) 60%,var(--foil-tone-07));color:var(--card-ink)}[data-theme=indigo] .card-face{border-color:var(--foil-tone-08);background:linear-gradient(135deg,var(--foil-tone-09),var(--foil-tone-10) 60%,var(--foil-tone-11))}.card-front::after,.card-back::after{content:"";position:absolute;inset:7px;border:1px solid var(--foil-tone-12);border-radius:11px;pointer-events:none}.foilcard canvas{position:absolute;width:100%;height:100%;inset:0}.fallback-art{position:absolute;inset:0;opacity:.8}.webgl-ready .fallback-art{display:none}.fallback-foil{position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(130deg,transparent 0 17px,var(--foil-tone-13) 18px 19px,transparent 20px 35px),linear-gradient(115deg,transparent 20%,var(--foil-tone-14) 30%,var(--foil-tone-15) 42%,var(--foil-tone-16) 52%,transparent 65%);background-size:200% 100%;animation:foil 9s ease-in-out infinite}.webgl-ready .fallback-foil{display:none}@keyframes foil{0%,100%{background-position:90% 0}50%{background-position:10% 0}}.card-top{position:absolute;top:7.7%;left:10%;right:10%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em}.card-title{position:absolute;top:61%;width:100%;text-align:center;padding:0 15px;font:27px/1.3 var(--serif);letter-spacing:.09em;color:var(--foil-tone-17);text-shadow:0 1px 1px var(--foil-tone-18)}[data-theme=indigo] .card-title{color:var(--foil-tone-19)}.card-direction{position:absolute;top:71.3%;left:8%;right:8%;text-align:center;font-size:10px;letter-spacing:.12em;opacity:.78}.card-quote{position:absolute;top:78%;left:12%;right:12%;font:12px/1.8 var(--serif);text-align:center;opacity:.85}.card-bottom{position:absolute;bottom:6%;left:10%;right:10%;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.16em;opacity:.6}.card-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;gap:22px;text-align:center;background:radial-gradient(ellipse at 30% 30%,var(--foil-tone-20),var(--foil-tone-21) 75%)}[data-theme=indigo] .card-back{background:radial-gradient(ellipse at 30% 30%,var(--foil-tone-22),var(--foil-tone-23) 75%)}.card-back h3{font-size:27px}.card-back p{font-size:12px;line-height:2.1;opacity:.8}.card-back .eyebrow{color:inherit}.card-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.card-tags span{font-size:10px;border:1px solid var(--foil-tone-24);padding:4px 8px}.card-controls{display:flex;justify-content:center;gap:5px;margin-top:17px}.card-hint{font-size:11px;letter-spacing:.05em;color:var(--muted);margin-top:10px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px}.section-title h2{font-size:30px;font-weight:500}.section-title p{font-size:12px;color:var(--muted)}.gallery{border-top:1px solid var(--line);padding:37px 0}.types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.type-tile{background:var(--foil-tone-25);padding:22px;border:1px solid var(--line);min-width:0;transition:border-color .2s,transform .2s;position:relative}.type-tile:hover{border-color:var(--accent);transform:translateY(-3px)}.type-tile .tile-id{font-size:9px;letter-spacing:.15em;color:var(--muted)}.tile-art{width:55px;height:55px;margin:15px 0;color:var(--accent)}.type-tile h3{font-size:22px;font-weight:500;margin:6px 0}.type-tile p{font-size:11px;color:var(--muted);min-height:36px}.type-tile button{background:transparent;text-align:left;padding:12px 0 0;min-height:44px;font-size:12px;color:var(--accent);font-weight:600}.home-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:28px 0}.home-bottom h3{font-family:var(--body);font-size:14px;margin-bottom:7px}.home-bottom p{font-size:12px;line-height:1.9;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:23px;letter-spacing:.02em}.quiz-wrap{max-width:730px;margin:38px auto 0}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.quiz-head b{font-family:var(--serif);font-size:22px;font-weight:500}.progress{height:3px;background:var(--line);overflow:hidden;margin-bottom:32px}.progress i{height:100%;display:block;background:var(--accent);transition:width .4s}.question-card{padding:32px 38px 35px;background:var(--foil-tone-26);border:1px solid var(--line);animation:appear .3s ease}.question-label{font-size:11px;letter-spacing:.08em;color:var(--accent)}.question-card h1{font-size:27px;line-height:1.6;font-weight:500;margin:17px 0 13px}.context{font-size:13px;line-height:1.9;color:var(--muted);padding:15px 18px;background:var(--wash);margin:12px 0 20px;border:1px solid var(--line)}.options{display:grid;gap:11px;margin-top:23px}.option{width:100%;display:flex;gap:16px;align-items:center;text-align:left;padding:15px 18px;background:var(--canvas);border:1px solid var(--line);border-radius:3px;min-height:61px;transition:background .18s,border-color .18s}.option .letter{font-family:Georgia,serif;color:var(--muted);width:24px;flex-shrink:0}.option .label{flex:1;font-size:14px;line-height:1.8}.option .radio{width:15px;height:15px;border-radius:50%;border:1px solid var(--line);flex-shrink:0}.option:hover,.option.selected{border-color:var(--accent);background:var(--wash)}.option.selected .radio{border:4px solid var(--accent)}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.quiz-tip{font-size:11px;color:var(--muted);text-align:center;margin-top:18px}.order-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);background:var(--canvas);border-radius:3px}.rank-number{font:20px Georgia;color:var(--accent);flex-shrink:0;width:20px}.order-text{flex:1;font-size:13px;line-height:1.7}.order-btn{background:transparent;border:1px solid var(--line);width:37px;height:40px;flex-shrink:0;border-radius:3px}.order-controls{display:flex;gap:5px}.order-confirm{margin-top:20px;width:100%}.result-heading{max-width:750px;padding:42px 0 28px}.result-heading h1{font-size:44px;font-weight:500;line-height:1.4;margin:12px 0}.result-heading .direction{font-size:14px;color:var(--muted)}.preview-notice{background:var(--wash);border:1px solid var(--line);padding:13px 17px;font-size:12px;line-height:1.8;margin-top:18px;color:var(--muted)}.result-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:60px;align-items:start;padding-top:18px}.result-aside{position:sticky;top:27px}.result-aside .foilcard{width:300px}.report{min-width:0}.report-block{border-top:1px solid var(--line);padding:23px 0}.report-block h2{font-size:21px;font-weight:500;margin-bottom:13px}.report-block p{font-size:14px;color:var(--foil-tone-27);line-height:2.05}[data-theme=indigo] .report-block p{color:var(--foil-tone-28)}.evidence-list{display:grid;gap:10px;margin:15px 0}.evidence{font-size:12px;padding:13px 15px;background:var(--foil-tone-29);border:1px solid var(--line);line-height:1.9}.evidence small{font-size:10px;color:var(--muted);display:block}.evidence b{font-weight:500}.bars{margin:20px 0;display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:85px minmax(0,1fr) 28px;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.bar-track{height:4px;background:var(--line)}.bar-track i{display:block;height:100%;background:var(--accent);max-width:100%}.secondary-type{padding:20px;margin:22px 0;background:var(--wash);border:1px solid var(--line)}.secondary-type h3{font-size:24px;margin:8px 0}.secondary-type p{font-size:12px;color:var(--muted);line-height:1.9}.save-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:22px}.save-actions button{padding:10px 8px;min-height:44px;font-size:12px}.report-end{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:18px 0;line-height:1.9}.toast{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--deep);color:var(--on-deep);padding:12px 19px;max-width:calc(100% - 30px);border-radius:4px;font-size:12px;z-index:20;box-shadow:0 8px 25px var(--foil-tone-30);white-space:normal;text-align:center}.hidden{display:none!important}.copy-box{width:100%;padding:13px;font:13px/1.8 var(--body);border:1px solid var(--line);background:var(--canvas);color:var(--ink);min-height:110px;margin-top:15px}dialog{width:min(600px,calc(100% - 20px));padding:38px 15px 24px;border:1px solid var(--foil-tone-31);background:var(--foil-tone-32);color:var(--card-ink);border-radius:18px;overflow:visible;max-height:calc(100svh - 24px);box-shadow:0 30px 100px var(--foil-tone-18)}dialog::backdrop{background:var(--foil-tone-33);backdrop-filter:blur(10px)}[data-theme=indigo] dialog{background:var(--foil-tone-34)}dialog .card-area{perspective:1500px}dialog .foilcard{width:min(380px,calc((100svh - 180px)*.714));max-width:calc(100vw - 60px)}dialog .card-controls button{color:var(--foil-tone-35)}dialog .card-hint{color:var(--foil-tone-36)}.close-viewer{position:absolute;right:8px;top:7px;width:44px;height:44px;background:transparent;color:var(--foil-tone-35);font-size:23px;z-index:2}.modal-label{text-align:center;font-size:10px;letter-spacing:.15em;color:var(--foil-tone-37);margin-bottom:17px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){.hero .foilcard{width:325px}.hero .card-area{transform:rotate(3deg)}}
@media(max-width:850px){.page{padding:0 28px 40px}.hero{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:42px}.hero .foilcard{width:270px}.types-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid{grid-template-columns:290px minmax(0,1fr);gap:30px}.result-aside .foilcard{width:260px}.question-card{padding:28px}.nav-caption{font-size:10px}.meta span{padding:0 14px}}
@media(max-width:600px){.page{padding:0 20px 34px}.nav{height:72px}.brand{font-size:14px;gap:9px}.seal{width:32px;height:32px;font-size:20px}.nav-caption{font-size:9px;letter-spacing:.04em}.hero{grid-template-columns:minmax(0,1fr);padding:37px 0 37px;gap:35px}.hero h1{font-size:39px;margin:17px 0;line-height:1.3}.intro{font-size:14px}.meta{margin:22px 0;padding:14px 0}.meta b{font-size:23px}.meta span{font-size:10px;padding:0 18px}.actions .primary{flex:1}.actions .secondary{flex:1;padding:12px}.hero .foilcard{width:min(280px,calc(100vw - 65px))}.hero .card-area{padding:0 0 10px}.little{font-size:10px}.section-title{align-items:start;flex-direction:column;gap:8px}.section-title h2{font-size:26px}.types-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.type-tile{padding:17px 14px}.type-tile h3{font-size:20px}.type-tile p{font-size:10px;min-height:36px}.tile-art{width:48px;height:48px;margin:13px 0}.home-bottom{grid-template-columns:minmax(0,1fr);gap:22px}.gallery{padding:29px 0}.footer{font-size:9px}.quiz-wrap{margin-top:27px}.quiz-head b{font-size:20px}.question-card{padding:23px 18px}.question-card h1{font-size:24px;line-height:1.6;margin-top:15px}.option{padding:14px 12px;gap:10px;min-height:65px}.option .label{font-size:13px}.option .letter{width:18px}.context{padding:13px;font-size:12px}.quiz-tip{font-size:10px}.order-row{gap:8px;padding:12px 10px}.order-controls{gap:3px}.order-btn{width:32px;height:40px}.order-text{font-size:12px}.result-heading{padding:29px 0 20px}.result-heading h1{font-size:36px}.result-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:6px}.result-aside{position:static}.result-aside .foilcard{width:min(285px,calc(100vw - 65px))}.save-actions{max-width:350px;margin:20px auto}.secondary-type{max-width:350px;margin:18px auto 0}.report-block{padding:23px 0}.report-block p{font-size:14px}.preview-notice{font-size:11px}.result-heading .direction{font-size:12px}.card-controls{margin-top:12px}}
@media(max-width:350px){.page{padding-left:15px;padding-right:15px}.hero h1{font-size:34px}.meta span{padding:0 13px}.type-tile h3{font-size:18px}.primary,.secondary{padding:11px 15px;font-size:13px}.question-card{padding:20px 14px}.question-card h1{font-size:22px}.option .label{font-size:12px}.nav-caption{max-width:88px;text-align:right}.order-btn{width:29px}.order-controls{gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.foilcard{transform:none!important}.card-inner{transition:none!important}.hero .card-area{transform:none!important}}
.order-btn{width:44px;height:44px}.fallback-art>svg{width:100%;height:100%}dialog .text-btn[data-action=zoom]{display:none}
.rec-jump{margin-top:18px;min-height:44px;padding:10px 17px;background:var(--deep);color:var(--on-deep);border-radius:3px;font-size:12px;letter-spacing:.02em}.recommendations{margin:6px 0 30px;scroll-margin-top:24px}.rec-heading{padding:27px 0 20px;border-top:2px solid var(--accent)}.rec-heading h2{font-size:30px;font-weight:500;line-height:1.45;margin:9px 0 12px}.rec-intro{font-size:12px;line-height:1.9;color:var(--muted);max-width:580px}.rec-list{padding:0;margin:0;list-style:none;display:grid;gap:12px}.rec-item{padding:21px 22px 17px;background:var(--foil-tone-38);border:1px solid var(--line);min-width:0;border-radius:4px}.rec-item:nth-child(1){border-color:var(--accent);background:linear-gradient(125deg,var(--foil-tone-39),var(--wash))}.rec-list .rec-extra{display:none}.recommendations.expanded .rec-extra{display:block}.rec-top{display:grid;grid-template-columns:37px minmax(0,1fr);gap:13px;align-items:start}.rec-number{color:var(--accent);font:27px/1.2 Georgia,serif;letter-spacing:-.04em;padding-top:3px}.rec-title{font-size:22px;font-weight:500;line-height:1.55;overflow-wrap:anywhere}.rec-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;line-height:1.6;font-size:10px;color:var(--muted)}.rec-chip{display:inline-block;padding:3px 8px;background:var(--wash);border:1px solid var(--line);border-radius:2px}.rec-reason{font-size:13px;line-height:1.95;margin:14px 0 6px;color:var(--ink)}.rec-source{margin-top:12px;border-top:1px solid var(--line);font-size:12px;min-width:0}.rec-source summary{min-height:44px;padding:12px 0 7px;color:var(--accent);cursor:pointer;font-size:11px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.rec-source summary::-webkit-details-marker{display:none}.rec-source summary::after{content:'＋';font-size:17px;font-weight:400}.rec-source[open] summary::after{content:'−'}.rec-source summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rec-source[open]{padding-bottom:6px}.rec-fields{margin:7px 0 14px;display:grid;gap:12px;min-width:0}.rec-fields div{min-width:0}.rec-fields dt{font-size:10px;color:var(--muted);margin-bottom:3px}.rec-fields dd{margin:0;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.rec-links{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:11px;color:var(--accent)}.rec-links a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}.rec-provenance{font-size:10px;color:var(--muted);line-height:1.85;margin:12px 0 0;overflow-wrap:anywhere}.rec-expand{width:100%;margin-top:14px;min-height:48px;background:var(--wash);border:1px solid var(--line);border-radius:3px;font-size:12px;font-weight:600}.rec-note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:16px;padding-left:12px;border:1px solid var(--line)}.rec-method{margin-top:12px}.rec-method summary{color:var(--muted);font-size:11px;cursor:pointer;min-height:44px;padding:10px 0}.rec-method p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 13px}
@media(max-width:850px) and (min-width:601px){.rec-item{padding:18px 15px 12px}.rec-top{grid-template-columns:27px minmax(0,1fr);gap:9px}.rec-title{font-size:20px}}
@media(max-width:600px){.rec-heading h2{font-size:28px}.rec-item{padding:19px 17px 12px}.rec-top{grid-template-columns:30px minmax(0,1fr);gap:11px}.rec-number{font-size:25px}.rec-title{font-size:21px}.rec-reason{font-size:12px;margin-top:13px}.rec-heading{padding-top:23px}.rec-jump{width:100%;margin-top:16px}.rec-chip{padding:3px 6px}.rec-note{font-size:10px}}
.foilcard{border-radius:13px;box-shadow:0 32px 42px -19px var(--foil-tone-40),0 8px 12px var(--foil-tone-41),0 0 0 1px var(--foil-tone-42);transition:transform .14s ease-out}.card-face{border-radius:13px;background:radial-gradient(ellipse at 50% 36%,var(--foil-tone-43),var(--foil-tone-44) 78%);border-color:var(--foil-tone-45)}.card-front::after,.card-back::after{inset:5px;border-color:var(--foil-tone-46);border-radius:8px}.card-top{top:6.2%;left:9%;right:9%;font-size:8px;letter-spacing:.2em;color:var(--foil-tone-47)}.card-edition{position:absolute;top:13%;left:10%;font-size:7px;letter-spacing:.24em;opacity:.5}.card-serial{position:absolute;right:10%;top:10.3%;font:38px/1 Georgia,serif;font-style:italic;opacity:.2}.card-insignia{position:absolute;top:60%;width:100%;text-align:center;font-size:7px;letter-spacing:.3em;opacity:.68}.card-title{top:65%;font-size:28px;letter-spacing:.065em;color:var(--foil-tone-48);font-weight:600;text-shadow:0 2px 10px var(--foil-tone-18)}.card-direction{top:73.8%;font-size:10px;letter-spacing:.04em;color:var(--foil-tone-49);opacity:.85}.card-quote{top:81%;left:10%;right:10%;font-size:11px;line-height:1.8;color:var(--foil-tone-50);opacity:.76}.card-bottom{bottom:4.8%;left:9%;right:9%;font-size:7px;letter-spacing:.16em;opacity:.55}.card-back{background:radial-gradient(ellipse at 50% 32%,var(--foil-tone-51),var(--foil-tone-52) 75%);gap:18px;padding:32px 30px}.card-back-emblem{width:75px;height:75px;color:var(--card-ink);opacity:.8}.card-back h3{font-weight:500;letter-spacing:.08em}.card-back p{font-size:11px}.card-tags span{border-radius:2px}.fallback-art{opacity:.95;filter:sepia(.6)}.fallback-foil{opacity:.44;background:linear-gradient(122deg,transparent 24%,var(--foil-tone-53) 36%,var(--foil-tone-54) 42%,var(--foil-tone-55) 48%,transparent 65%),repeating-linear-gradient(130deg,transparent 0 3px,var(--foil-tone-56) 4px 5px)}[data-theme=indigo] .card-face{border-color:var(--foil-tone-57);background:radial-gradient(ellipse at 50% 36%,var(--foil-tone-58),var(--foil-tone-59) 78%)}[data-theme=indigo] .card-top,[data-theme=indigo] .card-title{color:var(--foil-tone-60)}[data-theme=indigo] .card-direction{color:var(--foil-tone-61)}[data-theme=indigo] .card-quote{color:var(--foil-tone-62)}[data-theme=indigo] .card-back{background:radial-gradient(ellipse at 50% 32%,var(--foil-tone-63),var(--foil-tone-64) 75%)}[data-theme=indigo] .fallback-art{filter:none}.save-actions .share-entry{grid-column:1/-1;background:var(--wash);border:1px solid var(--line);font-weight:600}
.share-viewer{width:min(460px,calc(100% - 24px));padding:25px 25px 22px;border-radius:10px;overflow:auto;max-height:calc(100svh - 30px);background:var(--canvas)!important;color:var(--ink);border:1px solid var(--line)}.share-viewer::backdrop{background:var(--foil-tone-65);backdrop-filter:blur(9px)}.share-viewer .close-viewer{color:var(--ink)}.share-viewer h2{font-size:27px;font-weight:500;line-height:1.5;margin:8px 0 14px}.share-preview{width:min(205px,calc((100svh - 345px)*.714));min-width:140px;max-width:100%;height:auto;border-radius:8px;display:block;margin:15px auto 19px;box-shadow:0 10px 22px var(--foil-tone-30)}.share-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.share-actions button,.share-actions a{font-size:12px;min-height:44px;padding:11px 10px;text-align:center;text-decoration:none}.share-actions .share-native{grid-column:1/-1}.share-help{font-size:11px;color:var(--muted);line-height:1.85;margin-top:15px}.share-loading{padding:45px 0;text-align:center;font-size:13px;color:var(--muted)}
@media(max-width:350px){.card-title{font-size:26px}.card-direction{font-size:9px}.card-quote{font-size:10px}.share-viewer{padding:23px 17px 18px}}
.card-back-emblem>svg{width:100%;height:100%}
.card-back{gap:11px;padding:24px}.card-back-emblem{width:52px;height:52px;flex:0 0 52px}.card-back h3{font-size:23px;line-height:1.45}.card-back p{font-size:11px;line-height:1.8}.card-back .eyebrow{font-size:9px}.card-back .card-tags span{font-size:9px;padding:3px 6px}
:root {
  --surface: #fafbf7;
  --surface-soft: #eff2ed;
  --surface-raised: #fcfdf9;
  --muted: #5e6f66;
  --accent-ink: #78561f;
  --on-deep: #f3f6ee;
  --line: rgba(25,55,48,.13);
  --line-strong: rgba(25,55,48,.25);
  --accent-line: rgba(167,125,53,.4);
  --shadow-panel: 0 16px 42px -28px rgba(19,55,47,.3);
  --shadow-button: 0 7px 16px -10px rgba(16,55,47,.5);
  --number: Georgia,serif;
  --radius-control: 8px;
  --radius-panel: 16px;
  --radius-stage: 22px;
  --texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
[data-theme=indigo] {
  --surface: #faf9fd;
  --surface-soft: #efedf5;
  --surface-raised: #fcfbfe;
  --muted: #68667e;
  --accent-ink: #63578e;
  --on-deep: #f5f3fc;
  --line: rgba(43,44,74,.13);
  --line-strong: rgba(43,44,74,.25);
  --accent-line: rgba(114,104,166,.4);
  --shadow-panel: 0 16px 42px -28px rgba(43,44,74,.3);
  --shadow-button: 0 7px 16px -10px rgba(43,44,74,.5);
}
html,body { overflow-x: clip; }
body { min-height: 100dvh; }
body::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; background-image: var(--texture); opacity: .025; }
.page { position: relative; max-width: 1264px; padding: 0 44px 44px; }
h1,h2,h3 { min-width: 0; overflow-wrap: anywhere; text-wrap: balance; }
p { text-wrap: pretty; }
button,a,summary { -webkit-tap-highlight-color: transparent; }
.primary,.secondary,.text-btn,.rec-jump,.rec-expand,.share-entry,.order-btn { white-space: nowrap; border-radius: var(--radius-control); min-height: 44px; }
.primary,.secondary,.share-entry,.rec-jump,.rec-expand,.order-btn { transition: transform .2s cubic-bezier(.16,1,.3,1); }
.primary,.rec-jump { color: var(--on-deep); box-shadow: var(--shadow-button); }
.primary:hover { filter: none; }
.primary:active,.secondary:active,.rec-jump:active,.rec-expand:active,.share-entry:active,.order-btn:active { transform: translateY(1px); }
.primary:focus-visible,.secondary:focus-visible,.text-btn:focus-visible,.rec-jump:focus-visible,.rec-expand:focus-visible,.share-entry:focus-visible { outline-offset: 4px; }
.text-btn { color: var(--muted); padding: 10px 12px; font-size: 13px; }
.little { font-size: 12px; line-height: 1.8; }
.eyebrow { color: var(--accent-ink); font-size: 10px; letter-spacing: .16em; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; transform: translateY(-160%); padding: 10px 18px; min-height: 44px; background: var(--deep); color: var(--on-deep); border-radius: var(--radius-control); }
.skip-link:focus { transform: none; }
.nav { height: 80px; gap: 14px; }
.brand { letter-spacing: .04em; }
.seal { border-radius: 4px; background: var(--surface); color: var(--accent-ink); }
.nav-caption { font-size: 11px; letter-spacing: .03em; white-space: nowrap; }
.hero { grid-template-columns: minmax(0,1.08fr) minmax(0,1fr); gap: clamp(32px,5vw,76px); padding: 46px 0 54px; }
.hero-copy { min-width: 0; }
.hero h1 { font-size: clamp(40px,4.65vw,62px); line-height: 1.23; letter-spacing: -.045em; font-weight: 600; margin: 21px 0 23px; }
.hero h1 em { color: var(--accent-ink); }
.intro { font-size: 15px; line-height: 1.95; max-width: 455px; }
.meta { width: 100%; max-width: 420px; margin: 26px 0; padding: 19px 0; }
.meta span { flex: 1; min-width: 0; padding: 0 18px; font-size: 11px; }
.meta span:last-child { padding-right: 0; }
.meta b { font-size: 29px; font-variant-numeric: tabular-nums; line-height: 1.3; margin-bottom: 6px; }
.hero .actions { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); max-width: 420px; gap: 10px; }
.hero .actions button { min-width: 0; font-size: 14px; padding: 12px 14px; min-height: 50px; }
.hero .little { margin-top: 15px; }
/* finesse · component: test-entry · register=product
 * states: default · hover · focus-visible · active · disabled · loading · error · success
 * tokens: inherited */
.test-entry { max-width: 420px; margin: 0; }
.test-entry > label { display: block; font-size: 12px; line-height: 1.9; color: var(--muted); margin-bottom: 9px; }
.entry-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.entry-row input { width: 100%; min-width: 0; height: 50px; padding: 10px 12px; border: 1px solid var(--line-strong); border-radius: var(--radius-control); background: var(--surface); color: var(--ink); font: 16px/1.6 var(--body); outline: 2px solid transparent; outline-offset: 3px; }
.entry-row input::placeholder { color: var(--muted); font-size: 13px; opacity: 1; }
.entry-row input:focus-visible,.entry-row input.is-focus { outline-color: var(--accent-ink); }
.entry-row input:active,.entry-row input.is-active { background: var(--surface-raised); }
.entry-row button { width: 100%; min-width: 0; min-height: 50px; padding: 12px 10px; font-size: 13px; white-space: nowrap; }
.test-entry input:disabled,.test-entry button:disabled { opacity: .5; cursor: not-allowed; }
.test-entry[data-state=loading] .entry-row { opacity: .75; }
.test-entry[data-state=error] input,.entry-row input[aria-invalid=true] { border-color: var(--accent-ink); }
.test-entry[data-state=success] input { border-color: var(--deep); }
.entry-error { min-height: 23px; font-size: 11px; line-height: 1.9; margin-top: 5px; color: var(--accent-ink); }
.hero .entry-browse { grid-template-columns: minmax(0,1fr); margin-top: 3px; }
.hero .entry-browse .secondary { min-height: 44px; font-size: 12px; }
@media(hover:hover) and (pointer:fine) {
  .entry-row input:hover,.entry-row input.is-hover { border-color: var(--accent-line); background: var(--surface-raised); }
}
.hero-stage { min-width: 0; max-width: 450px; width: 100%; justify-self: end; padding: 21px 20px 15px; position: relative; isolation: isolate; background: var(--surface-soft); border: 1px solid var(--line); border-radius: var(--radius-stage); box-shadow: var(--shadow-panel); }
.stage-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; font-size: 11px; color: var(--muted); padding: 0 3px 20px; }
.stage-heading b { font-size: 12px; font-weight: 600; color: var(--ink); }
.hero .card-area { transform: none; padding: 0; }
.hero .card-area::before,.card-shelf .card-area::before { display: none; }
.hero .foilcard { width: min(294px,100%); }
.card-controls { gap: 6px; margin-top: 14px; }
.card-controls .text-btn { font-size: 12px; }
.card-hint { font-size: 11px; letter-spacing: 0; margin-top: 1px; text-align: center; }
.stage-next { display: block; margin: 7px auto 0; color: var(--accent-ink); font-size: 12px; }
.gallery { padding: 38px 0 36px; }
.section-title { display: block; margin-bottom: 22px; }
.section-title h2 { font-size: clamp(27px,2.8vw,34px); letter-spacing: -.025em; font-weight: 600; line-height: 1.45; }
.section-title p { font-size: 12px; margin-top: 6px; }
.types-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 32px; border-bottom: 1px solid var(--line); }
.type-tile { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; gap: 16px; align-items: center; min-width: 0; background: transparent; border: 0; border-top: 1px solid var(--line); padding: 22px 0; border-radius: 0; }
.tile-art { width: 52px; height: 52px; margin: 0; padding: 9px; border: 1px solid var(--accent-line); border-radius: 12px; background: var(--surface); color: var(--accent-ink); }
.tile-copy { min-width: 0; }
.type-tile h3 { font-size: 22px; font-weight: 600; line-height: 1.45; margin: 3px 0; letter-spacing: -.015em; }
.type-tile .tile-id { display: block; font-size: 9px; color: var(--muted); letter-spacing: .07em; }
.type-tile p { font-size: 12px; line-height: 1.75; min-height: 0; }
.type-tile button { justify-self: end; padding: 10px 12px; min-height: 44px; font-size: 12px; color: var(--accent-ink); border: 1px solid var(--line); border-radius: var(--radius-control); white-space: nowrap; background: var(--surface); }
.type-tile:hover { transform: none; }
.home-bottom { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; padding: 25px 0 38px; }
.home-bottom h3 { font-size: 14px; line-height: 1.65; font-weight: 600; }
.home-bottom p { font-size: 12px; line-height: 1.95; }
.footer { font-size: 11px; line-height: 1.9; padding-top: 22px; }
.quiz-wrap { max-width: 760px; margin: 32px auto 0; padding-bottom: 24px; }
.quiz-head { margin-bottom: 15px; gap: 12px; }
.quiz-head b { font-size: 28px; font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
.progress { height: 5px; border-radius: 5px; margin-bottom: 26px; }
.progress i { border-radius: inherit; transition: none; }
.question-card { padding: 32px 38px 36px; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-stage); box-shadow: var(--shadow-panel); animation: appear .25s cubic-bezier(.16,1,.3,1); }
.question-label { color: var(--accent-ink); font-size: 12px; letter-spacing: .02em; }
.question-card h1 { font-size: 28px; font-weight: 600; line-height: 1.55; letter-spacing: -.025em; margin: 18px 0 14px; }
.context { border: 1px solid var(--line); border-radius: var(--radius-control); font-size: 13px; padding: 14px 16px; background: var(--surface-soft); }
.options { gap: 12px; margin-top: 23px; }
.option { min-height: 74px; padding: 17px 18px; gap: 14px; border-radius: 11px; background: var(--surface); border: 1px solid var(--line); transition: transform .18s cubic-bezier(.16,1,.3,1); }
.option .letter { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 7px; background: var(--surface-soft); color: var(--muted); font-size: 15px; }
.option .label { min-width: 0; font-size: 14px; line-height: 1.85; }
.option .radio { width: 18px; height: 18px; border-color: var(--line-strong); }
.option.selected { border-color: var(--accent); background: var(--wash); box-shadow: inset 0 0 0 1px var(--accent-line); }
.option.selected .letter { color: var(--on-deep); background: var(--deep); }
.option.selected .radio { border: 5px solid var(--accent); }
.option.selected .label { font-weight: 600; }
.option:active { transform: scale(.992); }
.option:disabled { opacity: 1; }
.quiz-actions { margin-top: 18px; }
.quiz-actions .secondary { background: var(--surface); font-size: 13px; }
.quiz-tip { font-size: 12px; line-height: 1.9; }
.order-row { padding: 14px; gap: 12px; border-radius: 11px; background: var(--surface); }
.rank-number { font-size: 22px; color: var(--accent-ink); }
.order-text { min-width: 0; font-size: 14px; line-height: 1.8; }
.order-controls { gap: 5px; flex-shrink: 0; }
.order-btn { width: 44px; height: 44px; background: var(--surface-raised); border-color: var(--line-strong); font-size: 16px; }
.order-confirm { min-height: 50px; margin-top: 20px; font-size: 14px; }
.result-heading { max-width: 800px; padding: 38px 0 28px; }
.result-heading h1 { font-size: clamp(36px,4.4vw,52px); font-weight: 600; letter-spacing: -.04em; line-height: 1.3; margin: 14px 0 12px; }
.result-heading .direction { font-size: 14px; line-height: 1.8; }
.preview-notice { background: var(--surface-soft); border: 1px solid var(--line); padding: 13px 16px; border-radius: var(--radius-control); line-height: 1.9; font-size: 12px; max-width: 700px; }
.rec-jump { font-size: 13px; padding: 12px 18px; margin-top: 17px; width: auto; min-height: 46px; }
.result-grid { grid-template-columns: 330px minmax(0,1fr); gap: clamp(32px,4.3vw,62px); padding-top: 10px; }
.result-aside { position: static; min-width: 0; }
.card-shelf { background: var(--surface-soft); border: 1px solid var(--line); border-radius: var(--radius-stage); padding: 22px 12px 19px; }
.result-aside .foilcard { width: min(280px,100%); }
.save-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 14px 0 0; }
.save-actions button { font-size: 12px; min-height: 46px; padding: 10px 7px; border-radius: var(--radius-control); }
.save-actions .share-entry { background: var(--surface); color: var(--accent-ink); }
.secondary-type { margin: 20px 0 0; padding: 19px; background: var(--surface); border-radius: var(--radius-panel); }
.secondary-type .eyebrow { font-size: 11px; letter-spacing: 0; }
.secondary-type h3 { font-size: 25px; line-height: 1.5; margin: 8px 0 3px; font-weight: 600; }
.secondary-type .text-btn { margin: 8px 0 -6px -12px; color: var(--accent-ink); font-size: 12px; }
.report-block { padding: 27px 0; }
.report-block h2 { font-size: 23px; font-weight: 600; letter-spacing: -.015em; line-height: 1.5; margin-bottom: 13px; }
.report-block p,[data-theme=indigo] .report-block p { color: var(--muted); font-size: 14px; line-height: 2.05; }
.report > .report-block:first-child { padding: 23px 26px 25px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-panel); }
.bars { margin: 22px 0 0; gap: 15px; }
.bar-row { grid-template-columns: 85px minmax(0,1fr) 28px; font-size: 12px; gap: 12px; }
.bar-row > span:last-child { text-align: right; color: var(--ink); font-variant-numeric: tabular-nums; }
.bar-track,.bar-track i { height: 6px; border-radius: 4px; }
.recommendations { margin: 24px 0 28px; }
.rec-heading { padding: 10px 0 22px; border: 0; }
.rec-heading .eyebrow { letter-spacing: .05em; font-size: 10px; }
.rec-heading h2 { font-size: 31px; font-weight: 600; letter-spacing: -.03em; line-height: 1.4; margin: 9px 0 12px; }
.rec-intro { font-size: 12px; line-height: 1.95; }
.rec-list { gap: 12px; }
.rec-item { padding: 22px 23px 14px; background: var(--surface); border-radius: var(--radius-panel); }
.rec-item:nth-child(1) { background: var(--surface-raised); border-color: var(--accent-line); box-shadow: var(--shadow-panel); }
.rec-top { grid-template-columns: 44px minmax(0,1fr); gap: 15px; }
.rec-number { display: grid; place-items: center; width: 44px; min-height: 44px; border-radius: 10px; background: var(--surface-soft); border: 1px solid var(--line); color: var(--accent-ink); font: 23px/1 var(--number); padding: 0; }
.rec-title { font-size: 22px; line-height: 1.5; font-weight: 600; letter-spacing: -.02em; }
.rec-meta { font-size: 11px; gap: 8px; margin-top: 8px; }
.rec-chip { font-size: 10px; border-radius: 4px; padding: 3px 8px; }
.rec-reason { margin: 15px 0 4px; font-size: 13px; line-height: 1.95; }
.rec-source { margin-top: 14px; }
.rec-source summary { padding: 12px 0 9px; color: var(--accent-ink); font-size: 12px; line-height: 1.8; white-space: nowrap; }
.rec-source summary::after { font-size: 19px; }
.rec-fields { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px; margin: 14px 0; padding: 16px; background: var(--surface-soft); border-radius: var(--radius-control); }
.rec-fields div:nth-child(5),.rec-fields div:nth-child(7),.rec-fields div:last-child { grid-column: 1/-1; }
.rec-fields dt { font-size: 11px; line-height: 1.8; }
.rec-fields dd { font-size: 12px; line-height: 1.95; }
.rec-links { gap: 4px 16px; font-size: 11px; color: var(--accent-ink); }
.rec-links a { white-space: nowrap; text-decoration-thickness: 1px; }
.rec-provenance { font-size: 11px; line-height: 1.9; }
.rec-expand { min-height: 50px; font-size: 13px; background: var(--surface-soft); }
.rec-note { border: 0; padding: 0; font-size: 11px; line-height: 1.95; }
.rec-method { padding: 0 14px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: var(--radius-control); }
.rec-method summary { font-size: 12px; min-height: 46px; white-space: nowrap; }
.rec-method p { font-size: 12px; }
.rec-method .rec-links { padding-bottom: 10px; }
.report-end { font-size: 11px; line-height: 1.95; }
.report-prose { padding-top: 4px; }
.report-prose .report-block:first-child { border-top-color: var(--line-strong); }
.toast { background: var(--deep); color: var(--on-deep); border-radius: var(--radius-control); box-shadow: var(--shadow-panel); }
.share-viewer { background: var(--surface-raised)!important; border-radius: var(--radius-panel); }
.share-viewer h2 { font-weight: 600; letter-spacing: -.025em; }
.share-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
.share-actions a,.share-actions button { white-space: nowrap; border-radius: var(--radius-control); }
.share-help { font-size: 12px; }
.job-summary { font-size: 12px; color: var(--muted); line-height: 1.9; margin: 7px 0 16px; }
.job-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.job-filters label { display: grid; gap: 6px; min-width: 0; color: var(--muted); font-size: 11px; }
.job-filters .job-search { grid-column: 1/-1; }
.job-filters input,.job-filters select { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; color: var(--ink); background: var(--surface-raised); border: 1px solid var(--line-strong); border-radius: var(--radius-control); font: 14px/1.6 var(--body); }
.job-filters input::placeholder { color: var(--muted); opacity: 1; }
.job-filters input:focus-visible,.job-filters select:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.job-record-list { min-width: 0; margin-top: 16px; }
.job-count,.job-status { font-size: 11px; line-height: 1.9; color: var(--muted); padding: 8px 0 13px; }
.job-record { min-width: 0; border-top: 1px solid var(--line); }
.rec-source .job-record > summary { display: grid; grid-template-columns: minmax(0,1fr) 20px; align-items: start; gap: 12px; white-space: normal; padding: 15px 0; color: var(--ink); }
.job-record > summary::after { display: none; }
.job-row-copy { display: grid; gap: 6px; min-width: 0; }
.job-identity { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: var(--accent-ink); font-size: 11px; }
.job-identity b { font-size: 14px; letter-spacing: .02em; font-weight: 600; font-variant-numeric: tabular-nums; }
.job-unit { font-size: 12px; line-height: 1.8; font-weight: 400; overflow-wrap: anywhere; }
.job-open-mark { font-size: 19px; color: var(--muted); }
.job-record[open] > summary .job-open-mark { transform: rotate(45deg); }
.job-record-content { padding-bottom: 14px; }
.job-record-content .rec-fields { margin-top: 2px; }
.job-more { width: 100%; font-size: 12px; min-height: 46px; margin-top: 12px; background: var(--surface-soft); }
.job-empty { padding: 18px 14px 7px; color: var(--muted); background: var(--surface-soft); border-radius: var(--radius-control); font-size: 12px; line-height: 1.9; }
.job-empty .text-btn { margin-top: 5px; color: var(--accent-ink); }
@media(hover:hover) and (pointer:fine) {
  .primary:hover,.rec-jump:hover { transform: translateY(-1px); }
  .type-tile button:hover,.text-btn:hover,.rec-source summary:hover { color: var(--ink); }
  .type-tile button:hover,.order-btn:hover { background: var(--wash); border-color: var(--accent-line); }
  .option:hover { background: var(--wash); border-color: var(--accent-line); }
}
@media(min-width:1024px) and (min-height:1000px) { .result-aside { position: sticky; top: 24px; } }
@media(max-width:1000px) {
  .page { padding-left: 30px; padding-right: 30px; }
  .hero { gap: 28px; }
  .hero h1 { font-size: 43px; }
  .hero-stage { padding-left: 16px; padding-right: 16px; }
  .hero .foilcard { width: min(270px,100%); }
  .types-grid { column-gap: 24px; }
  .type-tile { grid-template-columns: 50px minmax(0,1fr); gap: 8px 14px; }
  .type-tile button { grid-column: 2; justify-self: start; margin-top: 1px; }
  .tile-art { width: 48px; height: 48px; align-self: start; margin-top: 4px; }
  .type-tile h3 { font-size: 21px; }
  .result-grid { grid-template-columns: 290px minmax(0,1fr); gap: 28px; }
  .result-aside .foilcard { width: min(260px,100%); }
  .report > .report-block:first-child { padding: 21px; }
  .rec-item { padding: 20px 18px 12px; }
  .rec-fields { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:800px) {
  .hero { grid-template-columns: minmax(0,1fr); gap: 28px; padding: 32px 0 36px; }
  .hero h1 { font-size: clamp(38px,6.4vw,48px); }
  .hero-copy { max-width: 540px; }
  .hero-stage { max-width: 470px; justify-self: center; }
  .hero .foilcard { width: min(294px,100%); }
  .result-grid { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .result-aside { width: min(370px,100%); justify-self: center; }
  .result-aside .foilcard { width: min(285px,100%); }
  .rec-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .job-filters { grid-template-columns: minmax(0,1fr); gap: 13px; }
  .job-filters input,.job-filters select { font-size: 16px; }
  .page { padding: 0 20px calc(28px + env(safe-area-inset-bottom)); }
  .nav { height: 70px; gap: 10px; }
  .brand { font-size: 14px; gap: 9px; }
  .seal { width: 32px; height: 32px; }
  .nav-caption { font-size: 10px; letter-spacing: 0; max-width: none; }
  .hero { padding-top: 28px; gap: 27px; }
  .hero h1 { font-size: clamp(36px,9.8vw,44px); margin: 17px 0 18px; line-height: 1.27; }
  .intro { font-size: 14px; line-height: 1.95; }
  .meta { margin: 23px 0; padding: 16px 0; }
  .meta span { padding: 0 14px; font-size: 10px; }
  .meta b { font-size: 27px; }
  .hero .actions button { font-size: 13px; min-height: 50px; padding: 12px 10px; }
  .hero-stage { padding: 17px 12px 13px; border-radius: 18px; }
  .stage-heading { padding-bottom: 18px; font-size: 10px; }
  .hero .foilcard { width: min(280px,calc(100vw - 60px)); }
  .hero .little { font-size: 11px; }
  .gallery { padding: 28px 0 25px; }
  .section-title h2 { font-size: 27px; }
  .types-grid { grid-template-columns: minmax(0,1fr); }
  .type-tile { grid-template-columns: 50px minmax(0,1fr) auto; padding: 19px 0; gap: 12px; }
  .type-tile .tile-id { display: none; }
  .type-tile h3 { font-size: 21px; margin-top: 0; }
  .type-tile p { font-size: 11px; }
  .tile-art { width: 48px; height: 48px; padding: 8px; margin: 0; align-self: center; }
  .type-tile button { grid-column: auto; justify-self: end; margin: 0; padding: 10px; font-size: 11px; }
  .home-bottom { grid-template-columns: minmax(0,1fr); gap: 22px; padding: 12px 0 28px; }
  .home-bottom > div { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 15px; }
  .home-bottom h3 { font-size: 13px; line-height: 1.8; }
  .home-bottom p { font-size: 12px; }
  .footer { font-size: 10px; gap: 5px; }
  .quiz-wrap { margin-top: 23px; }
  .quiz-head b { font-size: 25px; }
  .quiz-head .text-btn { padding-left: 0; }
  .progress { margin-bottom: 21px; }
  .question-card { padding: 24px 18px 26px; border-radius: 17px; }
  .question-card h1 { font-size: 24px; line-height: 1.6; margin: 16px 0 13px; }
  .question-label { font-size: 11px; }
  .context { padding: 12px; font-size: 12px; }
  .options { margin-top: 20px; gap: 10px; }
  .option { padding: 15px 12px; gap: 10px; min-height: 72px; }
  .option .letter { width: 24px; height: 26px; font-size: 14px; }
  .option .label { font-size: 13px; line-height: 1.9; }
  .option .radio { width: 16px; height: 16px; }
  .order-row { padding: 12px 10px; gap: 8px; }
  .rank-number { width: 16px; font-size: 19px; }
  .order-text { font-size: 12px; line-height: 1.85; }
  .order-controls { gap: 3px; }
  .order-btn { width: 44px; height: 44px; }
  .quiz-tip { font-size: 11px; }
  .quiz-actions .little { font-size: 11px; }
  .result-heading { padding: 27px 0 24px; }
  .result-heading h1 { font-size: 38px; }
  .result-heading .direction { font-size: 13px; }
  .preview-notice { padding: 12px 14px; font-size: 11px; }
  .rec-jump { width: auto; min-height: 46px; font-size: 12px; }
  .result-grid { padding-top: 0; gap: 29px; }
  .card-shelf { padding: 22px 12px 17px; border-radius: 18px; }
  .result-aside .foilcard { width: min(280px,calc(100vw - 60px)); }
  .save-actions { margin: 13px 0 0; }
  .secondary-type { margin-top: 18px; }
  .report > .report-block:first-child { padding: 21px 18px 23px; }
  .report-block h2 { font-size: 22px; }
  .report-block p { font-size: 14px; }
  .bars { gap: 15px; }
  .bar-row { grid-template-columns: 78px minmax(0,1fr) 25px; gap: 9px; font-size: 11px; }
  .rec-heading { padding: 6px 0 20px; }
  .rec-heading h2 { font-size: 29px; }
  .rec-heading .eyebrow { font-size: 9px; }
  .rec-item { padding: 20px 17px 12px; }
  .rec-top { grid-template-columns: 36px minmax(0,1fr); gap: 12px; }
  .rec-number { width: 36px; min-height: 36px; font-size: 20px; border-radius: 8px; }
  .rec-title { font-size: 21px; }
  .rec-meta { font-size: 10px; gap: 6px; }
  .rec-reason { font-size: 12px; }
  .rec-source summary { font-size: 11px; gap: 8px; }
  .rec-fields { grid-template-columns: minmax(0,1fr); padding: 13px; }
  .rec-note,.rec-provenance { font-size: 11px; }
  .rec-method { padding: 0 12px; }
}
@media(max-width:350px) {
  .page { padding-left: 16px; padding-right: 16px; }
  .nav-caption { font-size: 9px; }
  .hero h1 { font-size: 34px; }
  .meta span { padding: 0 11px; }
  .meta b { font-size: 25px; }
  .type-tile { grid-template-columns: 44px minmax(0,1fr); gap: 5px 13px; }
  .tile-art { width: 42px; height: 42px; align-self: start; margin-top: 3px; }
  .type-tile button { grid-column: 2; justify-self: start; margin-top: 4px; }
  .type-tile h3 { font-size: 20px; }
  .question-card { padding: 21px 14px 23px; }
  .question-card h1 { font-size: 22px; }
  .option { padding: 14px 10px; gap: 8px; }
  .option .label { font-size: 12px; }
  .order-row { padding: 11px 8px; gap: 6px; }
  .order-controls { gap: 2px; }
  .order-text { font-size: 12px; }
  .result-heading h1 { font-size: 34px; }
  .rec-item { padding-left: 14px; padding-right: 14px; }
  .rec-top { gap: 10px; }
  .rec-title { font-size: 20px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation: none!important; transition: none!important; }
  .primary:hover,.rec-jump:hover,.option:active { transform: none; }
}

@font-face{font-family:"Atlas Document";font-style:normal;font-weight:700;font-display:swap;src:url("/civil/assets/fonts/atlas-document-0.woff2") format("woff2");unicode-range:U+20,U+B7,U+201C,U+201D,U+3002,U+4E00,U+4E09,U+4E0B,U+4E0D,U+4E0E,U+4E13,U+4E1A,U+4E24,U+4E2A,U+4E2D,U+4E34,U+4E3A,U+4E3B,U+4E48,U+4E4B,U+4E5F,U+4E66,U+4E71,U+4E86,U+4E8B,U+4E92,U+4EA4,U+4EAB,U+4EAC,U+4EBA,U+4EC0,U+4ECE,U+4EE5,U+4EF6,U+4EFB,U+4EFD,U+4F18,U+4F1A,U+4F3C,U+4F46,U+4F4D,U+4F4F,U+4F53,U+4F55,U+4F5C,U+4F60,U+4F8B,U+4F9D,U+4FA7,U+4FDD,U+4FE1,U+4FEE,U+503C,U+503E,U+504F,U+505A,U+505C,U+50CF,U+5145,U+5148,U+5165,U+516C,U+5173,U+5174,U+5177,U+5185,U+518D,U+5199,U+51B2,U+51C6,U+51CF,U+51E0,U+51FA,U+5206,U+5207,U+5212,U+5219,U+521B,U+5224,U+522B,U+5230,U+524D,U+526F,U+529B,U+529E,U+52A1,U+52A8,U+52BF,U+5316,U+5317,U+534F,U+5355,U+5361,U+5374,U+5386,U+539F,U+53BB,U+53CA,U+53CD,U+53D1,U+53D7,U+53D8,U+53EF,U+53F2,U+5408,U+540C,U+540E,U+5411,U+5426,U+5438,U+5448,U+544A,U+5468,U+547D,U+54EA,U+559C,U+56DB,U+56DE,U+56E0,U+56E2,U+56FE,U+5728,U+5730,U+573A,U+5750,U+578B,U+57FA,U+5802,U+5806,U+5883,U+589E,U+58F0,U+5904,U+5907,U+590D,U+5916,U+591A,U+5927,U+5929,U+592A,U+5947,U+594F,U+597D,U+5982,U+59CB,U+5B57,U+5B66,U+5B88,U+5B89,U+5B8C,U+5B9A,U+5B9E,U+5BA1,U+5BB6,U+5BB9,U+5BDF,U+5BF9,U+5C01,U+5C0F,U+5C11,U+5C1D,U+5C42,U+5C4B,U+5C97,U+5DE5,U+5DF1,U+5DF2,U+5E0C,U+5E38,U+5E8F,U+5E94,U+5EA6,U+5EA7,U+5ECA,U+5EF6,U+5EFA,U+5F00,U+5F0F,U+5F15,U+5F20,U+5F53,U+5F55,U+5F62,U+5F71,U+5F85,U+5F88,U+5F97,U+5FC3,U+5FEB,U+6001,U+600E,U+6025,U+606F,U+6089,U+60C5,U+60F3,U+610F,U+613F,U+6162,U+61C2,U+6210,U+6211,U+6216,U+6240,U+624B,U+6253,U+6267,U+627E,U+627F,U+6280,U+628A,U+6295,U+62A4,U+62A5,U+62C5,U+62D6,U+62DB,U+62E9,U+6301,U+6309,U+6362,U+636E,U+6392,U+63A2,U+63A5,U+63A8,U+63ED,U+642D,U+6444,U+652F,U+6536,U+6539,U+653E,U+653F,U+6563,U+6570,U+6574,U+6587,U+6599,U+65AD,U+65B0,U+65B9,U+65D7,U+65E5,U+65F6,U+660E,U+6613,U+662F,U+6653,U+66F4,U+6700,U+6709,U+670D,U+671B,U+672C,U+672F,U+6750,U+6761,U+6765,U+6790,U+679C,U+67D0,U+67E5,U+67F1,U+6807,U+6821,U+6837,U+6838,U+683C,U+6848,U+6863,U+6865,U+68C0,U+695A,U+6A21,U+6B21,U+6B22,U+6B64,U+6B65,U+6BB5,U+6BCF,U+6BD4,U+6C11,U+6C42,U+6C9F,U+6CA1,U+6CD5,U+6D3B,U+6D41,U+6D4F,U+6D88,U+6D89,U+6E05,U+6E90,U+6EE1,U+7075,U+7136,U+719F,U+72B6,U+73AF,U+73B0,U+7406,U+751F,U+7528,U+753B,U+754C,U+7559,U+767D,U+7684,U+76D1,U+76D8,U+76EE,U+76F4,U+76F8,U+7701,U+770B,U+771F,U+773C,U+7740,U+77E5,U+7814,U+786E,U+793A,U+79CD,U+79D1,U+79F0,U+7A0B,U+7A0E,U+7A33,U+7A3F,U+7A76,U+7A81,U+7AD9,U+7B14,U+7B2C,U+7B49,U+7B56,U+7B79,U+7BA1,U+7C7B,U+7CBE,U+7CCA,U+7CFB,U+7D22,U+7D27,U+7EA2,U+7EA7,U+7EBF,U+7EC4,U+7EC6,U+7ECF,U+7ED3,U+7ED9,U+7EDC,U+7EDF,U+7EE7,U+7EED,U+7EF4,U+7EFC,U+7FFB,U+8003,U+8005,U+800C,U+8017,U+804C,U+8054,U+80FD,U+81EA,U+81F4,U+8272,U+8282,U+843D,U+85CF,U+884C,U+8865,U+8868,U+88AB,U+8981,U+89C1,U+89C2,U+89C4,U+89C8,U+89C9,U+89D2,U+89E3,U+89E6,U+8BA1,U+8BA4,U+8BA8,U+8BA9,U+8BB0,U+8BB2,U+8BBA,U+8BC1,U+8BC6,U+8BC9,U+8BD5,U+8BE2,U+8BEF,U+8BF4,U+8BF7,U+8BFB,U+8BFE,U+8C03,U+8C61,U+8D1F,U+8D22,U+8D23,U+8D34,U+8D44,U+8D77,U+8DA3,U+8DB3,U+8DF5,U+8F6C,U+8F6E,U+8FB9,U+8FC7,U+8FD0,U+8FD1,U+8FD4,U+8FD9,U+8FDB,U+8FDE,U+8FF0,U+8FFD,U+9002,U+9009,U+9014,U+901A,U+901F,U+9020,U+9053,U+90A3,U+90BB,U+90E8,U+90FD,U+914D,U+91CA,U+91CC}
@font-face{font-family:"Atlas Document";font-style:normal;font-weight:700;font-display:swap;src:url("/civil/assets/fonts/atlas-document-1.woff2") format("woff2");unicode-range:U+91CD,U+91CF,U+9519,U+957F,U+95E8,U+95EE,U+95F4,U+961F,U+9644,U+964C,U+96F6,U+9700,U+9762,U+9769,U+9875,U+9876,U+9879,U+9884,U+9898,U+9988,U+9996,U+9A8C,U+9B42,U+FF0C,U+FF1F}
@font-face{font-family:"Atlas Research";font-style:normal;font-weight:600;font-display:swap;src:url("/civil/assets/fonts/atlas-research-0.woff2") format("woff2");unicode-range:U+20,U+B7,U+3002,U+4E00,U+4E0B,U+4E0D,U+4E0E,U+4E13,U+4E16,U+4E1A,U+4E24,U+4E2A,U+4E2D,U+4E3A,U+4E3B,U+4E48,U+4E5F,U+4E60,U+4E66,U+4E86,U+4E89,U+4E8B,U+4EAB,U+4EAC,U+4EB2,U+4EBA,U+4EC0,U+4ECE,U+4EE5,U+4EF6,U+4EFB,U+4EFD,U+4F18,U+4F1A,U+4F20,U+4F3C,U+4F4D,U+4F53,U+4F55,U+4F5C,U+4F60,U+4F8B,U+4F9D,U+4FA7,U+4FC3,U+4FE1,U+4FEE,U+503C,U+503E,U+504F,U+505A,U+505C,U+50AC,U+50CF,U+5148,U+5165,U+516C,U+5173,U+5174,U+5177,U+517B,U+5185,U+518D,U+5199,U+51C6,U+51E0,U+51FA,U+5206,U+5217,U+521B,U+521D,U+522B,U+5230,U+5236,U+524D,U+526F,U+529B,U+52A0,U+52A1,U+52A8,U+52A9,U+52BF,U+5316,U+5317,U+534F,U+5355,U+5361,U+5386,U+539F,U+53BB,U+53C2,U+53CD,U+53D1,U+53D7,U+53D8,U+53E4,U+53E5,U+53EF,U+53F2,U+5408,U+540C,U+540E,U+5411,U+542C,U+5438,U+5448,U+544A,U+547D,U+548C,U+54EA,U+54F2,U+5546,U+559C,U+56DB,U+56DE,U+56E0,U+56FD,U+56FE,U+5728,U+573A,U+5750,U+575A,U+578B,U+57F9,U+5802,U+5883,U+5904,U+5907,U+590D,U+5916,U+591A,U+5927,U+5929,U+5931,U+5947,U+5957,U+597D,U+5982,U+59CB,U+5B50,U+5B57,U+5B66,U+5B83,U+5B89,U+5B8C,U+5B9A,U+5B9E,U+5BA1,U+5BB6,U+5BB9,U+5BDF,U+5BF9,U+5C01,U+5C0F,U+5C1D,U+5C4B,U+5C55,U+5C97,U+5DE5,U+5DF1,U+5DF2,U+5E0C,U+5E2E,U+5E38,U+5E8F,U+5E93,U+5E94,U+5EA6,U+5EA7,U+5ECA,U+5EFA,U+5F00,U+5F0F,U+5F15,U+5F20,U+5F55,U+5F71,U+5F85,U+5F88,U+5F8B,U+5F97,U+5FC3,U+6001,U+600E,U+601D,U+6027,U+606F,U+60C5,U+60F3,U+610F,U+611F,U+613F,U+6162,U+61C2,U+6210,U+6211,U+6216,U+6240,U+624B,U+627E,U+6280,U+628A,U+6295,U+62A5,U+62BD,U+62C6,U+62D6,U+62DB,U+62E9,U+6301,U+6309,U+6362,U+636E,U+6392,U+63A2,U+63A5,U+63A8,U+63D0,U+63ED,U+6444,U+64AD,U+64CD,U+6536,U+6539,U+653E,U+653F,U+6559,U+6570,U+6574,U+6587,U+6599,U+65B0,U+65B9,U+65D7,U+65E5,U+65F6,U+660E,U+6613,U+662F,U+663E,U+6653,U+6682,U+66F4,U+6700,U+6708,U+6709,U+670D,U+671B,U+671F,U+672C,U+672F,U+673A,U+6742,U+6750,U+675F,U+6761,U+6765,U+6784,U+679C,U+67E5,U+67F1,U+6807,U+6837,U+6848,U+6863,U+6B21,U+6B22,U+6B65,U+6BB5,U+6BD4,U+6C11,U+6C9F,U+6CA1,U+6CBB,U+6CD5,U+6D4E,U+6D4F,U+6D88,U+6DF1,U+6E05,U+6E90,U+6EE1,U+6F14,U+7075,U+70B9,U+7136,U+719F,U+7269,U+72B6,U+732E,U+73AF,U+73B0,U+7406,U+751F,U+7528,U+7530,U+7531,U+7535,U+753B,U+754C,U+7559,U+7684,U+76EE,U+76F4,U+76F8,U+770B,U+771F,U+77E5,U+7814,U+786E,U+793A,U+793E,U+79CD,U+79D1,U+79EF,U+7A0B,U+7A33,U+7A3F,U+7A76,U+7AE0,U+7B49,U+7B54,U+7B80,U+7B97,U+7BC7,U+7C7B,U+7CFB,U+7D22,U+7D2F,U+7EA2,U+7EC4,U+7EC6,U+7ECF,U+7ED3,U+7ED9,U+7EDF,U+7EE7,U+7EED,U+7EF4,U+7F13,U+7F8E,U+7FFB,U+8003,U+8005,U+800C,U+8017,U+804C,U+80B2,U+80CC,U+80FD,U+81EA,U+81F4,U+8272,U+82B1,U+843D,U+85CF,U+878D,U+884C,U+8868,U+88AB,U+8981,U+89C1,U+89C2,U+89C4,U+89C8,U+89D2,U+89E3,U+8A00,U+8BA1,U+8BA4,U+8BA8,U+8BA9,U+8BAE,U+8BB0,U+8BB2,U+8BBA,U+8BBE,U+8BC1,U+8BC6,U+8BD5,U+8BDD,U+8BED,U+8BF4,U+8BF7,U+8BFB,U+8BFE,U+8C03,U+8C61,U+8D23,U+8D25,U+8D44,U+8D77,U+8DA3,U+8DB3,U+8DEF,U+8DF5,U+8E2A,U+8F6E,U+8F83,U+8FBE,U+8FC7,U+8FC8,U+8FD0,U+8FD1,U+8FD4,U+8FD8,U+8FD9,U+8FDB,U+8FFD,U+9009,U+9014,U+901A,U+9020,U+9047,U+90BB,U+90E8,U+90FD,U+9192,U+91CA,U+91CC,U+91CD,U+91CE,U+91D1,U+957F,U+95E8,U+95EE,U+95F4,U+95FB,U+9644,U+964C,U+9650,U+96C6,U+9700,U+9760,U+9762,U+9875,U+9876,U+9879,U+9884,U+9898}
@font-face{font-family:"Atlas Research";font-style:normal;font-weight:600;font-display:swap;src:url("/civil/assets/fonts/atlas-research-1.woff2") format("woff2");unicode-range:U+9988,U+9A8C,U+9B42,U+FF0C,U+FF1F}
/* finesse · register=brand · A=document-red+paper / forest+mint · B=Song-700 / Serif-600
 * C=document-cover / field-notebook · D=pointer-foil · E=printed-file / engraved-book · SOUL=7 SPECTACLE=5 DENSITY=5 */
:root {
  --canvas:#f4f2ed;--surface:#faf8f3;--surface-soft:#ede9e1;--surface-raised:#fdfbf6;
  --ink:#292927;--muted:#676661;--accent:#9e302f;--accent-ink:#9e302f;--deep:#912c2b;--on-deep:#fcf6ee;
  --line:rgba(66,46,41,.16);--line-strong:rgba(66,46,41,.34);--accent-line:rgba(158,48,47,.34);--wash:#f2e3dc;
  --shadow-panel:0 18px 48px -32px rgba(76,38,32,.23);--shadow-button:0 7px 18px -12px rgba(118,35,33,.38);
  --serif:"Noto Serif SC","Songti SC",STSong,SimSun,serif;
  --body:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;--document-body:FangSong,STFangsong,"仿宋",var(--serif);
  --number:Georgia,serif;--radius-control:3px;--radius-panel:5px;--radius-stage:5px;
  --card-base:#2d1b1e;--card-base-light:#573638;--card-border:#c6b3a0;--card-ink:#f2e9e4;--card-muted:#dfcabe;
  --foil-tone-01:#5f252010;--foil-tone-02:#4d25264d;--foil-tone-03:#4d25261c;--foil-tone-04:#b99d8a;
  --foil-tone-05:#4d292d;--foil-tone-06:#26191e;--foil-tone-07:#5b3637;--foil-tone-08:#a8c5b7;
  --foil-tone-12:#dec5ab4d;--foil-tone-13:#eae2d940;--foil-tone-14:#d5c7b060;--foil-tone-15:#ce969280;--foil-tone-16:#efddbf50;
}
[data-theme=indigo] {
  color-scheme:dark;--canvas:#0c251f;--surface:#122f27;--surface-soft:#173b30;--surface-raised:#183c31;
  --ink:#e0eddf;--muted:#acc2b4;--accent:#c4e5bd;--accent-ink:#c4e5bd;--deep:#c4e5bd;--on-deep:#12352a;
  --line:rgba(199,226,201,.18);--line-strong:rgba(199,226,201,.4);--accent-line:rgba(196,229,189,.4);--wash:#244b3a;
  --shadow-panel:0 22px 46px -28px rgba(3,14,10,.65);--shadow-button:0 7px 20px -12px rgba(172,212,165,.3);
  --serif:"Noto Serif SC","Songti SC",STSong,SimSun,serif;
  --radius-control:8px;--radius-panel:12px;--radius-stage:110px 110px 10px 10px;
  --card-base:#0b2922;--card-base-light:#315146;--card-border:#9dbb99;--card-ink:#e0f0d9;--card-muted:#bfd6bd;
  --foil-tone-02:#061a1360;--foil-tone-03:#061a1326;--foil-tone-08:#9dbb99;--foil-tone-09:#315146;--foil-tone-10:#0b2922;--foil-tone-11:#1f4536;
  --foil-tone-12:#c6deba55;--foil-tone-13:#cde5c540;--foil-tone-14:#a3cebd60;--foil-tone-15:#afd19470;--foil-tone-16:#d9e2b650;
}
html,body{overflow-x:clip}body{min-height:100dvh}.page{max-width:1256px;padding:0 48px 40px;isolation:isolate}
body::before{opacity:.025}h1,h2,h3{font-family:var(--serif);min-width:0;overflow-wrap:anywhere}
button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.nav{height:70px;border-color:var(--line)}.brand{font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:.06em}
.seal{width:34px;height:34px;border-color:var(--accent-line);color:var(--accent-ink);background:transparent;border-radius:2px;font:700 19px var(--serif)}
.nav-caption{font-size:11px;letter-spacing:.04em}.eyebrow{font:500 10px/1.5 var(--body);letter-spacing:.15em;color:var(--accent-ink)}
.primary{background:var(--deep);color:var(--on-deep);box-shadow:none}.primary:hover{filter:brightness(1.06)}.primary:active,.secondary:active,.text-btn:active{transform:translateY(1px)}
.secondary,.share-entry,.rec-expand{background:var(--surface);border-color:var(--line-strong)}
.civic-cover{padding-top:28px}.document-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:12px/1.8 var(--document-body);letter-spacing:.1em}
.document-title{text-align:center;font-size:clamp(30px,4.2vw,49px);font-weight:700;line-height:1.5;letter-spacing:.12em;color:var(--accent);margin:12px 0 17px}
.document-rule{height:5px;border-top:3px solid var(--accent);border-bottom:1px solid var(--accent)}
.hall-photo{position:relative;margin:22px 0 0;overflow:hidden;background:var(--surface-soft);border:1px solid var(--line)}
.hall-photo img{display:block;width:100%;height:210px;object-fit:cover;object-position:50% 37%}
.hall-photo figcaption{position:absolute;bottom:0;right:0;margin:0;padding:5px 9px;background:var(--surface);color:var(--muted);font:10px/1.6 var(--body)}
.hero{padding:38px 0 42px;gap:clamp(30px,6vw,80px);grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);align-items:center}
.hero-copy{min-width:0}.hero-topic{font-size:clamp(28px,3vw,36px);line-height:1.5;letter-spacing:.03em;margin-bottom:18px;font-weight:700}
.intro{font-size:15px;line-height:1.95;max-width:480px}.meta{max-width:470px;margin:24px 0;padding:17px 0;border-color:var(--line)}
.meta span{font-size:11px;padding:0 18px}.meta b{font-family:var(--number);font-size:31px;line-height:1.3;white-space:nowrap}
.meta span:last-child b{font:500 18px/2.24 var(--body);letter-spacing:-.03em}.test-entry{max-width:470px}.entry-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.test-entry>label{font-size:12px;color:var(--ink)}.entry-row input{background:var(--surface-raised);border-radius:var(--radius-control);border-color:var(--line-strong)}
.entry-row button{font-size:14px;border-radius:var(--radius-control)}.entry-error{color:var(--accent-ink)}.hero .little{margin-top:12px;font-size:11px}
.hero-stage{width:100%;max-width:440px;justify-self:end;padding:22px 24px 12px;background:transparent;border:1px solid var(--line);box-shadow:none;border-radius:var(--radius-stage)}
.stage-heading{padding:0 0 19px;font-family:var(--document-body);color:var(--muted)}.stage-heading b{font-size:13px;letter-spacing:.07em}
.hero .foilcard{width:min(274px,100%)}.card-area{perspective:1200px}.foilcard{border-radius:8px;box-shadow:0 23px 32px -18px var(--foil-tone-02),0 3px 9px var(--foil-tone-03)}
.card-face,[data-theme=indigo] .card-face{border-radius:8px;border-color:var(--card-border);background:linear-gradient(135deg,var(--card-base-light),var(--card-base) 70%);color:var(--card-ink)}
.card-front::after,.card-back::after{border-radius:3px;border-color:var(--foil-tone-12);inset:7px}
.card-title{font-family:var(--serif);font-size:28px;font-weight:700;line-height:1.4;letter-spacing:.055em;color:var(--card-ink)}
.card-top,.card-edition,.card-serial,.card-insignia,.card-direction,.card-quote,.card-bottom{color:var(--card-ink)}
.card-edition{letter-spacing:.12em;font-size:8px}.card-serial{font-size:38px}.card-direction{font-size:10px}.card-quote{font-size:11px;line-height:1.8;color:var(--card-muted);font-family:var(--serif)}
.card-back{padding:27px 23px;background:var(--card-base)}.card-back h3{font:700 26px/1.6 var(--serif);color:var(--card-ink)}
.card-back p,.card-back .eyebrow,.card-back .card-tags span{color:var(--card-muted)}.card-back .card-tags span{border-color:var(--foil-tone-12);background:transparent}
.card-controls .text-btn{color:var(--muted);font-size:12px}.card-hint,.stage-note{font-size:10px;line-height:1.9;color:var(--muted)}.stage-note{margin-top:6px}
.home-bottom{gap:32px;padding:26px 0 32px;border-color:var(--line)}.home-bottom h3{font-size:17px;line-height:1.6;margin-bottom:8px}.home-bottom p{font-size:12px;line-height:1.95;color:var(--muted)}
.footer{gap:12px;border-color:var(--line);font-size:10px}.photo-credit{font-size:10px;line-height:1.9;color:var(--muted);padding:12px 0 0}.photo-credit a{display:inline-flex;align-items:center;min-height:44px;margin-right:14px;text-underline-offset:4px;white-space:nowrap}
.gallery{padding:32px 0}.types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-tile{border-color:var(--line);gap:14px}.tile-art{border-radius:3px;color:var(--accent-ink);background:var(--surface)}
.type-tile h3{font-size:22px;font-weight:700}.type-tile button{background:var(--surface);color:var(--accent-ink);border-radius:var(--radius-control)}
.quiz-wrap{max-width:800px;margin:30px auto 0}.progress,.progress i{border-radius:0}.progress{height:3px;background:var(--line)}.progress i{background:var(--accent)}
.question-card{box-shadow:none;border-radius:var(--radius-panel);border-color:var(--line);padding:34px 38px;background:var(--surface-raised)}
.question-label{font-family:var(--body);font-size:11px;letter-spacing:.04em;color:var(--accent-ink)}.question-card h1{font-family:var(--serif);font-size:25px;line-height:1.85;letter-spacing:0;font-weight:700}
.context{font-family:var(--document-body);font-size:15px;line-height:1.9;color:var(--ink);border-radius:var(--radius-control);background:var(--surface-soft)}
.option{min-height:74px;border-radius:var(--radius-control);border-color:var(--line);background:var(--surface);box-shadow:none;gap:14px}
.option .label{font-size:14px;line-height:1.9;color:var(--ink);white-space:normal}.option .letter{border-radius:2px;background:var(--surface-soft);font-family:var(--number);color:var(--muted)}
.option:hover{border-color:var(--line-strong)}.option.selected{background:var(--wash);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-line)}
.order-row{border-radius:var(--radius-control);background:var(--surface);border-color:var(--line)}.order-text{color:var(--ink)}.order-btn{border-radius:var(--radius-control)}
.result-heading{padding:40px 0 26px;max-width:880px}.result-heading h1{font-family:var(--serif);font-size:clamp(32px,4vw,49px);font-weight:700;letter-spacing:.04em;line-height:1.5;color:var(--accent-ink)}
.result-heading .direction{font-size:14px;color:var(--muted)}.result-grid{grid-template-columns:330px minmax(0,1fr);gap:48px;padding-top:15px;border-top:3px solid var(--accent)}
.card-shelf{padding:24px 14px 16px;background:var(--surface-soft);border-radius:var(--radius-panel);box-shadow:none}.secondary-type{border-radius:var(--radius-panel);background:var(--surface)}
.report>.report-block:first-child{border-radius:var(--radius-panel);box-shadow:none}.report-block h2{font-size:22px;font-weight:700;letter-spacing:.02em}
.report-block p{color:var(--muted);font-size:14px;line-height:2.1}.bar-track,.bar-track i{border-radius:0}.bar-track i{background:var(--accent)}
.rec-item,.rec-item:nth-child(1){border-radius:var(--radius-panel);box-shadow:none;border-color:var(--line);background:var(--surface)}
.rec-item:nth-child(1){border-color:var(--accent-line);background:var(--surface-raised)}.rec-name{color:var(--ink)}.rec-list .rec-rank{color:var(--accent-ink)}
.job-record,.rec-detail{border-color:var(--line);border-radius:var(--radius-control);background:var(--surface-soft)}.preview-notice{border-radius:var(--radius-control)}
[data-theme=indigo] .nav{border-color:var(--line)}[data-theme=indigo] .seal{border-radius:50%;font-weight:600}
[data-theme=indigo] .hero{padding:64px 0 56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,7vw,90px)}
[data-theme=indigo] .hero h1{font-size:clamp(40px,4.6vw,63px);font-weight:600;letter-spacing:-.04em;line-height:1.45;margin:19px 0 24px}
[data-theme=indigo] .hero h1 em{display:inline;color:var(--accent-ink);font-style:normal}[data-theme=indigo] .intro{max-width:460px;line-height:2.05}
[data-theme=indigo] .hero-stage{border-radius:160px 160px 12px 12px;padding:40px 24px 18px;background:var(--surface);position:relative;border-color:var(--line)}
[data-theme=indigo] .stage-heading{justify-content:center;flex-wrap:wrap;gap:7px 18px;padding:0 0 22px;font-family:var(--body)}
[data-theme=indigo] .stage-heading b{font:600 16px/1.7 var(--serif);letter-spacing:.05em}[data-theme=indigo] .stage-heading span{font-size:10px}
[data-theme=indigo] .hero .foilcard{width:min(294px,100%)}[data-theme=indigo] .card-title{font-weight:600;letter-spacing:.06em;font-size:28px}
[data-theme=indigo] .hero-copy{position:relative}[data-theme=indigo] .home-bottom{border-top:1px solid var(--line)}[data-theme=indigo] .home-bottom h3{color:var(--accent-ink);font-weight:600}
[data-theme=indigo] .question-card h1{font-family:var(--body);font-size:25px;font-weight:500;line-height:1.8;letter-spacing:0}
[data-theme=indigo] .context{font-family:var(--body);font-size:14px}[data-theme=indigo] .option .letter{border-radius:50%}
[data-theme=indigo] .result-heading h1{font-weight:600;letter-spacing:.03em}[data-theme=indigo] .result-grid{border-top:1px solid var(--line)}
[data-theme=indigo] .report-block h2{font-weight:600}[data-theme=indigo] .tile-art{border-radius:50%}[data-theme=indigo] .type-tile h3{font-weight:600}
@media(hover:hover) and (pointer:fine){.type-tile button:hover,.secondary:hover,.text-btn:hover{background:var(--wash);color:var(--accent-ink)}.entry-row input:hover{background:var(--surface-raised)}}
@media(max-width:900px){.page{padding:0 28px 36px}.hero{gap:30px}.result-grid{gap:30px;grid-template-columns:290px minmax(0,1fr)}.hero-stage{padding:18px 16px 12px}.hero .foilcard{width:min(250px,100%)}.hall-photo img{height:180px}.result-aside .foilcard{width:min(250px,100%)}}
@media(max-width:767px){
 .page{padding:0 20px 30px}.nav{height:64px;gap:8px}.brand{font-size:15px;gap:9px}.seal{width:30px;height:30px;font-size:17px}.nav-caption{font-size:9px;letter-spacing:0}
 .civic-cover{padding-top:20px}.document-meta{font-size:10px;letter-spacing:.02em;gap:6px}.document-title{font-size:30px;letter-spacing:.07em;margin:10px 0 14px;line-height:1.55}.document-rule{height:4px;border-top-width:2px}
 .hall-photo{margin-top:16px}.hall-photo img{height:148px;object-position:50% 35%}.hall-photo figcaption{font-size:8px;padding:3px 6px}
 .hero,[data-theme=indigo] .hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:26px 0 32px;align-items:start}
 .hero-topic{font-size:27px;line-height:1.55;margin:0 0 13px;letter-spacing:.01em}.intro{font-size:14px;line-height:1.95;max-width:none}
 .meta{margin:20px 0;padding:15px 0;max-width:none}.meta span{padding:0 15px;font-size:10px}.meta b{font-size:28px}.meta span:last-child b{font-size:16px;line-height:2.45}
 .test-entry{max-width:none}.entry-row{gap:8px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.entry-row button{font-size:13px}.entry-row input{padding:10px}.entry-error{min-height:19px}
 .hero-stage{justify-self:center;max-width:430px;width:100%;padding:20px 20px 12px}.hero .foilcard{width:min(280px,100%)}
 .stage-heading{padding:0 0 18px}.stage-heading span{font-size:10px}.home-bottom{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0 30px}.home-bottom h3{font-size:18px;margin-bottom:6px}.home-bottom p{font-size:13px}
 .types-grid{grid-template-columns:minmax(0,1fr)}.type-tile{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:18px 0}.tile-art{width:42px;height:42px;padding:7px}.type-tile h3{font-size:20px}.type-tile p{font-size:11px}.type-tile button{font-size:11px;padding:9px 10px}
 .quiz-wrap{margin:22px auto 0;padding:0 0 18px}.quiz-head{gap:10px}.question-card{padding:23px 20px 25px}.question-card h1,[data-theme=indigo] .question-card h1{font-size:21px;line-height:1.9;letter-spacing:0;margin:15px 0}
 .question-label{font-size:11px}.context{padding:12px 13px;font-size:14px}.option{padding:15px 13px;gap:11px;min-height:76px}.option .letter{width:26px;height:26px;flex-shrink:0;font-size:14px}.option .label{font-size:14px;line-height:1.9}.option .radio{width:16px;height:16px;flex-shrink:0}
 .order-row{padding:13px 11px;gap:9px}.order-text{font-size:13px}.order-btn{width:44px;height:44px}.result-heading{padding:29px 0 24px}.result-heading h1{font-size:34px;letter-spacing:.04em}.result-heading .direction{font-size:13px}
 .result-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:24px}.result-aside{max-width:430px;width:100%;margin:auto}.result-aside .foilcard{width:min(280px,100%)}.report-block h2{font-size:22px}.report-block p{font-size:14px}.rec-heading h2{font-size:28px}
 .footer{flex-direction:column;align-items:flex-start;gap:6px}.photo-credit{font-size:10px}.photo-credit a{margin-right:9px}
 [data-theme=indigo] .hero{padding-top:37px}[data-theme=indigo] .hero h1{font-size:42px;line-height:1.45;margin:15px 0 19px}[data-theme=indigo] .hero-stage{max-width:400px;padding:31px 21px 17px;border-radius:150px 150px 10px 10px}
 [data-theme=indigo] .hero .foilcard{width:min(282px,100%)}[data-theme=indigo] .hero h1 em{white-space:nowrap}
}
@media(max-width:359px){.page{padding-left:15px;padding-right:15px}.nav-caption{font-size:8px}.brand{font-size:14px}.document-title{font-size:27px}.document-meta{font-size:9px}.hall-photo img{height:128px}.hero-topic{font-size:25px}.meta span{padding:0 10px}.meta span:last-child b{font-size:14px;line-height:2.8}.entry-row button{font-size:12px}.hero-stage{padding:18px 14px 12px}.question-card{padding:22px 16px}.question-card h1,[data-theme=indigo] .question-card h1{font-size:20px}.type-tile{grid-template-columns:38px minmax(0,1fr);gap:9px}.type-tile button{grid-column:2;justify-self:start}.type-tile h3{font-size:20px}[data-theme=indigo] .hero h1{font-size:37px}[data-theme=indigo] .hero-stage{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.foilcard{will-change:auto}}

@font-face{font-family:"Atlas Document";font-style:normal;font-weight:700;font-display:swap;src:url("/civil/assets/fonts/atlas-document-0.woff2") format("woff2");unicode-range:U+20,U+B7,U+201C,U+201D,U+3002,U+4E00,U+4E09,U+4E0B,U+4E0D,U+4E0E,U+4E13,U+4E1A,U+4E24,U+4E2A,U+4E2D,U+4E34,U+4E3A,U+4E3B,U+4E48,U+4E4B,U+4E5F,U+4E66,U+4E71,U+4E86,U+4E8B,U+4E92,U+4EA4,U+4EAB,U+4EAC,U+4EBA,U+4EC0,U+4ECE,U+4EE5,U+4EF6,U+4EFB,U+4EFD,U+4F18,U+4F1A,U+4F3C,U+4F46,U+4F4D,U+4F4F,U+4F53,U+4F55,U+4F5C,U+4F60,U+4F8B,U+4F9D,U+4FA7,U+4FDD,U+4FE1,U+4FEE,U+503C,U+503E,U+504F,U+505A,U+505C,U+50CF,U+5145,U+5148,U+5165,U+516C,U+5173,U+5174,U+5177,U+5185,U+518D,U+5199,U+51B2,U+51C6,U+51CF,U+51E0,U+51FA,U+5206,U+5207,U+5212,U+5219,U+521B,U+5224,U+522B,U+5230,U+524D,U+526F,U+529B,U+529E,U+52A1,U+52A8,U+52BF,U+5316,U+5317,U+534F,U+5355,U+5361,U+5374,U+5386,U+539F,U+53BB,U+53CA,U+53CD,U+53D1,U+53D7,U+53D8,U+53EF,U+53F2,U+5408,U+540C,U+540E,U+5411,U+5426,U+5438,U+5448,U+544A,U+5468,U+547D,U+54EA,U+559C,U+56DB,U+56DE,U+56E0,U+56E2,U+56FE,U+5728,U+5730,U+573A,U+5750,U+578B,U+57FA,U+5802,U+5806,U+5883,U+589E,U+58F0,U+5904,U+5907,U+590D,U+5916,U+591A,U+5927,U+5929,U+592A,U+5947,U+594F,U+597D,U+5982,U+59CB,U+5B57,U+5B66,U+5B88,U+5B89,U+5B8C,U+5B9A,U+5B9E,U+5BA1,U+5BB6,U+5BB9,U+5BDF,U+5BF9,U+5C01,U+5C0F,U+5C11,U+5C1D,U+5C42,U+5C4B,U+5C97,U+5DE5,U+5DF1,U+5DF2,U+5E0C,U+5E38,U+5E8F,U+5E94,U+5EA6,U+5EA7,U+5ECA,U+5EF6,U+5EFA,U+5F00,U+5F0F,U+5F15,U+5F20,U+5F53,U+5F55,U+5F62,U+5F71,U+5F85,U+5F88,U+5F97,U+5FC3,U+5FEB,U+6001,U+600E,U+6025,U+606F,U+6089,U+60C5,U+60F3,U+610F,U+613F,U+6162,U+61C2,U+6210,U+6211,U+6216,U+6240,U+624B,U+6253,U+6267,U+627E,U+627F,U+6280,U+628A,U+6295,U+62A4,U+62A5,U+62C5,U+62D6,U+62DB,U+62E9,U+6301,U+6309,U+6362,U+636E,U+6392,U+63A2,U+63A5,U+63A8,U+63ED,U+642D,U+6444,U+652F,U+6536,U+6539,U+653E,U+653F,U+6563,U+6570,U+6574,U+6587,U+6599,U+65AD,U+65B0,U+65B9,U+65D7,U+65E5,U+65F6,U+660E,U+6613,U+662F,U+6653,U+66F4,U+6700,U+6709,U+670D,U+671B,U+672C,U+672F,U+6750,U+6761,U+6765,U+6790,U+679C,U+67D0,U+67E5,U+67F1,U+6807,U+6821,U+6837,U+6838,U+683C,U+6848,U+6863,U+6865,U+68C0,U+695A,U+6A21,U+6B21,U+6B22,U+6B64,U+6B65,U+6BB5,U+6BCF,U+6BD4,U+6C11,U+6C42,U+6C9F,U+6CA1,U+6CD5,U+6D3B,U+6D41,U+6D4F,U+6D88,U+6D89,U+6E05,U+6E90,U+6EE1,U+7075,U+7136,U+719F,U+72B6,U+73AF,U+73B0,U+7406,U+751F,U+7528,U+753B,U+754C,U+7559,U+767D,U+7684,U+76D1,U+76D8,U+76EE,U+76F4,U+76F8,U+7701,U+770B,U+771F,U+773C,U+7740,U+77E5,U+7814,U+786E,U+793A,U+79CD,U+79D1,U+79F0,U+7A0B,U+7A0E,U+7A33,U+7A3F,U+7A76,U+7A81,U+7AD9,U+7B14,U+7B2C,U+7B49,U+7B56,U+7B79,U+7BA1,U+7C7B,U+7CBE,U+7CCA,U+7CFB,U+7D22,U+7D27,U+7EA2,U+7EA7,U+7EBF,U+7EC4,U+7EC6,U+7ECF,U+7ED3,U+7ED9,U+7EDC,U+7EDF,U+7EE7,U+7EED,U+7EF4,U+7EFC,U+7FFB,U+8003,U+8005,U+800C,U+8017,U+804C,U+8054,U+80FD,U+81EA,U+81F4,U+8272,U+8282,U+843D,U+85CF,U+884C,U+8865,U+8868,U+88AB,U+8981,U+89C1,U+89C2,U+89C4,U+89C8,U+89C9,U+89D2,U+89E3,U+89E6,U+8BA1,U+8BA4,U+8BA8,U+8BA9,U+8BB0,U+8BB2,U+8BBA,U+8BC1,U+8BC6,U+8BC9,U+8BD5,U+8BE2,U+8BEF,U+8BF4,U+8BF7,U+8BFB,U+8BFE,U+8C03,U+8C61,U+8D1F,U+8D22,U+8D23,U+8D34,U+8D44,U+8D77,U+8DA3,U+8DB3,U+8DF5,U+8F6C,U+8F6E,U+8FB9,U+8FC7,U+8FD0,U+8FD1,U+8FD4,U+8FD9,U+8FDB,U+8FDE,U+8FF0,U+8FFD,U+9002,U+9009,U+9014,U+901A,U+901F,U+9020,U+9053,U+90A3,U+90BB,U+90E8,U+90FD,U+914D,U+91CA,U+91CC}
@font-face{font-family:"Atlas Document";font-style:normal;font-weight:700;font-display:swap;src:url("/civil/assets/fonts/atlas-document-1.woff2") format("woff2");unicode-range:U+91CD,U+91CF,U+9519,U+957F,U+95E8,U+95EE,U+95F4,U+961F,U+9644,U+964C,U+96F6,U+9700,U+9762,U+9769,U+9875,U+9876,U+9879,U+9884,U+9898,U+9988,U+9996,U+9A8C,U+9B42,U+FF0C,U+FF1F}
@font-face{font-family:"Atlas Research";font-style:normal;font-weight:600;font-display:swap;src:url("/civil/assets/fonts/atlas-research-0.woff2") format("woff2");unicode-range:U+20,U+B7,U+3002,U+4E00,U+4E0B,U+4E0D,U+4E0E,U+4E13,U+4E16,U+4E1A,U+4E24,U+4E2A,U+4E2D,U+4E3A,U+4E3B,U+4E48,U+4E5F,U+4E60,U+4E66,U+4E86,U+4E89,U+4E8B,U+4EAB,U+4EAC,U+4EB2,U+4EBA,U+4EC0,U+4ECE,U+4EE5,U+4EF6,U+4EFB,U+4EFD,U+4F18,U+4F1A,U+4F20,U+4F3C,U+4F4D,U+4F53,U+4F55,U+4F5C,U+4F60,U+4F8B,U+4F9D,U+4FA7,U+4FC3,U+4FE1,U+4FEE,U+503C,U+503E,U+504F,U+505A,U+505C,U+50AC,U+50CF,U+5148,U+5165,U+516C,U+5173,U+5174,U+5177,U+517B,U+5185,U+518D,U+5199,U+51C6,U+51E0,U+51FA,U+5206,U+5217,U+521B,U+521D,U+522B,U+5230,U+5236,U+524D,U+526F,U+529B,U+52A0,U+52A1,U+52A8,U+52A9,U+52BF,U+5316,U+5317,U+534F,U+5355,U+5361,U+5386,U+539F,U+53BB,U+53C2,U+53CD,U+53D1,U+53D7,U+53D8,U+53E4,U+53E5,U+53EF,U+53F2,U+5408,U+540C,U+540E,U+5411,U+542C,U+5438,U+5448,U+544A,U+547D,U+548C,U+54EA,U+54F2,U+5546,U+559C,U+56DB,U+56DE,U+56E0,U+56FD,U+56FE,U+5728,U+573A,U+5750,U+575A,U+578B,U+57F9,U+5802,U+5883,U+5904,U+5907,U+590D,U+5916,U+591A,U+5927,U+5929,U+5931,U+5947,U+5957,U+597D,U+5982,U+59CB,U+5B50,U+5B57,U+5B66,U+5B83,U+5B89,U+5B8C,U+5B9A,U+5B9E,U+5BA1,U+5BB6,U+5BB9,U+5BDF,U+5BF9,U+5C01,U+5C0F,U+5C1D,U+5C4B,U+5C55,U+5C97,U+5DE5,U+5DF1,U+5DF2,U+5E0C,U+5E2E,U+5E38,U+5E8F,U+5E93,U+5E94,U+5EA6,U+5EA7,U+5ECA,U+5EFA,U+5F00,U+5F0F,U+5F15,U+5F20,U+5F55,U+5F71,U+5F85,U+5F88,U+5F8B,U+5F97,U+5FC3,U+6001,U+600E,U+601D,U+6027,U+606F,U+60C5,U+60F3,U+610F,U+611F,U+613F,U+6162,U+61C2,U+6210,U+6211,U+6216,U+6240,U+624B,U+627E,U+6280,U+628A,U+6295,U+62A5,U+62BD,U+62C6,U+62D6,U+62DB,U+62E9,U+6301,U+6309,U+6362,U+636E,U+6392,U+63A2,U+63A5,U+63A8,U+63D0,U+63ED,U+6444,U+64AD,U+64CD,U+6536,U+6539,U+653E,U+653F,U+6559,U+6570,U+6574,U+6587,U+6599,U+65B0,U+65B9,U+65D7,U+65E5,U+65F6,U+660E,U+6613,U+662F,U+663E,U+6653,U+6682,U+66F4,U+6700,U+6708,U+6709,U+670D,U+671B,U+671F,U+672C,U+672F,U+673A,U+6742,U+6750,U+675F,U+6761,U+6765,U+6784,U+679C,U+67E5,U+67F1,U+6807,U+6837,U+6848,U+6863,U+6B21,U+6B22,U+6B65,U+6BB5,U+6BD4,U+6C11,U+6C9F,U+6CA1,U+6CBB,U+6CD5,U+6D4E,U+6D4F,U+6D88,U+6DF1,U+6E05,U+6E90,U+6EE1,U+6F14,U+7075,U+70B9,U+7136,U+719F,U+7269,U+72B6,U+732E,U+73AF,U+73B0,U+7406,U+751F,U+7528,U+7530,U+7531,U+7535,U+753B,U+754C,U+7559,U+7684,U+76EE,U+76F4,U+76F8,U+770B,U+771F,U+77E5,U+7814,U+786E,U+793A,U+793E,U+79CD,U+79D1,U+79EF,U+7A0B,U+7A33,U+7A3F,U+7A76,U+7AE0,U+7B49,U+7B54,U+7B80,U+7B97,U+7BC7,U+7C7B,U+7CFB,U+7D22,U+7D2F,U+7EA2,U+7EC4,U+7EC6,U+7ECF,U+7ED3,U+7ED9,U+7EDF,U+7EE7,U+7EED,U+7EF4,U+7F13,U+7F8E,U+7FFB,U+8003,U+8005,U+800C,U+8017,U+804C,U+80B2,U+80CC,U+80FD,U+81EA,U+81F4,U+8272,U+82B1,U+843D,U+85CF,U+878D,U+884C,U+8868,U+88AB,U+8981,U+89C1,U+89C2,U+89C4,U+89C8,U+89D2,U+89E3,U+8A00,U+8BA1,U+8BA4,U+8BA8,U+8BA9,U+8BAE,U+8BB0,U+8BB2,U+8BBA,U+8BBE,U+8BC1,U+8BC6,U+8BD5,U+8BDD,U+8BED,U+8BF4,U+8BF7,U+8BFB,U+8BFE,U+8C03,U+8C61,U+8D23,U+8D25,U+8D44,U+8D77,U+8DA3,U+8DB3,U+8DEF,U+8DF5,U+8E2A,U+8F6E,U+8F83,U+8FBE,U+8FC7,U+8FC8,U+8FD0,U+8FD1,U+8FD4,U+8FD8,U+8FD9,U+8FDB,U+8FFD,U+9009,U+9014,U+901A,U+9020,U+9047,U+90BB,U+90E8,U+90FD,U+9192,U+91CA,U+91CC,U+91CD,U+91CE,U+91D1,U+957F,U+95E8,U+95EE,U+95F4,U+95FB,U+9644,U+964C,U+9650,U+96C6,U+9700,U+9760,U+9762,U+9875,U+9876,U+9879,U+9884,U+9898}
@font-face{font-family:"Atlas Research";font-style:normal;font-weight:600;font-display:swap;src:url("/civil/assets/fonts/atlas-research-1.woff2") format("woff2");unicode-range:U+9988,U+9A8C,U+9B42,U+FF0C,U+FF1F}
/* finesse · register=brand · A=document-red+paper / forest+mint · B=Song-700 / Serif-600
 * C=document-cover / field-notebook · D=pointer-foil · E=printed-file / engraved-book · SOUL=7 SPECTACLE=5 DENSITY=5 */
:root {
  --canvas:#f4f2ed;--surface:#faf8f3;--surface-soft:#ede9e1;--surface-raised:#fdfbf6;
  --ink:#292927;--muted:#676661;--accent:#9e302f;--accent-ink:#9e302f;--deep:#912c2b;--on-deep:#fcf6ee;
  --line:rgba(66,46,41,.16);--line-strong:rgba(66,46,41,.34);--accent-line:rgba(158,48,47,.34);--wash:#f2e3dc;
  --shadow-panel:0 18px 48px -32px rgba(76,38,32,.23);--shadow-button:0 7px 18px -12px rgba(118,35,33,.38);
  --serif:"Noto Serif SC","Songti SC",STSong,SimSun,serif;
  --body:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;--document-body:FangSong,STFangsong,"仿宋",var(--serif);
  --number:Georgia,serif;--radius-control:3px;--radius-panel:5px;--radius-stage:5px;
  --card-base:#2d1b1e;--card-base-light:#573638;--card-border:#c6b3a0;--card-ink:#f2e9e4;--card-muted:#dfcabe;
  --foil-tone-01:#5f252010;--foil-tone-02:#4d25264d;--foil-tone-03:#4d25261c;--foil-tone-04:#b99d8a;
  --foil-tone-05:#4d292d;--foil-tone-06:#26191e;--foil-tone-07:#5b3637;--foil-tone-08:#a8c5b7;
  --foil-tone-12:#dec5ab4d;--foil-tone-13:#eae2d940;--foil-tone-14:#d5c7b060;--foil-tone-15:#ce969280;--foil-tone-16:#efddbf50;
}
[data-theme=indigo] {
  color-scheme:dark;--canvas:#0c251f;--surface:#122f27;--surface-soft:#173b30;--surface-raised:#183c31;
  --ink:#e0eddf;--muted:#acc2b4;--accent:#c4e5bd;--accent-ink:#c4e5bd;--deep:#c4e5bd;--on-deep:#12352a;
  --line:rgba(199,226,201,.18);--line-strong:rgba(199,226,201,.4);--accent-line:rgba(196,229,189,.4);--wash:#244b3a;
  --shadow-panel:0 22px 46px -28px rgba(3,14,10,.65);--shadow-button:0 7px 20px -12px rgba(172,212,165,.3);
  --serif:"Noto Serif SC","Songti SC",STSong,SimSun,serif;
  --radius-control:8px;--radius-panel:12px;--radius-stage:110px 110px 10px 10px;
  --card-base:#0b2922;--card-base-light:#315146;--card-border:#9dbb99;--card-ink:#e0f0d9;--card-muted:#bfd6bd;
  --foil-tone-02:#061a1360;--foil-tone-03:#061a1326;--foil-tone-08:#9dbb99;--foil-tone-09:#315146;--foil-tone-10:#0b2922;--foil-tone-11:#1f4536;
  --foil-tone-12:#c6deba55;--foil-tone-13:#cde5c540;--foil-tone-14:#a3cebd60;--foil-tone-15:#afd19470;--foil-tone-16:#d9e2b650;
}
html,body{overflow-x:clip}body{min-height:100dvh}.page{max-width:1256px;padding:0 48px 40px;isolation:isolate}
body::before{opacity:.025}h1,h2,h3{font-family:var(--serif);min-width:0;overflow-wrap:anywhere}
button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.nav{height:70px;border-color:var(--line)}.brand{font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:.06em}
.seal{width:34px;height:34px;border-color:var(--accent-line);color:var(--accent-ink);background:transparent;border-radius:2px;font:700 19px var(--serif)}
.nav-caption{font-size:11px;letter-spacing:.04em}.eyebrow{font:500 10px/1.5 var(--body);letter-spacing:.15em;color:var(--accent-ink)}
.primary{background:var(--deep);color:var(--on-deep);box-shadow:none}.primary:hover{filter:brightness(1.06)}.primary:active,.secondary:active,.text-btn:active{transform:translateY(1px)}
.secondary,.share-entry,.rec-expand{background:var(--surface);border-color:var(--line-strong)}
.civic-cover{padding-top:28px}.document-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:12px/1.8 var(--document-body);letter-spacing:.1em}
.document-title{text-align:center;font-size:clamp(30px,4.2vw,49px);font-weight:700;line-height:1.5;letter-spacing:.12em;color:var(--accent);margin:12px 0 17px}
.document-rule{height:5px;border-top:3px solid var(--accent);border-bottom:1px solid var(--accent)}
.hall-photo{position:relative;margin:22px 0 0;overflow:hidden;background:var(--surface-soft);border:1px solid var(--line)}
.hall-photo img{display:block;width:100%;height:210px;object-fit:cover;object-position:50% 37%}
.hall-photo figcaption{position:absolute;bottom:0;right:0;margin:0;padding:5px 9px;background:var(--surface);color:var(--muted);font:10px/1.6 var(--body)}
.hero{padding:38px 0 42px;gap:clamp(30px,6vw,80px);grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);align-items:center}
.hero-copy{min-width:0}.hero-topic{font-size:clamp(28px,3vw,36px);line-height:1.5;letter-spacing:.03em;margin-bottom:18px;font-weight:700}
.intro{font-size:15px;line-height:1.95;max-width:480px}.meta{max-width:470px;margin:24px 0;padding:17px 0;border-color:var(--line)}
.meta span{font-size:11px;padding:0 18px}.meta b{font-family:var(--number);font-size:31px;line-height:1.3;white-space:nowrap}
.meta span:last-child b{font:500 18px/2.24 var(--body);letter-spacing:-.03em}.test-entry{max-width:470px}.entry-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.test-entry>label{font-size:12px;color:var(--ink)}.entry-row input{background:var(--surface-raised);border-radius:var(--radius-control);border-color:var(--line-strong)}
.entry-row button{font-size:14px;border-radius:var(--radius-control)}.entry-error{color:var(--accent-ink)}.hero .little{margin-top:12px;font-size:11px}
.hero-stage{width:100%;max-width:440px;justify-self:end;padding:22px 24px 12px;background:transparent;border:1px solid var(--line);box-shadow:none;border-radius:var(--radius-stage)}
.stage-heading{padding:0 0 19px;font-family:var(--document-body);color:var(--muted)}.stage-heading b{font-size:13px;letter-spacing:.07em}
.hero .foilcard{width:min(274px,100%)}.card-area{perspective:1200px}.foilcard{border-radius:8px;box-shadow:0 23px 32px -18px var(--foil-tone-02),0 3px 9px var(--foil-tone-03)}
.card-face,[data-theme=indigo] .card-face{border-radius:8px;border-color:var(--card-border);background:linear-gradient(135deg,var(--card-base-light),var(--card-base) 70%);color:var(--card-ink)}
.card-front::after,.card-back::after{border-radius:3px;border-color:var(--foil-tone-12);inset:7px}
.card-title{font-family:var(--serif);font-size:28px;font-weight:700;line-height:1.4;letter-spacing:.055em;color:var(--card-ink)}
.card-top,.card-edition,.card-serial,.card-insignia,.card-direction,.card-quote,.card-bottom{color:var(--card-ink)}
.card-edition{letter-spacing:.12em;font-size:8px}.card-serial{font-size:38px}.card-direction{font-size:10px}.card-quote{font-size:11px;line-height:1.8;color:var(--card-muted);font-family:var(--serif)}
.card-back{padding:27px 23px;background:var(--card-base)}.card-back h3{font:700 26px/1.6 var(--serif);color:var(--card-ink)}
.card-back p,.card-back .eyebrow,.card-back .card-tags span{color:var(--card-muted)}.card-back .card-tags span{border-color:var(--foil-tone-12);background:transparent}
.card-controls .text-btn{color:var(--muted);font-size:12px}.card-hint,.stage-note{font-size:10px;line-height:1.9;color:var(--muted)}.stage-note{margin-top:6px}
.home-bottom{gap:32px;padding:26px 0 32px;border-color:var(--line)}.home-bottom h3{font-size:17px;line-height:1.6;margin-bottom:8px}.home-bottom p{font-size:12px;line-height:1.95;color:var(--muted)}
.footer{gap:12px;border-color:var(--line);font-size:10px}.photo-credit{font-size:10px;line-height:1.9;color:var(--muted);padding:12px 0 0}.photo-credit a{display:inline-flex;align-items:center;min-height:44px;margin-right:14px;text-underline-offset:4px;white-space:nowrap}
.gallery{padding:32px 0}.types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-tile{border-color:var(--line);gap:14px}.tile-art{border-radius:3px;color:var(--accent-ink);background:var(--surface)}
.type-tile h3{font-size:22px;font-weight:700}.type-tile button{background:var(--surface);color:var(--accent-ink);border-radius:var(--radius-control)}
.quiz-wrap{max-width:800px;margin:30px auto 0}.progress,.progress i{border-radius:0}.progress{height:3px;background:var(--line)}.progress i{background:var(--accent)}
.question-card{box-shadow:none;border-radius:var(--radius-panel);border-color:var(--line);padding:34px 38px;background:var(--surface-raised)}
.question-label{font-family:var(--body);font-size:11px;letter-spacing:.04em;color:var(--accent-ink)}.question-card h1{font-family:var(--serif);font-size:25px;line-height:1.85;letter-spacing:0;font-weight:700}
.context{font-family:var(--document-body);font-size:15px;line-height:1.9;color:var(--ink);border-radius:var(--radius-control);background:var(--surface-soft)}
.option{min-height:74px;border-radius:var(--radius-control);border-color:var(--line);background:var(--surface);box-shadow:none;gap:14px}
.option .label{font-size:14px;line-height:1.9;color:var(--ink);white-space:normal}.option .letter{border-radius:2px;background:var(--surface-soft);font-family:var(--number);color:var(--muted)}
.option:hover{border-color:var(--line-strong)}.option.selected{background:var(--wash);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-line)}
.order-row{border-radius:var(--radius-control);background:var(--surface);border-color:var(--line)}.order-text{color:var(--ink)}.order-btn{border-radius:var(--radius-control)}
.result-heading{padding:40px 0 26px;max-width:880px}.result-heading h1{font-family:var(--serif);font-size:clamp(32px,4vw,49px);font-weight:700;letter-spacing:.04em;line-height:1.5;color:var(--accent-ink)}
.result-heading .direction{font-size:14px;color:var(--muted)}.result-grid{grid-template-columns:330px minmax(0,1fr);gap:48px;padding-top:15px;border-top:3px solid var(--accent)}
.card-shelf{padding:24px 14px 16px;background:var(--surface-soft);border-radius:var(--radius-panel);box-shadow:none}.secondary-type{border-radius:var(--radius-panel);background:var(--surface)}
.report>.report-block:first-child{border-radius:var(--radius-panel);box-shadow:none}.report-block h2{font-size:22px;font-weight:700;letter-spacing:.02em}
.report-block p{color:var(--muted);font-size:14px;line-height:2.1}.bar-track,.bar-track i{border-radius:0}.bar-track i{background:var(--accent)}
.rec-item,.rec-item:nth-child(1){border-radius:var(--radius-panel);box-shadow:none;border-color:var(--line);background:var(--surface)}
.rec-item:nth-child(1){border-color:var(--accent-line);background:var(--surface-raised)}.rec-name{color:var(--ink)}.rec-list .rec-rank{color:var(--accent-ink)}
.job-record,.rec-detail{border-color:var(--line);border-radius:var(--radius-control);background:var(--surface-soft)}.preview-notice{border-radius:var(--radius-control)}
[data-theme=indigo] .nav{border-color:var(--line)}[data-theme=indigo] .seal{border-radius:50%;font-weight:600}
[data-theme=indigo] .hero{padding:64px 0 56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,7vw,90px)}
[data-theme=indigo] .hero h1{font-size:clamp(40px,4.6vw,63px);font-weight:600;letter-spacing:-.04em;line-height:1.45;margin:19px 0 24px}
[data-theme=indigo] .hero h1 em{display:inline;color:var(--accent-ink);font-style:normal}[data-theme=indigo] .intro{max-width:460px;line-height:2.05}
[data-theme=indigo] .hero-stage{border-radius:160px 160px 12px 12px;padding:40px 24px 18px;background:var(--surface);position:relative;border-color:var(--line)}
[data-theme=indigo] .stage-heading{justify-content:center;flex-wrap:wrap;gap:7px 18px;padding:0 0 22px;font-family:var(--body)}
[data-theme=indigo] .stage-heading b{font:600 16px/1.7 var(--serif);letter-spacing:.05em}[data-theme=indigo] .stage-heading span{font-size:10px}
[data-theme=indigo] .hero .foilcard{width:min(294px,100%)}[data-theme=indigo] .card-title{font-weight:600;letter-spacing:.06em;font-size:28px}
[data-theme=indigo] .hero-copy{position:relative}[data-theme=indigo] .home-bottom{border-top:1px solid var(--line)}[data-theme=indigo] .home-bottom h3{color:var(--accent-ink);font-weight:600}
[data-theme=indigo] .question-card h1{font-family:var(--body);font-size:25px;font-weight:500;line-height:1.8;letter-spacing:0}
[data-theme=indigo] .context{font-family:var(--body);font-size:14px}[data-theme=indigo] .option .letter{border-radius:50%}
[data-theme=indigo] .result-heading h1{font-weight:600;letter-spacing:.03em}[data-theme=indigo] .result-grid{border-top:1px solid var(--line)}
[data-theme=indigo] .report-block h2{font-weight:600}[data-theme=indigo] .tile-art{border-radius:50%}[data-theme=indigo] .type-tile h3{font-weight:600}
@media(hover:hover) and (pointer:fine){.type-tile button:hover,.secondary:hover,.text-btn:hover{background:var(--wash);color:var(--accent-ink)}.entry-row input:hover{background:var(--surface-raised)}}
@media(max-width:900px){.page{padding:0 28px 36px}.hero{gap:30px}.result-grid{gap:30px;grid-template-columns:290px minmax(0,1fr)}.hero-stage{padding:18px 16px 12px}.hero .foilcard{width:min(250px,100%)}.hall-photo img{height:180px}.result-aside .foilcard{width:min(250px,100%)}}
@media(max-width:767px){
 .page{padding:0 20px 30px}.nav{height:64px;gap:8px}.brand{font-size:15px;gap:9px}.seal{width:30px;height:30px;font-size:17px}.nav-caption{font-size:9px;letter-spacing:0}
 .civic-cover{padding-top:20px}.document-meta{font-size:10px;letter-spacing:.02em;gap:6px}.document-title{font-size:30px;letter-spacing:.07em;margin:10px 0 14px;line-height:1.55}.document-rule{height:4px;border-top-width:2px}
 .hall-photo{margin-top:16px}.hall-photo img{height:148px;object-position:50% 35%}.hall-photo figcaption{font-size:8px;padding:3px 6px}
 .hero,[data-theme=indigo] .hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:26px 0 32px;align-items:start}
 .hero-topic{font-size:27px;line-height:1.55;margin:0 0 13px;letter-spacing:.01em}.intro{font-size:14px;line-height:1.95;max-width:none}
 .meta{margin:20px 0;padding:15px 0;max-width:none}.meta span{padding:0 15px;font-size:10px}.meta b{font-size:28px}.meta span:last-child b{font-size:16px;line-height:2.45}
 .test-entry{max-width:none}.entry-row{gap:8px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.entry-row button{font-size:13px}.entry-row input{padding:10px}.entry-error{min-height:19px}
 .hero-stage{justify-self:center;max-width:430px;width:100%;padding:20px 20px 12px}.hero .foilcard{width:min(280px,100%)}
 .stage-heading{padding:0 0 18px}.stage-heading span{font-size:10px}.home-bottom{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0 30px}.home-bottom h3{font-size:18px;margin-bottom:6px}.home-bottom p{font-size:13px}
 .types-grid{grid-template-columns:minmax(0,1fr)}.type-tile{grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:18px 0}.tile-art{width:42px;height:42px;padding:7px}.type-tile h3{font-size:20px}.type-tile p{font-size:11px}.type-tile button{font-size:11px;padding:9px 10px}
 .quiz-wrap{margin:22px auto 0;padding:0 0 18px}.quiz-head{gap:10px}.question-card{padding:23px 20px 25px}.question-card h1,[data-theme=indigo] .question-card h1{font-size:21px;line-height:1.9;letter-spacing:0;margin:15px 0}
 .question-label{font-size:11px}.context{padding:12px 13px;font-size:14px}.option{padding:15px 13px;gap:11px;min-height:76px}.option .letter{width:26px;height:26px;flex-shrink:0;font-size:14px}.option .label{font-size:14px;line-height:1.9}.option .radio{width:16px;height:16px;flex-shrink:0}
 .order-row{padding:13px 11px;gap:9px}.order-text{font-size:13px}.order-btn{width:44px;height:44px}.result-heading{padding:29px 0 24px}.result-heading h1{font-size:34px;letter-spacing:.04em}.result-heading .direction{font-size:13px}
 .result-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:24px}.result-aside{max-width:430px;width:100%;margin:auto}.result-aside .foilcard{width:min(280px,100%)}.report-block h2{font-size:22px}.report-block p{font-size:14px}.rec-heading h2{font-size:28px}
 .footer{flex-direction:column;align-items:flex-start;gap:6px}.photo-credit{font-size:10px}.photo-credit a{margin-right:9px}
 [data-theme=indigo] .hero{padding-top:37px}[data-theme=indigo] .hero h1{font-size:42px;line-height:1.45;margin:15px 0 19px}[data-theme=indigo] .hero-stage{max-width:400px;padding:31px 21px 17px;border-radius:150px 150px 10px 10px}
 [data-theme=indigo] .hero .foilcard{width:min(282px,100%)}[data-theme=indigo] .hero h1 em{white-space:nowrap}
}
@media(max-width:359px){.page{padding-left:15px;padding-right:15px}.nav-caption{font-size:8px}.brand{font-size:14px}.document-title{font-size:27px}.document-meta{font-size:9px}.hall-photo img{height:128px}.hero-topic{font-size:25px}.meta span{padding:0 10px}.meta span:last-child b{font-size:14px;line-height:2.8}.entry-row button{font-size:12px}.hero-stage{padding:18px 14px 12px}.question-card{padding:22px 16px}.question-card h1,[data-theme=indigo] .question-card h1{font-size:20px}.type-tile{grid-template-columns:38px minmax(0,1fr);gap:9px}.type-tile button{grid-column:2;justify-self:start}.type-tile h3{font-size:20px}[data-theme=indigo] .hero h1{font-size:37px}[data-theme=indigo] .hero-stage{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.foilcard{will-change:auto}}


.boot-state{min-height:60vh;display:grid;place-items:center;color:var(--muted)}
.admin-wrap{max-width:680px;margin:64px auto;padding:32px;border:1px solid var(--line);background:var(--surface)}
.admin-wrap h1{font-size:32px;font-weight:500;line-height:1.4;margin:14px 0}
.admin-wrap>p{color:var(--muted);font-size:14px}
.admin-form{margin-top:24px}.admin-form label{display:block;font-weight:600;margin-bottom:10px}
.admin-form input{width:100%;min-height:50px;padding:12px 16px;font:inherit;background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:3px}
.admin-form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.admin-form button{margin-top:16px;width:100%}.admin-error{min-height:25px;color:var(--ink);font-size:13px;margin-top:10px}
.admin-links{display:grid;gap:12px;margin:28px 0}.admin-links a{display:block;text-decoration:none;padding:22px;border:1px solid var(--line);background:var(--wash);min-height:70px}
.admin-links strong{font:25px var(--serif);display:block}.admin-links span{font-size:12px;color:var(--muted)}
@media(max-width:600px){.admin-wrap{margin:28px auto;padding:24px 20px}.admin-wrap h1{font-size:28px}}

/* Academic observatory: exhibition typography, annotated collage and an interactive archive. */
body[data-assessment="graduate"]{
 color-scheme:light;--canvas:#e9ebef;--surface:#f6f6f2;--surface-soft:#dfe3ee;--surface-raised:#fafaf7;
 --ink:#242630;--muted:#626674;--accent:#2c40b3;--accent-ink:#293cad;--deep:#293cad;--on-deep:#fff;
 --line:#c7cbd5;--line-strong:#999eaf;--accent-line:#8692d1;--wash:#e2e6f6;--orange:#e65b3e;
 --serif:"Noto Serif SC","Songti SC",STSong,SimSun,serif;
 --mono:"Consolas","Courier New",monospace;
 --card-base:#142567;--card-base-light:#3c4d96;--card-border:#abb5d8;--card-ink:#f4f1e7;--card-muted:#d4daef;
 --foil-tone-08:#abb5d8;--foil-tone-09:#3c4d96;--foil-tone-10:#142567;--foil-tone-11:#4d4c8b;
 --foil-tone-12:#cbd4f166;--foil-tone-13:#dce4f740;--foil-tone-14:#b5c2f160;--foil-tone-15:#b7a8d780;--foil-tone-16:#e0d5b450;
 --foil-tone-27:#626674;--foil-tone-28:#626674;--foil-tone-29:#fafaf7;
 background:var(--canvas);font-size:14px;-webkit-font-smoothing:antialiased;
}
body[data-assessment="graduate"]::before{display:none}
body[data-assessment="graduate"] .page{max-width:1320px;padding:0 54px 28px}
body[data-assessment="graduate"] ::selection{background:#d4daf7;color:#1a2672}
body[data-assessment="graduate"] button:focus-visible,
body[data-assessment="graduate"] a:focus-visible,
body[data-assessment="graduate"] input:focus-visible,
body[data-assessment="graduate"] summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
body[data-assessment="graduate"] .primary,
body[data-assessment="graduate"] .secondary{border-radius:2px;min-height:48px;box-shadow:none}
body[data-assessment="graduate"] .primary:hover{filter:none;background:#1d2c91}
.specimen-nav{height:100px;gap:30px;border-bottom:2px solid var(--ink)}
.specimen-nav .specimen-brand{display:flex;align-items:center;gap:11px;background:none;padding:0;text-align:left;font:600 22px/1.35 var(--serif);letter-spacing:.02em}
.specimen-brand-symbol{width:37px;height:37px;display:grid;place-items:center;background:var(--orange);color:#f9f6ec;transform:rotate(-12deg)}
.specimen-brand-symbol svg{width:29px;height:29px;transform:rotate(12deg)}
.specimen-brand small{display:block;font:10px/1.6 var(--body);letter-spacing:.2em;color:var(--muted);margin-top:4px}
.specimen-nav-issue{font:9px/1.9 var(--mono);letter-spacing:.06em;color:var(--muted);margin-right:auto}
.specimen-nav-links{display:flex;align-items:center;gap:30px}
.specimen-nav-links button{background:none;padding:8px 0;font-size:12px;min-height:44px;white-space:nowrap}
.specimen-nav-links sup{font:10px var(--mono);color:var(--accent);margin-left:3px}
.specimen-nav-entry{display:flex;align-items:center;gap:22px;font-size:12px;padding:12px 0 12px 22px;border-left:1px solid var(--line-strong);background:none;font-weight:600;min-height:44px;white-space:nowrap}
.specimen-nav-entry svg{width:24px;height:24px;color:var(--accent)}
.specimen-cover{position:relative;min-height:685px;isolation:isolate}
.specimen-cover-top{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:var(--muted);font:9px/1.7 var(--mono);letter-spacing:.08em}
.specimen-cover-top>span{font:10px var(--body);letter-spacing:.08em}
.specimen-cover-copy{position:relative;z-index:2;width:fit-content;padding-top:27px}
.specimen-eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);letter-spacing:.08em;margin-bottom:18px}
.specimen-eyebrow>span{background:var(--ink);color:#fff;font-size:10px;padding:3px 8px;letter-spacing:.12em}
.specimen-cover h1{font:600 clamp(68px,7.1vw,99px)/1.3 var(--serif);letter-spacing:-.065em;margin:0;overflow-wrap:normal;white-space:nowrap}
.specimen-cover h1 em{font-style:normal;color:var(--accent)}
.specimen-cover h1>span{display:inline-block;color:var(--orange);font-size:1.13em;transform:rotate(9deg);transform-origin:50% 75%;margin-left:-.02em}
.specimen-cover-note{margin-top:34px;padding-left:29px;position:relative}
.specimen-cover-note::before{content:"+";font:24px var(--mono);position:absolute;left:0;top:-5px;color:var(--orange)}
.specimen-note-label{font:10px/1.5 var(--mono);letter-spacing:.1em;color:var(--accent)}
.specimen-cover-note p{font-size:12px;line-height:2;color:var(--muted);margin-top:9px}
.specimen-cover-note button{display:flex;align-items:center;gap:28px;padding:8px 0 5px;min-height:44px;margin-top:9px;background:none;border-bottom:1px solid var(--ink);font-size:11px;font-weight:600}
.specimen-cover-note button svg{width:22px;height:22px}
.specimen-art{position:absolute;width:575px;height:565px;right:-18px;top:37px;margin:0;z-index:1}
.specimen-art img{display:block;position:absolute;width:100%;height:auto;right:0;top:0;object-fit:contain}
.specimen-art-coordinate{position:absolute;top:8px;right:31px;z-index:3;font:8px/1.6 var(--mono);letter-spacing:.1em;color:var(--accent)}
.specimen-art-orbit{position:absolute;width:82%;height:72%;left:9%;top:14%;border:1px dashed #aeb5c7;border-radius:50%;transform:rotate(-19deg)}
.specimen-art-orbit::before,.specimen-art-orbit::after{content:"+";position:absolute;color:#7a83a1;font:23px var(--mono);top:15%;left:3%}
.specimen-art-orbit::after{left:auto;top:auto;right:-1%;bottom:20%}
.specimen-art figcaption{position:absolute;bottom:-11px;right:35px;font-size:9px;color:var(--muted);letter-spacing:.06em}
.specimen-pin{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 11px;background:#f4f5f2;border:1px solid #9298aa;box-shadow:3px 3px 0 #cad0dc;z-index:3;font-size:10px;line-height:1.5;min-height:38px;white-space:nowrap;transition:background .16s,color .16s,transform .16s}
.specimen-pin small{font:10px var(--mono);color:var(--accent)}
.specimen-pin i{font-style:normal;font-size:13px;color:var(--accent)}
.specimen-pin::after{content:"";position:absolute;width:32px;height:1px;background:#7e869b;left:100%;top:50%;pointer-events:none}
.specimen-pin:hover{background:var(--accent);color:#fff;transform:translateY(-3px)}
.specimen-pin:hover small,.specimen-pin:hover i{color:#fff}
.specimen-pin-life{left:7px;top:120px;transform:rotate(-5deg)}
.specimen-pin-math{right:13px;top:59px;transform:rotate(5deg)}
.specimen-pin-math::after,.specimen-pin-art::after{left:auto;right:100%}
.specimen-pin-text{left:14px;bottom:140px;transform:rotate(-5deg)}
.specimen-pin-art{right:-6px;bottom:66px;transform:rotate(5deg)}
.specimen-cover-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding:15px 0;font:9px/1.5 var(--mono);letter-spacing:.06em;color:var(--muted)}
.specimen-cover-bottom>span:nth-child(2){margin-left:auto}
.specimen-cover-bottom>button{display:grid;place-items:center;background:none;font:25px var(--mono);width:35px;height:34px;color:var(--accent)}
.specimen-entry{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:50px;background:var(--accent);color:#fff;padding:31px 33px;position:relative;margin-top:21px}
.specimen-entry::before{content:"";position:absolute;inset:0 auto 0 -5px;width:5px;background:var(--orange)}
.specimen-entry-heading{display:flex;align-items:center;gap:23px}
.specimen-entry-star{width:43px;flex-shrink:0;color:#f7bb96;transform:rotate(16deg)}
.specimen-entry-star svg{width:43px;height:43px}
.specimen-entry-heading p{font:8px/1.7 var(--mono);letter-spacing:.13em;color:#d1d7f6}
.specimen-entry-heading h2{font:600 27px/1.55 var(--serif);letter-spacing:.01em;margin:3px 0 6px;color:#fff}
.specimen-entry-heading div>span{font-size:10px;color:#d2d9f4;white-space:nowrap}
body[data-assessment="graduate"] .specimen-entry .test-entry{max-width:none}
body[data-assessment="graduate"] .specimen-entry .test-entry>label{font-size:11px;color:#e7eafa;font-weight:400;margin:0 0 9px}
body[data-assessment="graduate"] .specimen-entry .entry-row{display:grid;grid-template-columns:135px minmax(0,1fr);gap:9px}
body[data-assessment="graduate"] .specimen-entry .entry-row input{width:100%;min-width:0;background:#fff;color:var(--ink);border:0;border-radius:1px;min-height:49px;font-size:14px;padding:12px 13px;letter-spacing:.1em}
body[data-assessment="graduate"] .specimen-entry .entry-row input::placeholder{font-size:11px;color:#747988;letter-spacing:.03em}
body[data-assessment="graduate"] .specimen-entry .entry-row button{background:#ef7658;color:#19215b;border:0;border-radius:1px;font-size:12px;font-weight:600;padding:12px 13px;min-height:49px}
body[data-assessment="graduate"] .specimen-entry .entry-row button:hover{background:#fb9477}
body[data-assessment="graduate"] .specimen-entry .entry-error{min-height:0;margin:0;color:#fff1b7;font-size:11px;line-height:1.8}
body[data-assessment="graduate"] .specimen-entry .entry-error:not(:empty){margin-top:7px}
body[data-assessment="graduate"] .specimen-entry [aria-invalid="true"]{outline:2px solid #ffc0a6;outline-offset:3px}
body[data-assessment="graduate"] .specimen-entry input:focus-visible{outline-color:#ffb098}
.specimen-entry-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#d4dcf8;line-height:1.8;margin-top:9px}
.specimen-entry-note>svg{width:13px;height:13px;flex-shrink:0}
.specimen-entry-note>button{background:none;text-decoration:underline;color:#fff;font-size:9px;padding:0 3px;min-height:28px}
.specimen-method{display:flex;align-items:center;gap:50px;padding:27px 0 30px;border-bottom:1px solid var(--line)}
.specimen-method-label{font-size:12px;color:var(--accent);min-width:118px}
.specimen-method-label small{display:block;font:8px/1.7 var(--mono);letter-spacing:.1em;margin-top:4px}
.specimen-method ol{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1;padding:0;margin:0}
.specimen-method li{position:relative;display:flex;align-items:center;gap:13px}
.specimen-method li+li::before{content:"→";font:20px var(--mono);position:absolute;left:-47px;top:9px;color:#8f97ac}
.specimen-method li>span{font:italic 23px/1 Georgia,serif;color:var(--accent)}
.specimen-method li>p{font-size:13px;line-height:1.7}
.specimen-method li small{font-size:9px;color:var(--muted);display:block}
.specimen-archive{padding:67px 0 54px;scroll-margin-top:24px}
.specimen-archive-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:37px}
body[data-assessment="graduate"] .eyebrow{font:9px/1.7 var(--mono);letter-spacing:.09em;color:var(--accent)}
.specimen-archive-heading h2{font:600 50px/1.35 var(--serif);letter-spacing:-.04em;margin-top:16px}
.specimen-archive-heading h2 em{font-style:normal;color:var(--accent)}
.specimen-archive-description{display:flex;align-items:center;gap:29px;padding-bottom:3px}
.specimen-count{font:italic 69px/1 Georgia,serif;color:var(--orange)}
.specimen-count>i{display:block;font:9px/1.7 var(--body);letter-spacing:.13em;margin-top:7px;color:var(--muted)}
.specimen-archive-description p{font-size:11px;line-height:2;color:var(--muted);border-left:1px solid var(--line);padding-left:27px}
.specimen-archive-layout{display:grid;grid-template-columns:355px minmax(0,1fr);gap:55px;align-items:start}
.specimen-folio{position:sticky;top:30px;background:#dbe0ee;padding:19px 25px 23px;isolation:isolate;margin-top:20px}
.specimen-folio::before{content:"";position:absolute;z-index:-1;top:-20px;height:20px;width:57%;left:0;background:#dbe0ee;clip-path:polygon(0 0,85% 0,100% 100%,0 100%)}
.specimen-file-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 25px;font:8px/1.5 var(--mono);letter-spacing:.07em;color:#59648c}
.specimen-folio .card-area{transform:none}
.specimen-folio .card-area::before{display:none}
.specimen-folio .foilcard{width:260px;border-radius:3px}
.specimen-folio .card-controls{gap:13px;margin-top:17px}
.specimen-folio .card-controls .text-btn{font-size:10px;padding:5px 0;min-height:35px;color:#4d5980}
.specimen-folio .card-hint{font-size:9px;color:#6d7390}
.specimen-folio-controls{display:flex;align-items:center;gap:10px;border-top:1px solid #b9c1d6;margin-top:21px;padding-top:15px}
.specimen-folio-controls button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:none;padding:3px 0;min-height:42px;font-size:11px;color:var(--accent);flex:1}
.specimen-folio-controls button>svg{width:22px;height:22px}
.specimen-folio-controls button+button{font:24px var(--mono);border-left:1px solid #bbc3d7;flex:0 0 38px;padding-left:13px}
.specimen-folio-caption{font-size:9px;line-height:1.9;color:#6d738a;margin-top:9px}
.specimen-index-heading{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:15px;padding:0 0 13px;color:#777e90;font:9px/1.7 var(--mono);border-bottom:1px solid var(--ink)}
.specimen-index-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 85px 35px 20px;align-items:center;gap:15px;background:transparent;padding:19px 7px 19px 0;border-bottom:1px solid var(--line);text-align:left;width:100%;transition:background .2s,color .2s,padding .2s}
.specimen-index-number{align-self:start;font:11px/1.7 var(--mono);color:#848999;padding-top:6px}
.specimen-index-name{min-width:0}
.specimen-index-name>b{font:600 26px/1.45 var(--serif);letter-spacing:.01em;display:block}
.specimen-index-name>small{font-size:10px;line-height:1.8;color:var(--muted);display:block;margin-top:3px}
.specimen-index-tag{font-size:10px;color:var(--muted);white-space:nowrap}
.specimen-index-art{width:35px;height:35px;color:#7e87ad;transition:transform .25s}
.specimen-index-arrow{font:18px var(--mono);color:#80889b}
.specimen-index-row:hover{color:var(--accent)}
.specimen-index-row:hover .specimen-index-art{transform:rotate(-15deg)}
.specimen-index-row[aria-pressed="true"]{background:#f8f8f4;padding-left:14px;color:var(--accent);border-bottom-color:#a6b0d6}
.specimen-index-row[aria-pressed="true"]::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent)}
.specimen-index-row[aria-pressed="true"] .specimen-index-number{color:var(--accent)}
.specimen-index-note{font-size:10px;line-height:1.9;color:var(--muted);padding-top:18px}
.specimen-outro{display:flex;align-items:center;gap:26px;position:relative;padding:36px 0 43px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.specimen-outro-question{font:italic 106px/.9 Georgia,serif;color:var(--orange);transform:rotate(12deg);padding-right:9px}
.specimen-outro p{font-size:16px;margin-bottom:3px}
.specimen-outro h2{font:600 36px/1.5 var(--serif);letter-spacing:-.02em}
.specimen-outro button{display:flex;align-items:center;gap:32px;padding:15px 20px;background:var(--orange);color:#24212c;font-size:12px;font-weight:600;min-height:52px;margin-left:auto;box-shadow:4px 4px 0 #c6c9d0}
.specimen-outro button svg{width:26px;height:26px}
.specimen-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0 0;border:0;color:var(--muted)}
.specimen-footer>span{font:600 13px var(--serif);color:var(--ink)}
.specimen-footer small{display:block;font:8px/1.7 var(--mono);color:var(--muted);margin-top:7px;letter-spacing:.04em}
.specimen-footer p{font-size:9px;line-height:1.9}
.specimen-footer button{display:flex;align-items:center;gap:16px;background:none;font-size:11px;padding:8px 0;min-height:44px;color:var(--accent)}
.specimen-footer button svg{width:21px;height:21px}
/* Field notes carry the exhibition's ink and paper into the assessment. */
body[data-assessment="graduate"] .quiz-wrap{max-width:830px;margin:40px auto 55px;padding:0 20px}
body[data-assessment="graduate"] .graduate-quiz-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}
body[data-assessment="graduate"] .graduate-quiz-title p{font:600 24px/1.7 var(--serif)}
body[data-assessment="graduate"] .quiz-head{margin-bottom:13px}
body[data-assessment="graduate"] .quiz-head b{font:italic 27px Georgia,serif;color:var(--accent)}
body[data-assessment="graduate"] .progress{height:4px;background:#d0d5e2;margin-bottom:26px}
body[data-assessment="graduate"] .progress i{background:var(--accent)}
body[data-assessment="graduate"] .question-card{position:relative;padding:35px 40px 38px;background:#fafaf7;border:0;border-radius:0;box-shadow:7px 7px 0 #d2d7e2}
body[data-assessment="graduate"] .question-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}
body[data-assessment="graduate"] .question-label{display:inline-flex;background:#e5e9f6;color:var(--accent);padding:5px 8px;font:10px/1.8 var(--body);border-radius:0;letter-spacing:.02em}
body[data-assessment="graduate"] .question-card h1{font:600 28px/1.8 var(--serif);color:var(--ink);letter-spacing:0;margin:22px 0 16px}
body[data-assessment="graduate"] .context{background:#edf0f5;border:0;border-radius:0;color:var(--muted);font:13px/1.9 var(--body);padding:16px 18px}
body[data-assessment="graduate"] .options{gap:0;margin-top:25px;border-top:1px solid #cdd1df}
body[data-assessment="graduate"] .option{border:0;border-bottom:1px solid #cdd1df;border-radius:0;min-height:79px;gap:17px;padding:17px 14px;background:transparent;box-shadow:none}
body[data-assessment="graduate"] .option .letter{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b9c1dc;border-radius:0;font:14px var(--mono);background:transparent;color:var(--accent)}
body[data-assessment="graduate"] .option .label{font-size:14px;color:var(--ink);line-height:1.9}
body[data-assessment="graduate"] .option .radio{border-color:#a7aec8}
body[data-assessment="graduate"] .option:hover{background:#edf0fb}
body[data-assessment="graduate"] .option.selected{background:#e4e9fb;box-shadow:inset 3px 0 0 var(--accent)}
body[data-assessment="graduate"] .option.selected .letter{background:var(--accent);color:#fff;border-color:var(--accent)}
body[data-assessment="graduate"] .option.selected .radio{border:4px solid var(--orange);background:#fff}
body[data-assessment="graduate"] .quiz-actions{margin-top:25px}
body[data-assessment="graduate"] .quiz-actions .secondary{background:transparent;font-size:12px;min-height:44px;border-color:#b8bece}
body[data-assessment="graduate"] .quiz-tip{font-size:10px;line-height:1.9;letter-spacing:.03em}
body[data-assessment="graduate"] .order-row{border:0;border-bottom:1px solid #cdd1df;border-radius:0;background:transparent;padding:16px 7px}
body[data-assessment="graduate"] .order-btn{background:#f4f5fa;border:1px solid #b8c0d9;border-radius:0;width:44px;height:44px}
body[data-assessment="graduate"] .rank-number{font:italic 22px Georgia,serif;color:var(--accent)}
body[data-assessment="graduate"] .result-heading{max-width:100%;padding:43px 0 32px;position:relative}
body[data-assessment="graduate"] .result-heading h1{font:600 clamp(37px,5.2vw,65px)/1.5 var(--serif);letter-spacing:-.035em;color:var(--ink);margin:13px 0}
body[data-assessment="graduate"] .result-heading .direction{font-size:13px;color:var(--muted)}
body[data-assessment="graduate"] .rec-jump{border-radius:0;background:var(--accent);color:#fff;font-size:11px;min-height:44px}
body[data-assessment="graduate"] .result-grid{border-top:2px solid var(--ink);grid-template-columns:300px minmax(0,1fr);gap:45px;padding-top:30px}
body[data-assessment="graduate"] .card-shelf{background:#dce1ee;padding:25px 14px 19px;border-radius:0}
body[data-assessment="graduate"] .result-aside .foilcard{width:247px}
body[data-assessment="graduate"] .foilcard,
body[data-assessment="graduate"] .card-face{border-radius:3px}
body[data-assessment="graduate"] .card-front::after,
body[data-assessment="graduate"] .card-back::after{border-radius:0}
body[data-assessment="graduate"] .card-back{background:#1d2e7b}
body[data-assessment="graduate"] .card-controls .text-btn{color:#4d5882;font-size:10px}
body[data-assessment="graduate"] .card-hint{color:#68718a;font-size:9px}
body[data-assessment="graduate"] .secondary-type{border:0;border-top:1px solid #aab3ce;border-radius:0;background:transparent;padding:20px 4px}
body[data-assessment="graduate"] .secondary-type h3{font-size:26px}
body[data-assessment="graduate"] .save-actions button{border-radius:0;font-size:11px}
body[data-assessment="graduate"] .save-actions .primary{background:var(--orange);color:var(--ink)}
body[data-assessment="graduate"] .share-entry{border-radius:0;background:transparent;font-size:11px}
body[data-assessment="graduate"] .report{background:#fafaf7;padding:7px 31px 0;min-width:0}
body[data-assessment="graduate"] .report>.report-block:first-child{border-radius:0;border:0;box-shadow:none;background:transparent;padding:21px 0}
body[data-assessment="graduate"] .report-block{padding:25px 0}
body[data-assessment="graduate"] .report-block h2{font:600 24px/1.6 var(--serif);letter-spacing:0;color:var(--ink)}
body[data-assessment="graduate"] .report-block p{color:var(--muted);font-size:14px;line-height:2.15}
body[data-assessment="graduate"] .bars{gap:15px}
body[data-assessment="graduate"] .bar-track{height:5px;background:#e0e3ec;border-radius:0}
body[data-assessment="graduate"] .bar-track i{background:var(--accent);border-radius:0;position:relative}
body[data-assessment="graduate"] .bar-track i::after{content:"";position:absolute;right:0;top:-2px;width:2px;height:9px;background:var(--orange)}
body[data-assessment="graduate"] .recommendations{margin-top:8px}
body[data-assessment="graduate"] .rec-heading{border-top:1px solid var(--ink);padding-top:27px}
body[data-assessment="graduate"] .rec-heading h2{font-size:31px;letter-spacing:-.02em}
body[data-assessment="graduate"] .rec-list{gap:0}
body[data-assessment="graduate"] .rec-item{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:23px 0}
body[data-assessment="graduate"] .rec-item:nth-child(1){background:#e6eafa;border:0;padding:22px;margin-bottom:9px}
body[data-assessment="graduate"] .rec-number{font:italic 27px Georgia,serif;color:var(--accent)}
body[data-assessment="graduate"] .rec-title{font-size:24px;letter-spacing:0}
body[data-assessment="graduate"] .rec-chip{border:1px solid #c8cfe7;background:transparent;border-radius:0;color:#56618d}
body[data-assessment="graduate"] .rec-source{font-size:11px;border-color:#cbd0df}
body[data-assessment="graduate"] .rec-source summary{min-height:44px;padding-top:12px}
body[data-assessment="graduate"] .rec-expand{border:1px solid #99a6d0;border-radius:0;background:transparent}
body[data-assessment="graduate"] .report-end{font-size:10px;line-height:2}
body[data-assessment="graduate"] .preview-notice{background:#dde3f6;border-color:#c0c9e7;border-radius:0;color:#586181}
body[data-assessment="graduate"] dialog:not(.share-viewer){background:#172969;color:#f0f2ff;border-radius:2px;border:1px solid #929dc8}
body[data-assessment="graduate"] dialog .card-area::before{display:none}
body[data-assessment="graduate"] dialog .close-viewer{color:#e5eaff}
body[data-assessment="graduate"] dialog:not(.share-viewer) .text-btn,
body[data-assessment="graduate"] dialog:not(.share-viewer) .card-hint{color:#c7cee9}
body[data-assessment="graduate"] dialog::backdrop{background:#141a3cd4;backdrop-filter:blur(5px)}
body[data-assessment="graduate"] .share-viewer{background:#f5f5ef;color:var(--ink);border-radius:1px;border:0}
body[data-assessment="graduate"] .share-viewer .close-viewer{color:var(--ink)}
@media(max-width:1120px){
 body[data-assessment="graduate"] .page{padding-left:36px;padding-right:36px}
 .specimen-nav{gap:22px}.specimen-nav-issue{font-size:8px}.specimen-nav-links{gap:22px}
 .specimen-art{width:520px;height:515px;right:-17px;top:50px}
 .specimen-cover h1{font-size:clamp(67px,7.3vw,86px)}
 .specimen-cover{min-height:652px}
 .specimen-entry{gap:25px;padding:28px}
 .specimen-entry-heading{gap:15px}.specimen-entry-star,.specimen-entry-star svg{width:33px}
 .specimen-entry-heading h2{font-size:24px}
 .specimen-entry-heading div>span{font-size:9px}
 .specimen-method{gap:25px}.specimen-method-label{min-width:104px}
 .specimen-method li+li::before{left:-32px}
 .specimen-archive-layout{grid-template-columns:310px minmax(0,1fr);gap:35px}
 .specimen-folio{padding:18px 20px 22px}.specimen-folio .foilcard{width:245px}
 .specimen-index-row{grid-template-columns:32px minmax(0,1fr) 35px 18px;gap:11px}
 .specimen-index-name>b{font-size:25px}.specimen-index-tag{display:none}
 .specimen-index-heading{grid-template-columns:32px minmax(0,1fr) 25px;gap:11px}
 .specimen-archive-description{gap:22px}.specimen-archive-description p{padding-left:21px;font-size:10px}
}
@media(max-width:900px){
 .specimen-nav-issue{display:none}.specimen-nav-links{margin-left:auto}
 .specimen-art{width:445px;height:450px;top:85px;right:-18px}
 .specimen-cover h1{font-size:69px}
 .specimen-cover-note{margin-top:32px}.specimen-cover-note p{font-size:11px}
 .specimen-pin{font-size:9px;padding:7px 8px;gap:5px;min-height:36px}
 .specimen-pin-life{top:95px;left:1px}.specimen-pin-text{left:1px;bottom:99px}
 .specimen-pin-art{right:0;bottom:35px}.specimen-pin-math{right:0;top:25px}
 .specimen-art-coordinate{top:-5px;right:20px;font-size:7px}
 .specimen-art figcaption{right:20px;bottom:-4px;font-size:8px}
 .specimen-cover{min-height:630px}
 .specimen-entry{grid-template-columns:1fr 1.05fr;gap:23px;padding:25px 22px}
 .specimen-entry-star{display:none}.specimen-entry-heading h2{font-size:24px}
 body[data-assessment="graduate"] .specimen-entry .entry-row{grid-template-columns:110px minmax(0,1fr)}
 .specimen-method li{gap:9px}.specimen-method li p{font-size:12px}.specimen-method li small{font-size:8px}
 .specimen-method li+li::before{display:none}
 .specimen-archive-layout{grid-template-columns:270px minmax(0,1fr);gap:27px}
 .specimen-folio{padding:16px 16px 20px}.specimen-folio .foilcard{width:221px}
 .specimen-index-name>b{font-size:23px}.specimen-index-name>small{font-size:9px}
 .specimen-index-row{gap:10px;grid-template-columns:26px minmax(0,1fr) 30px 16px;padding-top:18px;padding-bottom:18px}
 .specimen-index-art{width:30px;height:30px}.specimen-index-number{font-size:10px}
 .specimen-archive-heading h2{font-size:44px}.specimen-count{font-size:58px}
 .specimen-archive-description{gap:18px}.specimen-archive-description p{max-width:165px;padding-left:17px}
 .specimen-outro h2{font-size:30px}.specimen-outro p{font-size:14px}
 body[data-assessment="graduate"] .result-grid{grid-template-columns:265px minmax(0,1fr);gap:27px}
 body[data-assessment="graduate"] .result-aside .foilcard{width:221px}
 body[data-assessment="graduate"] .report{padding-left:23px;padding-right:23px}
}
@media(max-width:680px){
 body[data-assessment="graduate"] .page{padding:0 16px calc(24px + env(safe-area-inset-bottom));--mobile-scroll-offset:calc(82px + env(safe-area-inset-top))}
 .specimen-nav{position:sticky;top:0;z-index:10;height:calc(70px + env(safe-area-inset-top));margin:0 -16px;padding:env(safe-area-inset-top) 16px 0;width:calc(100% + 32px);gap:12px;background:var(--canvas);border-bottom:1px solid #bfc5d4}
 .specimen-nav .specimen-brand{font-size:19px;gap:9px;min-height:44px}
 .specimen-brand-symbol{width:29px;height:29px}.specimen-brand-symbol svg{width:24px;height:24px}
 .specimen-brand small{font-size:10px;letter-spacing:.12em;margin-top:2px}
 .specimen-nav-links,.specimen-nav-issue{display:none}
 .specimen-nav-entry{margin-left:auto;border:0;padding:10px 12px;gap:10px;background:var(--accent);color:#fff;min-height:44px;font-size:12px}
 .specimen-nav-entry svg{width:18px;height:18px;color:#fff}
 .specimen-cover{display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,45vw,200px);grid-template-areas:"eyebrow eyebrow" "title title" "note art";gap:9px 0;min-height:0;padding:20px 0 15px}
 .specimen-cover-top,.specimen-cover-bottom{display:none}
 .specimen-cover-copy{display:contents}
 .specimen-eyebrow{grid-area:eyebrow;font-size:11px;gap:10px;margin:0 0 5px;line-height:1.6}
 .specimen-eyebrow>span{font-size:10px;padding:3px 7px}
 .specimen-cover h1{grid-area:title;font-size:clamp(46px,12vw,65px);line-height:1.16;letter-spacing:-.055em;margin:0;align-self:start;z-index:2}
 .specimen-cover h1>span{font-size:1.04em}
 .specimen-art{grid-area:art;position:relative;top:auto;right:auto;align-self:center;justify-self:end;width:calc(100% + 12px);height:auto;margin:0 -5px 0 0;min-width:0}
 .specimen-art img{position:relative;top:0;right:0;width:100%;height:auto}
 .specimen-art-coordinate,.specimen-art figcaption,.specimen-pin{display:none}
 .specimen-art-orbit{width:77%;height:65%;left:11%;top:16%;border-color:#aab4cf}
 .specimen-cover-note{grid-area:note;margin:8px 0 0;padding:0;align-self:center;min-width:0}
 .specimen-cover-note::before,.specimen-copy-context{display:none}
 .specimen-note-label{font-size:11px;line-height:1.6;letter-spacing:.03em}
 .specimen-cover-note p{font-size:12px;line-height:1.9;margin-top:6px;color:#555e73;text-wrap:pretty}
 .specimen-cover-note button{font-size:12px;gap:9px;min-height:44px;margin-top:5px;padding:6px 0;white-space:nowrap}
 .specimen-cover-note button svg{width:19px;height:19px}
 .specimen-entry{grid-template-columns:1fr;gap:16px;margin-top:0;padding:21px 20px 18px;scroll-margin-top:var(--mobile-scroll-offset)}
 .specimen-entry-heading{gap:12px}.specimen-entry-star{display:none}
 .specimen-entry-heading p{display:none}
 .specimen-entry-heading h2{font-size:25px;line-height:1.5;margin:0 0 5px}
 .specimen-entry-heading div>span{display:block;font-size:11px;line-height:1.7;white-space:normal;color:#e3e8ff}
 .specimen-entry-form{min-width:0}
 body[data-assessment="graduate"] .specimen-entry .test-entry>label{font-size:12px;line-height:1.7;margin-bottom:9px}
 body[data-assessment="graduate"] .specimen-entry .entry-row{grid-template-columns:110px minmax(0,1fr);gap:9px}
 body[data-assessment="graduate"] .specimen-entry .entry-row input{font-size:16px;min-height:52px;height:52px;padding:12px;letter-spacing:.14em}
 body[data-assessment="graduate"] .specimen-entry .entry-row input::placeholder{font-size:12px;letter-spacing:0}
 body[data-assessment="graduate"] .specimen-entry .entry-row button{font-size:14px;min-height:52px;padding:12px 10px}
 body[data-assessment="graduate"] .specimen-entry .entry-error{font-size:12px}
 .specimen-entry-note{font-size:11px;line-height:1.8;align-items:start;margin-top:10px;color:#e4eaff}
 .specimen-entry-note>svg{width:14px;height:14px;margin-top:2px}
 .specimen-entry-note>button{font-size:11px;min-width:44px;min-height:44px;margin-top:-10px}
 .specimen-method{align-items:stretch;flex-direction:column;gap:14px;padding:22px 0;scroll-margin-top:var(--mobile-scroll-offset)}
 .specimen-method-label{font-size:12px}.specimen-method-label br{display:none}
 .specimen-method-label small{display:inline-block;font-size:9px;margin:0 0 0 12px}
 .specimen-method ol{width:100%;gap:15px}.specimen-method li{display:block;flex:1;min-width:0}
 .specimen-method li>span{font-size:19px}.specimen-method li>p{font-size:13px;line-height:1.7;margin-top:6px;white-space:nowrap}
 .specimen-method li small{font-size:11px;line-height:1.7}.specimen-method li+li::before{display:none}
 .specimen-archive{padding:30px 0;scroll-margin-top:var(--mobile-scroll-offset)}
 .specimen-archive-heading{flex-direction:column;align-items:start;gap:12px;margin-bottom:22px}
 .specimen-archive-heading h2{font-size:32px;line-height:1.35;margin-top:9px}
 .specimen-archive-description{padding:0;display:block}
 .specimen-count{display:none}.specimen-archive-description p{border:0;max-width:none;padding:0;font-size:12px;line-height:1.9}
 .specimen-archive-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .specimen-folio{display:none}
 .specimen-index-heading{font-size:10px;grid-template-columns:27px minmax(0,1fr) 26px;gap:9px;padding-bottom:11px}
 .specimen-index-row{grid-template-columns:27px minmax(0,1fr) 32px 17px;gap:9px;padding:16px 4px 16px 0;min-height:82px}
 .specimen-index-name>b{font-size:22px;line-height:1.45}.specimen-index-name>small{font-size:12px;line-height:1.75;margin-top:4px}
 .specimen-index-number{font-size:11px;padding-top:4px}.specimen-index-art{width:32px;height:32px}
 .specimen-index-tag{display:none}.specimen-index-arrow{font-size:18px}
 .specimen-index-row[aria-pressed="true"]{padding-left:10px}
 .specimen-index-note{font-size:11px;line-height:1.9;padding-top:15px}
 .specimen-outro{padding:24px 0 27px;gap:15px;flex-wrap:wrap}
 .specimen-outro-question{font-size:67px;padding-right:0}.specimen-outro h2{font-size:26px}.specimen-outro p{font-size:13px}
 .specimen-outro button{width:100%;justify-content:space-between;min-height:50px;margin:3px 3px 0 0;font-size:14px}
 .specimen-footer{align-items:start;flex-wrap:wrap;gap:18px;padding-top:23px}
 .specimen-footer>span{font-size:14px;flex-basis:100%}.specimen-footer small{font-size:9px;line-height:1.8}
 .specimen-footer p{font-size:11px;line-height:1.9}.specimen-footer button{font-size:12px;min-height:44px;margin-left:auto}
 body[data-assessment="graduate"] .quiz-wrap{margin:20px auto 30px;padding:0 0 env(safe-area-inset-bottom)}
 body[data-assessment="graduate"] .graduate-quiz-title{display:block;margin-bottom:15px}
 body[data-assessment="graduate"] .graduate-quiz-title .eyebrow{font-size:9px}
 body[data-assessment="graduate"] .graduate-quiz-title p{font-size:18px;line-height:1.65;margin-top:5px}
 body[data-assessment="graduate"] .quiz-head{margin-bottom:10px;gap:12px}
 body[data-assessment="graduate"] .quiz-head .text-btn{font-size:12px;padding:8px 0;min-height:44px}
 body[data-assessment="graduate"] .quiz-head b{font-size:24px}
 body[data-assessment="graduate"] .progress{margin-bottom:18px}
 body[data-assessment="graduate"] .question-card{padding:21px 18px 24px;box-shadow:3px 3px 0 #d2d7e2}
 body[data-assessment="graduate"] .question-card::before{width:3px}
 body[data-assessment="graduate"] .question-label{font-size:11px;line-height:1.75;padding:5px 7px}
 body[data-assessment="graduate"] .question-card h1{font-size:21px;line-height:1.75;margin:17px 0 13px}
 body[data-assessment="graduate"] .context{font-size:13px;line-height:1.9;padding:13px}
 body[data-assessment="graduate"] .options{margin-top:18px}
 body[data-assessment="graduate"] .option{padding:15px 3px;gap:10px;min-height:72px}
 body[data-assessment="graduate"] .option .letter{width:26px;height:26px;font-size:13px}
 body[data-assessment="graduate"] .option .label{font-size:14px;line-height:1.85}
 body[data-assessment="graduate"] .option .radio{width:16px;height:16px}
 body[data-assessment="graduate"] .option:hover:not(.selected){background:transparent}
 body[data-assessment="graduate"] .quiz-actions{margin-top:20px}
 body[data-assessment="graduate"] .quiz-actions .secondary{font-size:13px;min-height:44px}
 body[data-assessment="graduate"] .quiz-actions .little{font-size:12px}
 body[data-assessment="graduate"] .quiz-tip{font-size:11px;line-height:1.8;margin-top:15px}
 body[data-assessment="graduate"] .quiz-keyboard-tip{display:none}
 body[data-assessment="graduate"] .order-row{padding:15px 0;gap:9px}
 body[data-assessment="graduate"] .order-text{font-size:14px;line-height:1.85}
 body[data-assessment="graduate"] .order-controls{gap:5px}
 body[data-assessment="graduate"] .order-btn{width:44px;height:44px}
 body[data-assessment="graduate"] .order-confirm{font-size:14px;min-height:50px}
 body[data-assessment="graduate"] .result-heading{padding:25px 0 23px}
 body[data-assessment="graduate"] .result-heading h1{font-size:36px;line-height:1.45;margin:11px 0}
 body[data-assessment="graduate"] .result-heading .direction{font-size:13px;line-height:1.85}
 body[data-assessment="graduate"] .rec-jump{font-size:13px;min-height:46px;margin-top:14px}
 body[data-assessment="graduate"] .result-grid{grid-template-columns:minmax(0,1fr);gap:23px;padding-top:22px}
 body[data-assessment="graduate"] .result-aside{position:static;display:grid;grid-template-columns:122px minmax(0,1fr);gap:13px;max-width:none;width:100%;margin:0}
 body[data-assessment="graduate"] .card-shelf{grid-column:1;padding:10px;background:#dce1ee;display:grid;place-items:center}
 body[data-assessment="graduate"] .result-aside .card-area{width:102px;height:143px;perspective:none}
 body[data-assessment="graduate"] .result-aside .foilcard{position:absolute;top:0;left:0;width:247px;max-width:none;transform:scale(.413)!important;transform-origin:top left;box-shadow:0 8px 17px #172e4840}
 body[data-assessment="graduate"] .result-aside .card-controls,
 body[data-assessment="graduate"] .result-aside .card-hint{display:none}
 body[data-assessment="graduate"] .save-actions{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr;gap:9px;margin:0;align-self:center;width:100%;max-width:none}
 body[data-assessment="graduate"] .save-actions button{font-size:12px;min-height:46px;padding:10px 7px}
 body[data-assessment="graduate"] .save-actions .share-entry{grid-column:auto;margin:0}
 body[data-assessment="graduate"] .secondary-type{grid-column:1/-1;margin:0;padding:15px 0 0;max-width:none;border-top:1px solid #b4bcd4}
 body[data-assessment="graduate"] .secondary-type h3{font-size:23px;line-height:1.5;margin:5px 0}
 body[data-assessment="graduate"] .secondary-type p{font-size:12px;line-height:1.8}
 body[data-assessment="graduate"] .secondary-type .text-btn{font-size:12px;min-height:44px;padding:7px 0}
 body[data-assessment="graduate"] .result-aside>.actions{grid-column:1/-1;margin-top:0!important;justify-content:space-between!important}
 body[data-assessment="graduate"] .result-aside>.actions .text-btn{font-size:12px;min-height:44px;padding:7px 0}
 body[data-assessment="graduate"] #copy-fallback:empty{display:none}
 body[data-assessment="graduate"] .report{padding:0 18px}
 body[data-assessment="graduate"] .report>.report-block:first-child{padding-top:21px}
 body[data-assessment="graduate"] .report-block h2{font-size:23px;line-height:1.6}
 body[data-assessment="graduate"] .report-block p{font-size:14px;line-height:2}
 body[data-assessment="graduate"] .bar-row{grid-template-columns:76px minmax(0,1fr) 24px;gap:9px;font-size:12px}
 body[data-assessment="graduate"] .recommendations{scroll-margin-top:var(--mobile-scroll-offset)}
 body[data-assessment="graduate"] .rec-heading h2{font-size:27px}
 body[data-assessment="graduate"] .rec-intro{font-size:12px;line-height:1.9}
 body[data-assessment="graduate"] .rec-item:nth-child(1){padding:17px}
 body[data-assessment="graduate"] .rec-top{grid-template-columns:26px minmax(0,1fr);gap:9px}
 body[data-assessment="graduate"] .rec-title{font-size:22px;line-height:1.5}
 body[data-assessment="graduate"] .rec-meta{font-size:11px}
 body[data-assessment="graduate"] .rec-reason{font-size:14px;line-height:1.95}
 body[data-assessment="graduate"] .rec-source{font-size:12px}
 body[data-assessment="graduate"] .rec-fields{grid-template-columns:1fr;padding:13px}
 body[data-assessment="graduate"] .rec-fields dt{font-size:12px}
 body[data-assessment="graduate"] .rec-fields dd{font-size:13px;line-height:1.9;overflow-wrap:anywhere}
 body[data-assessment="graduate"] .rec-expand{font-size:13px;min-height:46px}
 body[data-assessment="graduate"] .report-end{font-size:11px}
 body[data-assessment="graduate"] dialog:not(.share-viewer){width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:43px 16px 20px;overflow:auto;overscroll-behavior:contain}
 body[data-assessment="graduate"] dialog:not(.share-viewer) .foilcard{width:min(280px,calc((100svh - 205px)*.714));max-width:100%}
 body[data-assessment="graduate"] dialog:not(.share-viewer) .card-controls .text-btn{font-size:12px;min-height:44px;padding:7px 12px}
 body[data-assessment="graduate"] dialog:not(.share-viewer) .card-hint{font-size:11px}
 body[data-assessment="graduate"] .share-viewer{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:26px 20px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}
 body[data-assessment="graduate"] .share-viewer h2{font-size:25px}
 body[data-assessment="graduate"] .share-actions button,
 body[data-assessment="graduate"] .share-actions a{min-height:48px;font-size:13px}
 body[data-assessment="graduate"] .share-help{font-size:12px;line-height:1.9}
}
@media(max-width:359px){
 body[data-assessment="graduate"] .page{padding-left:14px;padding-right:14px}
 .specimen-nav{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;width:calc(100% + 28px)}
 .specimen-nav .specimen-brand{font-size:18px}.specimen-nav-entry{font-size:11px;padding-left:10px;padding-right:10px;gap:7px}
 .specimen-cover{grid-template-columns:minmax(0,1fr) 148px;padding-top:17px;gap:8px 0}
 .specimen-cover h1{font-size:45px}.specimen-eyebrow{font-size:10px;gap:8px}
 .specimen-cover-note p{font-size:11px;line-height:1.85}.specimen-note-label{font-size:10px}
 .specimen-cover-note button{font-size:11px;gap:6px}
 .specimen-entry{padding:20px 17px 17px;gap:14px}
 .specimen-entry-heading h2{font-size:23px}.specimen-entry-heading div>span{font-size:10px}
 body[data-assessment="graduate"] .specimen-entry .entry-row{grid-template-columns:96px minmax(0,1fr);gap:8px}
 body[data-assessment="graduate"] .specimen-entry .entry-row button{font-size:13px;padding-left:8px;padding-right:8px}
 .specimen-method ol{gap:11px}.specimen-method li>p{font-size:12px}.specimen-method li small{font-size:10px}
 .specimen-index-row{grid-template-columns:24px minmax(0,1fr) 27px 16px;gap:8px}
 .specimen-index-art{width:27px;height:27px}.specimen-index-name>b{font-size:21px}
 .specimen-index-name>small{font-size:11px}.specimen-outro h2{font-size:24px}
 body[data-assessment="graduate"] .question-card{padding-left:16px;padding-right:16px}
 body[data-assessment="graduate"] .option{gap:8px}.specimen-footer p{font-size:10px}
 body[data-assessment="graduate"] .result-aside{grid-template-columns:108px minmax(0,1fr);gap:12px}
 body[data-assessment="graduate"] .card-shelf{padding:9px}
 body[data-assessment="graduate"] .result-aside .card-area{width:90px;height:126px}
 body[data-assessment="graduate"] .result-aside .foilcard{transform:scale(.3644)!important}
 body[data-assessment="graduate"] .save-actions{gap:7px}
 body[data-assessment="graduate"] .save-actions button{min-height:44px;font-size:11px}
 body[data-assessment="graduate"] .report{padding-left:16px;padding-right:16px}
}
@media(max-width:680px) and (max-height:650px){
 .specimen-cover{padding-top:15px;padding-bottom:10px;gap:7px 0}
 .specimen-eyebrow{margin-bottom:2px}
 .specimen-cover h1{font-size:42px;line-height:1.12}
 .specimen-art{width:min(158px,calc(100% + 8px))}
 .specimen-cover-note p{font-size:11px;line-height:1.75}
 .specimen-cover-note button{margin-top:2px}
 .specimen-entry{padding-top:18px}
}
@media(max-width:680px) and (max-height:500px) and (orientation:landscape){
 .specimen-cover{grid-template-areas:"eyebrow art" "title art" "note art";grid-template-columns:minmax(0,1fr) 170px;padding:16px 0}
 .specimen-cover h1{font-size:40px}
 .specimen-cover h1 br{display:none}
 .specimen-cover-note{display:flex;align-items:center;gap:14px;margin:0}
 .specimen-cover-note p,.specimen-note-label{display:none}
 .specimen-cover-note button{margin:0}
 .specimen-art{width:170px}
}
@media(prefers-reduced-motion:reduce){
 .specimen-pin:hover,.specimen-index-row:hover .specimen-index-art{transform:none}
}

/* Answer view: reserve the first screen for the question and its four choices. */
body[data-quiz-active="true"] { min-height:100vh;min-height:100svh; }
body[data-quiz-active="true"] :is(.footer,.site-footer) { display:none; }
body[data-quiz-active="true"] .page { width:100%;max-width:none;padding:0;margin:0; }
html body[data-quiz-active="true"] :is(.nav,.site-header) { box-sizing:border-box;width:100%;max-width:792px;min-height:44px;height:auto;margin:0 auto;padding:8px 16px;gap:10px; }
html body[data-quiz-active="true"] :is(.nav,.site-header) { padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right)); }
html body[data-quiz-active="true"] :is(.nav,.site-header) .brand { min-height:28px;gap:8px; }
html body[data-quiz-active="true"] :is(.brand small,.nav-note,.nav-links,.header-actions,.header-issue) { display:none; }
html body[data-quiz-active="true"] :is(.brand-name,.brand b) { font-size:14px;line-height:1.25;letter-spacing:1px; }
html body[data-quiz-active="true"] .nav .brand>span:not(.brand-icon):not(.seal) { font-size:14px;line-height:1.25;letter-spacing:1px; }
html body[data-quiz-active="true"] :is(.brand-icon,.brand-mark,.nav .seal) { width:26px;height:28px;min-height:0;flex:0 0 26px;font-size:11px;line-height:1.1; }
html body[data-quiz-active="true"] .nav .seal { line-height:26px;font-size:16px; }
body[data-quiz-active="true"] #main.shell { width:100%;max-width:792px;padding:0;margin:0 auto; }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-shell,.quiz) { box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;padding:4px 16px 16px; }
body[data-quiz-active="true"] :is(#main.quiz-wrap,#main.q-shell) { box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;padding:4px 16px 16px;min-height:0; }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-shell,.quiz),body[data-quiz-active="true"] :is(#main.quiz-wrap,#main.q-shell) { padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom)); }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-top,.back-row,.quiz-head,.q-header) { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px;padding:0;min-height:28px;font-size:11px;line-height:1.4; }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-top>span,.graduate-quiz-title,.question-heading .eyebrow,.q-help) { display:none; }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-head b,.quiz-progress p>span) { font-size:20px;line-height:1.15;font-weight:500; }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-top .text-button,.back-row .text-button,.quiz-head .text-btn) { font-size:11px;line-height:1.4;padding:4px 0;min-height:28px; }
body[data-quiz-active="true"] :is(#app,#main) .quiz-progress p { margin:0 0 5px;font-size:11px;line-height:1.25; }
body[data-quiz-active="true"] :is(#app,#main) :is(.progress-track,.q-progress,.progress) { height:2px;margin:4px 0 12px; }
body[data-quiz-active="true"] :is(#app,#main) .quiz-progress { margin:0;height:3px; }
body[data-quiz-active="true"] :is(#app,#main) .quiz-shell .quiz-progress { height:auto; }
body[data-quiz-active="true"] :is(#app,#main) .progress-copy { display:none; }
body[data-quiz-active="true"] :is(#app,#main) :is(.question-paper,.question-card) { padding:0;margin:0;border:0;min-height:0;box-shadow:none; }
body[data-quiz-active="true"] #main .question-paper { padding:10px;background:var(--paper); }
body[data-quiz-active="true"] :is(#app,#main) :is(.question-meta,.question-label,.q-topic) { display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:0;font-size:11px;line-height:1.4; }
body[data-quiz-active="true"] :is(#app,#main) .q-number { font-size:14px;line-height:1.3;margin:0; }
body[data-quiz-active="true"] :is(#app,#main) h1 { margin:6px 0;font-size:22px;font-size:clamp(18px,2.8dvh,24px);line-height:1.4;letter-spacing:0;max-width:none;min-height:0; }
body[data-quiz-active="true"] :is(#app,#main) :is(.question-context,.context,.question-heading>p:last-child) { margin:6px 0 10px;padding:0;border:0;min-height:0;font-size:14px;line-height:1.55;max-width:none; }
body[data-quiz-active="true"] :is(#app,#main) .q-film { margin:5px 0 10px;font-size:11px;line-height:1.4; }
body[data-quiz-active="true"] :is(#app,#main) :is(.options,.q-options) { display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0 0;padding:0;border:0;min-width:0; }
body[data-quiz-active="true"] :is(#app,#main) :is(.option,.q-option) { box-sizing:border-box;position:relative;display:flex;align-items:center;gap:12px;width:100%;max-width:none;min-width:0;min-height:52px;height:auto;margin:0;padding:10px 12px;text-align:left;font-size:14px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere;touch-action:manipulation; }
body[data-quiz-active="true"] :is(#app,#main) :is(.option-letter,.option .letter,.q-option .letter) { flex:0 0 18px;width:18px;font-size:18px;line-height:1.3;margin:0; }
body[data-quiz-active="true"] :is(#app,#main) :is(.option-text,.option .label,.option>span:not(.letter):not(.radio):not(.option-check):not(.option-letter),.q-option>span:not(.letter)) { min-width:0;font-size:inherit;line-height:inherit; }
body[data-quiz-active="true"] :is(#app,#main) .option-check { font-size:14px; }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-controls,.q-nav,.quiz-actions) { position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;margin:10px 0 0;padding:0;box-shadow:none;border:0;background:transparent; }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-controls,.q-nav,.quiz-actions) button { flex:none;min-width:0;width:auto;min-height:38px;margin:0;padding:6px 10px;font-size:12px;line-height:1.4; }
body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-footnote,.quiz-tip,.q-status,.auto-next-note) { margin:6px 0 0;min-height:0;font-size:10px;line-height:1.45;letter-spacing:0; }
body[data-quiz-active="true"] :is(#app,#main) .auto-next-note { margin:0; }
body[data-quiz-active="true"] :is(#app,#main) .answer-status { margin:6px 0 0;min-height:0;font-size:11px;line-height:1.4; }
body[data-quiz-active="true"] :is(#app,#main) .answer-status:empty { display:none; }
body[data-quiz-active="true"] :is(#app,#main) .question-map { margin:10px 0 0;font-size:11px; }
body[data-quiz-active="true"] :is(#app,#main) .question-map summary { padding:6px 0; }
body[data-quiz-active="true"] :is(#app,#main) .quiz-keyboard-tip { display:none; }
body[data-quiz-active="true"] :is(#app,#main) .order-row { min-height:48px;padding:8px 10px;gap:10px;font-size:14px;line-height:1.4; }
body[data-quiz-active="true"] :is(#app,#main) .order-confirm { min-height:38px;margin-top:8px;padding:6px 12px;font-size:12px; }
@media (max-height:620px) {
  html body[data-quiz-active="true"] :is(.nav,.site-header) { min-height:36px;padding-block:4px; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-top,.back-row,.quiz-head,.q-header) { min-height:24px;margin-bottom:2px; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.progress-track,.q-progress,.progress) { margin:3px 0 8px; }
  body[data-quiz-active="true"] :is(#app,#main) .progress-copy { margin-bottom:7px; }
  body[data-quiz-active="true"] :is(#app,#main) h1 { font-size:18px;line-height:1.35;margin:4px 0; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.question-context,.context,.question-heading>p:last-child) { font-size:13px;line-height:1.45;margin:4px 0 8px; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.options,.q-options) { margin-top:8px;gap:6px; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.option,.q-option) { min-height:44px;padding:8px 10px;font-size:13px;line-height:1.45;gap:10px; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-controls,.q-nav,.quiz-actions) { margin-top:7px; }
}
@media (max-height:500px) {
  body[data-quiz-active="true"] #main .question-paper { padding:8px; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.quiz-top,.back-row,.quiz-head,.q-header) { min-height:22px; }
  body[data-quiz-active="true"] :is(#app,#main) h1 { font-size:17px;line-height:1.3; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.question-meta,.question-label,.q-topic) { margin-bottom:4px;font-size:10px; }
  body[data-quiz-active="true"] :is(#app,#main) .q-film { display:none; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.options,.q-options) { gap:5px; }
  body[data-quiz-active="true"] :is(#app,#main) :is(.option,.q-option) { padding-block:5px;font-size:12.5px;line-height:1.4; }
}
@media (orientation:landscape) and (max-height:500px) and (min-width:540px) {
  body[data-quiz-active="true"] :is(#app,#main) :is(.options,.q-options) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-quiz-active="true"] :is(#app,#main) :is(.option,.q-option) { min-height:50px;font-size:13px; }
  body[data-quiz-active="true"] :is(#app,#main) .quiz-footnote { display:none; }
}
@media (orientation:landscape) and (max-height:380px) {
  html body[data-quiz-active="true"] :is(.nav,.site-header) { display:none; }
}