@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');

:root { --forest:#426B5A; --forest-deep:#294A3E; --forest-soft:#DDEBE1; --cream:#FBF8F1; --paper:#FFFDF9; --sun:#F4D9A6; --sun-deep:#C5913A; --rose:#EBCBC7; --rose-soft:#F8E9E5; --ink:#24332D; --muted:#6E7D75; --line:#D9E1DB; --danger:#A64444; --danger-soft:#FBE8E5; --white:#fff; --shadow:0 22px 70px rgba(46,72,60,.10); --radius:24px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:'Noto Sans Thai',system-ui,sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
a { color:var(--forest); text-underline-offset:3px; }
[hidden] { display:none !important; }
.ambient { position:fixed; pointer-events:none; z-index:-1; border-radius:50%; filter:blur(2px); opacity:.55; }
.ambient-one { width:440px; height:440px; background:rgba(235,203,199,.25); top:2%; right:-170px; }
.ambient-two { width:300px; height:300px; background:rgba(244,217,166,.22); bottom:-120px; left:-100px; }
.app-shell { max-width:1180px; margin:0 auto; padding:0 28px; }
.topbar { min-height:86px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(66,107,90,.12); }
.brand { display:inline-flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; }
.brand strong { display:block; font-size:20px; font-weight:800; letter-spacing:-.03em; line-height:1.05; }
.brand small { display:block; color:var(--muted); font-size:11px; margin-top:2px; }
.brand-mark { width:38px; height:38px; border-radius:14px 14px 14px 4px; background:var(--forest); position:relative; display:block; transform:rotate(-8deg); box-shadow:4px 5px 0 var(--sun); }
.brand-mark:before { content:''; position:absolute; width:18px; height:25px; border-radius:100% 0 100% 0; border:2px solid var(--sun); border-left:0; border-bottom:0; left:10px; top:6px; transform:rotate(34deg); }
.brand-mark span { position:absolute; width:3px; height:15px; background:var(--sun); left:18px; top:12px; transform:rotate(42deg); border-radius:2px; }
.privacy-chip { display:flex; align-items:center; gap:8px; padding:7px 12px; background:rgba(221,235,225,.65); color:var(--forest); border-radius:999px; font-size:12px; font-weight:700; }
.privacy-dot { width:7px; height:7px; border-radius:50%; background:#65A878; box-shadow:0 0 0 4px rgba(101,168,120,.12); }
.welcome-view { padding:70px 0 44px; }
.hero-copy { max-width:650px; position:relative; z-index:1; }
.eyebrow,.section-kicker { color:var(--forest); font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; margin:0 0 12px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(42px,7vw,78px); line-height:1.08; letter-spacing:-.065em; margin:0 0 20px; font-weight:800; }
h1 em { color:var(--forest); font-style:normal; position:relative; }
h1 em:after { content:''; position:absolute; left:2px; right:8px; bottom:2px; height:7px; background:var(--sun); border-radius:99px; z-index:-1; transform:rotate(-1deg); }
.hero-lede { font-size:18px; color:var(--muted); max-width:560px; margin-bottom:26px; }
.hero-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.button { border:0; border-radius:14px; padding:12px 20px; min-height:48px; font-weight:800; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline:3px solid rgba(197,145,58,.55); outline-offset:3px; }
.button-primary { background:var(--forest); color:var(--white); box-shadow:0 10px 22px rgba(66,107,90,.18); }
.button-primary:hover { background:var(--forest-deep); box-shadow:0 14px 26px rgba(66,107,90,.24); }
.button-large { padding:15px 24px; font-size:16px; }
.button-ghost { background:transparent; color:var(--forest); border:1px solid var(--line); }
.button-ghost:hover { background:var(--white); }
.time-note { color:var(--muted); font-size:13px; }
.tiny-leaf { color:var(--sun-deep); margin-right:5px; }
.hero-art { width:370px; height:370px; position:absolute; right:calc(50% - 540px); top:155px; border-radius:50%; background:linear-gradient(135deg,#F5E6C9 0%,#F1D2C9 100%); overflow:hidden; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45); }
.sun-disc { position:absolute; width:150px; height:150px; border-radius:50%; background:rgba(255,247,218,.7); top:45px; right:45px; }
.leaf-stem { position:absolute; width:6px; height:258px; left:184px; top:95px; border-radius:6px; background:var(--forest); transform:rotate(27deg); transform-origin:top; }
.leaf { position:absolute; width:72px; height:122px; border-radius:100% 0 100% 0; background:var(--forest); opacity:.9; }
.leaf-a { left:113px; top:160px; transform:rotate(-27deg); }
.leaf-b { left:199px; top:103px; transform:rotate(42deg) scale(.8); background:#5B8570; }
.leaf-c { left:212px; top:226px; transform:rotate(65deg) scale(.62); background:#345B4C; }
.heart-orbit { position:absolute; width:94px; height:94px; border:1px dashed rgba(66,107,90,.5); border-radius:50%; left:69px; top:57px; display:grid; place-items:center; transform:rotate(-20deg); }
.heart-orbit span { color:var(--danger); font-size:34px; transform:rotate(20deg); }
.art-caption { position:absolute; bottom:26px; left:28px; right:28px; display:flex; justify-content:space-between; align-items:flex-end; color:var(--forest); font-weight:800; }
.art-caption span:first-child { font-size:12px; border-top:1px solid var(--forest); padding-top:5px; }
.art-caption span:last-child { font-size:15px; line-height:1.35; text-align:right; }
.intro-grid { margin-top:92px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.intro-card { background:rgba(255,253,249,.85); border:1px solid var(--line); padding:24px; min-height:170px; border-radius:20px; }
.intro-card-warm { background:var(--rose-soft); border-color:transparent; }
.card-icon { color:var(--sun-deep); font-size:22px; display:block; margin-bottom:14px; }
.intro-card h2 { font-size:17px; letter-spacing:-.02em; margin-bottom:7px; }
.intro-card p { font-size:13px; color:var(--muted); margin:0; }
.urgent-strip { display:flex; align-items:center; gap:12px; margin-top:18px; padding:14px 18px; border:1px solid rgba(166,68,68,.2); border-radius:16px; background:rgba(251,232,229,.75); color:#70413D; }
.urgent-strip p { margin:0; font-size:13px; }
.urgent-symbol { flex:0 0 26px; height:26px; display:grid; place-items:center; border-radius:50%; background:var(--danger); color:#fff; font-weight:800; }
.assessment-view { padding:38px 0 54px; max-width:840px; margin:0 auto; }
.progress-area { margin-bottom:40px; }
.progress-meta { display:flex; justify-content:space-between; color:var(--muted); font-size:12px; font-weight:700; margin-bottom:9px; }
.progress-track { height:7px; background:var(--forest-soft); border-radius:99px; overflow:hidden; }
.progress-fill { height:100%; width:16.67%; background:var(--forest); border-radius:99px; transition:width .3s ease; }
.progress-dots { display:grid; grid-template-columns:repeat(6,1fr); gap:7px; margin-top:10px; }
.progress-dots span { height:3px; background:var(--line); border-radius:99px; transition:background .2s ease; }
.progress-dots span.is-active { background:var(--sun-deep); }
.step-panel { animation:rise .25s ease both; }
@keyframes rise { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
.step-panel h2 { font-size:clamp(27px,4vw,40px); letter-spacing:-.055em; line-height:1.18; margin-bottom:10px; }
.section-intro { color:var(--muted); margin-bottom:26px; }
.form-card,.question-card,.info-card,.score-card,.mini-score-card,.recommendation-panel,.activity-summary-panel { background:var(--paper); border:1px solid var(--line); box-shadow:var(--shadow); border-radius:var(--radius); }
.form-card { padding:24px; }
.form-grid { display:grid; gap:18px; }
.two-col { grid-template-columns:repeat(2,1fr); }
.field-label, legend { color:var(--ink); font-weight:700; font-size:14px; }
.field-label { display:block; }
.field-label input,.field-label textarea,.field-label select { display:block; width:100%; margin-top:7px; border:1px solid var(--line); background:#FFFEFB; border-radius:12px; padding:11px 13px; color:var(--ink); }
.field-label textarea { resize:vertical; min-height:88px; }
.optional,.required { display:inline-block; font-size:11px; margin-left:5px; color:var(--muted); font-weight:500; }
.required { color:var(--danger); }
.derived-stage { margin:18px 0 24px; padding:11px 14px; background:var(--forest-soft); border-radius:12px; color:var(--forest-deep); font-size:14px; font-weight:700; }
.stage-seed { color:var(--sun-deep); margin-right:6px; }
.age-stage-note { margin:-15px 0 20px; color:var(--muted); font-size:11px; line-height:1.6; }
.age-stage-note span { color:var(--sun-deep); font-size:15px; margin-right:4px; }
fieldset { border:0; padding:0; margin:25px 0 0; min-width:0; }
fieldset legend { margin-bottom:12px; }
.choice-grid { display:grid; gap:10px; }
.compact-grid { grid-template-columns:repeat(3,1fr); }
.choice-card,.big-binary label { display:flex; flex-direction:column; gap:3px; border:1px solid var(--line); background:#FFFEFB; padding:14px; border-radius:14px; cursor:pointer; transition:border .2s ease, background .2s ease, transform .2s ease; }
.choice-card:hover,.big-binary label:hover,.activity-card:hover { transform:translateY(-2px); border-color:#9DB7A7; }
.choice-card:has(input:checked),.big-binary label:has(input:checked),.activity-card:has(input:checked),.scale-options label:has(input:checked),.binary-options label:has(input:checked) { border-color:var(--forest); background:var(--forest-soft); }
.choice-card input,.big-binary input,.scale-options input,.binary-options input,.activity-card input,.rating-options input { accent-color:var(--forest); }
.choice-card span { font-weight:800; }
.choice-card small { color:var(--muted); font-size:11px; }
.question-stack { display:grid; gap:12px; }
.question-card { padding:20px; }
.question-card legend { font-size:16px; display:flex; align-items:flex-start; gap:11px; line-height:1.5; }
.question-number { display:inline-grid; place-items:center; flex:0 0 31px; height:31px; background:var(--sun); color:var(--forest-deep); border-radius:10px; font-size:12px; font-weight:800; }
.scale-options { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:15px; }
.scale-options label { min-height:59px; border:1px solid var(--line); border-radius:12px; padding:7px 9px; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; color:var(--muted); font-size:11px; text-align:center; transition:all .2s ease; }
.scale-options label b { display:block; color:var(--forest); font-size:15px; }
.binary-card { padding-bottom:18px; }
.binary-options { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.binary-options label { border:1px solid var(--line); border-radius:12px; padding:11px; text-align:center; color:var(--forest); font-weight:800; cursor:pointer; }
.urgent-question { border-color:rgba(166,68,68,.35); background:#FFFBF8; }
.urgent-question .question-number { background:var(--danger); color:#fff; }
.question-help { font-size:12px; color:#8A5D59; margin:-3px 0 12px 42px; }
.inline-alert { display:flex; gap:12px; align-items:flex-start; padding:14px 16px; margin-top:18px; border-radius:14px; background:var(--danger-soft); color:#743E3B; font-size:13px; }
.inline-alert > span { display:grid; place-items:center; flex:0 0 24px; height:24px; border-radius:50%; background:var(--danger); color:#fff; font-weight:800; }
.inline-alert a { color:var(--danger); font-weight:800; }
.micro-note { color:var(--muted); font-size:12px; margin-top:13px; }
.single-choice-card { padding:18px; }
.big-binary { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }
.big-binary label { flex-direction:row; align-items:center; gap:12px; min-height:78px; }
.big-binary label > span { display:flex; flex-direction:column; }
.big-binary b { font-size:17px; }
.big-binary small { font-size:12px; color:var(--muted); font-weight:500; }
.info-card { display:flex; align-items:center; gap:14px; padding:18px 20px; margin-top:16px; background:var(--rose-soft); border-color:transparent; box-shadow:none; }
.info-card p { margin:0; color:#6F5854; font-size:13px; }
.guidance-reference { margin:4px 0 20px; padding:20px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,#fffdf8,#f7f0df); }
.guidance-reference-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; }
.guidance-reference-head h3 { font-size:22px; letter-spacing:-.04em; margin:0 0 5px; }
.guidance-badge { background:var(--forest); color:#fff; border-radius:999px; padding:5px 10px; font-size:11px; font-weight:800; }
.guidance-reference-note { color:var(--muted); font-size:12px; margin:4px 0 16px; }
.guidance-levels { display:grid; gap:8px; }
.guidance-card { border:1px solid rgba(66,107,90,.18); background:rgba(255,255,255,.7); border-radius:15px; overflow:hidden; }
.guidance-card summary { list-style:none; display:flex; align-items:center; gap:10px; padding:12px 13px; cursor:pointer; }
.guidance-card summary::-webkit-details-marker { display:none; }
.guidance-card summary > span:nth-child(2) { flex:1; }
.guidance-card summary b { display:block; font-size:13px; }
.guidance-card summary small { display:block; color:var(--muted); font-size:11px; }
.level-number { display:grid; place-items:center; flex:0 0 29px; height:29px; border-radius:10px; background:var(--forest-soft); color:var(--forest); font-weight:800; }
.level-one .level-number { background:#EDE9C8; color:#806E2D; }
.level-two .level-number { background:#F4D9A6; color:#795B20; }
.level-three .level-number { background:var(--danger-soft); color:var(--danger); }
.summary-plus { color:var(--forest); font-size:21px; font-weight:400; transition:transform .2s ease; }
.guidance-card[open] .summary-plus { transform:rotate(45deg); }
.guidance-body { padding:0 17px 15px 52px; color:#54665D; font-size:12px; }
.guidance-body p { margin:0 0 7px; }
.guidance-body ul { margin:0; padding-left:17px; }
.guidance-body li { margin:5px 0; }
.activity-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.activity-card { position:relative; padding:18px 13px; min-height:145px; border-radius:17px; background:var(--paper); border:1px solid var(--line); cursor:pointer; transition:all .2s ease; }
.activity-card input { position:absolute; top:14px; right:14px; }
.activity-icon { display:block; color:var(--sun-deep); font-size:24px; margin-bottom:15px; }
.activity-card b { display:block; font-size:14px; }
.activity-card small { color:var(--muted); font-size:11px; }
.outcome-card { margin-top:16px; display:grid; gap:18px; }
.rating-card { padding:20px; }
.rating-scale { display:flex; justify-content:space-between; color:var(--muted); font-size:11px; margin-bottom:4px; }
.rating-list fieldset { border-top:1px solid var(--line); padding-top:15px; margin-top:15px; }
.rating-list legend { font-size:13px; margin-bottom:9px; }
.rating-options { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; }
.rating-options label { display:flex; flex-direction:column; align-items:center; gap:2px; border:1px solid var(--line); border-radius:10px; padding:7px 3px; color:var(--muted); font-size:12px; cursor:pointer; }
.rating-options label:has(input:checked) { background:var(--forest-soft); border-color:var(--forest); color:var(--forest-deep); font-weight:800; }
.form-navigation { display:flex; align-items:center; margin-top:30px; }
.nav-spacer { flex:1; }
.validation-message { color:var(--danger); background:var(--danger-soft); padding:11px 14px; border-radius:12px; font-size:13px; margin:12px 0 0; }
.results-view { padding:58px 0 72px; animation:rise .3s ease both; }
.result-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:26px; }
.result-header h2 { font-size:clamp(31px,5vw,50px); letter-spacing:-.06em; line-height:1.15; margin-bottom:8px; }
.result-header p { color:var(--muted); margin:0; }
.result-seed { width:66px; height:66px; display:grid; place-items:center; color:var(--sun-deep); border:1px solid var(--sun); border-radius:23px 23px 23px 6px; transform:rotate(-8deg); font-size:28px; }
.score-layout { display:grid; grid-template-columns:1.45fr 1fr; gap:14px; }
.main-score-card { background:var(--forest); border-color:transparent; color:#fff; padding:27px; box-shadow:0 20px 55px rgba(66,107,90,.22); }
.score-label,.mini-label { font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:800; opacity:.75; }
.main-score { font-size:38px; font-weight:800; margin:20px 0 7px; line-height:1.1; }
.main-score-card p { color:rgba(255,255,255,.8); font-size:13px; }
.score-rule { height:1px; background:rgba(255,255,255,.22); margin:22px 0 17px; }
.main-score-card .score-disclaimer { font-size:11px; margin:0; }
.score-side { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.mini-score-card { padding:17px 13px; box-shadow:none; display:flex; flex-direction:column; justify-content:space-between; }
.mini-score-card strong { font-size:24px; color:var(--forest); }
.mini-score-card small { color:var(--muted); font-size:11px; }
.stress-guidance-result { margin-top:14px; padding:23px 25px; background:var(--forest-soft); border:1px solid rgba(66,107,90,.14); border-radius:var(--radius); }
.stress-guidance-result h3 { margin:0 0 6px; font-size:22px; letter-spacing:-.04em; color:var(--forest-deep); }
.stress-guidance-result p { margin:0; color:#526A5D; font-size:13px; }
.stress-guidance-result ul { margin:14px 0 0; padding-left:20px; color:#3F5B4D; font-size:13px; }
.stress-guidance-result li { margin:5px 0; }
.stress-guidance-footnote { margin-top:15px !important; padding-top:12px; border-top:1px solid rgba(66,107,90,.16); color:var(--muted) !important; font-size:11px !important; }
.criteria-panel { margin-top:14px; padding:23px 25px; border:1px solid var(--line); border-radius:var(--radius); background:#fffdfa; }
.criteria-panel h3 { margin:0 0 13px; font-size:20px; color:var(--forest-deep); }
.criteria-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.criteria-grid > div { padding:13px; border-radius:14px; background:var(--cream); display:flex; flex-direction:column; gap:3px; }
.criteria-grid b { font-size:20px; color:var(--forest); }
.criteria-grid span { font-weight:800; color:var(--ink); font-size:13px; }
.criteria-grid small { color:var(--muted); font-size:11px; }
.criteria-note { margin:13px 0 0 !important; color:var(--muted); font-size:11px !important; }
.pdf-save-help { margin-top:12px; padding:12px 14px; border:1px dashed rgba(66,107,90,.35); border-radius:12px; background:var(--forest-soft); color:var(--forest-deep); font-size:12px; line-height:1.7; }
.pdf-save-help strong { display:block; margin-bottom:2px; color:var(--forest); }
.top-result-actions { margin-top:18px; margin-bottom:0; }
.result-columns { display:grid; grid-template-columns:1.2fr .8fr; gap:14px; margin-top:14px; }
.recommendation-panel,.activity-summary-panel { padding:24px; box-shadow:none; }
.recommendation-panel h3,.activity-summary-panel h3 { font-size:21px; letter-spacing:-.04em; margin-bottom:15px; }
.recommendation-item { display:flex; align-items:flex-start; gap:10px; padding:11px 0; border-top:1px solid var(--line); font-size:13px; }
.recommendation-item:first-child { border-top:0; padding-top:0; }
.recommendation-item span { color:var(--sun-deep); font-weight:800; }
.activity-summary-panel { background:var(--rose-soft); border-color:transparent; }
.summary-line { padding:10px 0; border-top:1px solid rgba(166,68,68,.16); font-size:13px; }
.summary-line:first-child { border-top:0; padding-top:0; }
.summary-line b { display:block; color:#6F5854; font-size:11px; margin-bottom:3px; }
.result-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.urgent-result { display:flex; gap:14px; padding:18px 20px; border-radius:18px; background:var(--danger); color:#fff; margin-bottom:14px; box-shadow:0 18px 40px rgba(166,68,68,.18); }
.urgent-result .urgent-result-icon { flex:0 0 30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--danger); font-weight:800; }
.urgent-result p { margin:0; font-size:14px; }
.urgent-result a { color:#fff; font-weight:800; }
.sources-note { margin-top:22px; color:var(--muted); font-size:11px; }
.sources-note strong { color:var(--forest); }
.site-footer { display:flex; justify-content:space-between; border-top:1px solid rgba(66,107,90,.12); padding:18px 0 26px; color:var(--muted); font-size:11px; }
.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; }
@media (max-width:900px) { .hero-art { position:relative; right:auto; top:auto; margin:50px auto 0; } .intro-grid { margin-top:34px; } }
@media (max-width:640px) { .app-shell { padding:0 16px; } .topbar { min-height:70px; } .privacy-chip { font-size:10px; padding:6px 9px; } .welcome-view { padding:48px 0 34px; } h1 { font-size:46px; } .hero-lede { font-size:16px; } .hero-art { width:280px; height:280px; margin-top:40px; } .leaf-stem { height:196px; left:139px; top:72px; } .leaf { width:55px; height:92px; } .leaf-a { left:85px; top:120px; } .leaf-b { left:150px; top:80px; } .leaf-c { left:160px; top:170px; } .heart-orbit { width:73px; height:73px; left:51px; top:43px; } .sun-disc { width:112px; height:112px; top:35px; right:32px; } .intro-grid,.two-col,.compact-grid,.score-layout,.result-columns,.criteria-grid { grid-template-columns:1fr; } .intro-card { min-height:auto; padding:18px; } .urgent-strip { align-items:flex-start; } .assessment-view { padding-top:26px; } .form-card,.question-card,.recommendation-panel,.activity-summary-panel,.main-score-card { padding:18px; } .guidance-reference { padding:16px; } .guidance-reference-head h3 { font-size:19px; } .guidance-body { padding-left:49px; } .scale-options { gap:5px; } .scale-options label { min-height:65px; padding:4px 2px; font-size:10px; } .question-card legend { font-size:14px; } .question-number { flex-basis:28px; height:28px; } .activity-grid { grid-template-columns:repeat(2,1fr); } .activity-card { min-height:132px; padding:14px 11px; } .score-side { grid-template-columns:repeat(3,1fr); } .mini-score-card { padding:13px 9px; } .mini-score-card strong { font-size:20px; } .result-header { gap:12px; } .result-seed { width:52px; height:52px; font-size:22px; flex:0 0 52px; } .stress-guidance-result,.criteria-panel { padding:18px; } .stress-guidance-result h3,.criteria-panel h3 { font-size:19px; } .site-footer { flex-direction:column; gap:4px; } }
@media print { body { background:#fff; } .ambient,.topbar,.welcome-view,.assessment-view,.site-footer,.result-actions { display:none !important; } .app-shell { max-width:none; padding:0; } .results-view { display:block !important; padding:0; } .main-score-card,.mini-score-card,.recommendation-panel,.activity-summary-panel { box-shadow:none; break-inside:avoid; } .result-columns,.score-layout { grid-template-columns:1fr 1fr; } a { color:inherit; text-decoration:none; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; } }