:root{--paper:#f7f5ed;--ink:#25251f;--muted:#5c5d52;--orange:#bd4525;--line:#d1d0c4;--soft:#eeede3;--yellow:#f3d978;--green:#b5d3b1;--white:#fffef8;--font-body:Arial, Helvetica, sans-serif;--font-display:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{opacity:.5;cursor:not-allowed}a,button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;font-weight:400;line-height:1.08}h3{letter-spacing:-.02em;font-size:20px;line-height:1.25}p{color:var(--muted)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}svg{display:block}::selection{background:var(--yellow);color:var(--ink)}.wrap{max-width:1220px;margin:auto;padding:0 36px}.eyebrow{letter-spacing:.13em;font-size:11px;font-weight:700;line-height:1.5}.tiny-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;min-height:100px;margin:auto;padding:20px 48px;display:flex}.wordmark{letter-spacing:-1.5px;align-items:center;gap:11px;font-size:29px;font-weight:800;display:flex}.wordmark svg{width:31px;height:31px;color:var(--orange)}.brand-dot{color:var(--orange);margin-left:-9px}.site-header nav{align-items:center;gap:30px;font-size:13px;font-weight:600;display:flex}.site-header nav>a{align-items:center;min-height:44px;transition:color .2s;display:flex}.site-header nav>a:hover,.text-link:hover,.link-button:hover{color:var(--orange)}.nav-cta{border:1px solid var(--ink);border-radius:30px;gap:25px;padding:10px 20px}.button{border:1px solid var(--ink);border-radius:6px;justify-content:center;align-items:center;gap:23px;min-height:54px;padding:14px 25px;font-size:14px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink)}.button.primary{background:var(--orange);color:var(--white);border-color:var(--orange)}.button.primary:hover:not(:disabled){background:#b74021}.button.outline{background:0 0}.button.quiet{background:0 0;border-color:#0000}.button.quiet:hover:not(:disabled){box-shadow:none;background:var(--soft)}.link-button{text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:8px 4px;font-size:13px;text-decoration:underline}.text-link{text-underline-offset:5px;align-items:center;gap:15px;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.micro{margin-top:14px;font-size:12px}.hero{grid-template-columns:1.06fr 1fr;align-items:center;gap:80px;padding-top:76px;padding-bottom:80px;display:grid}.hero-copy h1{margin:23px 0;font-size:clamp(62px,6.7vw,96px);position:relative}.hero-copy h1 em,.page-intro em{color:var(--orange);font-weight:400}.hero-copy h1>svg{width:55px;color:var(--orange);position:absolute;bottom:10px;left:355px;transform:rotate(10deg)}.hero-sub{max-width:375px;margin-bottom:29px;font-size:17px;line-height:1.7}.hero-footnote{align-items:center;gap:12px;max-width:300px;margin-top:42px;font-size:12px;display:flex}.hero-footnote svg{flex-shrink:0;width:25px}.hero-art{padding:25px 12px;position:relative}.scribble-label{font:italic 17px var(--font-display);z-index:1;position:absolute;top:-28px;right:30px;transform:rotate(-6deg)}.scribble-label span{margin-left:12px;font-size:30px;display:inline-block}.preview-card{background:var(--green);border:1.5px solid var(--ink);text-align:center;border-radius:9px;max-width:430px;margin:auto;padding:24px 30px 0;transform:rotate(3deg);box-shadow:8px 9px #e6e4d8}.card-top{letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.card-top svg{width:22px;height:22px}.preview-card>svg{width:235px;height:235px;margin:15px auto 13px}.preview-card h2{margin:8px 0 12px;font-size:38px}.preview-card>p{color:var(--ink);max-width:285px;margin:auto;font-size:14px}.trait-row{flex-wrap:wrap;justify-content:center;gap:7px;margin:22px 0 24px;display:flex}.trait-row span{border:1px solid #25251f66;border-radius:30px;padding:4px 12px;font-size:11px}.card-bottom{letter-spacing:.03em;border-top:1px solid #25251f55;justify-content:space-between;align-items:center;padding:14px 0;font-size:10px;display:flex}.card-bottom>span{font-size:22px}.sticker{background:var(--yellow);border:1.5px solid var(--ink);text-align:center;width:106px;height:106px;font-family:var(--font-display);border-radius:50%;place-content:center;font-size:20px;line-height:1.1;display:grid;position:absolute;bottom:18px;right:-14px;transform:rotate(-12deg)}.ticker{border-block:1px solid var(--ink);background:var(--yellow);letter-spacing:.14em;justify-content:space-around;align-items:center;gap:24px;padding:20px 32px;font-size:11px;font-weight:700;display:flex}.ticker svg{flex-shrink:0;width:20px}.ticker span{white-space:nowrap}.how-section{grid-template-columns:1fr 1fr;gap:100px;padding-top:95px;padding-bottom:95px;display:grid}.section-intro h2{margin:18px 0 20px;font-size:49px}.section-intro p{max-width:330px;font-size:15px}.steps article{border-bottom:1px solid var(--line);margin-bottom:23px;padding:0 0 24px 50px;position:relative}.steps article:last-child{margin-bottom:0}.step-no{font:28px var(--font-display);color:var(--orange);position:absolute;top:-3px;left:0}.steps article p{margin-top:8px;font-size:14px}.types-section{background:var(--soft);border-block:1px solid var(--line);padding:70px 0 80px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px;display:flex}.section-heading h2{margin-top:14px;font-size:46px}.teaser-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.type-teaser{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:23px 20px 30px;transition:border-color .2s,box-shadow .2s;display:block;position:relative}.type-teaser:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--line)}.type-teaser>svg{width:150px;height:150px;margin:20px auto 25px}.type-teaser h3{font:25px var(--font-display);letter-spacing:-.04em}.type-teaser p{max-width:190px;margin-top:10px;font-size:13px;line-height:1.5}.teaser-arrow{font-size:24px;position:absolute;bottom:15px;right:15px}.faq-section{grid-template-columns:1fr 1.4fr;gap:60px;padding-top:80px;padding-bottom:80px;display:grid}.faq-section h2{margin-top:15px;font-size:49px}.faq-list details{border-bottom:1px solid var(--line)}summary{min-height:60px;padding:18px 0;font-size:15px;font-weight:600}details p{max-width:600px;padding:0 0 20px;font-size:14px}summary::marker{color:var(--orange)}.bottom-cta{text-align:center;padding-top:30px;padding-bottom:95px}.bottom-cta>svg{width:45px;color:var(--orange);margin:0 auto 20px}.bottom-cta h2{margin-bottom:28px;font-size:52px}.site-footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:35px 48px}.footer-brand{font-family:var(--font-display);font-size:24px}.site-footer>p{margin:15px 0 23px;font-size:11px}.site-footer>div{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.site-footer>div a{text-underline-offset:4px;text-decoration:underline}.skip-link{background:var(--ink);color:var(--paper);z-index:100;opacity:0;pointer-events:none;padding:12px 18px;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.quiz-page{max-width:850px;min-height:calc(100vh - 220px);padding-top:40px;padding-bottom:65px}.quiz-meta{justify-content:space-between;align-items:center;font-size:13px;display:flex}.progress{background:var(--line);border-radius:9px;height:5px;margin-top:13px;overflow:hidden}.progress>span{background:var(--orange);height:100%;transition:width .2s;display:block}.quiz-intro{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:9px;font-size:12px;display:flex}.resume-note{background:var(--yellow);border-radius:4px;margin-top:12px;padding:10px 15px;font-size:12px}.question-panel{margin-top:35px}.question-label{color:var(--orange);justify-content:space-between;align-items:center;display:flex}.question-label svg{width:25px}.question-panel h1{outline:none;min-height:100px;margin:12px 0 28px;font-size:42px;line-height:1.2}.question-panel fieldset{border:0;flex-direction:column;gap:12px;margin:0;padding:0;display:flex}.answer{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:6px;align-items:center;gap:16px;min-height:66px;padding:14px 18px;font-size:15px;transition:background .18s,border-color .18s;display:flex;position:relative}.answer:hover{border-color:var(--ink)}.answer.selected{background:var(--yellow);border-color:var(--ink)}.answer input{opacity:0;width:1px;height:1px;position:absolute}.answer:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}.answer-letter{border:1px solid var(--line);border-radius:4px;flex-shrink:0;place-content:center;width:31px;height:31px;font-size:12px;display:grid}.selected .answer-letter{border-color:var(--ink)}.answer-check{min-width:18px;margin-left:auto;font-size:20px}.quiz-actions{justify-content:space-between;margin-top:26px;display:flex}.form-error{color:#a6371c;margin-top:14px;font-size:14px}.quiz-footnote{text-align:center;margin-top:30px;font-size:12px}.loading{text-align:center;padding:80px}.result-page{padding-top:35px;padding-bottom:80px}.result-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.result-intro>span:last-child{color:var(--muted);font-size:12px}.result-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;display:grid}.result-card{border:1.5px solid var(--ink);text-align:center;box-shadow:7px 7px 0 var(--soft);border-radius:10px;padding:25px 30px 0}.result-card>svg{width:260px;height:260px;margin:12px auto}.result-card h1{margin:11px 0 15px;font-size:45px}.result-card>p{color:var(--ink);max-width:300px;margin:auto;font-size:15px}.result-copy h2{margin:15px 0 20px;font-size:48px}.result-description{font-size:16px;line-height:1.8}.result-prompt{border-left:3px solid var(--orange);margin:26px 0;padding:0 0 0 18px}.result-prompt p{color:var(--ink);margin-top:9px;font-size:14px}.share-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.share-buttons .button{gap:15px;padding:12px 18px}.share-status{min-height:21px;color:var(--ink);margin-top:12px;font-size:13px}.share-help,.local-note{margin-top:8px;font-size:11px}.local-note{color:var(--orange)}.manual-link{margin:10px 0;font-size:12px;display:block}.manual-link input{border:1px solid var(--ink);background:var(--white);border-radius:5px;width:100%;padding:10px;font-size:12px;display:block}.result-notes{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:28px;margin-top:55px;padding:36px 0;display:grid}.result-notes h3{font:27px var(--font-display);margin:14px 0}.result-notes p{font-size:14px}.preferences{max-width:750px;margin:65px auto 0}.preferences h2{margin:14px 0 18px;font-size:42px}.preferences>p{margin-bottom:32px;font-size:14px}.preference{border-bottom:1px solid var(--line);padding:22px 0}.preference-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.preference-title h3{font-size:18px}.preference-title>span{border:1px solid var(--line);border-radius:20px;padding:4px 11px;font-size:11px}.preference-labels{color:var(--muted);justify-content:space-between;margin:18px 0 10px;font-size:12px;display:flex}.preference-track{background:linear-gradient(90deg, var(--green), var(--yellow));border-radius:9px;height:8px;margin:0 9px 22px;position:relative}.preference-track:before{content:"";border-left:1px solid var(--ink);height:14px;position:absolute;top:-3px;left:50%}.preference-track>span{border:3px solid var(--ink);background:var(--paper);border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;transform:translate(-50%)}.preference p{margin-top:12px;font-size:14px}.scoring-note{margin-top:12px}.feedback-box{background:var(--soft);border-radius:7px;max-width:750px;margin:35px auto;padding:26px}.feedback-box p{margin:8px 0 16px;font-size:13px}.feedback-buttons{flex-wrap:wrap;gap:12px;display:flex}.feedback-buttons .button{min-height:44px;padding:10px 16px;font-size:12px}.result-next{text-align:center;padding-top:30px}.result-next h2{font-size:48px}.result-next p{max-width:410px;margin:22px auto;font-size:14px}.result-next>div{justify-content:center;align-items:center;gap:30px;display:flex}.page-intro{max-width:620px;padding:70px 0 45px}.page-intro h1{margin:20px 0;font-size:64px}.page-intro p{max-width:450px;margin:0 0 24px}.all-types{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px;display:grid}.all-types .type-teaser>svg{width:190px;height:190px}.all-types .type-teaser h2{font-size:29px}.all-types .eyebrow{font-size:9px}.all-types .text-link{margin-top:20px;font-size:12px}.prose-page{max-width:840px;padding-top:65px;padding-bottom:90px}.prose-page h1{margin:20px 0 28px;font-size:53px}.prose-page .lead{font-size:19px}.prose-page h2{margin:35px 0 15px;font-size:32px}.prose-page p{margin-bottom:16px}.prose-page p a{text-underline-offset:4px;text-decoration:underline}.prose-page>.button{margin-top:25px}.quiz-theme{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;padding:28px 0;display:grid}.quiz-theme+.quiz-theme{border-top:1px solid var(--line)}.sbti-home .hero-copy h1{font-size:clamp(58px,6vw,86px)}.sbti-home .hero-footnote a{align-items:center;gap:12px;display:flex}.sbti-overview{grid-template-columns:1.4fr 1fr;gap:50px;padding-top:55px;padding-bottom:65px;display:grid}.sbti-overview h2{margin:20px 0;font-size:42px}.sbti-overview p{max-width:640px}.sbti-stats{align-items:center;gap:30px;display:flex}.sbti-stats span{flex:1;font-size:14px}.sbti-stats strong{font:70px var(--font-display);display:block}.sbti-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:35px 0;display:grid}.sbti-type-grid h2{font-size:28px}.sbti-type-grid .type-teaser>svg{max-width:160px;margin:auto}.sbti-dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:25px 0;display:grid}.sbti-dimensions .preference{min-width:0}.sbti-dimensions h3{font-size:16px}@media (max-width:700px){.sbti-home .hero-copy h1{font-size:58px}.sbti-overview,.sbti-dimensions{grid-template-columns:1fr}.sbti-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sbti-type-grid .type-teaser{padding:20px 12px 35px}.sbti-type-grid h2{font-size:24px}.sbti-overview h2{font-size:34px}}.quiz-theme-art svg{width:100%;height:auto}.quiz-theme-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.site-footer>div{flex-wrap:wrap}@media (max-width:700px){.quiz-theme{grid-template-columns:minmax(0,1fr)}.quiz-theme-art{max-width:120px}}.lab-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0;display:grid}.lab-grid article{border:1px solid var(--line);border-radius:6px;padding:20px}.lab-grid strong{font-size:32px;display:block}.lab-grid span{font-size:12px}.lab-actions{flex-wrap:wrap;gap:15px;display:flex}.lab-events{border-collapse:collapse;width:100%;margin-top:30px;font-size:12px}.lab-events th,.lab-events td{text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:9px}.feedback-question+.feedback-question{margin-top:22px}@media (min-width:1500px){.hero-copy h1>svg{left:370px}}@media (max-width:1050px){.hero{gap:35px}.hero-copy h1>svg{width:40px;left:auto;right:15px}.site-header{padding:18px 30px}.teaser-grid,.all-types{grid-template-columns:repeat(2,1fr)}.type-teaser p{max-width:260px}.how-section{gap:50px}.result-hero{gap:35px}.result-card h1{font-size:37px}.result-card>svg{width:220px;height:220px}.result-copy h2{font-size:42px}.share-buttons .button{font-size:12px}.preview-card{padding-inline:22px}.preview-card>svg{width:210px;height:210px}.preview-card h2{font-size:33px}.ticker span{letter-spacing:.05em;font-size:9px}.hero-sub{font-size:16px}}@media (max-width:700px){.wrap{padding-inline:22px}.site-header{min-height:80px;padding:15px 22px}.wordmark{gap:8px;font-size:24px}.wordmark svg{width:24px;height:24px}.site-header nav{gap:10px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{gap:10px;padding:9px 12px;font-size:11px}.hero{grid-template-columns:1fr;gap:50px;padding-top:45px;padding-bottom:60px}.hero-copy h1{font-size:69px}.hero-copy h1>svg{width:39px;bottom:13px;right:35px}.hero-sub{max-width:390px}.hero-footnote{max-width:330px;margin-top:28px}.hero-art{width:100%;max-width:370px;margin:auto;padding-inline:12px}.preview-card>svg{width:210px;height:210px}.sticker{width:90px;height:90px;font-size:17px;right:0}.ticker{justify-content:center;padding:18px 20px;overflow:hidden}.ticker span:nth-of-type(n+2),.ticker svg:nth-of-type(n+2){display:none}.how-section{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.section-intro h2{font-size:41px}.section-heading{display:block}.section-heading h2{margin-bottom:20px;font-size:38px}.types-section{padding:50px 0}.teaser-grid{gap:12px}.type-teaser{padding:17px 14px 30px}.type-teaser>svg{width:118px;height:118px;margin:18px auto}.type-teaser h3{font-size:25px}.type-teaser p{font-size:12px}.type-teaser .eyebrow{font-size:9px}.faq-section{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:50px}.faq-section h2{font-size:40px}.bottom-cta{padding-bottom:60px}.bottom-cta h2{font-size:42px}.site-footer{padding:28px 22px}.footer-brand{font-size:21px}.site-footer>div{gap:20px}.quiz-page{padding-top:24px;padding-bottom:40px}.quiz-intro{font-size:11px}.quiz-intro>span{max-width:210px}.question-panel{margin-top:22px}.question-panel h1{min-height:115px;margin-bottom:22px;font-size:32px}.answer{gap:12px;min-height:72px;padding:12px;font-size:14px}.answer-letter{width:28px;height:28px}.quiz-actions .button{gap:14px;padding:12px 18px;font-size:12px}.result-page{padding-top:25px}.result-intro,.result-intro>span:last-child{font-size:10px}.result-hero{grid-template-columns:1fr;gap:40px}.result-card{width:100%;max-width:430px;margin:auto;padding-inline:25px}.result-card h1{font-size:40px}.result-card>svg{width:225px;height:225px}.result-copy h2{font-size:43px}.share-buttons{gap:10px}.share-buttons .button{font-size:13px}.result-notes{grid-template-columns:1fr;gap:30px;margin-top:40px;padding:30px 0}.result-notes h3{margin-top:9px}.preferences{margin-top:40px}.preferences h2{font-size:36px}.feedback-box{padding:22px}.result-next h2{font-size:40px}.result-next>div{flex-direction:column;gap:15px}.page-intro{padding-top:45px}.page-intro h1{font-size:52px}.all-types{gap:12px}.all-types .type-teaser>svg{width:120px;height:120px}.all-types .type-teaser h2{font-size:26px}.all-types .eyebrow{font-size:8px}.all-types .type-teaser .text-link{gap:8px;font-size:11px}.prose-page{padding-top:45px}.prose-page h1{font-size:41px}.prose-page .lead{font-size:17px}.lab-grid{grid-template-columns:repeat(2,1fr)}.lab-events th,.lab-events td{padding:6px;font-size:10px}}@media (max-width:370px){.hero-copy h1{font-size:59px}.hero-copy h1>svg{right:16px}.wrap{padding-inline:18px}.wordmark{font-size:22px}.nav-cta{padding-inline:10px}.preview-card h2{font-size:30px}.trait-row span{padding-inline:8px;font-size:10px}.teaser-grid,.all-types{grid-template-columns:1fr}.type-teaser>svg,.all-types .type-teaser>svg{width:180px;height:180px}.share-buttons{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@font-face{font-family:SideQuest Noto;src:url(/fonts/noto-sans.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:SideQuest Thai;src:url(/fonts/noto-sans-thai.woff2)format("woff2");font-weight:100 900;font-display:swap}html:lang(vi),html:lang(ms){--font-body:"SideQuest Noto", Arial, sans-serif;--font-display:"SideQuest Noto", Arial, sans-serif}html:lang(th){--font-body:"SideQuest Thai", "SideQuest Noto", sans-serif;--font-display:"SideQuest Thai", "SideQuest Noto", sans-serif}html:not(:lang(en)) h1,html:not(:lang(en)) h2,html:not(:lang(en)) h3{letter-spacing:0;line-height:1.3}html:lang(th) .eyebrow{letter-spacing:0}html:not(:lang(en)) .hero-copy h1{font-size:clamp(44px,5vw,65px)}html:not(:lang(en)) .hero-copy h1>svg{display:none}html:not(:lang(en)) .sticker{font-family:var(--font-body);padding:12px;font-size:12px;line-height:1.5}html:not(:lang(en)) .type-teaser h3{font-size:22px;font-family:var(--font-display);letter-spacing:0;line-height:1.4}.header-actions{align-items:center;gap:20px;display:flex}.language-menu{flex-shrink:0;position:relative}.language-suggestion{border-bottom:1px solid var(--line);background:var(--yellow);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px max(20px,50vw - 574px);font:14px/1.6 SideQuest Thai,SideQuest Noto,sans-serif;display:flex}.language-suggestion p{color:var(--ink);flex:220px}.language-suggestion a{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;font-weight:700;text-decoration:underline;display:inline-flex}.language-suggestion button{border:1px solid var(--ink);background:0 0;border-radius:5px;flex-shrink:0;width:44px;height:44px;margin-left:auto;font-size:24px;line-height:1}.language-menu summary{border:1px solid var(--line);border-radius:5px;min-height:44px;padding:10px 12px;font-size:12px;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-options{background:var(--white);border:1px solid var(--ink);width:175px;box-shadow:3px 3px 0 var(--soft);z-index:20;border-radius:6px;padding:6px;position:absolute;top:calc(100% + 7px);right:0}.language-options a{min-height:44px;padding:10px;font:14px SideQuest Thai,SideQuest Noto,sans-serif;display:block}.language-options a:hover,.language-options a[aria-current]{background:var(--yellow);border-radius:4px}html:not(:lang(en)) .preview-card h2{font-size:31px}html:not(:lang(en)) .result-card h1{font-size:36px}html:not(:lang(en)) .all-types .type-teaser h2{font-size:24px}@media (max-width:850px){.header-actions{gap:10px}.site-header{flex-wrap:wrap;gap:12px}.site-header nav>a:not(.nav-cta){display:none}}@media (max-width:700px){.site-header{align-items:flex-start}.header-actions{flex-direction:row-reverse;flex:100%;justify-content:space-between}html:not(:lang(en)) .page-intro h1{font-size:40px}html:not(:lang(en)) .question-panel h1{font-size:29px}html:not(:lang(en)) .teaser-grid,html:not(:lang(en)) .all-types{grid-template-columns:1fr}html:not(:lang(en)) .type-teaser>svg,html:not(:lang(en)) .all-types .type-teaser>svg{width:170px;height:170px}.quiz-intro{align-items:flex-start}.quiz-intro .link-button{flex-shrink:0}.preference-title{flex-wrap:wrap}}