/* Shared baseline: body 16px at default settings, secondary text at least 14px.
   Relative units preserve the reader's browser font-size and zoom preferences. */
:root{--font-body:1rem;--font-small:.875rem;--leading-body:1.75}
html{font-size:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-padding-top:7rem}
html body{font-size:var(--font-body);line-height:var(--leading-body);--muted:#5c6257}
html body p{font-size:1rem!important;line-height:1.75!important;overflow-wrap:anywhere}
html body button{font-size:1rem}html body small{font-size:var(--font-small)}
html body .method-lead{font-size:1.1875rem!important;line-height:1.8!important}
html body :is(.method-editor,.editor-box) p{font-size:1.1875rem!important;line-height:1.7!important}
html body p.article-dek{font-size:1.25rem!important;line-height:1.65!important}
html body .hero-copy>p{font-size:1.125rem!important}
html body :is(small,label,figcaption){line-height:1.6}
html body :is(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]){font-size:1rem!important;line-height:1.5;min-height:48px;max-width:100%}
html body :is(button,a.button,.small-button,.compare-choice){min-height:44px;line-height:1.5}
html body :is(.eyebrow,.practice-kicker){letter-spacing:.075em;line-height:1.6}
html body :is(.footer-bottom,.hero-note,.small-button,.config-note,.account-bar,.account-bar button){font-size:var(--font-small)!important}
html body :is(.method-toc,.article-aside) a{padding-block:8px}
html body :is(.method-copy,.method-toc>a,.method-references .source-news,.method-studies a,.atlas-timeline a,.story-source,.news-meta){line-height:1.7}
html body .footer-bottom{gap:18px;flex-wrap:wrap;line-height:1.8}
html body .account-bar{gap:16px;flex-wrap:wrap;align-items:center}
html body .account-bar button{font:inherit!important}
html body .topbar .back{white-space:nowrap;flex-shrink:0}
html body #app-layout{--muted:#655e52;--gold:#8e5b12;--ok:#2e7759}
html body #app-layout .btn-primary{color:#251b14}
html body #app-layout .hero :is(.h-kicker,.h-sub){color:#302018}
html body #app-layout .hero .h-cta{color:#532719}
html body #app-layout .btn-danger{color:#9b3325}
html body #app-layout .btn-danger:hover{background:#9b3325;color:#fff}
html body #app-layout svg text{fill:#62594b}
html body #app-layout .medal.locked{opacity:1;filter:grayscale(1)}
html body #bottom-nav button{font-size:var(--font-small);min-height:56px}
html body #app-layout :is(.card,.stat,.scenario-card-body){overflow-wrap:anywhere}
@media(min-width:1024px) and (max-width:1279px){html body #app-layout{grid-template-columns:230px minmax(0,1fr);gap:24px;padding-inline:22px}html body #right-panel{display:none}}
@media(max-width:679px){html body #top-nav .tn-links{display:none}html body #top-nav{padding-inline:6px}html body .lang-btns{flex-wrap:wrap}html body #lang-overlay .lang-box{padding:25px;max-width:100%}}
html body :is(.atlas-reading,.atlas-section-head,.journal-intro,.section-top)>*{min-width:0}
html body .map-center small{max-width:145px;text-align:center;padding-inline:5px}
html body .map-center{width:170px;height:170px}
html body .atlas-topline{gap:20px;flex-wrap:wrap}
html body .atlas-results{gap:20px;flex-wrap:wrap}
html body .method-kind{line-height:1.6}
html body .atlas-filters{gap:16px}
html body .method-card p{min-height:0}
html body :focus-visible{outline:3px solid #355f40;outline-offset:4px}
@media(min-width:851px) and (max-width:1250px){html body .header{position:relative;flex-wrap:wrap}html body .header .menu{display:block;margin-left:auto;background:none;border:0}html body .header nav{display:none;order:4;width:100%;flex-wrap:wrap;margin:0}html body .header nav.open{display:flex;padding:15px 0}}
@media(max-width:700px){html body .section-top h2{width:100%}html body .journal-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html body .search-field{grid-column:1/-1}html body .filter-submit{grid-column:1/-1}html body .journal-filters>div{min-width:0}html body .atlas-filters select{width:100%}html body .atlas-map{transform:none}html body .map-center{width:148px;height:148px}html body .map-center strong{font-size:43px}html body .map-node{padding:8px}html body .map-node strong{font-size:1rem}html body .map-caption{padding-inline:20px}html body .atlas-map figcaption{left:15px;right:15px;bottom:18px}html body .atlas-map{height:460px}html body .node-speech{top:20%}html body .node-feel{top:23%}html body .node-life{top:65%}html body .node-context{top:68%}}
@media(max-width:560px){html body .header{gap:10px;padding-inline:18px}html body .header .menu{font-size:var(--font-small)}html body .small-button{padding-inline:12px}html body .header .logo{font-size:24px}html body .atlas-topline{display:flex}html body .atlas-filters{grid-template-columns:minmax(0,1fr) 88px}html body .atlas-filters .button{padding-inline:10px}html body .atlas-results{display:block}html body .atlas-stats{gap:18px;flex-wrap:wrap}html body .compare-submit .button{height:auto;white-space:normal}html body .auth-top{line-height:1.8}html body .atlas-hero .eyebrow{max-width:100%}html body #app-layout .row{flex-wrap:wrap}html body #app-layout .slider-row{gap:8px}html body #main-content{padding-inline:14px}html body #bottom-nav{padding-inline:2px}html body #bottom-nav button{padding-inline:2px;font-size:var(--font-small)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Beta rozeti: giriş/kayıt ve uygulamada logonun yanında */
.beta-badge{display:inline-flex;align-items:center;flex:none;font:700 .875rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#272823;color:#f7f4ec;margin-left:4px;vertical-align:middle}
.beta-note{display:flex;gap:10px;align-items:flex-start;font-size:.875rem;line-height:1.6;background:#e9ebdf;padding:12px 14px;border-radius:10px;margin:20px 0;color:#272823}
.beta-note .beta-badge{margin:2px 0 0}
/* Dar telefonlarda logo + menü + giriş tek satıra sığsın: menü yalnız simge (erişilebilir adı "Menü" kalır) */
@media(max-width:420px){html body .header{gap:8px}html body .header .logo{gap:4px}html body .header .beta-badge{padding:3px 6px;margin-left:0}html body .header .menu{font-size:0;padding:6px 4px}html body .header .menu::after{content:"☰";font-size:1.5rem;line-height:1}}