/* HeleBak V37 — unified polish for public pages; never restyle authenticated TitanBot internals. */
:root{--hb37-ink:#17243a;--hb37-muted:#62748e;--hb37-bg:#f5f8fe;--hb37-paper:#fff;--hb37-line:#dfe7f3;--hb37-violet:#6555cb;--hb37-teal:#079985;--hb37-shadow:0 12px 35px rgba(30,47,85,.06)}
html.dark{--hb37-ink:#eaf2ff;--hb37-muted:#abbdd5;--hb37-bg:#0b1220;--hb37-paper:#111d30;--hb37-line:#30435d;--hb37-shadow:0 16px 36px rgba(0,0,0,.16)}
html.hb-v37{scroll-behavior:smooth;scroll-padding-top:90px}
html.hb-v37 body{overflow-x:clip;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html.hb-v37 body:not(.titan-app):not(.titan-body){-webkit-font-smoothing:antialiased}
html.hb-v37 :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #8b5cf6!important;outline-offset:3px}
html.hb-v37 :where(button,[role="button"]){touch-action:manipulation}
html.hb-v37 :where(input,select,textarea){max-width:100%}
html.hb-v37 :where(img,svg,video,canvas){max-width:100%}
html.hb-v37 :where(main,section,article){min-width:0}
html.hb-v37 :where(p,li){overflow-wrap:break-word}
html.hb-v37 ::selection{background:rgba(129,105,220,.22)}
/* Well-spaced reading surfaces where templates previously used hard-coded dark body classes. */
html.hb-v37:not(.dark) body.bg-slate-950{background:var(--hb37-bg)!important;color:var(--hb37-ink)!important}
html.hb-v37:not(.dark) body.bg-slate-950>header{background:#fff!important;border-color:var(--hb37-line)!important;color:var(--hb37-ink)!important}
html.hb-v37:not(.dark) body.bg-slate-950>header a{color:#31436a}
html.hb-v37:not(.dark) body.bg-slate-950>main{color:var(--hb37-ink)!important}
html.hb-v37:not(.dark) body.bg-slate-950>main :where(.text-slate-300,.text-slate-400){color:#4e6077!important}
html.hb-v37:not(.dark) body.bg-slate-950>main :where(h1,h2){color:#252a66}
html.hb-v37:not(.dark) body.bg-slate-950>main a{color:#5d4cb9}
html.hb-v37:not(.dark) body.bg-slate-950>footer{color:#63758d}
html.hb-v37 body.bg-slate-950>main{max-width:970px;border:1px solid var(--hb37-line);border-radius:24px;background:var(--hb37-paper);box-shadow:var(--hb37-shadow);padding:clamp(20px,4vw,45px)!important;margin-block:32px 46px;line-height:1.8}
html.hb-v37 body.bg-slate-950>main h1{letter-spacing:-.035em;line-height:1.2}
html.hb-v37 body.bg-slate-950>main h2{margin-top:27px}
html.hb-v37 body.bg-slate-950>main :where(p,ul,ol){max-width:75ch}
/* Consistent content cards on public guides, recipes and article archives. */
html.hb-v37 :where(.hf-panel,.hf-card-button){box-shadow:var(--hb37-shadow)}
html.hb-v37 :where(.hf-home,.hf-button,.hf-card-button,.hb-market-tabs button){transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
html.hb-v37 :where(.hf-home,.hf-button,.hb-market-tabs button):active{transform:scale(.985)}
html.hb-v37 .hf-body{background:var(--hb37-bg)}
html.hb-v37 .hf-container{padding-top:clamp(28px,5vw,64px)}
html.hb-v37 .hf-hero{background:linear-gradient(120deg,#44328f 0%,#6a4fb4 46%,#117a85 100%);box-shadow:0 20px 40px -27px #4f46a5}
html.hb-v37 .hf-card-button{min-height:146px}
html.hb-v37 .hf-card-button[aria-pressed=true]{box-shadow:0 10px 26px rgba(101,85,203,.17)}
html.hb-v37 .hf-game{scroll-margin-top:35px}
html.hb-v37 .hf-panel.hf-game{border-color:var(--hb37-line)}
html.hb-v37 .hf-game :where(h2,.arc-subtitle){letter-spacing:-.02em}
html.hb-v37 .hf-grid{align-items:stretch}
html.hb-v37 .hf-footer{line-height:1.9}
/* Finance: keep dense information legible, especially on smaller screens. */
html.hb-v37 .hb-finance-body{background:var(--hb37-bg)}
html.hb-v37 .hb-market-stat{box-shadow:var(--hb37-shadow)}
html.hb-v37 .hb-finance-board{box-shadow:var(--hb37-shadow)}
html.hb-v37 .hb-finance-hero{isolation:isolate}
html.hb-v37 .hb-market-ticker-shell{font-family:Inter,system-ui,sans-serif}
html.hb-v37 .hb-market-ticker-strip{min-width:0}
html.hb-v37 .hb-ticker-item:focus-visible{outline-offset:-2px}
html.hb-v37 .hb-finance-status{max-width:190px;line-height:1.5;text-align:right}
html.hb-v37 .hb-market-loading,.hb-chart-error{line-height:1.6}
/* No infinite motion for users requesting less movement. */
@media(prefers-reduced-motion:reduce){html.hb-v37{scroll-behavior:auto}html.hb-v37 :where(.hf-home,.hf-button,.hf-card-button){transition:none}}
@media(max-width:640px){
 html.hb-v37 body.bg-slate-950>main{border-radius:17px;margin:16px 10px 30px;padding:21px 16px!important}
 html.hb-v37 .hf-container{padding-left:13px;padding-right:13px}
 html.hb-v37 .hf-card-button{min-height:135px}
 html.hb-v37 .hb-finance-status{font-size:10px;max-width:145px}
 html.hb-v37 .hf-hero h1{line-height:1.13}
}
/* V37: compact mobile headers. Secondary shortcuts remain available through the shared category drawer. */
@media(max-width:640px){
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header>div{box-sizing:border-box;max-width:100%;min-width:0;gap:6px!important;padding-inline:11px!important}
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header>div>div:first-child{min-width:0;flex:1 1 auto;gap:6px!important}
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header>div>div:first-child a:has(.hb-wordmark){min-width:0;flex:1 1 auto;gap:6px!important}
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header .hb-wordmark{width:clamp(88px,26vw,132px)!important}
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header .hb-brand-section{display:none!important}
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header div:has(> #evtk-menu-toggle)>a:not(:has(.hb-wordmark)){display:none!important}
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header div:has(> #evtk-menu-toggle){gap:5px!important;flex:0 0 auto!important}
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header a[title="Ana Sayfaya Dön"]{display:none!important}
 html.hb-v37 body:not(.hb-finance-body):not(.hf-body)>header span[class*="tracking-widest"]{display:none!important}
}