/* Figr-inspired direction: limestone, ivory, olive ink, and archival landscape. */
.quiz-page,.result-page{--paper:#f6f5ef;--ink:#292c1c;--muted:#6b6c5d;--line:#d5d5c7;--olive:#303321;background:#deddd3;color:var(--ink);display:flow-root;min-height:100svh}
.quiz-page a:focus-visible,.quiz-page button:focus-visible,.quiz-page input:focus-visible,.result-page a:focus-visible,.result-page button:focus-visible{outline:2px solid #677346;outline-offset:4px}
.quiz-shell{width:min(calc(100% - 48px),600px);min-height:calc(100svh - 48px);margin:24px auto;padding:14px 48px 22px;display:flex;flex-direction:column;background:var(--paper);border:1px solid #d1d1c2;border-radius:24px}
.quiz-masthead{padding-top:6px;min-height:65px;gap:16px}
.quiz-masthead .form-brand,.result-header .form-brand{display:inline-flex;width:auto;gap:10px;align-items:center;color:var(--ink);font-family:'Instrument Serif',Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-1.6px;line-height:1}
.result-header .form-brand span{font-size:inherit}
.form-brand svg{width:26px;height:26px;margin-top:5px}
.close{width:44px;height:44px;margin-right:-11px;color:var(--ink);font-size:25px;font-weight:300;border-radius:50%}
.close:hover,.back:hover{background:#e9eadd}
.quiz-header{height:59px;gap:11px;font-size:11px}
.back{width:44px;height:44px;margin-left:-12px;border-radius:50%}
.back svg{width:18px;height:18px}
.quiz-chapter{color:var(--muted);font-size:11px}
.step-count{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.09em;color:var(--ink)}
.step-count>span{margin-left:4px;color:var(--muted)}
.quiz-progress{height:2px;background:#e0e1d6;flex-shrink:0}
.quiz-progress i{background:#737b51;transition:transform .2s ease-out}
.quiz-main{padding:36px 0 0;flex:none;animation:form-arrive .22s ease-out both}
.question-heading{margin-bottom:28px}
.quiz-main h1,.result-shell h1{font-size:50px;line-height:1.04;letter-spacing:-1.1px;text-wrap:pretty}
.question-hint{font-size:12px;line-height:1.7;margin-top:14px;color:var(--muted)}
.choices{gap:10px}
.choice{gap:16px;min-height:58px;padding:16px 22px;border:1px solid #c9cdb8;border-radius:32px;background:transparent;box-shadow:none;font-size:13px;font-weight:500;line-height:1.45;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out}
.choice:hover{border-color:#77805c;background:#ebeedf}
.choice:active{background:#dfe5ce}
.choice[aria-pressed=true]{background:#303321;border-color:#303321;color:#f6f5ef}
.choice-indicator{border:1px solid #7c8767;border-radius:50%;width:18px;height:18px;background:transparent;color:var(--ink)}
.choice-indicator svg{width:12px;height:12px;opacity:0}
.choice-indicator svg:first-child{display:block}.choice-indicator svg:last-child{display:none}
.choice[aria-pressed=true] .choice-indicator{background:#f6f5ef;border:1px solid #f6f5ef;color:#303321}
.choice[aria-pressed=true] .choice-indicator svg:first-child{opacity:1}
.choice:disabled:hover{background:transparent;border-color:#c9cdb8}
.is-multiple .choice-indicator{border-radius:4px;border-color:#7c8767}
.is-multiple .choice[aria-pressed=true] .choice-indicator{background:#f6f5ef;color:#303321;border-color:#f6f5ef}
.choice-grid{gap:9px}
.choice-grid .choice{font-size:12px;min-height:69px;gap:9px;padding:14px 17px;border-radius:18px}
.choice-grid .choice-indicator{width:15px;height:15px}
.selection-note{font-size:10px;margin-top:13px;color:var(--muted)}
.quiz-footer{padding:15px 0 max(10px,env(safe-area-inset-bottom));background:transparent;z-index:1}
.tap-note{font-size:10px;color:var(--muted)}
.quiz-welcome{display:block;margin:27px 0 0}
.welcome-landscape{height:112px;width:100%;position:relative;border-radius:12px;background:#8d9279 url('/art/the-oxbow.jpg') center 47%/cover no-repeat;overflow:hidden}
.landscape-corner{position:absolute;width:15px;height:15px;border-color:#eeeee2;border-style:solid;opacity:.9}
.corner-one{top:13px;left:13px;border-width:1px 0 0 1px}.corner-two{bottom:13px;right:13px;border-width:0 1px 1px 0}
.quiz-welcome p{font-family:'Instrument Serif',Georgia,serif;font-size:19px;letter-spacing:-.1px;text-align:center;margin-top:13px;color:#555c40}
.quiz-page .primary,.result-page .primary{background:var(--olive);border:1px solid var(--olive);border-radius:28px;font-size:13px;padding:15px 23px;color:#f6f5ef}
.quiz-page .primary:hover,.result-page .primary:hover{background:#454b31;border-color:#454b31}
.quiz-page .primary:disabled:hover{background:var(--olive)}
.primary svg{width:19px;height:19px}
.quiz-page .skip{font-size:10px;text-decoration-thickness:1px;text-underline-offset:4px}
.signup-summary>span{color:#606b43}
#email{border-color:#b9c09f;background:#fafaf5;border-radius:12px;padding:17px 19px}#email::placeholder{color:#7b806c}
.result-shell{max-width:600px;margin:24px auto;padding:30px 48px 36px;background:var(--paper);border:1px solid #d1d1c2;border-radius:24px;min-height:calc(100svh - 48px)}
.result-header{margin-bottom:50px}.result-shell .section-name{color:#68724f;font-size:9px;letter-spacing:.1em}
.result-shell h1{font-size:52px}.result-intro{font-size:13px}
.team-list h2{font-family:'Instrument Serif',Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.2px}.team-number{color:#717a56}
.result-shell .text-link{border-color:#a5af8c;font-size:12px}
.story-focus h1{font-size:49px;line-height:1.05}.story-description{color:var(--muted)}
.growth-axes{stroke:#c4c8b4}.growth-axis-title,.growth-axis-label{fill:#747a62}
.growth-morrow{stroke:#596b3f}.growth-solo{stroke:#a8aa97}.growth-halo{stroke:#c3cdb0}
.growth-dot{fill:#596b3f}.growth-solo-dot{fill:#a8aa97}.growth-label{fill:#4d6036}.growth-solo-label{fill:#747a62}
.clock-face{fill:#e8ecda;stroke:#a6b18c}.clock-ticks{stroke:#8f9c72}.clock-hands{stroke:#4a5837}.clock-pin{fill:#4a5837}
.time-return{stroke:#596b3f}.time-spark{stroke:#879568}.time-helper{color:#6a7751}.handoff-caption{color:#737c5c}.handoff-work>span{color:#4f5e3d;border-color:#c3ccad}
@keyframes form-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){.quiz-page,.result-page{background-image:linear-gradient(#deddd3ed,#deddd3ed),url('/art/the-oxbow.jpg');background-size:cover;background-position:center;background-attachment:fixed}}
@media(max-width:650px){
 .quiz-page,.result-page{background:var(--paper)}
 .quiz-shell{width:100%;min-height:100svh;margin:0;padding:12px 24px 20px;border:0;border-radius:0}
 .quiz-masthead{min-height:53px;padding-top:0}.quiz-masthead .form-brand{font-size:38px;gap:8px}.form-brand svg{width:23px;height:23px}
 .quiz-header{height:53px;gap:10px}.quiz-chapter{font-size:10px}
 .quiz-main{padding-top:29px}.question-heading{margin-bottom:25px}.quiz-main h1{font-size:44px;line-height:1.04;letter-spacing:-.7px}
 .question-hint{font-size:12px;margin-top:13px}
 .choice{min-height:58px;font-size:13px;padding:16px 19px;gap:14px}.choice-grid .choice{min-height:69px;font-size:12px;padding:13px 15px;gap:9px}
 .quiz-footer{padding-top:14px}.quiz-welcome{margin-top:26px}.welcome-landscape{height:104px}.quiz-welcome p{font-size:18px;margin-top:12px}
 .result-shell{width:100%;min-height:100svh;margin:0;padding:24px;border:0;border-radius:0}.result-shell h1{font-size:46px}
 .result-header{margin-bottom:40px}.result-header .form-brand{font-size:37px}
 .story-focus h1{font-size:44px}
}
@media(max-width:360px){.quiz-shell{padding-left:20px;padding-right:20px}.quiz-main h1{font-size:40px}.choice-grid .choice{padding:12px;font-size:12px}.choice-grid .choice-indicator{width:13px;height:13px}}
@media(max-width:650px) and (max-height:720px){
 .quiz-shell{padding-top:7px;padding-bottom:12px}.quiz-masthead{min-height:46px}.quiz-header{height:47px}.quiz-main{padding-top:23px}
 .quiz-main h1{font-size:38px}.question-heading{margin-bottom:21px}.question-hint{margin-top:11px}
 .choice{min-height:54px;padding-top:14px;padding-bottom:14px}.choices{gap:8px}
 .quiz-welcome{margin-top:12px}.welcome-landscape{height:48px}.quiz-welcome p{margin-top:6px;font-size:17px;line-height:1.2}
 .story-focus h1{font-size:38px}
 .time-story .time-visual{max-width:245px}
}