/* Readable question hierarchy and a result report that unfolds on mobile. */
.question-title{font-size:28px;font-weight:700;line-height:1.6;letter-spacing:-.4px}
.answer{font-size:18px;line-height:1.65;min-height:74px;padding:14px 18px}
.answer>span:nth-child(2){flex:1;min-width:0}
.answer-mark{flex-shrink:0}
.report-date{font-size:12px;color:var(--muted);margin-top:14px}
.result-save-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:28px;margin-top:28px;background:#e9edda;border:1px solid #d0d7bb}
.result-save-panel h2{font-size:23px;margin:9px 0 12px}
.result-save-panel p:not(.eyebrow){line-height:1.9}
.result-save-panel .footnote{margin-top:9px;max-width:650px}
.result-save-actions{display:flex;flex-direction:column;justify-content:center;gap:8px}
.reading-jumps{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}
.reading-jumps button{border:1px solid var(--line);min-height:44px;padding:9px 16px;font-size:13px;border-radius:3px}
.reading-jumps button:hover{background:var(--lime)}
.reading-lead{color:var(--muted);line-height:1.9;margin-top:14px;max-width:800px}
.worktype-reading,.dimension-section,.career-section{padding:42px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.worktype-reading h2,.dimension-section h2,.career-section h2{font-size:30px;margin-top:12px}
.habit-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px}
.habit-card{border-top:1px solid var(--ink);padding-top:18px}
.habit-card>.mono{font-size:12px;color:var(--orange)}
.habit-card h3{font-size:20px;margin:9px 0 12px}
.habit-card p{font-size:16px;line-height:1.95}
.energy-note{margin-top:28px;padding:22px;background:#ede8df;display:grid;grid-template-columns:170px 1fr;gap:15px;line-height:1.9}
.energy-note b{font-size:14px}
.dimension-list{margin:26px 0 16px;border-top:1px solid var(--line)}
.dimension-reading{border-bottom:1px solid var(--line)}
.dimension-reading>summary{display:flex;list-style:none;cursor:pointer;align-items:center;justify-content:space-between;gap:15px;min-height:86px;padding:19px 4px}
.dimension-reading>summary::-webkit-details-marker,.career-card summary::-webkit-details-marker{display:none}
.dimension-reading summary small{display:block;font-size:12px;color:var(--muted);letter-spacing:.3px;margin-bottom:5px}
.dimension-reading summary b{display:block;font-size:18px;font-weight:600}
.detail-plus{font-size:23px;transition:transform .15s}
.dimension-reading[open] .detail-plus{transform:rotate(45deg)}
.dimension-body{padding:2px 4px 22px}
.dimension-poles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dimension-poles p{background:#eeebe3;padding:18px;font-size:15px;line-height:1.85;border-left:3px solid transparent}
.dimension-poles p.preferred{background:#e7edce;border-left-color:#647740}
.dimension-advice{font-size:15px;line-height:1.9;margin-top:16px}
.career-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;align-items:start}
.career-card{border:1px solid var(--line);padding:24px 20px;background:#faf8f1;min-width:0}
.career-number{font-size:11px;color:var(--muted)}
.career-card h3{font-size:20px;line-height:1.5;margin:14px 0}
.career-why{font-size:15px;line-height:1.9;min-height:5.7em}
.career-card details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}
.career-card summary{list-style:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:13px;font-weight:600}
.career-detail{padding-bottom:18px;font-size:14px;line-height:1.85}
.career-detail h4{font-size:13px;margin:12px 0 6px}
.career-source{display:inline-flex;align-items:center;min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-top:8px}
.career-experiment{margin-top:20px;font-size:14px;line-height:1.85}
.career-experiment b{font-size:12px;color:#6e472c}
.career-experiment p{margin-top:7px}
.career-section>.footnote{margin-top:20px}
.history-page{width:min(900px,calc(100% - 48px));margin:48px auto 70px}
.history-page>h1{font-size:45px;margin-top:15px;letter-spacing:-1.5px}
.history-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}
.history-card{display:flex;gap:20px;align-items:center;border:1px solid var(--line);padding:20px;min-width:0;background:#faf8f1}
.history-card:hover{border-color:var(--ink)}
.history-art{width:92px;flex:0 0 92px}
.history-art .worker-art{width:100%;aspect-ratio:1}
.history-card small{font-size:11px;color:var(--muted)}
.history-card h2{font-size:21px;margin:8px 0}
.history-card p{font-size:13px;line-height:1.8}
.history-empty{padding:30px;margin:28px 0;background:var(--lime)}
.history-empty p{margin:14px 0 20px}
.history-recover{padding-top:30px;margin-top:32px;border-top:1px solid var(--line)}
.history-recover h2{font-size:25px;margin-bottom:18px}
.history-recover label,.modal label[for=recovery-url]{display:block;font-size:13px}
#recover-input,.recovery-url{width:100%;min-width:0;border:1px solid #b9b9ac;background:#faf8f1;padding:14px;font:14px/1.65 var(--mono);color:var(--ink);margin:12px 0;resize:vertical;overflow-wrap:anywhere}
#recover-error{color:#ad321b;font-size:14px;margin-bottom:12px}
.history-recover button{margin-top:4px}
@media(max-width:850px){.career-grid{grid-template-columns:1fr}.career-why{min-height:0}.history-list{grid-template-columns:1fr}.result-save-panel{grid-template-columns:1fr}.result-save-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:14px}}
@media(max-width:620px){
 .question-title{font-size:22px;line-height:1.65;letter-spacing:0}
 .answer{font-size:17px;padding:14px 12px;gap:11px;min-height:74px}
 .site-header nav{gap:13px;font-size:12px}
 .result-save-panel{padding:21px;margin-top:24px;gap:16px}
 .result-save-panel h2{font-size:21px}
 .result-save-panel p:not(.eyebrow){font-size:14px}
 .result-save-panel .footnote{font-size:12px!important}
 .result-save-actions{display:flex;flex-direction:column;gap:2px}
 .reading-jumps{gap:7px}
 .reading-jumps button{font-size:12px;flex:1;padding:9px 6px}
 .worktype-reading,.dimension-section,.career-section{padding:30px 0}
 .worktype-reading h2,.dimension-section h2,.career-section h2{font-size:25px;line-height:1.4}
 .reading-lead{font-size:14px}
 .habit-grid{grid-template-columns:1fr;gap:24px;margin-top:24px}
 .habit-card h3{font-size:19px}
 .habit-card p{font-size:16px;line-height:1.9}
 .energy-note{grid-template-columns:1fr;gap:8px;padding:19px;font-size:15px}
 .dimension-poles{grid-template-columns:1fr;gap:9px}
 .dimension-poles p{padding:15px}
 .dimension-reading summary b{font-size:17px}
 .career-card{padding:22px 18px}
 .career-card h3{font-size:20px}
 .history-page{width:calc(100% - 40px);margin-top:28px}
 .history-page>h1{font-size:34px}
 .history-card{padding:16px;gap:14px}
 .history-art{width:76px;flex-basis:76px}
 .history-card h2{font-size:19px}
 .history-recover h2{font-size:23px}
}
@media(max-width:390px){.site-header .brand-origin{display:none}.question-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.detail-plus{transition:none}}
/* Pace of the quiz: selected feedback, optional auto-advance, quiet interludes. */
.quiz-reaction{min-height:0;font-size:13px;line-height:1.8;color:#555d3c;margin-top:14px}
.quiz-reaction:empty{display:none}
.auto-advance-setting{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:44px;font-size:12px;margin-top:16px;cursor:pointer}
.auto-advance-setting input{width:18px;height:18px;accent-color:#627442}
.auto-advance-setting span{color:var(--muted);font-size:11px}
.quiz-page .quiz-controls{margin-top:20px}
.result-quick{padding:30px 0;border-bottom:1px solid var(--line)}
.result-quick h2{font-size:27px;margin:12px 0 20px}
.result-quick .behaviors{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.result-quick .behaviors li{font-size:16px;padding:0;border:0;align-items:flex-start}
.quick-gear{font-size:13px;color:var(--muted);margin-top:20px;line-height:1.8}
.quick-gear b{margin-right:12px;color:var(--ink)}
.next-door-teaser{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px;margin:28px 0;background:var(--lime);border:1px solid #bec797}
.next-door-teaser h2{font-size:25px;line-height:1.5;margin:8px 0}
.next-door-teaser p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:650px}
.next-door-teaser small{display:block;color:#525b3a;font-size:11px;margin-top:12px}
.next-door-teaser .button{flex-shrink:0}
.full-report{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:30px 0}
.full-report>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:105px;padding:23px 4px}
.full-report>summary::-webkit-details-marker{display:none}
.full-report>summary b{display:block;font-size:24px;line-height:1.5}
.full-report>summary small{display:block;margin-top:7px;font-size:13px;color:var(--muted)}
.full-report>summary>span:last-child{font-size:27px}
.full-report[open]>summary>span:last-child{transform:rotate(45deg)}
.report-content .reading-jumps{margin-top:0;margin-bottom:20px}
.trait-track b.insufficient{background:var(--paper);border:2px dashed var(--muted)}
.poster-voice{display:flex;gap:8px;margin:14px 0}
.poster-voice button{border:1px solid var(--line);border-radius:3px;min-height:44px;padding:10px 14px;font-size:12px;flex:1}
.poster-voice button[aria-pressed=true]{border-color:var(--ink);background:var(--lime)}
@media(max-width:620px){
 .result-quick h2{font-size:23px}
 .result-quick .behaviors{grid-template-columns:1fr;gap:15px}
 .result-quick .behaviors li{font-size:15px;line-height:1.9}
 .next-door-teaser{display:block;padding:22px 20px;margin:24px 0}
 .next-door-teaser h2{font-size:22px}
 .next-door-teaser .button{margin-top:18px;min-height:48px;width:100%}
 .full-report>summary b{font-size:21px}
 .full-report>summary small{font-size:12px}
 .auto-advance-setting span{width:100%;padding-left:27px}
}