/* Cream Forest — MENTIS. Decorative elements stay outside clinical text. */
:root{--paper:#fbf7ef;--ink:#443f34;--muted:#787265;--green:#46664b;--line:#e3dfd0;--white:#fffdf8;--soft:#edf1e3;--sage:#dce6ce;--cream-shadow:0 8px 28px #675b3510}
body{background:var(--paper);color:var(--ink);background-image:radial-gradient(ellipse at 94% 7%,#e5ecd955,transparent 38%);line-height:1.95}p,.detail ul{color:#656154}h1,h2,h3{color:#443f34}header{background:#fbf7eff5;border-color:#e8e2d3;backdrop-filter:blur(12px);height:92px}.brand-symbol{color:#64815b}.brand strong{color:#3c503b}.brand small{color:#807e66}nav{gap:23px}nav a{padding:31px 0}nav a.active{border-bottom-color:#72925e;color:#3f603e}.btn{background:#486849;border-radius:12px;padding:13px 23px;box-shadow:0 3px 0 #304d3015;transition:background .16s ease,transform .16s ease}.btn:hover:not(:disabled){background:#3b593d;transform:translateY(-1px)}.btn.outline{background:#fffdf8;border-color:#c9d2bb;color:#466148;box-shadow:none}.btn.outline:hover{background:#edf2e4}.btn.light{background:#e6edda;color:#3e5b3d;box-shadow:none}button:focus-visible,a:focus-visible{outline-color:#657c45}.card{background:#fffdf8;border-color:#e5dfcf;border-radius:20px;box-shadow:var(--cream-shadow);padding:29px}.daily-card{background:#eaf0dc;border-color:#d6dfc6}.tag{background:#e8eddb;color:#48603d;border-radius:7px;padding:4px 10px;font-size:12px}.daily-card .tag{background:#dce6c9}.notice{background:#f0f2e6;border-left:3px solid #8da373;color:#5b684e;border-radius:0 12px 12px 0;padding:16px 20px}.hero{padding:64px 0 46px;gap:62px}.hero h1{font-size:49px;line-height:1.5;letter-spacing:1px}.hero h1 em{color:#617c48}.hero-copy>p{max-width:460px;line-height:2.05;color:#736c5d}.hero .eyebrow{letter-spacing:1.5px;color:#708156}.hero .eyebrow:before{background:#8ea477}.hero .actions{margin:28px 0 20px}.hero-art{height:390px;border-radius:150px 150px 28px 28px;background:#edf0df;border:1px solid #e1e7d0;overflow:visible;position:relative;box-shadow:inset 0 0 70px #fffdf855}.hero-art svg{width:100%;height:100%;color:inherit}.forest-sticker{position:absolute;padding:7px 13px;background:#fffdf8;border:1px solid #e7dfcc;border-radius:12px;box-shadow:0 5px 15px #7763380c;font-size:12px;color:#77705c;line-height:1.7}.forest-sticker.top{top:33px;left:-18px;transform:rotate(-5deg)}.forest-sticker.bottom{bottom:29px;right:-15px;transform:rotate(4deg)}.forest-art-caption{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:2px;color:#82916c}.stats{background:#f3f1e5;border:1px solid #e7e3d3;border-radius:18px;padding:25px 22px;margin-bottom:48px}.stat:first-child{padding-left:10px}.stat{border-color:#dedfca}.stat strong{color:#597048}.stat span{color:#7f7968}.section-head small{color:#949078}.learning-grid{gap:22px}.card-icon{font-size:29px}.category{border-radius:15px;background:#fffdf8;border-color:#e7e1d2;padding:22px;transition:background .16s ease}.category:hover{background:#f1f4e7}.category span:first-child{width:32px;font-family:inherit}.category small{color:#8b8675}.banner{border-radius:20px;background:#ecefdd;border:1px solid #e0e5ce;padding:29px 32px;gap:22px}.banner h3{color:#4e6345}.page-title{position:relative;padding-right:80px}.page-garden{position:absolute;right:12px;top:45px;font-size:41px;transform:rotate(14deg);opacity:.7;pointer-events:none}.page-title h1{font-size:35px;line-height:1.6}.page-title>p{max-width:850px}.detail{background:#fffdf880;border-radius:22px;padding:25px 30px}.detail .page-title{padding-right:64px}.detail section{border-color:#e9e3d6;padding:23px 0}.detail h3{color:#5c714a}input,select,textarea{border-radius:11px;background:#fffef9;border-color:#dddcca}input:focus,select:focus{outline:2px solid #9cab7b;outline-offset:1px}.toolbar{gap:14px}.results{gap:22px}.source-note{background:#f4f0e4;border:1px solid #e6dfce;border-radius:14px}.source-note summary{color:#6b7154}.vignette{background:#fffdf8;border-radius:0 16px 16px 0;border-color:#819765}.unit-card{box-shadow:var(--cream-shadow)}.taxonomy-chapter{background:#fffdf8;border:1px solid #e5dfcf;border-radius:17px;box-shadow:0 4px 17px #6b603507;overflow:hidden}.taxonomy-chapter>summary{padding:22px}.taxonomy-row{border-color:#eee7da}.taxonomy-row:hover{background:#f3f5e9}.taxonomy-row h3{color:#505d43}.taxonomy-child{border-color:#dce4ce}.knowledge-stats{background:#f2f1e5;border:1px solid #e6e1d1;border-radius:17px;padding:23px 5px}.knowledge-stats strong{color:#5c744a}.knowledge-stats span{color:#807a69}.knowledge-source{border-color:#e6e0d2}.kind-research,.kind-non-disorder,.kind-adverse-effect{background:#f5ead3;color:#806537}.compare{gap:24px}.compare .card h3{font-size:22px}.table td,.table th{border-color:#e7e1d1}.table th{color:#60734e;background:#f0f2e6}.game-shell{max-width:760px;margin-top:43px;padding:28px 30px;background:#fffdf878;border:1px solid #e9e2d2;border-radius:26px;box-shadow:0 12px 48px #75644108}.game-title{color:#45583f}.game-subtitle{color:#8b8069;font-size:16px}.game-tabs{background:#e8ecd9;border-radius:14px;padding:6px}.game-tabs button{border-radius:10px;color:#698057}.game-tabs .selected{background:#fffdf7;color:#425a3b}.game-help{border-color:#d4dbc0;color:#73845b;background:#f2f4e7}.game-clue{background:#fffef9;border-color:#e3e1ce;border-radius:16px;padding:25px}.game-clue.latest{border-color:#bccca4;box-shadow:0 4px 15px #74834e09}.game-clue p{color:#4b4c3d}.clue-number{color:#6c8053}.clue-progress li{border-radius:10px;background:#f2f1e6;color:#a5a68f;border-color:#e5e2d3}.clue-progress .unlocked{background:#7b9165;color:white;border-color:#7b9165}.clue-progress .current{outline-color:#c0cca8}.game-guess{border-radius:12px;background:#f0f0e5;border-color:#e0e1ce}.game-guess.correct{background:#e3edd6;border-color:#b5c89c}.game-result{border-radius:20px;background:#edf2e2;border-color:#d3dfc0}.game-result .source-note{background:#fffdf8}.diagnosis-picker{border-radius:15px;border-color:#e0dfca;background:#fffdf8;padding:16px}.diagnosis-picker summary{color:#526d44}.diagnosis-options button{border-radius:11px;background:#f2f5e9;border-color:#e0e7d4;color:#4d6043}.diagnosis-options button small{color:#748267}.diagnosis-options button.selected-option{background:#e0ebd0;border-color:#779257}.diagnosis-options button.used-option{background:#263027;border-color:#263027;color:#e5eade}.diagnosis-options button.used-option small{color:#c8d0be}.selected-diagnosis{border-radius:0 11px 11px 0;background:#eaf0de;border-color:#8ca66d;color:#4f6941}.game-bottom{border-color:#e5dfcf}.game-disclaimer{color:#8a806b;font-size:12px}dialog{background:#fffdf6;border-color:#e1dcc9;border-radius:22px;box-shadow:0 20px 80px #4c442233}dialog::backdrop{background:#494b334d}footer{background:#f1eedf;border-top-color:#e8e1ce;color:#8b826c;padding-top:32px;padding-bottom:32px}#toast{background:#4c6643;border-radius:13px;max-width:90vw;text-align:center}.forest-footer-note{color:#687a52}.forest-footer-note span{margin-right:6px}
@media(max-width:1100px){nav{gap:14px;font-size:13px}.hero{gap:35px}.hero h1{font-size:42px}}
@media(max-width:750px){header{height:78px;padding-inline:18px}.hero-art{height:330px;margin:20px 12px}.hero{gap:25px}.hero h1{font-size:37px}.hero .actions{flex-wrap:wrap}.game-shell{padding:23px 19px}.page-title{padding-right:55px}.page-garden{font-size:30px;right:2px}.detail{padding:20px}}
@media(max-width:650px){header{height:78px}nav{top:78px;background:#fbf7ef;border-radius:0 0 18px 18px;padding:20px}.hero{padding-top:35px}.hero h1{font-size:35px}.hero-art{height:300px}.forest-sticker.top{left:-10px;top:25px}.forest-sticker.bottom{right:-10px;bottom:20px}.stats{padding:20px 9px;border-radius:15px}.stat:first-child{padding-left:3px}.stat strong{font-size:24px}.stat span{font-size:11px}.learning-grid{gap:16px}.card{padding:24px;border-radius:18px}.category{padding:19px}.banner{padding:24px}.game-shell{margin:25px auto 40px;padding:22px 16px;border-radius:20px}.game-clue{padding:19px}.game-title{font-size:28px}.page-title h1{font-size:29px}.page-garden{top:37px}.detail{padding:20px 16px}.detail .page-title{padding-right:35px}.detail .page-garden{right:-6px;font-size:26px}.knowledge-stats{padding:20px 4px}.knowledge-stats>div{padding:0 15px}.game-bottom{gap:12px}.account .btn{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:360px){.brand{gap:7px}.brand strong{font-size:21px;letter-spacing:3px}.brand-symbol{font-size:31px}.account{gap:5px}.account .btn{max-width:85px;font-size:14px}.hero h1{font-size:30px}.stat strong{font-size:21px}.game-shell{padding:20px 12px}.game-tabs button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.btn,.category{transition:none}.btn:hover:not(:disabled){transform:none}}
@media(max-width:850px){header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fbf7ef;border:1px solid var(--line);padding:20px;border-radius:0 0 18px 18px;flex-wrap:wrap}header nav.open{display:flex}header nav a,header nav a:nth-child(n+5){display:block;padding:8px}.mobile-menu{display:block;font-size:22px}.account .text-link{display:none}}
@media(max-width:650px){.compare{grid-template-columns:minmax(0,1fr);gap:16px}}