/* SmellFixer visual polish — intentionally lightweight: no webfonts, images or UI libraries. */
:root{--brand-dark:#064f45;--surface-soft:#edf7f3;--surface-tint:#f2faf7;--shadow-soft:0 14px 40px rgba(18,62,53,.07);--shadow-lift:0 18px 44px rgba(13,107,93,.12)}
body{background:linear-gradient(180deg,#f9fbfa 0,#f6f8f7 260px,#f6f8f7 100%)}
main{overflow:clip}
.site-head{background:rgba(249,251,250,.92);box-shadow:0 1px 0 rgba(20,61,53,.03)}
.nav-links a{position:relative;transition:color .18s ease}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;border-radius:2px;background:var(--brand2);transition:right .2s ease}
.nav-links a:hover:after{right:0}
.brand-mark{position:relative;isolation:isolate;box-shadow:0 8px 22px rgba(13,107,93,.28),inset 0 1px 0 rgba(255,255,255,.3)}
.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.24);border-radius:50%;z-index:-1}
.danger-strip{background:linear-gradient(90deg,#3b1818,#55201f);border-bottom:1px solid rgba(255,255,255,.08)}
.danger-strip strong{letter-spacing:.01em}.danger-strip a{font-weight:750;text-decoration-thickness:1px}.danger-strip a:hover{color:#fff}
.hero{position:relative;isolation:isolate;padding:84px 0 58px;background:linear-gradient(135deg,rgba(223,247,239,.58),rgba(255,255,255,.2) 46%,rgba(224,241,236,.42));border-bottom:1px solid rgba(219,228,225,.7)}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);z-index:-1;pointer-events:none}
.hero:before{width:430px;height:430px;right:-140px;top:-180px;background:radial-gradient(circle,rgba(45,171,145,.16),rgba(45,171,145,0) 70%)}
.hero:after{width:360px;height:360px;left:-180px;bottom:-180px;background:radial-gradient(circle,rgba(13,107,93,.08),rgba(13,107,93,0) 72%)}
.hero-grid{position:relative}.hero h1{text-wrap:balance;color:#102621}.hero p.lead{line-height:1.58;color:#3a504b}
.eyebrow{box-shadow:inset 0 0 0 1px rgba(13,107,93,.07);letter-spacing:.01em}
.btn{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}
.btn-primary{box-shadow:0 10px 24px rgba(13,107,93,.19)}.btn-secondary{box-shadow:0 7px 18px rgba(31,63,56,.05)}
.hero-card{background:linear-gradient(155deg,#084b43 0,#0a7665 64%,#0c8a74 100%);border:1px solid rgba(255,255,255,.15);box-shadow:0 28px 72px rgba(5,79,67,.24),inset 0 1px 0 rgba(255,255,255,.08)}
.hero-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;top:-55px;left:-35px;background:radial-gradient(circle,rgba(255,255,255,.11),rgba(255,255,255,0) 68%)}
.hero-card h2{text-wrap:balance}.mini-step{backdrop-filter:blur(5px);transition:background .18s ease,border-color .18s ease}.mini-step:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.24)}
.hero+.section{background:linear-gradient(180deg,#fff 0,#fbfdfc 100%);border-bottom:1px solid var(--line)}
.section h2,.hub-hero h1,.article h1{text-wrap:balance}.section-intro{font-size:16px;line-height:1.68}
.finder{position:relative;overflow:hidden;border-color:#d4e4df;box-shadow:0 22px 56px rgba(18,70,59,.09)}
.finder:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand),#33a38d,#8bd5c2)}
.field label{color:#243d38}.field select,.field input{transition:border-color .18s ease,box-shadow .18s ease;background-color .18s ease}.field select:hover,.field input:hover{border-color:#a7c9c0;background:#fdfefe}.field select:focus,.field input:focus{border-color:#72ad9e;box-shadow:0 0 0 4px rgba(13,107,93,.08)}
.finder-note{max-width:660px}.results:not(:empty){padding-top:2px}
.result-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;background:linear-gradient(180deg,#fff,#fbfdfc)}
.grid{align-items:stretch}.card{height:100%;position:relative;display:flex;flex-direction:column;border-color:#dce8e4;box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card p{flex:1}.card .icon{background:linear-gradient(145deg,#e7faf4,#d5f2e9);box-shadow:inset 0 0 0 1px rgba(13,107,93,.06);transition:transform .2s ease}.card-link{margin-top:auto}
.guide-link{position:relative;padding-right:55px;border-color:#dce8e4;box-shadow:0 8px 24px rgba(24,54,48,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-link:after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);color:var(--brand);font-weight:850;transition:transform .18s ease,background .18s ease}.guide-link:hover:after{transform:translate(3px,-50%);background:var(--accent)}
.hub-hero{background:linear-gradient(180deg,rgba(223,247,239,.35),rgba(246,248,247,0));border-bottom:1px solid rgba(219,228,225,.55)}
.article{border-color:#dbe7e3;box-shadow:0 20px 55px rgba(22,66,57,.08)}.article p,.article li{max-width:76ch}.article h2{scroll-margin-top:98px}.dek{line-height:1.55}.meta span{display:inline-flex;align-items:center;gap:5px}.meta span+span:before{content:"•";color:#9aaca8;margin-right:7px}
.quick{background:linear-gradient(135deg,#edf9f5,#f8fcfb);border-color:#c6e6dc;box-shadow:inset 4px 0 0 var(--brand)}
.risk{box-shadow:inset 4px 0 0 currentColor}.checklist li{background:linear-gradient(180deg,#fbfdfc,#f7faf9);border-color:#dce7e4}.checklist li:before{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:#e4f6ef;font-size:12px;margin-top:1px}
.cause{transition:border-color .18s ease}.cause-head h3{margin-top:0}.likelihood{border:1px solid #dbe7e3;background:#f2f7f5}.action-box{background:linear-gradient(90deg,#f3f8f6,#fafcfb)}
.side-card{border-color:#dce7e4;box-shadow:0 10px 30px rgba(24,54,48,.045)}.side-card:first-child{border-top:4px solid var(--brand);padding-top:15px}.side-card a{border-bottom:1px solid transparent}.side-card a:hover{border-bottom-color:#dce7e4}
.notice{background:linear-gradient(135deg,#edf9f5,#f9fcfb);border-color:#cde8df;box-shadow:0 8px 24px rgba(13,107,93,.04)}
.footer{background:linear-gradient(180deg,#eef4f1,#e9f0ed)}.footer a{transition:color .16s ease,transform .16s ease}.footer a:hover{color:var(--brand);transform:translateX(2px)}
:focus-visible{outline:3px solid rgba(13,107,93,.24)!important;outline-offset:3px!important}
@media(hover:hover){.btn:hover{transform:translateY(-1px)}.btn-primary:hover{box-shadow:0 13px 30px rgba(13,107,93,.24)}.card:hover{transform:translateY(-3px);border-color:#b8d7cf;box-shadow:var(--shadow-lift)}.card:hover .icon{transform:scale(1.06)}.guide-link:hover,.result-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(13,107,93,.09)}}
@media(max-width:900px){.hero{padding-top:54px}.hero-card{max-width:680px}.article{box-shadow:0 12px 36px rgba(22,66,57,.07)}}
@media(max-width:620px){.hero{padding:42px 0 38px}.hero h1{font-size:clamp(40px,12vw,50px)}.hero p.lead{font-size:18px}.hero-actions .btn{width:100%}.finder{padding:20px 16px}.article{padding:22px 18px}.article h2{font-size:27px}.danger-strip{font-size:12.5px;padding:10px 0}.danger-strip .wrap{gap:7px}.meta span+span:before{display:none}.guide-link{padding-right:48px}.nav-links.open{box-shadow:0 14px 28px rgba(15,52,44,.09)}}
@media(prefers-reduced-motion:reduce){.btn,.card,.card .icon,.guide-link,.guide-link:after,.result-card,.footer a,.nav-links a:after{transition:none!important;transform:none!important}}
/* production */
