:root{--paper:#f4f3ec;--ink:#1b251e;--muted:#596259;--lime:#d1fb78;--line:#d4d8cc;--orange:#ef805a;--blue:#929de7;--card:#fffefa;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #395bc8;outline-offset:5px}button:disabled{opacity:.45;cursor:not-allowed}.skip-link{position:fixed;top:-60px;background:var(--ink);color:white;padding:12px;z-index:20}.skip-link:focus{top:0}header{max-width:1380px;margin:0 auto;padding:26px 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font-weight:800;font-size:18px;letter-spacing:-.6px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{font-size:35px;line-height:1}.beta{font-family:monospace;font-size:9px;letter-spacing:1px;background:var(--lime);border:1px solid #b4cc8b;padding:3px 5px;margin-left:4px;align-self:flex-start;margin-top:2px}nav{display:flex;gap:32px;font-size:13px;font-weight:600}.small-button{border:1px solid var(--ink);border-radius:100px;background:none;padding:10px 19px;font-size:13px;font-weight:600}.small-button span{margin-left:15px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:32px;border-radius:100px;padding:17px 26px;font-size:15px;font-weight:700;border:1px solid var(--ink)}.primary{background:var(--ink);color:white}.primary:hover{background:#354637}.secondary{background:transparent}.secondary:hover,.small-button:hover{background:var(--lime)}.primary .arrow{font-size:24px;line-height:1}main{min-height:65vh}.wrap{max-width:1250px;margin:auto;padding:0 36px}.eyebrow{font:11px monospace;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #d9e2cd}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;padding:72px 0 64px;align-items:center}.hero h1{font-size:clamp(54px,5.8vw,84px);letter-spacing:-5px;line-height:1.04;margin:26px 0}.hero h1 .highlight{position:relative;z-index:1;white-space:nowrap}.hero h1 .highlight:after{content:'';position:absolute;left:-4px;right:-6px;bottom:2px;height:34%;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.hero-copy{font-size:18px;max-width:440px;line-height:1.65;color:var(--muted);margin:24px 0 30px}.cta-row{display:flex;align-items:center;gap:22px}.text-button{border:0;background:none;padding:8px 0;font-size:13px;border-bottom:1px solid var(--ink)}.meta-row{display:flex;gap:20px;font:11px monospace;color:var(--muted);margin-top:21px}.signal-card{background:var(--ink);color:var(--paper);border-radius:24px;padding:30px;position:relative;transform:rotate(2deg);box-shadow:9px 10px 0 #dfe2d4;overflow:hidden}.signal-card:after{content:'';position:absolute;top:-120px;right:-140px;width:320px;height:320px;border:1px solid #4c594b;border-radius:50%;pointer-events:none}.signal-top{display:flex;align-items:center;justify-content:space-between;font:10px monospace;letter-spacing:1px}.sample-tag{border:1px solid #74846c;border-radius:100px;padding:5px 9px;color:#d1fb78}.signal-card h2{font-size:32px;letter-spacing:-1px;line-height:1.1;max-width:260px;margin:30px 0 4px}.signal-card .tagline{font-size:12px;color:#c2ccb9}.radar{display:block;width:100%;max-width:320px;height:auto;margin:5px auto 0}.card-foot{border-top:1px solid #455142;padding-top:17px;display:flex;justify-content:space-between;font:10px monospace;color:#c2ccb9}.sticker{position:absolute;right:25px;top:65px;background:var(--lime);color:var(--ink);width:77px;height:77px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);text-align:center;font:11px monospace;line-height:1.2}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font:12px monospace}.ticker .ticker-label{font-size:10px;color:var(--muted)}.ticker span:not(.ticker-label){white-space:nowrap}.ticker i{color:#929d88;font-style:normal}.section{padding:76px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;gap:30px}.section-heading h2,.editorial h2{font-size:43px;line-height:1.08;letter-spacing:-2px;margin:15px 0 0;max-width:660px}.section-heading p{font-size:14px;color:var(--muted);max-width:310px;margin:0}.axis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.axis-tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;text-align:left;color:var(--ink);min-height:156px;transition:transform .15s}.axis-tile:hover{transform:translateY(-3px);border-color:#849174}.axis-tile .tile-no{font:10px monospace;color:var(--muted);display:flex;justify-content:space-between}.axis-tile h3{font-size:18px;letter-spacing:-.6px;margin:19px 0 9px}.axis-tile .poles{font-size:11px;line-height:1.5;color:var(--muted)}.axis-line{height:4px;border-radius:5px;margin-top:16px;background:linear-gradient(90deg,var(--color),#e5e8db)}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);align-items:center}.editorial p{color:var(--muted);line-height:1.75;font-size:15px;max-width:510px}.principles{display:grid;gap:0}.principle{display:grid;grid-template-columns:32px 1fr;padding:19px 0;border-bottom:1px solid var(--line);gap:14px}.principle .number{font:11px monospace;align-self:start;margin-top:4px;color:#7a846e}.principle h3{font-size:16px;margin:0 0 4px}.principle p{font-size:13px;margin:0}.people-intro{background:var(--lime);padding:45px;border-radius:20px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:24px}.people-intro h2{font-size:40px;line-height:1.1;letter-spacing:-2px;margin:0}.people-intro p{max-width:370px;font-size:14px;margin:0}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.person-tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;text-align:left;display:flex;align-items:center;gap:13px}.avatar{flex-shrink:0;border-radius:50%;width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;font-family:monospace;font-size:14px;font-weight:bold;background:var(--avatar,#e4e8d9);color:#243021}.person-tile h3{font-size:13px;margin:0}.person-tile p{font-size:10px;color:var(--muted);margin:4px 0 0}.note{font-size:12px;color:var(--muted);line-height:1.6}.method-box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;max-width:900px}.method-box h2{font-size:32px;letter-spacing:-1px}.method-box h3{font-size:17px;margin:28px 0 10px}.method-box p,.method-box li{font-size:14px;line-height:1.8;color:var(--muted)}.method-box code{font-size:12px;padding:4px 7px;background:#edf0e6}.method-box a,.source a{border-bottom:1px solid #8b9a7d}.closing{background:var(--ink);color:var(--paper);border-radius:20px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin:20px 0 70px}.closing h2{font-size:34px;line-height:1.1;letter-spacing:-1px;margin:0}.closing .primary{background:var(--lime);color:var(--ink)}footer{border-top:1px solid var(--line);max-width:1380px;margin:auto;padding:28px 42px;display:flex;align-items:center;gap:25px;justify-content:space-between}footer .brand{font-size:12px}footer .brand-icon{font-size:24px}footer p,footer a:not(.brand),footer>span{font-size:10px;color:var(--muted)}.loading{padding:100px;text-align:center;color:var(--muted)}dialog{max-width:680px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);padding:38px;max-height:85vh}dialog::backdrop{background:#18211ba0;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;padding:5px 12px}.dialog-heading{display:flex;gap:15px;align-items:center}.dialog-heading h2{margin:0;letter-spacing:-1px}.dialog-heading p{margin:0;font-size:12px;color:var(--muted)}.source{border-top:1px solid var(--line);padding:18px 0}.source h3{font-size:15px;margin:0}.source .source-score{float:right;font:12px monospace}.source p{font-size:13px;color:var(--muted)}.source a{font-size:12px;overflow-wrap:anywhere}.source small{display:block;font-size:10px;color:var(--muted);margin-top:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(150%);transition:transform .2s;background:var(--ink);color:white;padding:12px 22px;max-width:90vw;border-radius:100px;font-size:13px;z-index:30;box-shadow:0 4px 15px #0003}#toast.show{transform:translateX(-50%) translateY(0)}.quiz-wrap{max-width:850px;margin:auto;padding:48px 32px 80px}.quiz-head{display:flex;justify-content:space-between;align-items:center;font:11px monospace;color:var(--muted);margin-bottom:15px}.progress-track{height:4px;background:#dce1d1;border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:var(--ink);transition:width .3s}.question-card{padding:54px 0 20px}.question-card h1{font-size:39px;line-height:1.23;letter-spacing:-1.6px;margin:22px 0 33px}.answers{display:grid;gap:10px}.answer{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);background:var(--card);padding:16px 20px;border-radius:12px;text-align:left;font-size:14px}.answer:hover{border-color:var(--ink);background:#edf2e2}.answer.selected{background:var(--lime);border-color:var(--ink)}.answer .key{font:10px monospace;border:1px solid #c3cbbc;width:22px;height:22px;text-align:center;line-height:20px;border-radius:4px;color:var(--muted)}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 0}.quiz-bottom{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:21px}.forecast-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.forecast-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px}.forecast-card h2{font-size:24px;margin:0 0 13px}.forecast-card p{font-size:13px;color:var(--muted)}.forecast-card label{font-size:12px;display:block;margin-bottom:7px}.forecast-card input{width:110px;border:1px solid #9fa996;background:var(--paper);border-radius:9px;padding:11px}.forecast-card .suffix{font-size:22px;margin-left:8px}.result-wrap{max-width:1170px;margin:auto;padding:55px 36px 75px}.result-header{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:start;margin-bottom:50px}.result-header h1{font-size:58px;line-height:1.07;letter-spacing:-3px;margin:20px 0 15px}.result-header p{font-size:15px;color:var(--muted);max-width:580px}.result-header .signal-card{transform:none;padding:25px}.result-header .signal-card h2{font-size:25px;max-width:220px;margin:20px 0 6px}.result-header .radar{max-width:260px}.share-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.share-buttons .secondary,.share-buttons .primary{padding:12px 18px;font-size:12px;gap:14px}.forecasts-row{display:flex;gap:10px;margin:24px 0}.forecast-pill{border:1px solid var(--line);border-radius:12px;padding:13px 18px;background:var(--card)}.forecast-pill span{font:10px monospace;color:var(--muted)}.forecast-pill strong{display:block;font-size:25px;letter-spacing:-1px}.results-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px}.results-grid h2{font-size:25px;letter-spacing:-1px;margin:0 0 7px}.axis-result{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-top:10px}.axis-result-top{display:flex;justify-content:space-between;font-size:13px;align-items:center}.axis-result-top button{border:0;background:none;padding:0;font-weight:700;color:var(--ink)}.axis-score{font:11px monospace;color:var(--muted)}.axis-track{position:relative;height:8px;background:linear-gradient(90deg,var(--color),#e8eade);margin:15px 0 8px;border-radius:4px}.axis-track:after{content:'';position:absolute;left:50%;height:12px;top:-2px;width:1px;background:#74816988}.axis-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:15px;height:15px;background:var(--ink);border:3px solid white;border-radius:100%;box-shadow:0 0 0 1px var(--ink);z-index:1}.axis-poles{display:flex;justify-content:space-between;font:10px monospace;gap:15px}.axis-poles span:last-child{text-align:right}.match-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-top:10px;text-align:left;width:100%;color:var(--ink)}.match-card:first-of-type{border-color:#a8bf82;background:#eef4e3}.match-card .match-info{flex:1}.match-card h3{font-size:15px;margin:0 0 3px}.match-card p{font-size:10px;color:var(--muted);margin:0}.match-card .match-percent{font-size:27px;font-weight:bold;letter-spacing:-1px}.match-card .match-percent small{display:block;text-align:right;font:9px monospace;letter-spacing:0;color:var(--muted)}.match-card .rank{font:10px monospace;color:var(--muted)}.challenge{margin:45px 0 0;padding:30px;background:var(--lime);border-radius:15px}.challenge h2{margin:0;font-size:25px;letter-spacing:-1px}.challenge p{font-size:13px;max-width:650px}.compare-form{display:flex;gap:10px;margin-top:18px}.compare-form input{width:100%;flex:1;min-width:0;border:1px solid #9ab06d;border-radius:100px;padding:12px 18px;background:#faffed;font-size:12px}.compare-form button{white-space:nowrap;padding:12px 20px}.comparison{border-top:1px solid #a6be7d;margin-top:22px;padding-top:20px}.comparison strong{font-size:34px;letter-spacing:-1px}.comparison p{margin:7px 0}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.comparison-grid div{padding:12px;background:#faffed;border-radius:8px;font-size:11px}.comparison-grid b{display:block;margin-bottom:3px}.error{padding:14px;background:#ffe9e0;border-radius:10px;font-size:13px;margin-bottom:20px}.view-mode{display:flex;gap:9px;margin:25px 0 0}.view-mode button{border:1px solid var(--line);border-radius:100px;background:var(--card);padding:7px 13px;font:10px monospace}.view-mode button.active{background:var(--ink);color:white;border-color:var(--ink)}.research-stamp{font:10px monospace;margin-top:20px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:90px}}@media(max-width:1000px){header{padding:24px}nav{gap:20px;font-size:12px}.hero{gap:35px}.hero h1{font-size:65px;letter-spacing:-3.6px}.axis-grid,.people-grid{grid-template-columns:repeat(2,1fr)}.result-header h1{font-size:48px}.ticker{flex-wrap:wrap;justify-content:center}.ticker-label{width:100%;text-align:center}.people-intro h2{font-size:34px}footer{flex-wrap:wrap;gap:10px}footer p{display:none}.results-grid{gap:22px}.editorial{gap:35px}}@media(max-width:700px){header{padding:17px 20px;gap:10px}.brand{font-size:14px;gap:6px}.brand-icon{font-size:28px}nav{display:none}header .small-button{font-size:10px;padding:9px 12px}header .small-button span{margin-left:7px}.beta{font-size:8px;padding:2px 4px}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;padding:43px 0 40px;gap:42px}.hero h1{font-size:clamp(43px,14.7vw,59px);letter-spacing:-3.5px;margin:23px 0}.hero-copy{font-size:16px;margin:24px 0}.cta-row{gap:16px;flex-wrap:wrap}.primary,.secondary{font-size:13px;padding:15px 23px;gap:20px}.meta-row{gap:13px;font-size:10px}.hero .signal-card{max-width:430px;width:calc(100% - 15px);margin:auto}.signal-card h2{font-size:28px}.radar{max-width:270px}.ticker{gap:13px;font-size:10px}.section{padding:48px 0}.section-heading{display:block;margin-bottom:23px}.section-heading h2,.editorial h2{font-size:32px;letter-spacing:-1.4px}.section-heading p{margin-top:18px;max-width:100%}.axis-grid{gap:9px}.axis-tile{padding:17px;min-height:153px}.axis-tile h3{font-size:17px}.axis-tile .poles{font-size:10px}.editorial{grid-template-columns:1fr;gap:20px}.people-intro{display:block;padding:28px}.people-intro h2{font-size:31px}.people-intro p{margin-top:20px;font-size:13px}.person-tile{padding:12px;gap:8px;align-items:flex-start}.person-tile .avatar{width:33px;height:33px;font-size:11px}.person-tile h3{font-size:11px}.person-tile p{font-size:9px}.closing{padding:29px;display:block;margin-bottom:40px}.closing h2{font-size:28px;margin-bottom:25px}footer{padding:25px 22px}footer>span{display:none}.quiz-wrap{padding:30px 22px 55px}.question-card{padding:35px 0 15px}.question-card h1{font-size:29px;letter-spacing:-1px;margin:20px 0 28px}.answer{padding:15px 17px}.forecast-grid{grid-template-columns:1fr}.result-wrap{padding:35px 22px 50px}.result-header{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.result-header h1{font-size:43px;letter-spacing:-2px}.result-header .signal-card{max-width:430px;width:100%;margin:auto}.results-grid{grid-template-columns:1fr;gap:40px}.challenge{padding:24px}.challenge h2{font-size:24px}.compare-form{flex-wrap:wrap}.compare-form button{width:100%}.comparison-grid{grid-template-columns:1fr 1fr}.method-box{padding:24px}.method-box h2{font-size:27px}.signal-card .sticker{width:68px;height:68px;font-size:10px}dialog{padding:30px 23px}.dialog-heading h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.featured-figure{display:flex;gap:11px;align-items:center;border-top:1px solid #455142;padding:14px 0;margin-top:-4px}.featured-figure b{display:block;font-size:12px}.featured-figure span:not(.avatar){display:block;font:10px monospace;color:#c2ccb9;margin-top:3px}

/* Result pages put public profiles before the detailed dimension readout. */
main:focus{outline:none}
.result-header{grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr);gap:36px;align-items:center;margin-bottom:26px}
.result-header h1{max-width:700px;margin-top:15px}
.result-overview{padding:25px;background:var(--card);border:1px solid var(--line);border-radius:18px}
.result-overview .forecasts-row{margin:0 0 17px;gap:10px}
.result-overview .forecast-pill{flex:1;min-width:0;border:0;border-radius:10px;background:#edf1e5;padding:14px}
.result-overview .forecast-pill strong{font-size:32px}
.result-overview p{font-size:12px;margin:9px 0 0;line-height:1.6}
.coverage-stat{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}
.coverage-stat strong{font-size:28px;line-height:1;letter-spacing:-1px;color:var(--ink)}
.coverage-stat span{max-width:200px}
.sample-notice{padding:16px 19px;margin-bottom:24px;background:#eaf4d4;border:1px solid #b6ce91;border-radius:12px;font-size:13px;line-height:1.6}
.sample-notice .text-button{margin-left:8px}
.result-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.result-jumps a,.result-jumps button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:100px;background:var(--card);color:var(--ink);font-size:12px;font-weight:600}
.result-jumps a:hover,.result-jumps button:hover{border-color:var(--ink);background:var(--lime)}

.neighbors-feature{padding:30px;background:var(--ink);color:var(--paper);border-radius:22px;margin:0 0 40px}
.neighbors-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px}
.neighbors-heading h2{font-size:34px;line-height:1.1;letter-spacing:-1.5px;margin:0}
.neighbors-heading .note{max-width:410px;color:#c6d1bb;margin:0;font-size:12px}
.neighbor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.neighbor-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:24px 18px 19px;text-align:center;border:1px solid #526047;border-radius:16px;background:#27352a;color:var(--paper);transition:border-color .15s,transform .15s}
.neighbor-card:hover{border-color:var(--lime);transform:translateY(-2px)}
.neighbor-portrait{display:flex;justify-content:center;align-items:center;margin:0 0 14px}
.neighbor-portrait .avatar{width:100px!important;height:100px!important;box-shadow:0 0 0 4px #3a4938;font-size:28px}
.neighbor-score{font-size:44px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--lime)}
.neighbor-score small{display:block;margin-top:7px;font:9px monospace;letter-spacing:1.4px;color:#c6d1bb}
.neighbor-card h3{font-size:20px;line-height:1.2;letter-spacing:-.5px;margin:14px 0 12px;min-height:2.4em;display:flex;align-items:center;justify-content:center}
.coverage-chip{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 9px;border:1px solid #70815f;border-radius:100px;color:#dce7cd;font:10px monospace;line-height:1.3}
.neighbor-dimensions{font-size:11px;line-height:1.55;color:#c6d1bb;margin:11px 0 14px;max-width:250px}
.neighbor-inspect{display:block;margin-top:auto;padding-top:8px;border-bottom:1px solid #839770;font-size:12px;color:var(--lime)}

.signal-readout{margin:0 0 40px}
.signal-readout>h2,.share-controls h2{font-size:30px;line-height:1.12;letter-spacing:-1.2px;margin:0 0 10px}
.signal-readout>p{max-width:710px;color:var(--muted);font-size:14px;margin:0 0 20px}
.readout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.readout-card{min-width:0;padding:22px;text-align:left;color:var(--ink);border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:inset 0 3px 0 var(--color,var(--lime));transition:border-color .15s}
.readout-card:hover{border-color:#849174}
.readout-pole{display:inline-block;border-radius:100px;padding:5px 9px;background:#e8efd9;font:10px monospace;line-height:1.3;color:#344430}
.readout-card h3{font-size:20px;line-height:1.2;letter-spacing:-.5px;margin:14px 0 9px}
.readout-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}

.share-studio{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px;margin:0 0 42px;scroll-margin-top:20px}
.share-preview-frame{background:var(--ink);border-radius:15px;padding:16px;margin:0;min-width:0;transition:opacity .15s}
.share-preview-frame img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:var(--ink)}
.share-preview-frame figcaption{font-size:11px;line-height:1.5;color:#c6d1bb;text-align:center;margin-top:12px;min-height:17px}
.share-controls{min-width:0;display:flex;flex-direction:column;justify-content:center}
.share-controls>p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 10px}
.share-studio .view-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0 0}
.share-studio .view-mode button{min-width:0;min-height:46px;padding:9px 10px;font-size:11px;line-height:1.5;border-radius:10px}
.share-studio .share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.share-studio .share-buttons .primary{grid-column:1/-1}
.share-studio .share-buttons button{min-height:46px;padding:12px 15px;font-size:13px;gap:10px}
.platform-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.platform-links a,.platform-links button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:58px;padding:9px 13px;border:1px solid var(--line);border-radius:100px;background:transparent;font-size:12px;font-weight:600;color:var(--ink)}
.platform-links a:hover,.platform-links button:hover{background:var(--lime);border-color:#a6be7d}
.share-busy{cursor:progress}
.share-busy .share-preview-frame,.share-preview-frame.share-busy{opacity:.65}
.results-grid{scroll-margin-top:20px}
.axis-reading{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.answer-coverage{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:100px;background:#f0f3e9;font:10px monospace;line-height:1.3;padding:5px 8px;color:var(--muted)}
.axis-result-top{gap:12px;align-items:center}
.axis-result-top button{min-height:44px;text-align:left;line-height:1.3}
.axis-score{line-height:1.4;text-align:right}
.quiz-count{font:10px monospace;color:var(--muted);line-height:1.5}

@media(max-width:900px){
 .result-header{grid-template-columns:1fr;gap:20px;align-items:start}
 .result-header h1{max-width:700px}
 .result-overview{padding:20px}
 .result-overview .forecasts-row{margin-bottom:13px}
 .neighbors-heading{display:block}
 .neighbors-heading .note{max-width:650px;margin-top:12px}
 .share-studio{gap:23px;padding:24px}
 .neighbor-card{padding:22px 13px 17px}
 .neighbor-card h3{font-size:17px}
 .readout-grid{gap:10px}
 .readout-card{padding:19px}
}
@media(max-width:700px){
 .result-wrap{padding-top:28px}
 .result-header{gap:19px;margin-bottom:19px}
 .result-header h1{font-size:40px;line-height:1.08;letter-spacing:-2px;margin:14px 0 12px}
 .result-header p{font-size:14px;line-height:1.65}
 .result-overview{padding:17px}
 .result-overview p{font-size:12px}
 .result-overview .forecast-pill{padding:12px}
 .result-overview .forecast-pill strong{font-size:29px}
 .coverage-stat{padding-top:13px}
 .coverage-stat strong{font-size:25px}
 .result-jumps{gap:7px;margin:15px 0 23px}
 .result-jumps a,.result-jumps button{padding:9px 12px;font-size:11px}
 .sample-notice{padding:14px;font-size:12px}
 .sample-notice .text-button{margin-left:0;display:block}
 .neighbors-feature{padding:18px 16px;border-radius:18px;margin-bottom:30px}
 .neighbors-heading{margin-bottom:18px}
 .neighbors-heading h2{font-size:28px;letter-spacing:-1px}
 .neighbors-heading .note{font-size:11px;line-height:1.6;margin-top:10px}
 .neighbor-grid{gap:8px}
 .neighbor-card{padding:14px 8px 13px;border-radius:12px}
 .neighbor-portrait{margin-bottom:13px}
 .neighbor-portrait .avatar{width:80px!important;height:80px!important;box-shadow:0 0 0 2px #3a4938;font-size:22px}
 .neighbor-score{font-size:31px;letter-spacing:-1.3px}
 .neighbor-score small{font-size:8px;letter-spacing:.5px;margin-top:5px}
 .neighbor-card h3{font-size:12px;letter-spacing:-.1px;margin:11px 0 9px;min-height:2.4em;overflow-wrap:anywhere}
 .coverage-chip{min-height:26px;padding:4px 5px;font-size:9px;max-width:100%}
 .neighbor-dimensions{font-size:10px;line-height:1.5;margin:9px 0 11px;overflow-wrap:anywhere}
 .neighbor-inspect{font-size:10px;line-height:1.4;padding-top:4px}
 .signal-readout{margin-bottom:30px}
 .signal-readout>h2,.share-controls h2{font-size:27px;letter-spacing:-1px}
 .signal-readout>p{font-size:13px;margin-bottom:17px}
 .readout-grid{grid-template-columns:1fr;gap:10px}
 .readout-card{padding:20px}
 .readout-card h3{font-size:19px;margin-top:12px}
 .share-studio{grid-template-columns:1fr;gap:23px;padding:18px;border-radius:18px;margin-bottom:34px}
 .share-preview-frame{padding:12px;border-radius:12px}
 .share-preview-frame img{max-height:520px}
 .share-controls>p{font-size:13px}
 .share-studio .view-mode{gap:7px;margin-top:13px}
 .share-studio .view-mode button{font-size:10px;padding:8px 6px}
 .share-studio .share-buttons button{font-size:12px;padding:12px 10px}
 .platform-links{gap:7px;margin-top:14px}
 .platform-links a,.platform-links button{font-size:11px;padding:9px 11px}
 .results-grid{gap:32px}
 .axis-result{padding:14px 17px}
 .axis-result-top{gap:10px;flex-wrap:wrap}
 .axis-result-top button{font-size:13px}
 .axis-score{font-size:10px}
 .axis-reading{font-size:12px}
 .answer-coverage{font-size:9px}
 .quiz-head{gap:9px;flex-wrap:wrap}
 .quiz-count{font-size:9px}
}
@media(max-width:359px){
 .neighbor-grid{grid-template-columns:1fr;gap:10px}
 .neighbor-card{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:17px;row-gap:7px;align-items:center;padding:18px;text-align:left}
 .neighbor-portrait{grid-column:1;grid-row:1/span 6;margin:0}
 .neighbor-score,.neighbor-card h3,.coverage-chip,.neighbor-dimensions,.neighbor-inspect{grid-column:2}
 .neighbor-score{font-size:34px}
 .neighbor-score small{margin-top:4px}
 .neighbor-card h3{font-size:16px;min-height:0;margin:0;justify-content:flex-start}
 .coverage-chip{justify-self:start}
 .neighbor-dimensions{margin:0}
 .neighbor-inspect{justify-self:start;padding:0;margin-top:2px}
 .share-studio .share-buttons{grid-template-columns:1fr}
 .share-studio .share-buttons .primary{grid-column:auto}
}

.forecast-sharing{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:17px;font-size:13px;line-height:1.6;cursor:pointer}.forecast-sharing input{width:20px;height:20px;flex-shrink:0;margin:1px 0 0;accent-color:var(--ink)}.share-preview-frame img[hidden]{display:none}.neighbors-feature>.note{color:#c6d1bb}.match-card:first-of-type{border-color:var(--line);background:var(--card)}

/* Each destination has a suitable card format and a clear next step. */
.share-studio{align-items:start}
.share-preview-frame{position:sticky;top:24px}
.share-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 0}
.share-destination{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;min-height:68px;padding:12px;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:11px;line-height:1.35}
.share-destination:hover{background:#e9efdf;border-color:#849174}
.share-destination[aria-pressed="true"]{background:var(--lime);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.share-destination-name{font-size:13px;font-weight:700;overflow-wrap:anywhere}
.share-destination-detail{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.share-studio .view-mode{grid-template-columns:repeat(4,minmax(0,1fr))}
.share-studio .view-mode button{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600}
.share-format-note{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0 0;overflow-wrap:anywhere}
.platform-guide{margin:17px 0 0;padding:18px;background:#edf2e3;border:1px solid #d0dcc0;border-radius:12px;min-width:0}
.platform-guide h3{font-size:17px;line-height:1.3;letter-spacing:-.3px;margin:0 0 9px}
.platform-guide p,.platform-guide ol{font-size:12px;line-height:1.65;color:var(--muted);margin:9px 0}
.platform-guide ol{padding-left:21px}
.platform-guide li+li{margin-top:6px}
.platform-guide a:not(.share-platform-action){text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.share-caption-label{display:block;font-size:12px;font-weight:700;line-height:1.5;margin:18px 0 7px}
#share-caption,#share-description{display:block;width:100%;max-width:100%;min-width:0;min-height:124px;padding:13px 14px;border:1px solid #a5b096;border-radius:11px;background:var(--paper);color:var(--ink);font:12px/1.6 Arial,Helvetica,sans-serif;overflow-wrap:anywhere;resize:vertical}
#share-caption:focus-visible,#share-description:focus-visible{outline:3px solid #395bc8;outline-offset:5px}
.share-platform-action{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:46px;margin-top:12px;padding:12px 18px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:100px;font-size:13px;font-weight:700;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.share-platform-action:hover{background:#354637}
.share-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.share-secondary-actions button,.share-secondary-actions a{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:600;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.share-secondary-actions button:hover,.share-secondary-actions a:hover{background:var(--lime);border-color:#a6be7d}
.share-url-field{display:block;width:100%;max-width:100%;min-width:0;margin:10px 0 0;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--muted);font:11px/1.6 monospace}
.share-url-field input{display:block;width:100%;min-width:0;font:inherit;color:inherit}
.qr-preview{display:block;max-width:min(180px,100%);height:auto;margin:16px auto 0;padding:10px;border:1px solid var(--line);border-radius:11px;background:white}
.qr-preview img{display:block;width:100%;height:auto}
@media(max-width:1000px) and (min-width:701px){
 .share-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}
 .share-studio .view-mode{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .share-preview-frame{position:static}
 .share-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .share-destination{min-height:66px;padding:11px}
 .share-destination-name{font-size:12px}
 .share-studio .view-mode{grid-template-columns:repeat(2,minmax(0,1fr))}
 .share-studio .view-mode button{font-size:11px;padding:10px 9px}
 .platform-guide{padding:15px}
 .platform-guide h3{font-size:16px}
 .share-secondary-actions{gap:7px}
 .share-secondary-actions button,.share-secondary-actions a{padding:11px 9px;font-size:11px}
 .share-platform-action{width:100%;font-size:12px}
 #share-caption,#share-description{min-height:180px;font-size:16px}
 .share-url-field{font-size:16px}
}
@media(max-width:359px){
 .share-secondary-actions{grid-template-columns:1fr}
}

/* Keep the full sourced roster reachable without overwhelming the result. */
.all-comparisons{margin:18px 0;border-top:1px solid var(--line)}.all-comparisons summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:14px 0;font-size:13px;font-weight:700;gap:10px}.all-comparisons summary:before{content:"+";font-size:20px}.all-comparisons[open] summary:before{content:"−"}.ticker{flex-wrap:wrap}.ticker .ticker-label{flex-basis:100%}

/* Lead with the strongest eligible comparison, then show supporting views. */
.neighbor-grid{grid-template-columns:1.2fr 1fr 1fr}
.neighbor-kind{font:700 11px monospace;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:#c6d1bb}
.neighbor-card.is-top{border:2px solid var(--lime);background:#34412c}
.neighbor-card.is-top .neighbor-kind{color:var(--lime)}
.neighbor-card.is-top .avatar{width:120px!important;height:120px!important}
.tie-note{margin:18px 0 0!important;color:#c6d1bb}
@media(max-width:700px){.neighbor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.neighbor-card.is-top{grid-column:1/-1;padding:23px}.neighbor-card.is-top h3{font-size:24px;min-height:0}.neighbor-card.is-top .neighbor-score{font-size:46px}.neighbor-kind{font-size:9px;letter-spacing:.5px;margin-bottom:14px}}
@media(max-width:359px){.neighbor-grid{grid-template-columns:1fr}.neighbor-kind{grid-column:2;margin:0}.neighbor-card.is-top{display:flex}.neighbor-card.is-top .neighbor-kind{margin-bottom:14px}}

.signal-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px}.signal-tag{border:1px solid #afbd9c;border-radius:999px;background:#eaf1da;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;color:#1b251e}.signal-tag:hover,.signal-tag:focus-visible{background:#d1fb78}.tag-note{font-size:11px!important;margin-top:7px!important}.consciousness-definition{font-size:13px;line-height:1.6;color:#4b584b;margin:0 0 22px}.signal-tag{max-width:100%;text-align:left}

/* Culture language always has a plain translation and a canonical dimension. */
.lore-chip{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:5px 10px;border:1px solid #b7c5a4;border-radius:999px;background:#eaf1da;color:var(--ink);font-size:12px;font-weight:700;line-height:1.35;max-width:100%;text-align:left;cursor:pointer}.lore-chip:hover{background:var(--lime);border-color:#7b9167}.lore-strip{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.topic-emoji{font-family:Arial,sans-serif;font-weight:400}.axis-nickname{font-size:12px;font-weight:700;line-height:1.5;color:#3e503c;margin-top:17px}.axis-tile h3{margin-top:10px}.axis-context{font-size:11px;font-weight:700;color:#526047;margin:12px 0 0}.topic-heading{font-size:30px;letter-spacing:-1px}.axis-dialog-poles{font-weight:700;color:#48643b}.question-topic{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:9px 0 22px}.question-context{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 10px}.question-terms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.question-terms .lore-chip{font-size:11px;min-height:30px}.tag-translation{padding:18px;background:#eaf1da;border:1px solid #b6c79d;border-radius:14px;margin-bottom:28px}.tag-translation h2{margin:12px 0}.tag-translation p{margin:10px 0}.tag-translation .note{font-size:12px}.explain-panel,.method-detail{border-top:1px solid var(--line);margin:14px 0 0;padding:0}.explain-panel>summary,.method-detail>summary{cursor:pointer;min-height:48px;padding:14px 4px;font-size:13px;font-weight:700;line-height:1.5;list-style-position:inside}.explain-panel>p,.method-detail>p{font-size:14px;line-height:1.7;padding:0 4px}.explain-panel[open]>summary,.method-detail[open]>summary{color:#48643b}.lexicon-list .explain-panel{margin-top:0}.lexicon-list .explain-panel>summary{font-size:15px}.method-box>.method-detail{margin-top:0}.method-detail code{overflow-wrap:anywhere}.match-explainer{font-size:12px;color:#c6d1bb;margin-top:9px}.match-explainer summary{cursor:pointer;min-height:36px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.match-explainer p{max-width:550px;font-size:12px;line-height:1.65}.neighbors-heading .match-explainer{max-width:430px}.neighbors-heading:has(.match-explainer){align-items:flex-start}.share-studio .share-buttons{grid-template-columns:1fr 1fr;margin-top:16px}.share-studio .share-buttons .primary{grid-column:auto}.share-image-action{align-self:flex-start;min-height:42px;padding:10px 2px;margin-top:4px}.share-privacy{font-size:11px!important;line-height:1.6;margin:5px 0 8px!important}.share-options{margin-top:10px}.share-options>summary{padding-left:0;font-size:13px}.share-options .share-caption-label:first-of-type{margin-top:6px}
@media(max-width:700px){.hero .lore-chip{font-size:11px}.hero .hero-copy{line-height:1.65}.axis-nickname{font-size:11px}.question-card h1{font-size:27px;line-height:1.3;margin-bottom:18px}.question-topic{margin-bottom:17px}.question-context{font-size:12px}.question-terms{margin-bottom:17px}.tag-translation{padding:15px}.share-studio .share-buttons{grid-template-columns:1fr;gap:9px}.share-studio .share-buttons button{font-size:13px;min-height:48px}.neighbors-heading .match-explainer{max-width:100%}.method-detail>summary{font-size:13px}.explain-panel>p,.method-detail>p{font-size:13px}.lore-chip{min-height:36px}.question-terms .lore-chip{min-height:34px}}

/* FS8: keep the statement and response scale ahead of optional background. */
.quiz-plain .question-card{padding-top:32px}
.quiz-plain .quiz-topic{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.4;color:var(--muted)}
.quiz-plain .question-card h1{margin:17px 0 24px;max-width:760px}
.quiz-plain .quiz-scope{font-size:13px;line-height:1.6;color:var(--muted);margin:16px 0 0;max-width:660px}
.quiz-plain .quiz-item-context{font-size:14px;line-height:1.6;margin:-9px 0 24px;max-width:690px}
.quiz-plain .quiz-help{margin-top:16px;border-top:1px solid var(--line);padding-top:4px}
.quiz-plain .quiz-help summary{cursor:pointer;width:fit-content;padding:9px 0;font-size:12px;color:var(--muted)}
.quiz-plain .quiz-help .question-context{font-size:13px;line-height:1.6;margin:8px 0 6px}
.quiz-plain .quiz-help .text-button{font-size:12px;min-height:44px}
.quiz-plain .quiz-help .question-terms{margin:12px 0 7px}
.quiz-plain .quiz-actions{margin-top:18px}
@media(max-width:700px){.quiz-plain .question-card{padding-top:25px}.quiz-plain .question-card h1{font-size:28px;line-height:1.25;margin:16px 0 23px}.quiz-plain .quiz-item-context{font-size:13px;margin:-9px 0 23px}.quiz-plain .quiz-scope{font-size:12px}.quiz-plain .quiz-actions .text-button{font-size:12px}}

/* Comfortable controls, clear primary actions and phone-safe layouts. */
.primary,.secondary{min-height:48px;min-width:44px;max-width:100%;text-align:center;overflow-wrap:anywhere}
.small-button,.text-button,.signal-tag,.lore-chip,.question-terms .lore-chip,.hero .lore-chip{min-height:44px;min-width:44px}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}
.quiz-plain .quiz-help>summary,.match-explainer>summary{display:flex;align-items:center;min-height:44px;min-width:44px}
.quiz-plain .quiz-help>summary::before,.match-explainer>summary::before{content:'+';font-size:18px;margin-right:8px}
.quiz-plain .quiz-help[open]>summary::before,.match-explainer[open]>summary::before{content:'−'}
header .brand,nav a,footer>a{min-height:44px;display:inline-flex;align-items:center}
header .small-button{flex-shrink:0}
.hero>*,.editorial>*,.section-heading>*,.result-header>*,.results-grid>*,.match-info,.person-tile>span:last-child{min-width:0}
.hero-intro{font-size:18px;line-height:1.6;color:var(--muted);max-width:470px;margin:22px 0 26px}
.hero-basics{font-size:13px;line-height:1.6;color:var(--muted);max-width:460px;margin:13px 0 0}
.hero-explore{margin-top:15px;max-width:470px}
.hero-explore>summary{font-size:12px;min-height:44px;padding:12px 0;line-height:20px;cursor:pointer;list-style-position:inside}
.hero-explore .lore-strip{margin-top:12px}
.quiz-actions-plain{display:flex;align-items:center;justify-content:space-between;gap:10px}
.quiz-actions-plain>.primary{gap:12px}
.quiz-plain .quiz-help{margin-top:18px}
.forecast-actions{display:flex;flex-wrap:wrap;gap:12px}
.forecast-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}
.forecast-empty p{margin:0}
.principle .number{color:var(--muted)}
.neighbor-card:focus-visible,.neighbors-feature summary:focus-visible{outline-color:var(--lime)}
textarea:focus-visible{outline:3px solid #395bc8;outline-offset:5px}
button:active:not(:disabled),a.primary:active,a.secondary:active{filter:brightness(.96)}
dialog{max-height:90vh;max-height:calc(90dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:18px;padding:28px}
.dialog-close{position:sticky;top:0;float:right;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:-10px -10px 6px 12px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--card);line-height:1}
#detail-content{min-width:0;overflow-wrap:anywhere}
#detail-content .dialog-heading{padding-top:4px}
#toast{bottom:calc(20px + env(safe-area-inset-bottom,0px));border-radius:16px;text-align:center}

@media(max-width:700px){
 html{scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
 header{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
 header .beta{display:none}
 header .small-button{font-size:12px;padding:10px 12px}
 .wrap,.quiz-wrap,.result-wrap{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
 footer{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
 .hero{padding-top:32px;gap:32px}
 .hero-intro{font-size:16px;margin:20px 0 22px}
 .hero-basics{font-size:13px;line-height:1.55}
 .hero .cta-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
 .hero .cta-row .primary{width:100%;min-height:52px}
 .hero .cta-row .text-button{justify-self:start}
 .meta-row{flex-wrap:wrap;row-gap:7px}
 .quiz-plain{padding-top:20px;scroll-padding-bottom:150px}
 .quiz-plain .question-card{padding-top:19px}
 .quiz-plain .question-card h1{font-size:clamp(23px,6.3vw,28px);line-height:1.3;margin:14px 0 20px;overflow-wrap:anywhere}
 .quiz-plain .quiz-item-context{font-size:14px;line-height:1.55;margin:-6px 0 20px}
 .quiz-plain .quiz-scope,.quiz-bottom{font-size:12px;line-height:1.55}
 .answer{min-height:54px;padding:15px 17px;font-size:16px;line-height:1.4}
 .answer .key{display:none}
 .quiz-actions-plain{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;position:sticky;bottom:0;z-index:3;background:var(--paper);padding:12px 0 calc(8px + env(safe-area-inset-bottom,0px));margin-bottom:0;box-shadow:0 -8px 12px var(--paper);isolation:isolate}
 .quiz-actions-plain>.primary{grid-column:1/-1;width:100%;min-height:48px}
 .quiz-actions-plain>.text-button{width:100%;font-size:13px}
 .quiz-plain .quiz-help{margin-top:12px}
 .forecast-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .forecast-actions>.primary{grid-row:1;width:100%;min-height:48px}
 input,select,textarea,.compare-form input,.share-url-field{font-size:16px}
 .forecast-card input,.compare-form input{min-height:48px}
 .compare-form input{flex-basis:100%}
 .forecast-sharing{font-size:14px}
 .forecast-sharing input{min-height:0}
 .people-grid{grid-template-columns:minmax(0,1fr)}
 .person-tile{padding:14px;align-items:center;gap:13px}
 .person-tile .avatar{width:45px;height:45px;font-size:14px}
 .person-tile h3{font-size:14px}
 .person-tile p{font-size:12px;line-height:1.5}
 .axis-tile h3,.person-tile h3,.match-card h3,.result-header h1{overflow-wrap:anywhere}
 .view-mode,.share-buttons{min-width:0}
 .share-studio .share-image-action{min-height:44px}
 dialog{padding:22px;max-height:90vh;max-height:calc(90dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
 .dialog-close{margin:-4px -4px 6px 10px}
 .loading{padding:70px 20px}
}
@media(max-width:359px){
 header{padding-left:16px;padding-right:16px}
 header .brand{font-size:12px;gap:5px}
 header .brand-icon{font-size:25px}
 header .small-button{font-size:11px;padding:10px}
 header .small-button span{margin-left:3px}
 .axis-grid{grid-template-columns:minmax(0,1fr)}
 .axis-tile{min-height:0}
 .forecast-pill{padding:12px}
 .result-jumps{gap:6px}
 .match-card{gap:10px;padding:14px}
 .match-card .match-percent{font-size:24px}
 .comparison-grid{grid-template-columns:minmax(0,1fr)}
}
@media(hover:none){.axis-tile:hover,.neighbor-card:hover{transform:none}}
@media(forced-colors:active){
 .answer.selected{outline:2px solid Highlight;outline-offset:-4px}
 button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:Highlight}
}
/* Keep the quiz focused, and let short screens scroll without covered choices. */
header[data-view="quiz"] nav,header[data-view="quiz"]>.small-button{display:none}
.quiz-plain .quiz-topic{justify-content:flex-start}
@media(max-width:700px) and (max-height:700px){.quiz-actions-plain{position:static;box-shadow:none}}

.forecast-direct{margin:8px 0 18px}.forecast-options{border-top:1px solid var(--line);margin-top:10px}.forecast-options>summary{cursor:pointer;min-height:48px;padding:14px 4px;line-height:20px;font-weight:700;list-style-position:inside}.forecast-options[open]>summary{margin-bottom:18px}.forecast-intro{max-width:550px;color:var(--muted)}
@media(max-width:700px){.forecast-direct{width:100%}.forecast-wrap .question-card h1{font-size:34px;line-height:1.1}.forecast-wrap .quiz-head{flex-wrap:wrap;gap:4px}}

.dialog-toolbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin:0 0 18px;padding:4px 0 8px;background:var(--card);border-bottom:1px solid var(--line)}.dialog-toolbar #detail-title{font-size:14px;font-weight:700;min-width:0;overflow-wrap:anywhere}.dialog-toolbar .dialog-close{position:static;float:none;flex:0 0 44px;margin:0}
.cta-row{flex-wrap:wrap}.cta-row>.primary{white-space:nowrap}
@media(min-width:701px) and (max-width:900px){.hero{grid-template-columns:1fr;gap:36px}.hero>div:first-child{max-width:560px}.hero .signal-card{max-width:430px;width:100%;justify-self:center}}
.share-studio .share-buttons button{min-height:48px}