@charset "UTF-8";
:root{--paper:#f7f6f0;--white:#fffefa;--ink:#334e43;--ink-deep:#263e34;--muted:#798174;--line:#e1e4d8;--sage:#e9eddf;--sage-deep:#d6dfc8;--rust:#b57d60;--serif:"Songti SC","STSong","Noto Serif CJK SC",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--shadow:0 16px 45px #3145360b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--rust);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1:focus{outline:none}svg{display:block}button svg{pointer-events:none}::selection{background:#d9dfc6;color:var(--ink)}.icon{width:22px;height:22px;flex-shrink:0;display:inline-block;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px 18px;z-index:100}.skip-link:focus{top:15px}.site-header{height:98px;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner,.footer-inner{max-width:1256px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;align-items:center;gap:11px;font-size:26px;font-weight:650;letter-spacing:-1px;line-height:1.05}.brand-symbol{width:40px;height:43px;border-radius:11px;background:var(--ink);color:var(--paper);display:grid;place-items:center;transform:rotate(-5deg)}.brand-symbol .icon{width:28px;height:28px;transform:rotate(5deg);stroke-width:1}.brand-sub{font-size:9px;display:block;font-weight:400;letter-spacing:2px;margin-top:8px}.site-header nav{display:flex;align-items:center;gap:25px}.nav-link{font-size:12px;padding:12px 0;color:#5b695d}.nav-link:hover{color:var(--ink-deep)}.header-separator{height:14px;width:1px;background:#ced5c4}.edition{font-family:Georgia,serif;letter-spacing:1px;font-size:11px;color:var(--muted)}.prototype-pill{font-size:10px;border:1px solid #d9ddcf;border-radius:4px;padding:4px 8px;color:var(--muted);letter-spacing:1px}.site-footer{border-top:1px solid var(--line);height:92px;margin-top:30px;color:var(--muted);font-size:11px}.footer-inner>span{font-weight:600;letter-spacing:.2px}.footer-motto{font-weight:400;margin-left:10px}.footer-inner>div{display:flex;align-items:center;gap:25px}.footer-inner button{font-size:11px;padding:12px 0}.home-page{max-width:1256px;padding:0 40px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;min-height:624px;align-items:center;padding:54px 0 52px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--muted);display:block}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.tiny-line{width:22px;height:1px;background:var(--rust)}.hero h1{font-family:var(--serif);font-size:46px;line-height:1.55;font-weight:600;letter-spacing:-1.3px;white-space:nowrap}.title-mark{position:relative;white-space:nowrap}.title-mark:after{content:"";position:absolute;width:100%;height:9px;bottom:1px;left:0;background:#d8dfc5;z-index:-1;border-radius:60% 45% 30% 50%;transform:rotate(-2deg)}.hero-description{font-size:17px;color:#60705f;line-height:1.8;margin-top:22px;letter-spacing:.3px}.hero-detail{font-size:12px;color:var(--muted);line-height:1.9;margin-top:16px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;min-height:51px;border-radius:7px;padding:14px 22px;letter-spacing:.5px;transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap}.button .icon{width:19px;height:19px}.button.primary{background:var(--ink);color:var(--paper);box-shadow:0 4px 8px #2b433814}.button.primary:hover{background:#253e33;transform:translateY(-1px);box-shadow:0 7px 15px #2b433821}.button.primary:active{transform:translateY(0)}.button.primary:disabled{background:#d9ddce;color:#8e9789;box-shadow:none;transform:none}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid transparent}.text-link:hover{border-bottom-color:var(--ink)}.text-link .icon{width:15px;height:15px}.privacy-line{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin-top:15px}.privacy-line .icon{width:13px;height:13px}.hero-stats{display:flex;gap:0;margin-top:34px}.hero-stats>div{padding:0 24px;border-left:1px solid var(--line);display:flex;flex-direction:column}.hero-stats>div:first-child{padding-left:0;border:0}.hero-stats strong{font-family:Georgia,serif;font-size:27px;line-height:1.1;font-weight:400}.hero-stats strong span{font-size:10px;font-family:var(--sans);margin-left:6px;color:var(--muted)}.hero-stats>div>span{font-size:9px;letter-spacing:.3px;color:var(--muted);margin-top:8px}.passport-art{height:500px;position:relative;isolation:isolate}.passport-art:before{content:"";position:absolute;inset:45px -5px 20px -15px;border-radius:50%;background:radial-gradient(ellipse,#e9ebdc99 10%,#e9ebdc00 68%);z-index:-1}.orbit{position:absolute;border:1px solid #e4e6d9;border-radius:50%;width:425px;height:425px;top:29px;left:40px;transform:none}.orbit-two{width:328px;height:328px;top:76px;left:88px;border-style:dashed}.flight-line{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.art-coordinate{position:absolute;right:24px;top:15px;letter-spacing:1.2px;font-size:8px;color:#939986;font-family:monospace}.passport-book{position:absolute;top:41px;left:126px;width:274px;height:372px;background:#dbe3cb;border-radius:7px 14px 14px 7px;transform:rotate(9deg);box-shadow:12px 22px 35px #45573a1c,inset 2px 0 0 #f3f5e1,inset 9px 0 8px #a5b49333;border:1px solid #c3ceaf;z-index:2;padding:30px 29px;text-align:center;color:#57704d}.passport-book:before{content:"";position:absolute;inset:12px 11px 12px 19px;border:1px solid #afbd9e77;border-radius:3px 8px 8px 3px}.book-top{display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:8px;letter-spacing:1px;position:relative}.book-top span{font-family:monospace;font-size:7px;opacity:.65}.book-title{font-family:Georgia,serif;font-size:29px;letter-spacing:3px;line-height:1.12;margin-top:31px}.book-subtitle{font-size:9px;letter-spacing:5px;margin-top:9px}.book-globe{margin:23px auto 18px;position:relative}.book-globe .icon{width:78px;height:78px;stroke-width:.65}.book-bottom{font-family:Georgia,serif;font-size:7px;letter-spacing:1.5px;line-height:2}.book-bottom span{font-family:var(--sans);font-size:8px;letter-spacing:1.2px}.passport-chip{width:23px;height:16px;border:1px solid #809875;display:flex;margin:13px auto 0;align-items:center;justify-content:space-evenly}.passport-chip i:first-child{width:6px;height:6px;border:1px solid #809875;border-radius:100%}.passport-chip i:last-child{height:1px;width:10px;background:#809875}.hero-postcard{position:absolute;width:268px;left:14px;top:252px;padding:11px 11px 0;transform:rotate(-11deg);z-index:4;background:#fffdf4;box-shadow:0 15px 35px #404c3720;border:1px solid #efedde}.hero-postcard .landscape{width:100%;aspect-ratio:1.6;object-fit:cover}.postcard-caption{display:flex;align-items:center;justify-content:space-between;height:37px;gap:5px;font-family:Georgia,serif;font-style:italic;font-size:8px;color:#6d745f}.postcard-caption .icon{height:16px;width:16px;color:#b68d5e}.stamp{border:2px solid var(--rust);color:var(--rust);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;outline:1px solid var(--rust);outline-offset:-6px}.hero-stamp{position:absolute;z-index:5;right:7px;top:322px;width:114px;height:114px;transform:rotate(14deg);background:#f7f6f044}.stamp>span{font-size:6px;letter-spacing:1.1px}.stamp .icon{margin:5px 0 3px;width:20px;height:20px;stroke-width:1}.stamp>b{font-size:12px;font-weight:500;letter-spacing:2px}.stamp>small{font-size:6px;letter-spacing:1px;margin-top:6px}.art-spark{color:#aab396;position:absolute;font-size:30px;font-weight:300;z-index:4}.spark-one{left:48px;top:85px}.spark-two{right:28px;top:164px;font-size:24px}.art-note{position:absolute;bottom:9px;left:115px;transform:rotate(-5deg);font-family:var(--serif);font-size:13px;letter-spacing:2px;color:#8c947f}.prototype-note{background:#eeefe5;border:1px solid #e4e7da;border-radius:7px;padding:13px 18px;display:flex;align-items:center;gap:9px;font-size:10px;color:#79816c}.prototype-note .icon{width:15px;height:15px}.prototype-note b{font-weight:500;color:#50644d}.note-edition{margin-left:auto;font-family:monospace;font-size:8px;letter-spacing:1px;color:#9aa18e}.how-it-works{padding:61px 0 34px}.section-intro{text-align:center}.section-intro h2{font-family:var(--serif);font-weight:600;font-size:28px;margin-top:11px;letter-spacing:1px}.section-intro p{font-size:11px;color:var(--muted);margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:33px;border-top:1px solid var(--line);padding-top:31px}.steps article{position:relative;text-align:left;padding:0 33px;border-left:1px solid var(--line)}.steps article:first-child{padding-left:16px;border-left:0}.step-number{font-family:Georgia,serif;color:#c0c8b3;font-size:19px;position:absolute;right:33px;top:1px}.step-icon{display:inline-flex;color:#6d8562;margin-bottom:12px}.step-icon .icon{width:25px;height:25px;stroke-width:1.2}.steps h3{font-size:14px;margin-bottom:8px}.steps p{color:var(--muted);font-size:11px;line-height:1.9}.home-footnote{font-size:10px;color:#8a9183;text-align:center;padding:24px 0 12px}.landscape{display:block;width:100%;height:100%;object-fit:cover}
/* The journey */
.quiz-layout{max-width:1150px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:66px;margin:0 auto;padding:55px 40px 35px;min-height:740px}.journey-sidebar{padding:14px 0}.journey-sidebar>.eyebrow{font-size:8px;letter-spacing:1.3px}.journey-sidebar>h2{font-size:27px;line-height:1.65;font-family:var(--serif);font-weight:600;margin-top:17px}.journey-sidebar>p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:15px}.journey-steps{padding:0;margin:34px 0 30px;list-style:none;position:relative}.journey-steps:before{content:"";width:1px;top:19px;bottom:19px;background:var(--line);position:absolute;left:15px}.journey-steps li{position:relative}.journey-steps button{display:flex;align-items:center;gap:13px;text-align:left;min-height:54px;width:100%;padding:0;font-size:11px;color:#89917f}.journey-steps button>span{position:relative;display:grid;place-items:center;border:1px solid var(--line);width:31px;height:31px;border-radius:50%;background:var(--paper);font-size:9px;color:#939b88;font-family:Georgia,serif}.journey-steps .current button{color:var(--ink);font-weight:600}.journey-steps .current button>span{background:var(--ink);color:white;border-color:var(--ink)}.journey-steps i{font-size:8px;font-style:normal;background:var(--sage);color:#687b5d;padding:3px 6px;border-radius:3px;font-weight:400;letter-spacing:0}.journey-steps .done button>span{background:#e9edde;border-color:#d4ddc6;color:#69815f}.journey-steps .icon{width:13px;height:13px}.sidebar-passport{border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;padding-top:24px;color:#8a967a}.sidebar-passport>.icon{width:38px;height:38px;stroke-width:.8}.sidebar-passport>span{font-size:9px;letter-spacing:1.5px;font-family:Georgia,serif}.sidebar-passport small{font-family:var(--sans);font-size:9px;letter-spacing:1px}.sidebar-privacy{font-size:9px;color:#8a9381;display:flex;gap:5px;align-items:center;margin-top:23px}.sidebar-privacy .icon{width:13px;height:13px}.question-panel{min-width:0}.question-progress{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:12px}.question-progress>span:first-child{display:flex;align-items:center;gap:15px}.question-progress b{font-family:Georgia,serif;font-size:20px;color:var(--ink);font-weight:400}.question-progress small{font-size:12px;color:var(--muted)}.question-progress>span:last-child{font-size:9px;color:#8b9481;border:1px solid var(--line);border-radius:4px;padding:3px 7px}.progress-track{height:3px;background:#e5e8dc;overflow:hidden;border-radius:2px}.progress-track i{display:block;height:100%;background:#6e8761;transition:width .3s}.question-heading{margin-top:29px;margin-bottom:25px}.question-kicker{display:flex;align-items:center;gap:12px;color:#8b947e;font-size:9px;letter-spacing:1px}.question-type{border-left:1px solid #cdd5bf;padding-left:12px;font-size:10px;letter-spacing:.5px}.question-heading h1{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.55;letter-spacing:.2px;margin-top:13px;max-width:660px}.question-heading p{font-size:12px;color:var(--muted);margin-top:9px}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visual-option{padding:0;background:var(--white);border:1px solid #dfe3d6;border-radius:8px;overflow:hidden;text-align:left;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}.visual-option>.landscape{height:130px;object-fit:cover}.visual-option:hover{border-color:#8d9e7f;transform:translateY(-2px);box-shadow:var(--shadow)}.visual-option.selected{border-color:#617a51;box-shadow:0 0 0 1px #617a51;background:#edf1e4}.visual-option-text{display:flex;flex-direction:column;padding:12px 14px 15px}.visual-option-text strong{font-size:13px;font-weight:500}.visual-option-text>span{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.6}.choice-check{position:absolute;top:9px;right:9px;border:1px solid #ffffffaa;border-radius:100%;width:22px;height:22px;display:grid;place-items:center;background:#f7f6f0df;font-size:9px;color:#62755a}.choice-check .icon{height:13px;width:13px}.selected .choice-check{background:var(--ink);color:var(--paper);border-color:var(--ink)}.wide-option{grid-column:1/-1;display:flex;align-items:center}.wide-option>.landscape{width:110px;height:73px;flex-shrink:0}.wide-option .visual-option-text{padding:10px 18px;padding-right:35px}.wide-option .choice-check{top:calc(50% - 11px);right:14px}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:27px;padding-top:20px}.back-button{display:flex;align-items:center;gap:8px;min-height:46px;font-size:11px;padding:8px 0;white-space:nowrap}.back-button .icon{width:16px;height:16px}.auto-hint{color:#8c9483;font-size:9px;margin-left:auto}.next-button{font-size:11px;padding:12px 17px;min-height:44px;gap:16px}.next-button .icon{width:17px;height:17px}.question-footnote{display:flex;align-items:flex-start;gap:6px;color:#8e9587;font-size:9px;margin-top:18px;line-height:1.8}.question-footnote .icon{width:12px;height:12px;margin-top:2px}.choice-list{display:flex;flex-direction:column;gap:10px}.choice-option{display:flex;align-items:center;gap:15px;min-height:65px;padding:12px 17px;background:var(--white);border:1px solid #dfe3d6;border-radius:7px;text-align:left;transition:background .15s,border-color .15s}.choice-option:hover{border-color:#a0ae91;background:#f1f2e8}.choice-option.selected{border-color:#718762;background:#eaf0df;box-shadow:0 0 0 1px #718762}.choice-letter{font-size:10px;font-family:Georgia,serif;color:#909b84;width:22px;flex-shrink:0}.choice-content{display:flex;align-items:center;gap:10px;flex:1;font-size:12px;line-height:1.7}.choice-emoji{font-family:var(--sans);font-size:18px;font-weight:400;flex-shrink:0}.selection-indicator{width:18px;height:18px;border:1px solid #d2d9c7;border-radius:100%;display:grid;place-items:center;flex-shrink:0}.selection-indicator.square{border-radius:4px}.selection-indicator .icon{width:12px;height:12px}.selected .selection-indicator{background:var(--ink);border-color:var(--ink);color:white}.field-note{font-size:10px;color:var(--muted);margin-top:16px}.slider-card{background:#f0f2e7;border:1px solid #e1e6d6;border-radius:10px;padding:26px 30px;min-height:340px}.slider-emblems{display:flex;justify-content:space-between;color:#889379;font-size:10px}.slider-emblems span{display:flex;align-items:center;gap:6px}.slider-emblems .icon{width:16px;height:16px}.slider-value{text-align:center;margin:28px 0 35px}.slider-value .eyebrow{font-size:8px;letter-spacing:2px}.slider-value h3{font-family:var(--serif);font-size:24px;font-weight:600;margin-top:15px}.slider-value p{font-size:11px;color:#88917e;margin-top:7px}input[type=range]{width:100%;height:44px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,#6c835c var(--range),#d7dec9 var(--range))}input[type=range]::-webkit-slider-thumb{appearance:none;height:23px;width:23px;background:var(--white);border:5px solid #5f7b50;box-shadow:0 3px 7px #354a3520;border-radius:50%;margin-top:-9px}input[type=range]::-moz-range-track{height:5px;background:#d7dec9}input[type=range]::-moz-range-progress{height:5px;background:#6c835c}input[type=range]::-moz-range-thumb{height:14px;width:14px;border:5px solid #5f7b50;border-radius:100%;background:var(--white)}.slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#69785f;margin-top:0}.slider-hint{text-align:center;font-size:10px;color:#89917e;margin-top:28px;line-height:1.9}.ranking-tip{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-bottom:15px}.ranking-tip .icon{width:15px;height:15px}.rank-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.rank-row{min-height:64px;display:flex;gap:16px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:7px;padding:7px 12px 7px 18px}.rank-number{font-size:17px;color:#9ba88a;font-family:Georgia,serif;width:23px}.rank-row:first-child{border-color:#c2ceaf;background:#eef1e4}.rank-row:first-child .rank-number{color:#617950}.rank-label{display:flex;gap:10px;align-items:center;flex:1;font-size:12px}.rank-label .choice-emoji{font-size:17px}.rank-controls{display:flex;align-items:center;gap:3px}.rank-controls button{width:40px;height:44px;display:grid;place-items:center;border-radius:4px}.rank-controls button:hover{background:#e8eddc}.rank-controls button:disabled{color:#d3dac9;background:transparent}.rank-controls .icon{width:16px;height:16px}.pick-heading{display:flex;justify-content:space-between;font-size:11px;color:#738368;margin-bottom:12px}.pick-heading b{font-family:Georgia,serif;font-size:14px;font-weight:400}.pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pick-option{min-height:53px;display:flex;align-items:center;gap:6px;padding:9px;background:var(--white);border:1px solid var(--line);border-radius:6px;text-align:left;font-size:11px}.pick-option>.choice-emoji{font-size:15px}.pick-option>span:last-child{margin-left:auto;font-size:10px;color:#98a28c}.pick-option:hover{border-color:#a2b28f}.pick-option.selected{border-color:#80956d;background:#eaf0df}.pick-option.selected>span:last-child{color:var(--ink)}.pick-option:disabled{opacity:.45;border-color:var(--line)}.pick-order-label{display:flex;align-items:center;gap:5px;font-size:11px;margin:22px 0 11px}.pick-order-label>.icon{width:14px;height:14px}.pick-order-label small{font-size:9px;color:#8c9580;margin-left:auto}.empty-selection{border:1px dashed #cfd8c0;border-radius:7px;font-size:11px;text-align:center;padding:30px 16px;color:#929c86}.pick-grid~.rank-list .rank-row{min-height:56px;padding-top:3px;padding-bottom:3px}
/* A world passport */
.result-page{max-width:1176px;padding:31px 40px 10px;margin:auto}.result-banner{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:10px;color:#859077}.result-banner .icon{width:14px;height:14px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0}.result-heading .eyebrow{font-size:9px}.result-heading h1{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.6;margin-top:9px}.result-heading h1 em{font-style:normal}.result-heading p{font-size:11px;color:#849077;margin-top:10px}.small-postmark{border:1px solid #b9c5a6;outline:1px solid #b9c5a6;outline-offset:4px;color:#8b9d77;font-family:Georgia,serif;text-align:center;border-radius:50%;width:84px;height:84px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;letter-spacing:1px;line-height:1.7;transform:rotate(12deg);margin-right:7px}.small-postmark b{font-family:var(--sans);font-size:13px;font-weight:400;letter-spacing:2px;margin-top:3px}.small-postmark small{font-size:5px;letter-spacing:.5px;margin-top:4px}.result-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:34px;align-items:start}.passport-column{position:sticky;top:25px}.result-passport{position:relative;background:#e8eddd;border:1px solid #cfd9bf;border-radius:10px;padding:27px 27px 22px;overflow:hidden;text-align:center;box-shadow:0 8px 22px #445b3510}.result-passport:before{content:"";position:absolute;inset:9px;border:1px solid #cbd7b9;border-radius:6px;pointer-events:none}.rp-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#7f8f6d;font-family:Georgia,serif;border-bottom:1px solid #d0dac1;padding-bottom:15px}.rp-top>span:last-child{font-size:7px;letter-spacing:.7px}.rp-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#859371;letter-spacing:1px;margin-top:27px}.rp-label>span{font-size:8px;border:1px solid #c6d2b4;padding:0 4px;letter-spacing:0;border-radius:2px}.persona-code{font-family:Georgia,serif;font-size:57px;line-height:1;margin-top:14px;letter-spacing:-1px;color:#47603b}.persona-code>span{font-size:43px}.result-passport h2{font-family:var(--serif);font-size:24px;font-weight:600;letter-spacing:1px;margin-top:12px}.persona-keywords{font-size:9px;color:#8a9776;letter-spacing:1.5px;margin-top:9px}.persona-globe{margin:23px auto 18px;color:#8d9f79}.persona-globe .icon{height:72px;width:72px;stroke-width:.7}.persona-description{font-size:11px;line-height:1.95;color:#60764f}.persona-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:19px}.persona-tags>span{font-size:8px;display:flex;align-items:center;gap:4px;border:1px solid #c7d4b5;border-radius:4px;padding:5px 6px;color:#728562;background:#e0e8d3}.persona-tags .icon{width:12px;height:12px}.passport-combo{display:flex;flex-direction:column;align-items:center;margin-top:23px;padding-top:16px;border-top:1px dashed #bfceaa;gap:4px}.passport-combo>span{font-family:Georgia,serif;font-size:7px;letter-spacing:1.5px;color:#94a27e}.passport-combo b{font-family:var(--serif);font-size:16px;font-weight:500;letter-spacing:3px}.passport-machine{font-family:monospace;font-size:10px;letter-spacing:.1px;line-height:1.7;color:#9bab85;margin-top:21px;text-align:left;white-space:nowrap}.share-button{width:100%;margin-top:15px;gap:10px;font-size:12px;min-height:49px}.share-caption{display:block;text-align:center;font-size:9px;color:#8e9781;margin-top:9px}.top-destination{background:var(--white);border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:var(--shadow)}.destination-visual{height:221px;position:relative;overflow:hidden}.destination-visual .landscape{height:100%;width:100%;object-fit:cover}.destination-rank{position:absolute;left:20px;top:18px;background:#fffdf0e8;padding:7px 10px;border:1px solid #ffffff88;border-radius:3px;font-family:Georgia,serif;font-size:8px;letter-spacing:1.2px;color:#596c50}.landscape-caption{position:absolute;bottom:14px;right:20px;color:#f7f4e5;font-size:7px;letter-spacing:1.3px}.destination-body{padding:23px 26px 24px}.destination-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.destination-title .eyebrow{font-size:8px;letter-spacing:1.3px}.destination-title h2{font-family:var(--serif);font-size:31px;font-weight:600;margin-top:3px;letter-spacing:1px}.country-flag{font-family:var(--sans);font-size:19px;vertical-align:middle;margin-left:5px}.match-score{text-align:right}.match-score strong{font-family:Georgia,serif;line-height:1;font-size:41px;display:block;font-weight:400;color:#73875d}.match-score strong small{font-size:12px;color:#a1ad8f;margin-left:4px}.match-score>span{font-size:8px;display:block;color:#8e9980;margin-top:7px}.result-tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-top:17px}.result-tabs button{font-size:10px;padding:13px 1px;color:#8e9882;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px}.result-tabs button[aria-selected=true]{border-color:#6d8358;color:var(--ink);font-weight:500}.result-explanation{padding-top:19px;min-height:202px}.result-explanation h3{font-family:var(--serif);font-size:19px;font-weight:600;margin-bottom:11px}.result-explanation>p{font-size:11px;line-height:1.95;color:#748069}.insight-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.insight-tags>span{display:flex;align-items:center;gap:4px;color:#6c805a;background:#eff2e7;font-size:9px;padding:4px 7px;border-radius:4px}.insight-tags .icon{height:12px;width:12px}.result-explanation>p.soft-note{font-size:10px;color:#8a8c79;margin-top:13px;padding-top:12px;border-top:1px dashed #e3e6d8}.other-destinations-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.other-destinations-heading h3{font-size:13px}.other-destinations-heading>span{font-size:7px;color:#939d86;letter-spacing:1px}.other-destinations{display:flex;flex-direction:column;gap:11px}.other-destinations>article{display:flex;gap:15px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:7px;padding:13px;position:relative}.mini-landscape{width:92px;height:112px;position:relative;border-radius:4px;overflow:hidden;flex-shrink:0}.mini-landscape .landscape{width:165px;position:absolute;left:calc(50% - 82px)}.mini-landscape>span{position:absolute;left:7px;top:7px;background:#fffcefcc;color:#5c7151;font-size:10px;font-family:Georgia,serif;padding:1px 5px;border-radius:2px}.other-country{padding-top:2px;flex:1;min-width:0}.other-country .eyebrow{font-size:7px;letter-spacing:1.4px}.other-country h3{font-family:var(--serif);font-size:20px;font-weight:600;margin-top:3px}.other-country h3 span{font-family:var(--sans);font-size:14px}.other-country>p{font-size:10px;color:#7f8b73;margin-top:5px;padding-right:28px}.other-country details{font-size:9px;color:#87937a;margin-top:8px}.other-country summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;min-height:26px}.other-country summary::-webkit-details-marker{display:none}.other-country summary .icon{width:12px;height:12px}.other-country details[open] summary{color:#465f3d}.other-country details>p{padding:8px 0 3px;line-height:1.9;font-size:10px;max-width:345px}.other-score{position:absolute;right:15px;top:20px;color:#899a73;font-size:19px;font-family:Georgia,serif;text-align:center;line-height:1.3}.other-score small{font-family:var(--sans);font-size:7px;display:block;color:#a0a990}.result-notes{margin-top:35px;padding-top:23px;border-top:1px solid var(--line)}.result-notes>div:first-child{display:flex;align-items:center;gap:8px}.result-notes .icon{width:17px;height:17px;color:#859974}.result-notes h3{font-size:12px}.result-notes>p{font-size:10px;color:#88937d;line-height:1.9;max-width:850px;margin-top:8px}.result-notes>div:last-child{display:flex;gap:28px;justify-content:flex-end;margin-top:10px}.result-notes .text-link{font-size:11px}.muted{color:#8b967f}
/* Local share card and small dialogs */
.modal-open{overflow:hidden}.modal{background:var(--paper);color:var(--ink);border:1px solid #d9dfce;border-radius:12px;width:min(540px,calc(100% - 32px));padding:27px;max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 30px 120px #14261844}.modal::backdrop{background:#20332666;backdrop-filter:blur(5px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-heading h2{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.6}.modal-heading .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:7px}.icon-button{height:44px;width:44px;background:#edf0e3;border:1px solid #dee4d2;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.icon-button .icon{width:17px;height:17px}.modal-prose{margin-top:25px}.modal-prose p{font-size:13px;color:#6f7b63;line-height:2;margin-top:17px}.large-modal-icon{height:70px;width:70px;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:#799269;margin:auto}.large-modal-icon .icon{width:31px;height:31px}.about-facts{display:flex;justify-content:space-around;background:var(--sage);border-radius:7px;padding:20px 12px;margin-top:20px}.about-facts>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#869476}.about-facts b{font-family:Georgia,serif;font-size:30px;font-weight:400;color:#526c43}.modal-save{width:100%;margin-top:23px;gap:12px}.share-modal{width:min(475px,calc(100% - 32px));padding:23px}.share-preview{max-width:298px;margin:22px auto 0}.share-preview .result-passport{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}.compact{padding:23px 21px 20px}.compact .rp-top{font-size:7px}.compact .rp-top>span:last-child{font-size:6px}.compact .rp-label{margin-top:18px;font-size:8px}.compact .persona-code{font-size:45px;margin-top:12px}.compact .persona-code>span{font-size:35px}.compact h2{font-size:20px;margin-top:8px}.compact .persona-keywords{font-size:8px}.compact .persona-globe{margin:15px auto 10px}.compact .persona-globe .icon{width:48px;height:48px}.compact .persona-description{font-size:9px}.compact .persona-tags{margin-top:14px}.compact .persona-tags>span{font-size:7px;padding:4px}.compact .persona-tags .icon{width:10px;height:10px}.compact .passport-combo{margin-top:15px;padding-top:12px}.compact .passport-machine{font-size:8px;margin-top:15px}.share-destination{background:var(--white);border:1px solid #cfd9bf;border-top:0;padding:14px 22px;border-radius:0 0 7px 7px;display:flex;flex-direction:column;gap:4px;text-align:center}.share-destination>span:first-child{font-size:7px;letter-spacing:2px;color:#88967a}.share-destination>strong{font-size:19px;font-family:var(--serif);font-weight:500}.share-destination small{font-family:Georgia,serif;font-size:15px;color:#889a71;margin-left:12px}.share-destination>span:last-child{font-size:8px;color:#8c9583;margin-top:4px}.modal-footnote{color:#8b967d;font-size:9px;text-align:center;margin-top:13px;line-height:1.9}
@media(min-width:1450px){.hero{min-height:675px;padding-top:67px;padding-bottom:65px}.hero h1{font-size:49px}.passport-art{transform:scale(1.03)}}
@media(max-width:1100px){.hero h1{font-size:39px}.hero{gap:7px;grid-template-columns:1.1fr .9fr}.hero-actions{gap:15px}.hero-actions .text-link{font-size:10px}.hero-actions .button{font-size:12px;padding:13px 17px}.passport-art{transform:scale(.86);transform-origin:center;min-width:440px;margin-left:-35px}.hero-stats>div{padding:0 15px}.quiz-layout{gap:37px;grid-template-columns:215px minmax(0,1fr);padding-left:30px;padding-right:30px}.question-heading h1{font-size:26px}.journey-sidebar>h2{font-size:24px}.pick-option{font-size:10px;gap:4px;padding:7px}.pick-option>.choice-emoji{font-size:14px}.result-grid{grid-template-columns:305px minmax(0,1fr);gap:23px}.result-passport{padding-left:22px;padding-right:22px}.result-heading h1{font-size:29px}.result-explanation h3{font-size:17px}.other-destinations-heading>span{display:none}.mini-landscape{width:75px}.other-country>p{font-size:9px}.other-destinations>article{gap:10px}.destination-body{padding-left:21px;padding-right:21px}}
@media(max-width:850px){.header-inner,.footer-inner{padding:0 28px}.home-page{padding:0 28px}.hero{grid-template-columns:1fr .8fr;gap:0}.hero h1{font-size:33px}.hero-description{font-size:15px}.hero-detail{font-size:11px}.hero-actions{align-items:flex-start;flex-direction:column;gap:7px}.hero-actions .text-link{font-size:11px}.hero-stats>div{padding:0 13px}.hero-stats>div>span{font-size:8px;letter-spacing:0}.hero-stats strong{font-size:25px}.passport-art{transform:scale(.73);margin-left:-59px}.hero{min-height:610px;padding:40px 0}.hero-copy>.eyebrow{font-size:8px}.note-edition{display:none}.steps article{padding:0 20px}.steps p{font-size:10px}.quiz-layout{grid-template-columns:1fr;max-width:700px;padding-top:30px;gap:0}.journey-sidebar{display:none}.question-heading h1{font-size:29px}.result-page{padding-left:28px;padding-right:28px}.result-grid{grid-template-columns:260px minmax(0,1fr);gap:19px}.result-heading h1{font-size:25px}.result-passport{padding:22px 18px}.rp-top{font-size:7px;letter-spacing:1px}.rp-top>span:last-child{font-size:6px}.persona-code{font-size:48px}.persona-code>span{font-size:35px}.result-passport h2{font-size:21px}.persona-description{font-size:10px}.persona-tags>span{font-size:7px}.passport-machine{font-size:8px}.destination-body{padding:18px}.destination-title h2{font-size:28px}.match-score strong{font-size:35px}.match-score>span{font-size:7px}.destination-visual{height:185px}.result-explanation h3{font-size:16px}.result-explanation>p{font-size:10px}.mini-landscape{display:none}.other-country>p{padding-right:35px}.result-tabs{gap:17px}.result-tabs button{font-size:9px}.small-postmark{height:71px;width:71px}.result-heading p{font-size:9px}.other-country h3{font-size:18px}}
@media(max-width:640px){.site-header{height:78px}.header-inner,.footer-inner{padding:0 22px}.brand{font-size:23px;gap:9px}.brand-symbol{width:34px;height:36px;border-radius:9px}.brand-symbol .icon{width:24px;height:24px}.brand-sub{font-size:7px;letter-spacing:1.5px;margin-top:7px}.site-header nav{gap:13px}.nav-link{font-size:10px;min-height:44px;display:flex;align-items:center}.edition,.header-separator{display:none}.prototype-pill{font-size:8px;padding:3px 5px;letter-spacing:.5px}.home-page{padding:0 23px}.hero{grid-template-columns:1fr;gap:0;padding:35px 0 21px;min-height:0}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:18px;gap:8px}.tiny-line{width:19px}.hero h1{font-size:34px;line-height:1.5;letter-spacing:-.6px;white-space:normal}.title-mark:after{height:7px;bottom:0}.hero-description{font-size:14px;line-height:1.9;margin-top:20px}.hero-description br{display:none}.hero-detail{font-size:11px;line-height:1.9;margin-top:11px;max-width:340px}.desktop-break{display:none}.hero-actions{margin-top:23px;gap:14px;flex-direction:row;align-items:center;justify-content:flex-start}.hero-actions .button{font-size:12px;min-height:48px;padding:12px 17px;gap:17px}.hero-actions .text-link{font-size:10px;gap:4px}.hero-actions .text-link .icon{width:12px;height:12px}.privacy-line{font-size:9px;gap:5px;margin-top:13px}.privacy-line .icon{width:12px;height:12px}.hero-stats{margin-top:29px;justify-content:space-between;padding-right:8px}.hero-stats>div{padding-left:18px;padding-right:14px}.hero-stats>div:last-child{padding-right:0}.hero-stats strong{font-size:28px}.hero-stats strong span{font-size:9px}.hero-stats>div>span{font-size:8px;margin-top:7px}.passport-art{height:382px;min-width:0;max-width:370px;width:100%;transform:none;margin:23px auto 0}.passport-book{left:105px;top:27px;width:207px;height:285px;padding:22px 22px;transform:rotate(9deg)}.passport-book:before{inset:10px 9px 10px 15px}.book-top{font-size:6px;letter-spacing:.8px}.book-top span{font-size:5px}.book-title{font-size:23px;letter-spacing:1.8px;margin-top:22px}.book-subtitle{font-size:7px;letter-spacing:3px;margin-top:7px}.book-globe{margin:17px auto 12px}.book-globe .icon{width:59px;height:59px}.book-bottom{font-size:5px;letter-spacing:1.1px}.book-bottom span{font-size:6px}.passport-chip{width:20px;height:13px;margin-top:9px}.passport-chip i:first-child{width:5px;height:5px}.passport-chip i:last-child{width:8px}.hero-postcard{width:211px;left:3px;top:190px;padding:8px 8px 0}.postcard-caption{height:30px;font-size:6px}.postcard-caption .icon{width:13px;height:13px}.hero-stamp{right:0;top:265px;width:85px;height:85px;border-width:1px;outline-offset:-4px;transform:rotate(13deg)}.stamp>span{font-size:4px;letter-spacing:.8px}.stamp .icon{width:16px;height:16px;margin:4px 0 2px}.stamp>b{font-size:9px;letter-spacing:1.5px}.stamp>small{font-size:5px;margin-top:4px}.orbit{width:300px;height:300px;left:30px;top:21px}.orbit-two{width:230px;height:230px;left:65px;top:55px}.art-coordinate{right:0;top:0;font-size:6px}.art-spark{font-size:23px}.spark-one{left:24px;top:53px}.spark-two{right:0;top:130px;font-size:21px}.art-note{left:72px;bottom:0;font-size:10px;letter-spacing:1.2px}.flight-line{top:-10px;height:360px}.prototype-note{padding:11px 12px;font-size:9px;gap:7px;align-items:flex-start;line-height:1.8}.prototype-note .icon{height:14px;width:14px;margin-top:1px}.how-it-works{padding:43px 0 12px}.section-intro .eyebrow{font-size:7px;letter-spacing:1.5px}.section-intro h2{font-size:23px;letter-spacing:0;margin-top:10px}.section-intro p{font-size:10px;margin-top:9px}.steps{grid-template-columns:1fr;padding-top:5px;margin-top:24px}.steps article,.steps article:first-child{padding:20px 15px 20px 52px;border-left:0;border-bottom:1px solid var(--line)}.step-icon{position:absolute;left:6px;top:25px}.step-number{right:8px;top:24px;font-size:20px}.steps h3{font-size:13px;margin-bottom:7px}.steps p{font-size:11px;line-height:1.8}.steps p br{display:none}.home-footnote{font-size:9px;text-align:left;padding:15px 0 2px;line-height:1.9}.site-footer{height:auto;min-height:99px;padding:23px 0;margin-top:28px}.footer-inner{align-items:flex-start;gap:11px;flex-direction:column;font-size:9px}.footer-motto{font-size:9px;margin-left:5px}.footer-inner>div{width:100%;justify-content:space-between;gap:10px;font-size:9px}.footer-inner button{font-size:9px;padding:5px 0;min-height:26px}.quiz-layout{padding:22px 22px 6px;min-height:calc(100dvh - 208px)}.question-progress{font-size:9px;margin-bottom:10px}.question-progress b{font-size:19px}.question-progress>span:last-child{font-size:8px;padding:2px 6px}.question-heading{margin:25px 0 19px}.question-kicker{font-size:8px;letter-spacing:1px;gap:10px}.question-type{font-size:9px;padding-left:10px}.question-heading h1{font-size:26px;line-height:1.5;margin-top:12px;letter-spacing:0}.question-heading p{font-size:11px;line-height:1.8;margin-top:10px}.visual-grid{gap:10px}.visual-option>.landscape{height:105px}.visual-option-text{padding:10px 10px 12px}.visual-option-text strong{font-size:12px}.visual-option-text>span{font-size:9px;line-height:1.7;min-height:30px;margin-top:5px}.choice-check{width:21px;height:21px;right:7px;top:7px;font-size:8px}.wide-option>.landscape{width:84px;height:79px}.wide-option .visual-option-text{padding:9px 11px;flex:1}.wide-option .visual-option-text strong{font-size:12px;padding-right:23px}.wide-option .visual-option-text>span{min-height:0;font-size:9px;padding-right:16px}.wide-option .choice-check{right:10px}.question-actions{gap:8px;margin-top:22px;padding-top:15px}.auto-hint{font-size:8px}.back-button{font-size:10px;gap:5px}.back-button .icon{width:14px;height:14px}.next-button{padding:11px 13px;gap:10px;font-size:10px;min-height:44px}.next-button .icon{width:15px;height:15px}.question-footnote{font-size:8px;margin-top:14px;gap:4px}.question-footnote .icon{width:11px;height:11px}.choice-option{min-height:69px;padding:12px;gap:8px}.choice-letter{width:14px;font-size:9px}.choice-content{font-size:11px;gap:8px}.choice-content .choice-emoji{font-size:17px}.selection-indicator{width:17px;height:17px}.choice-list{gap:9px}.field-note{font-size:9px;line-height:1.8}.slider-card{padding:24px 20px;min-height:353px}.slider-value{margin-top:31px;margin-bottom:33px}.slider-value h3{font-size:23px}.slider-value p{font-size:10px}.slider-labels{font-size:10px}.slider-hint{font-size:9px;line-height:2;margin-top:30px}.rank-row{padding-left:13px;padding-right:6px;gap:7px;min-height:69px}.rank-number{font-size:16px;width:23px;flex-shrink:0}.rank-label{font-size:11px;line-height:1.65;gap:8px}.rank-label .choice-emoji{font-size:16px}.rank-controls{gap:0}.rank-controls button{width:34px;height:44px}.rank-controls .icon{width:15px;height:15px}.ranking-tip{font-size:9px;line-height:1.8}.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pick-option{font-size:10px;gap:7px;min-height:48px;padding:8px 11px}.pick-option .choice-emoji{font-size:16px}.pick-heading{font-size:10px}.pick-order-label{font-size:10px;gap:3px;margin-top:20px}.pick-order-label small{font-size:8px}.pick-grid~.rank-list .rank-row{min-height:55px}.empty-selection{font-size:10px;line-height:1.9;padding:25px 16px}.result-page{padding:22px 22px 0}.result-banner{font-size:9px;line-height:1.9;align-items:flex-start;padding-bottom:15px}.result-banner .icon{width:13px;height:13px;margin-top:2px}.result-heading{margin:25px 0;align-items:flex-start}.result-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.result-heading h1{font-size:27px;line-height:1.6;margin-top:10px}.result-heading h1 em{display:block}.result-heading p{font-size:9px;line-height:1.9;margin-top:11px;max-width:300px;padding-right:15px}.small-postmark{display:none}.result-grid{grid-template-columns:1fr;gap:29px}.passport-column{position:static;width:100%;max-width:390px;margin:auto}.result-passport{padding:27px 27px 24px}.rp-top{font-size:8px;letter-spacing:1.4px}.rp-top>span:last-child{font-size:7px}.rp-label{font-size:10px;margin-top:24px}.persona-code{font-size:61px;margin-top:16px}.persona-code>span{font-size:43px}.result-passport h2{font-size:26px}.persona-keywords{font-size:10px}.persona-globe{margin:22px auto 17px}.persona-globe .icon{height:73px;width:73px}.persona-description{font-size:11px}.persona-tags>span{font-size:8px;padding:5px 7px}.passport-combo{margin-top:22px;padding-top:17px}.passport-combo b{font-size:17px}.passport-machine{font-size:10px;letter-spacing:.2px;margin-top:20px}.share-button{font-size:12px;min-height:49px}.share-caption{font-size:9px;margin-top:10px}.destination-visual{height:205px}.destination-rank{font-size:8px;left:15px;top:15px}.destination-body{padding:21px 19px}.destination-title h2{font-size:33px}.destination-title .eyebrow{font-size:8px}.match-score strong{font-size:39px}.match-score>span{font-size:8px}.country-flag{font-size:20px}.result-tabs{gap:24px;margin-top:14px}.result-tabs button{font-size:11px;min-height:47px}.result-explanation{padding-top:19px;min-height:0}.result-explanation h3{font-size:19px;line-height:1.6;margin-bottom:11px}.result-explanation>p{font-size:12px;line-height:1.9}.insight-tags{gap:5px;margin-top:14px}.insight-tags>span{font-size:9px;padding:4px 6px}.result-explanation>p.soft-note{font-size:10px;line-height:1.9;margin-top:15px;padding-top:12px}.other-destinations-heading{margin-top:24px;margin-bottom:13px}.other-destinations-heading h3{font-size:13px}.other-destinations>article{padding:13px;gap:12px}.mini-landscape{display:block;width:72px;height:119px}.mini-landscape .landscape{width:175px;left:calc(50% - 87px)}.other-country{padding-top:2px}.other-country .eyebrow{font-size:7px}.other-country h3{font-size:21px;padding-right:30px;line-height:1.6}.other-country h3 span{font-size:14px}.other-country>p{font-size:10px;line-height:1.8;padding-right:0}.other-score{font-size:17px;right:12px;top:14px}.other-score small{font-size:6px}.other-country summary{font-size:9px;min-height:31px}.other-country details>p{font-size:10px}.result-notes{margin-top:28px;padding-top:19px}.result-notes>p{font-size:10px;line-height:2;margin-top:10px}.result-notes h3{font-size:12px}.result-notes>div:last-child{justify-content:space-between;gap:10px;margin-top:15px}.result-notes .text-link{font-size:10px}.modal{padding:23px 20px;max-height:calc(100dvh - 26px);border-radius:10px}.modal-heading h2{font-size:20px}.modal-heading .eyebrow{font-size:6px;letter-spacing:.7px}.icon-button{width:39px;height:39px}.modal-prose p{font-size:12px;line-height:2}.modal-save{font-size:12px;min-height:47px}.share-preview{max-width:280px;margin-top:20px}.share-preview .compact{padding:21px 20px 18px}.compact .rp-top{font-size:7px}.compact .rp-top>span:last-child{font-size:6px}.compact .rp-label{font-size:8px;margin-top:18px}.compact .persona-code{font-size:43px}.compact .persona-code>span{font-size:33px}.compact h2{font-size:20px}.compact .persona-keywords{font-size:8px}.compact .persona-globe{margin-top:16px;margin-bottom:12px}.compact .persona-globe .icon{width:48px;height:48px}.compact .persona-description{font-size:9px}.compact .persona-tags>span{font-size:7px;padding:4px}.compact .passport-combo{padding-top:11px;margin-top:15px}.compact .passport-combo b{font-size:15px}.compact .passport-machine{font-size:8px;margin-top:15px}.modal-footnote{font-size:8px}}
@media(max-width:374px){.home-page{padding:0 18px}.header-inner,.footer-inner{padding:0 18px}.hero h1{font-size:31px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px;padding:12px 13px;gap:10px}.hero-actions .text-link{font-size:9px}.hero-stats>div{padding-left:13px;padding-right:10px}.hero-stats>div>span{font-size:7px}.passport-art{transform:scale(.9);transform-origin:top center;margin-bottom:-34px}.passport-book{left:96px}.hero-stamp{right:-7px}.quiz-layout,.result-page{padding-left:17px;padding-right:17px}.question-heading h1{font-size:24px}.auto-hint{display:none}.next-button{margin-left:auto}.visual-option-text{padding-left:8px;padding-right:8px}.visual-option-text strong{font-size:11px}.visual-option-text>span{font-size:8px}.rank-label{font-size:10px}.rank-label .choice-emoji{font-size:14px}.rank-controls button{width:31px}.persona-code{font-size:55px}.result-passport h2{font-size:23px}.passport-machine{font-size:9px}.result-explanation h3{font-size:18px}.mini-landscape{width:65px}.other-country h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button.primary:hover,.visual-option:hover{transform:none}}

/* Readable copy and touch targets at real device sizes. */
.hero-detail{font-size:13px}.privacy-line{font-size:11px}.nav-link{font-size:13px}.hero-stats>div>span{font-size:10px}.prototype-note{font-size:11px}.steps p{font-size:12px}.section-intro p{font-size:12px}.question-heading p{font-size:13px}.visual-option-text strong{font-size:14px}.visual-option-text>span{font-size:12px}.choice-content,.rank-label{font-size:13px}.field-note,.ranking-tip{font-size:11px}.rank-controls button{width:44px;height:44px}.result-explanation>p{font-size:13px}.result-explanation>p.soft-note{font-size:11px}.persona-description{font-size:12px}.other-country>p{font-size:11px}.other-country summary{min-height:44px;font-size:10px}.other-country details>p{font-size:11px}.result-notes>p{font-size:11px}.text-link{min-height:44px}.question-footnote{font-size:10px}.result-banner{font-size:11px}.result-heading p{font-size:12px}
@media(max-width:640px){.hero-detail{font-size:12px}.hero-description{font-size:15px}.privacy-line{font-size:10px}.nav-link{font-size:11px}.hero-stats>div>span{font-size:9px}.prototype-note{font-size:11px}.steps p{font-size:12px}.steps h3{font-size:14px}.section-intro p{font-size:12px}.visual-option-text strong{font-size:13px}.visual-option-text>span{font-size:11px}.wide-option .visual-option-text>span{font-size:11px}.wide-option .visual-option-text strong{font-size:13px}.wide-option>.landscape{height:95px}.choice-content,.rank-label{font-size:12px}.choice-letter{font-size:11px}.question-heading p{font-size:13px}.ranking-tip,.field-note{font-size:11px}.rank-row{gap:5px}.rank-label{gap:6px}.rank-controls button{width:44px;height:44px}.pick-option{font-size:12px;padding:8px}.pick-option>.choice-emoji{font-size:15px}.question-footnote{font-size:10px}.auto-hint{font-size:9px}.back-button{font-size:11px}.next-button{font-size:11px}.result-heading p{font-size:11px}.result-banner{font-size:10px}.result-explanation>p{font-size:13px}.result-explanation>p.soft-note{font-size:12px}.persona-description{font-size:12px}.other-country>p{font-size:11px}.other-country details>p{font-size:12px}.other-country summary{font-size:10px;min-height:44px}.result-notes>p{font-size:12px}.compact .persona-description{font-size:10px}.result-notes .text-link{font-size:11px}.other-country h3{padding-right:25px}.slider-value p{font-size:12px}.slider-labels{font-size:12px}.slider-hint{font-size:11px}}
@media(max-width:374px){.hero-stats>div>span{font-size:8px}.hero h1{font-size:30px}.wide-option .visual-option-text strong{font-size:12px}.visual-option-text strong{font-size:12px}.rank-label{font-size:11px}.rank-label .choice-emoji{display:none}.rank-controls button{width:44px}.result-passport{padding-left:20px;padding-right:20px}}
@media(max-width:374px){.passport-art{width:329px;max-width:none;left:50%;margin-left:-164.5px;margin-right:0;transform:scale(.8);transform-origin:top center;margin-bottom:-76px}}

.generated-passport{display:block;width:100%;height:auto;border-radius:6px;border:1px solid #cfd9bf;box-shadow:0 8px 24px #31453610}
/* Complete product: progress, dynamic reports, navigation and readable long content. */
.chapter-note{display:flex;align-items:center;gap:7px;font-size:12px;padding:12px 14px;background:#eaf0df;border:1px solid #d5dfc6;border-radius:6px;margin-top:20px;color:#667e54}.chapter-note .icon{width:16px;height:16px}.choice-option:disabled{opacity:.48;background:#f1f1e9;border-color:var(--line)}.slider-labels{gap:20px}.slider-labels>span{max-width:46%}.slider-labels>span:last-child{text-align:right}.slider-value h3{font-size:23px;line-height:1.7}.layer-scores{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:21px 0 10px}.layer-scores>div{display:grid;grid-template-columns:1fr auto;font-size:11px;gap:7px}.layer-scores small{font-size:9px;color:#9ca78d;margin-left:4px}.layer-scores b{font-family:Georgia,serif;font-weight:400;color:#728860}.layer-scores i{grid-column:1/-1;height:4px;background:#e9eddf;border-radius:3px;overflow:hidden}.layer-scores em{display:block;height:100%;background:#8c9f76}.result-explanation>p+p{margin-top:11px}.result-explanation h3{line-height:1.7}.result-passport .persona-description{line-height:1.9;text-align:left}.compact .persona-description{font-size:10px}.long-code .persona-code{font-size:43px}.long-code .persona-code>span{font-size:32px}.compact.long-code .persona-code{font-size:37px}.compact.long-code .persona-code>span{font-size:28px}.other-country>p{padding-right:0;margin-top:13px;line-height:1.9}.other-country h3{padding-right:38px}.other-country .eyebrow{padding-right:40px}.other-score{min-width:30px}.close-match-note{font-size:11px;color:#8a947d;line-height:1.9;padding:12px 4px}.result-notes>div:last-child{flex-wrap:wrap}.result-notes>p+p{margin-top:5px}.recovery-page{max-width:650px;margin:80px auto 100px;text-align:center;padding:0 25px}.recovery-icon{width:80px;height:80px;border-radius:50%;background:var(--sage);display:grid;place-items:center;margin:0 auto 28px}.recovery-icon .icon{width:42px;height:42px;stroke-width:1}.recovery-page h1{font-family:var(--serif);font-size:32px;margin-top:12px}.recovery-page p{font-size:14px;color:var(--muted);line-height:2;margin:20px 0 25px}.recovery-page>.button{margin:0 15px 0 0}.answer-directory{margin-top:20px;display:flex;flex-direction:column;gap:7px}.answer-directory button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:12px;text-align:left;min-height:48px;background:var(--white);font-size:12px}.answer-directory button>span:first-child{font-family:Georgia,serif;color:#8ca075;font-size:16px}.answer-directory button>span:nth-child(2){flex:1}.answer-directory .icon{width:16px;height:16px;color:#698757}.answer-directory button:disabled{opacity:.4}.answer-directory button:hover:not(:disabled){background:#edf1e3}.modal-intro{font-size:12px;color:var(--muted);line-height:1.9;margin-top:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.persona-tags:empty{display:none}.persona-code{font-size:53px}.persona-code>span{font-size:38px}
@media(max-width:640px){.chapter-note{font-size:11px;align-items:flex-start}.question-progress>span:last-child{font-size:9px}.question-heading h1{font-size:25px}.question-actions{flex-wrap:wrap}.slider-value h3{font-size:21px}.slider-labels{font-size:11px;line-height:1.8}.auto-hint{display:none}.next-button{margin-left:auto}.layer-scores{gap:18px}.layer-scores>div{font-size:11px}.result-passport .persona-description{font-size:12px}.compact .persona-description{font-size:10px}.result-passport .persona-code{font-size:53px}.result-passport .persona-code>span{font-size:37px}.result-passport.long-code .persona-code{font-size:41px}.result-passport.long-code .persona-code>span{font-size:29px}.compact .persona-code{font-size:44px}.compact .persona-code>span{font-size:31px}.result-heading h1{font-size:26px}.result-heading p{font-size:12px;padding-right:0}.result-banner{font-size:11px}.result-notes .text-link{font-size:11px}.modal-actions{flex-direction:column}.modal-actions>.button{width:100%}.other-destinations>article{gap:11px}.other-country>p{font-size:12px}.mini-landscape{width:64px;height:119px}.other-country h3{font-size:20px}.recovery-page{margin:55px auto}.recovery-page h1{font-size:26px}.recovery-page p{font-size:13px}.recovery-page>.text-link{display:flex;justify-content:center;margin-top:14px}.result-explanation>p{font-size:14px}.site-header nav{gap:12px}.question-footnote{font-size:11px}}
@media(max-width:374px){.site-header nav{gap:9px}.site-header .prototype-pill{display:none}.result-passport .persona-code{font-size:45px}.result-passport .persona-code>span{font-size:32px}.result-passport.long-code .persona-code{font-size:35px}.result-passport.long-code .persona-code>span{font-size:26px}.result-heading h1{font-size:24px}.other-destinations .mini-landscape{display:none}.question-heading h1{font-size:23px}}

/* Explicit confirmation, numeric slider steps and touch-friendly sorting. */
.slider-value{margin:24px 0 20px}
.slider-number{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:9px 0 3px;font-variant-numeric:tabular-nums;color:var(--ink)}
.slider-number strong{font:400 55px/1.2 Georgia,serif;min-width:1.7em;text-align:right}
.slider-number>span{font-size:13px;color:#839173}
.slider-value h3{margin-top:12px;min-height:3.4em;display:flex;align-items:center;justify-content:center;text-wrap:balance}
.slider-value p{font-size:11px}
.slider-scale{position:relative;height:36px;margin:0 12px 8px}
.slider-tick{position:absolute;top:0;width:1px;height:6px;background:#c2ccb4;transform:translateX(-50%)}
.slider-tick.major{height:10px;background:#9dab8b}
.slider-tick.active{width:3px;height:11px;background:#4e6d43}
.slider-tick b{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:400;color:#758466;font-variant-numeric:tabular-nums}
.slider-tick.active b{font-weight:700;color:var(--ink)}
.slider-hint{margin-top:22px}
.rank-row{gap:12px;position:relative}
.rank-label{min-width:0}
.rank-handle{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:6px;color:#849774;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.rank-handle:hover,.rank-handle:focus-visible{background:#e5ebd9;color:#46623a}
.rank-handle:active{cursor:grabbing}
.rank-placeholder,.rank-row.rank-placeholder:first-child{border:1px dashed #96aa7c;background:#e8eddc;box-shadow:inset 0 0 0 2px var(--paper)}
.rank-placeholder>*{opacity:0}
.rank-drag-preview{position:fixed;z-index:20;pointer-events:none;list-style:none;margin:0;border-color:#96a782;background:#fcfdf8;box-shadow:0 12px 28px #334e432b;transform:rotate(-.6deg);padding:7px 12px 7px 18px}
.sorting,.sorting *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
.pick-order-label{flex-wrap:wrap;line-height:1.8}
.pick-order-label small{margin-left:auto}
@media(max-width:640px){
  .slider-card{padding:22px 18px}
  .slider-number strong{font-size:48px}
  .slider-value{margin:24px 0 17px}
  .slider-value h3{font-size:21px;line-height:1.7;min-height:3.4em}
  .slider-emblems{font-size:9px}
  .slider-labels{font-size:11px;margin-top:8px}
  .slider-hint{font-size:11px}
  .rank-row,.rank-drag-preview{gap:10px;padding-left:13px;padding-right:6px}
  .rank-label{font-size:13px}
  .rank-handle{flex-basis:44px;width:44px;min-height:48px}
  .pick-order-label{font-size:11px}
  .pick-order-label small{font-size:10px;margin-left:0;width:100%;padding-left:23px}
}
@media(max-width:374px){.slider-value h3{font-size:19px}.slider-labels{gap:10px}.rank-label{font-size:12px}.rank-row{gap:6px}}

/* The generated poster is the preview. Saving stays within reach on long images. */
.share-modal[open]{display:flex;flex-direction:column;width:min(680px,calc(100% - 28px));padding:0;overflow:hidden;max-height:calc(100dvh - 28px)}
.share-modal>.modal-heading{padding:18px 22px;flex-shrink:0;border-bottom:1px solid var(--line)}
.share-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;padding:20px;background:#e9ecdf}
.share-modal .share-preview{width:100%;max-width:560px;margin:0 auto}
.share-modal .generated-passport{height:auto;border:0;border-radius:4px;box-shadow:0 4px 18px #31453614;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}
.share-loading{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:28px;color:var(--ink);background:var(--paper);border-radius:8px}
.share-loading>.icon{width:48px;height:48px;color:#8e9e7e}
.share-loading p{font-family:var(--serif);font-size:22px}
.share-loading>span{font-size:12px;color:var(--muted)}
.share-loading button{margin-top:12px;min-height:44px}
.share-toolbar{padding:14px 22px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-shrink:0;background:var(--paper)}
.share-toolbar .modal-save{margin:0;font-size:15px;min-height:48px}
.share-toolbar .modal-footnote{font-size:11px;margin-top:8px;line-height:1.6}
@media(max-width:640px){
  .share-modal[open]{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}
  .share-modal>.modal-heading{padding:12px 14px}
  .share-modal .modal-heading h2{font-size:20px}
  .share-modal .modal-heading .eyebrow{display:none}
  .share-scroll{padding:10px}
  .share-toolbar{padding:10px 12px max(10px,env(safe-area-inset-bottom))}
}

/* SVG decorations stay consistent across desktop and mobile emoji fonts. */
.art-spark{display:grid;place-items:center;line-height:1}
.art-spark .icon{width:1em;height:1em;stroke-width:1.2;stroke-linecap:butt}

/* A visible discovery inside the passport, with readable explanations. */
.hidden-tags{margin-top:24px;padding:16px 14px;text-align:left;background:#fbf4e4;border:1px solid #d8bb85;border-radius:8px;box-shadow:0 4px 12px #7f62360a}
.hidden-tags-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hidden-tags-heading h3{display:flex;align-items:center;gap:5px;font-size:13px;line-height:1.5;font-weight:600;color:#76562e}
.hidden-tags-heading .icon{width:18px;height:18px;flex-shrink:0;color:#a47a3d}
.hidden-tags-heading>span{font-size:10px;line-height:1.5;color:#75552d;background:#efe0bd;border-radius:20px;padding:3px 8px;white-space:nowrap}
.hidden-tags-intro{font-size:11px;line-height:1.6;color:#846c4b;margin-top:5px}
.hidden-tag-list{margin-top:13px}
.hidden-tag+.hidden-tag{margin-top:14px;padding-top:14px;border-top:1px dashed #dcc8a1}
.hidden-tag h4{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;line-height:1.45;font-weight:600;color:#57442a;overflow-wrap:anywhere}
.hidden-tag-symbol{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;font-size:20px;background:#f3e7ce;border-radius:50%}
.hidden-tag p{font-size:12px;line-height:1.8;color:#79664b;margin-top:8px}
.unlocked-combo>span{font:500 11px/1.6 var(--sans);letter-spacing:1px;color:#876039}
.unlocked-combo b{color:#785530}
.compact .hidden-tags{padding:12px 10px;margin-top:18px}
.compact .hidden-tags-heading h3{font-size:11px}
.compact .hidden-tags-heading>span{font-size:9px;padding:2px 6px}
.compact .hidden-tag h4{font-size:15px;gap:6px}
.compact .hidden-tag-symbol{width:25px;height:25px;font-size:17px}
.compact .hidden-tag p{font-size:11px;line-height:1.7}
@media(min-width:641px){.passport-column:has(.hidden-tags){position:static}}
@media(max-width:374px){.hidden-tags{padding:14px 10px}.hidden-tag h4{font-size:16px}}

/* Focused quiz: fit the available viewport without clipping long answers. */
body[data-page="quiz"] .site-header{position:sticky;top:0;z-index:10}
body[data-page="quiz"] .site-footer{display:none}
body[data-page="quiz"] .quiz-layout{min-height:calc(100vh - 98px);min-height:calc(100svh - 98px);padding-top:24px;padding-bottom:24px;align-items:center}
body[data-page="quiz"] .question-heading{margin:18px 0}
body[data-page="quiz"] .question-heading h1{font-size:25px;margin-top:9px;line-height:1.45}
body[data-page="quiz"] .visual-option>.landscape{height:88px}
body[data-page="quiz"] .wide-option>.landscape{height:76px}
body[data-page="quiz"] .question-actions{position:sticky;bottom:0;z-index:3;background:var(--paper);margin-top:16px;padding:12px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 16px var(--paper);flex-wrap:nowrap}
body[data-page="quiz"] .question-footnote{margin-top:4px}
.choice-list.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.choice-grid .choice-option{min-width:0;gap:8px;padding:10px 12px;min-height:56px}
.choice-grid .choice-letter{display:none}
.choice-grid .choice-content{display:block;min-width:0;line-height:1.5;overflow-wrap:anywhere}
.choice-grid .choice-emoji{font-size:15px;margin-right:5px}
.choice-grid .selection-indicator{width:16px;height:16px}
.pick-edit{font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.pick-heading:has(.pick-edit){align-items:center;margin-bottom:4px}
.pick-option>span:last-child .icon{width:15px;height:15px}
@media(min-width:851px){
  body[data-page="quiz"] .slider-card{min-height:0;padding:20px 26px}
  body[data-page="quiz"] .slider-value{margin:16px 0 10px}
  body[data-page="quiz"] .slider-value h3{min-height:2em}
  body[data-page="quiz"] .slider-hint{margin-top:12px}
}
@media(max-width:850px){
  body[data-page="quiz"] .site-header{height:56px}
  body[data-page="quiz"] .header-inner{padding:0 16px}
  body[data-page="quiz"] .brand{font-size:20px;gap:7px}
  body[data-page="quiz"] .brand-symbol{width:29px;height:31px;border-radius:8px}
  body[data-page="quiz"] .brand-symbol .icon{width:22px;height:22px}
  body[data-page="quiz"] .brand-sub,
  body[data-page="quiz"] .edition,
  body[data-page="quiz"] .header-separator,
  body[data-page="quiz"] .prototype-pill{display:none}
  body[data-page="quiz"] .site-header nav{gap:14px}
  body[data-page="quiz"] .nav-link{font-size:11px;min-height:44px;display:flex;align-items:center}
  body[data-page="quiz"] .quiz-layout{min-height:calc(100vh - 56px);min-height:calc(100svh - 56px);padding:12px 16px;max-width:640px}
  body[data-page="quiz"] .question-progress{margin-bottom:6px;font-size:10px}
  body[data-page="quiz"] .question-progress b{font-size:18px}
  body[data-page="quiz"] .question-progress>span:last-child{font-size:9px}
  body[data-page="quiz"] .question-heading{margin:14px 0 12px}
  body[data-page="quiz"] .question-kicker{font-size:9px;letter-spacing:.5px;gap:8px}
  body[data-page="quiz"] .question-type{font-size:9px;padding-left:8px}
  body[data-page="quiz"] .question-heading h1{font-size:22px;line-height:1.4;margin-top:7px;text-wrap:pretty}
  body[data-page="quiz"] .question-heading p{font-size:12px;line-height:1.5;margin-top:6px}
  body[data-page="quiz"] .chapter-note{display:none}
  body[data-page="quiz"] .visual-grid{grid-template-columns:1fr;gap:6px}
  body[data-page="quiz"] .visual-option{display:grid;grid-template-columns:60px minmax(0,1fr) 20px;gap:9px;align-items:center;padding:7px;min-height:66px;grid-column:auto}
  body[data-page="quiz"] .visual-option>.landscape{width:60px;height:52px;border-radius:4px}
  body[data-page="quiz"] .visual-option-text{padding:0;min-width:0}
  body[data-page="quiz"] .visual-option-text strong{font-size:13px;line-height:1.4;padding:0}
  body[data-page="quiz"] .visual-option-text>span{font-size:12px;line-height:1.5;min-height:0;margin-top:3px;padding:0}
  body[data-page="quiz"] .choice-check{position:static;width:20px;height:20px;font-size:10px}
  body[data-page="quiz"] .choice-list{gap:7px}
  body[data-page="quiz"] .choice-option{min-height:52px;padding:10px;gap:8px}
  body[data-page="quiz"] .choice-content{font-size:13px;line-height:1.5;gap:7px}
  body[data-page="quiz"] .choice-letter{font-size:11px;width:14px}
  body[data-page="quiz"] .choice-grid{gap:6px}
  body[data-page="quiz"] .choice-grid .choice-option{min-height:52px;padding:9px 8px;gap:6px}
  body[data-page="quiz"] .choice-grid .choice-content{font-size:13px}
  body[data-page="quiz"] .field-note{font-size:11px;line-height:1.5;margin-top:8px}
  body[data-page="quiz"] .pick-heading{font-size:12px;margin-bottom:8px}
  body[data-page="quiz"] .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body[data-page="quiz"] .pick-option{font-size:13px;min-height:46px;padding:9px 11px}
  body[data-page="quiz"] .ranking-tip{font-size:11px;line-height:1.5;margin-bottom:8px}
  body[data-page="quiz"] .rank-list{gap:7px}
  body[data-page="quiz"] .rank-row{min-height:52px;padding:2px 4px 2px 12px;gap:8px}
  body[data-page="quiz"] .rank-label{font-size:13px;line-height:1.5;gap:6px}
  body[data-page="quiz"] .rank-number{font-size:16px;width:22px}
  body[data-page="quiz"] .rank-handle{height:44px;min-height:44px;flex-basis:44px}
  body[data-page="quiz"] .slider-card{padding:16px 18px;min-height:0}
  body[data-page="quiz"] .slider-emblems{display:none}
  body[data-page="quiz"] .slider-value{margin:0 0 10px}
  body[data-page="quiz"] .slider-value .eyebrow{display:none}
  body[data-page="quiz"] .slider-number{margin:0 0 3px}
  body[data-page="quiz"] .slider-number strong{font-size:44px}
  body[data-page="quiz"] .slider-value h3{font-size:20px;line-height:1.5;min-height:3em;margin-top:4px}
  body[data-page="quiz"] .slider-value p{font-size:11px;line-height:1.5;margin-top:4px}
  body[data-page="quiz"] .slider-scale{height:31px;margin-bottom:3px}
  body[data-page="quiz"] .slider-labels{font-size:12px;line-height:1.5;gap:12px;margin-top:3px}
  body[data-page="quiz"] .slider-hint{font-size:11px;line-height:1.5;margin-top:12px}
  body[data-page="quiz"] .slider-hint br{display:none}
  body[data-page="quiz"] .question-actions{margin-top:12px;padding-top:10px;gap:8px}
  body[data-page="quiz"] .auto-hint{display:none}
  body[data-page="quiz"] .back-button{font-size:12px;min-height:44px}
  body[data-page="quiz"] .next-button{font-size:13px;min-height:44px;padding:10px 16px;margin-left:auto}
  body[data-page="quiz"] .question-footnote{font-size:10px;line-height:1.5;gap:4px}
}
@media(max-width:850px) and (max-height:740px){
  body[data-page="quiz"] .quiz-layout{padding-top:10px;padding-bottom:10px}
  body[data-page="quiz"] .question-heading{margin:10px 0}
  body[data-page="quiz"] .question-heading h1{font-size:21px}
  body[data-page="quiz"] .visual-option{grid-template-columns:48px minmax(0,1fr) 20px;min-height:54px;padding:5px 7px}
  body[data-page="quiz"] .visual-option>.landscape{width:48px;height:44px}
  body[data-page="quiz"] .visual-option-text strong{display:none}
  body[data-page="quiz"] .visual-option-text>span{font-size:13px;margin-top:0}
  body[data-page="quiz"] .choice-grid{gap:5px}
  body[data-page="quiz"] .choice-grid .choice-option{padding-top:6px;padding-bottom:6px;min-height:48px}
  body[data-page="quiz"] .question-panel[data-question-type="multi_select"] .question-heading p{display:none}
  body[data-page="quiz"] .question-actions{margin-top:10px}
}
@media(max-width:850px) and (max-height:600px){
  body[data-page="quiz"] .site-header{height:48px}
  body[data-page="quiz"] .quiz-layout{min-height:calc(100vh - 48px);min-height:calc(100svh - 48px);padding-top:8px;padding-bottom:8px}
  body[data-page="quiz"] .question-heading{margin:8px 0}
  body[data-page="quiz"] .question-heading h1{font-size:20px;margin-top:5px}
  body[data-page="quiz"] .slider-card{padding:12px 16px}
  body[data-page="quiz"] .slider-number strong{font-size:36px}
  body[data-page="quiz"] .slider-value{margin-bottom:4px}
  body[data-page="quiz"] .slider-value h3{font-size:18px}
  body[data-page="quiz"] .slider-value p,
  body[data-page="quiz"] .slider-hint,
  body[data-page="quiz"] .question-panel[data-question-type="ranking"] .question-heading p,
  body[data-page="quiz"] .question-panel[data-question-type="rank_top5"] .question-heading p{display:none}
  body[data-page="quiz"] .rank-list{gap:5px}
  body[data-page="quiz"] .rank-row{min-height:48px;padding-top:0;padding-bottom:0}
}