/* STALOWY MENTAL — visual system R1 / 2026-11-02 */
:root{color-scheme:dark;--bg:#090d10;--panel:#11171b;--panel2:#171f24;--text:#f0f2f2;--muted:#aab4b8;--line:#303b41;--accent:#d8e0e2;--acid:#ff8500;--acid-strong:#ffab38;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace;--wrap:1200px}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:radial-gradient(ellipse at 82% 8%,#ff850010,transparent 34%),linear-gradient(180deg,#090d10,#0c1114 55%,#090d10)!important;color:var(--text)!important;font-family:var(--sans)!important}
a{transition:color .2s,border-color .2s,background .2s}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--acid)!important;outline-offset:4px}
.skip-link,.skip:focus{background:var(--acid)!important;color:#090d10!important}
.site-header{height:82px;padding:0 max(4.5vw,22px)!important;background:#090d10ed!important;border-bottom:1px solid #ffffff18!important;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0004}
.brand{gap:13px}
.brand-mark{width:54px!important;height:54px!important;border:0!important;padding:0!important;background:transparent!important}
.brand-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px #ff85002b)}
.brand-name{font:800 14px/1.25 var(--sans)!important;letter-spacing:1.8px!important;color:#f5f6f6}
.brand-name b{color:#f5f6f6!important}
.brand-name small{font:500 8px/1.7 var(--mono)!important;letter-spacing:1.2px!important;color:#a8b2b7!important}
.site-nav{gap:clamp(12px,2.1vw,30px)!important;font:600 12px var(--sans)!important;color:#d2d8da!important}
.site-nav>a:not(.nav-cta):hover,.site-footer a:hover{color:var(--acid)!important}
.nav-cta{border:1px solid #ff8500!important;color:#fff!important;border-radius:4px;padding:11px 16px}
.nav-cta span{color:var(--acid)!important}
.menu-toggle{border-color:#48545a!important;color:#fff!important;border-radius:4px}
.hero{background:linear-gradient(105deg,#090d10 0%,#10171b 52%,#090d10 100%);min-height:610px!important;padding:80px max(7vw,26px) 36px!important}
.hero-grid{background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px)!important}
.eyebrow{color:#c1c9cc!important;letter-spacing:1.8px!important}
.eyebrow>span,.status-dot{background:var(--acid)!important;box-shadow:0 0 12px #ff850080}
.hero h1{font-size:clamp(44px,5.4vw,76px)!important;line-height:1.02!important;letter-spacing:-2.7px!important;font-weight:800!important}
.hero h1 em,.intro h2 em,.section-heading h2 em,.method-copy h2 em,.closing h2 em{color:var(--acid)!important}
.hero-lede{color:#c0c9cd!important;max-width:580px!important;font-size:15px!important}
.button{border-radius:5px!important;min-height:48px!important}
.button-primary{background:linear-gradient(135deg,#ff9a1f,#ed7000)!important;color:#111!important;box-shadow:0 8px 28px #ff850026}
.button-primary:hover{background:#ffad3d!important}
.button-quiet{border:1px solid #7e898e!important;background:#0b1013!important}
.button-quiet:hover{border-color:var(--acid)!important}
.hero-footer{color:#8d999e!important}
.section-wrap{max-width:var(--wrap)!important}
.intro,.topics,.materials,.principles,.field-guide,.mental-reset{border-color:#ffffff16!important}
.section-heading h2,.intro h2,.method-copy h2,.closing h2{font-weight:800!important}
.section-aside,.intro-content>p{color:#aab5ba!important}
.topic-grid{gap:14px!important}
.topic-card,.resource-card,.guide-aside{background:linear-gradient(145deg,#151d21,#0e1417)!important;border:1px solid #4a555a!important;border-radius:7px!important}
.topic-card:hover,.resource-card:hover{border-color:#ff8500a6!important;box-shadow:0 18px 44px #0008!important}
.topic-card-featured{border-color:#ff85005e!important;background:linear-gradient(145deg,#241b14,#11171b 75%)!important}
.card-icon,.resource-index,.topic-card>a span{color:var(--acid)!important}
.topic-card p,.resource-card>p{color:#aab5ba!important}
.method{background:linear-gradient(130deg,#d5dcde,#aab5b9)!important;color:#101619!important}
.method-copy .eyebrow{color:#5b676c!important}
.method-copy h2 em{color:#c65c00!important}
.method-step{border-color:#9ba7ab!important}
.method-step>span{color:#bd5700!important}
.method-step p{color:#4d5b61!important}
.method-visual{background:radial-gradient(circle at 50% 45%,#ffb65d,#d2dadd 65%)!important}
.crosshair i{background:#f07800!important}
.reset-form textarea,.reset-form select{background:#11181c!important;border-color:#4b585e!important;color:#f0f2f2!important;border-radius:5px!important}
.reset-form label span{color:var(--acid)!important}
.reset-output pre{border-left-color:var(--acid)!important;background:#151d21!important}
.guide-status{border-color:#ff8500!important;color:#ffad4c!important}
.closing{background:radial-gradient(ellipse at 50% 0,#392312 0%,#11171b 56%,#090d10 100%)!important}
.closing-mark{border:0!important}
.closing-mark img{filter:drop-shadow(0 0 12px #ff85004a)}
.site-footer{border-color:#ffffff18!important;color:#929da2!important}
.footer-brand{color:#f0f2f2!important}
.social-hub{background:linear-gradient(110deg,#171e22,#101619 65%,#0b1013)!important;border-color:#ff850044!important}
.social-hub-heading h2 em{color:var(--acid)!important}
.social-hub-link{background:#0a0f12!important;border-color:#4a555b!important;border-radius:5px!important}
.social-hub-link:hover{border-color:var(--acid)!important}
.social-brand-icon{color:var(--acid)!important}
.social-footer-icons a:hover{color:var(--acid)!important;border-color:var(--acid)!important}
.featured-library{padding-top:78px;padding-bottom:82px;border-bottom:1px solid #ffffff16}
.featured-library .section-heading{align-items:end}
.text-link{font-size:12px;font-weight:800;color:var(--acid);white-space:nowrap}
.text-link span{font-size:18px;margin-left:8px}
.featured-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}
.featured-card{min-height:250px;position:relative;overflow:hidden;display:flex;align-items:end;background:#11181c;border:1px solid #48545a;border-radius:7px;color:#fff}
.featured-card:hover{border-color:var(--acid);transform:translateY(-3px)}
.featured-image{position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,#ff85005e,transparent 42%),linear-gradient(135deg,#293237,#090d10 70%)}
.featured-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050809 0%,#050809d9 25%,transparent 100%)}
.featured-image-fracture{background:radial-gradient(ellipse at 68% 28%,#ff9a2a88,transparent 40%),linear-gradient(135deg,#384044,#0a0e10 70%)}
.featured-image-clock{background:radial-gradient(circle at 60% 32%,#e4e8e7a0 0 3%,transparent 4%),repeating-conic-gradient(from 0deg at 60% 32%,#ff85004a 0deg 2deg,transparent 2deg 15deg),linear-gradient(135deg,#283238,#080c0e 70%)}
.featured-image-chess{background:repeating-linear-gradient(90deg,#273035 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,#273035 0 1px,transparent 1px 48px),radial-gradient(circle at 50% 35%,#ff85004a,transparent 38%),#090d10}
.featured-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:11px;padding:22px}
.featured-copy small{font:10px var(--mono);letter-spacing:1.4px;color:#ff9a27}
.featured-copy strong{font-size:clamp(15px,1.5vw,20px);line-height:1.35}
.featured-copy>span{font-size:11px;font-weight:800;color:#ff9a27}
.topic-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.topic-grid-five .topic-card{padding:20px 18px!important;min-height:360px}
.topic-grid-five .topic-card h3{font-size:15px!important}
.topic-grid-five .topic-card p{font-size:11px!important}
.hero-forge{grid-template-columns:1.1fr .9fr!important;isolation:isolate}
.hero-forge-art{max-width:560px!important;height:auto!important;min-height:460px}
.hero-forge-art .hero-illustration{width:100%!important;max-height:560px!important;object-fit:contain;filter:drop-shadow(0 22px 42px #000b)!important;animation:forge-float 9s ease-in-out infinite}
.hero-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px;position:relative;z-index:2}
.hero-benefits>div{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid #ffffff20;background:#0b1013b8;border-radius:5px}
.hero-benefits b{font:12px var(--mono);color:var(--acid)}
.hero-benefits span{font-size:11px;color:#b9c2c6}
.hero-benefits strong{color:#fff}
.hero-forge .hero-footer{margin-top:28px}
@keyframes forge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.sm-inner-header{height:76px;padding:10px max(4.5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff18;background:#090d10ed}
.sm-brand-lockup{display:flex;align-items:center;gap:12px;color:#f0f2f2;text-decoration:none;font-weight:800;letter-spacing:1.6px;font-size:13px}
.sm-brand-lockup img{width:48px;height:48px;object-fit:contain}
.sm-brand-lockup small{display:block;color:#aab4b8;font:8px/1.6 var(--mono);letter-spacing:1px}
.sm-inner-header>a:last-child{color:var(--acid);font-size:12px;font-weight:800;white-space:nowrap;flex-shrink:0}
body.sm-article-page>main{max-width:820px!important;padding-top:58px!important;padding-bottom:90px!important}
body.sm-article-page>main h1{font-size:clamp(2.35rem,5.6vw,4.3rem)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:800!important}
body.sm-article-page>main h2{color:#f0f2f2!important;font-size:clamp(1.5rem,3vw,2.15rem)!important;line-height:1.2!important;margin-top:48px!important}
body.sm-article-page>main h3{color:#f0f2f2!important}
body.sm-article-page>main p,body.sm-article-page>main li{color:#c2cbce!important;line-height:1.85}
body.sm-article-page>main strong{color:#fff!important}
body.sm-article-page>main a{color:#ff9a27!important;text-decoration:underline;text-decoration-color:#ff850055;text-underline-offset:3px}
body.sm-article-page>main table{border-color:#39454b!important}
body.sm-article-page>main th{background:#20282d!important;color:#ffad4c!important}
body.sm-article-page>main td{border-color:#39454b!important}
body.sm-article-page>main blockquote,.note{background:#151d21!important;border-left-color:var(--acid)!important}
body>footer{border-color:#ffffff18!important;color:#9aa5aa!important}
body>footer a{color:#ff9a27!important}
.draft-banner{background:#7a2222!important;color:#fff!important}
@media(max-width:1050px){.topic-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.site-nav{gap:13px!important}.hero-forge{grid-template-columns:1fr .8fr!important}.featured-grid{grid-template-columns:1fr 1fr}.featured-card-wide{grid-column:1/-1}.topic-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.site-header{height:70px;padding:0 18px!important}.brand-mark{width:45px!important;height:45px!important}.brand-name{font-size:11px!important}.site-nav{top:69px!important;background:#0d1317!important}.site-nav>a{padding:13px 8px;border-bottom:1px solid #ffffff12}.hero-forge{display:block!important;padding:66px 22px 28px!important}.hero-forge h1{font-size:clamp(39px,10.7vw,58px)!important;letter-spacing:-2px!important}.hero-forge-art{min-height:0;height:270px!important;max-width:300px!important;margin:10px auto 0!important}.hero-forge-art .hero-illustration{max-height:270px!important}.hero-benefits{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.hero-benefits>div{padding:10px 9px;gap:8px}.hero-benefits span{font-size:9px}.hero-forge .hero-footer{margin-top:25px}.featured-library{padding-top:60px;padding-bottom:65px}.featured-library .section-heading{display:block}.featured-grid{grid-template-columns:1fr}.featured-card,.featured-card-wide{grid-column:auto;min-height:205px}.topic-grid-five{grid-template-columns:1fr!important}.topic-grid-five .topic-card{min-height:290px}.sm-inner-header{height:66px;padding:8px 16px}.sm-brand-lockup img{width:42px;height:42px}.sm-brand-lockup{font-size:11px}.sm-brand-lockup small{font-size:7px}body.sm-article-page>main{padding-top:36px!important}.social-hub-heading{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-forge-art .hero-illustration{animation:none!important}.featured-card{transition:none!important}}

/* Collection cards are full-surface links; reserve underlines for editorial inline links. */
.sm-article-page .card,.sm-article-page .card *,.sm-article-page .tool a{text-decoration:none!important}
.sm-article-page .card:hover .more,.sm-article-page .tool a:hover{text-decoration:underline!important}
