:root{--ink:#20322d;--muted:#5a6862;--paper:#fcfbf7;--linen:#f2f0e8;--sage:#d8e3d8;--sage-deep:#315c4b;--rust:#aa633a;--line:#d8d8cd;--danger:#7e342a;--shadow:0 14px 36px rgba(35,48,42,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.58}.wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:10;background:#fff;padding:.75rem;color:var(--ink)}a{color:inherit;text-underline-offset:.17em}.site-header{background:rgba(252,251,247,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3;backdrop-filter:blur(8px)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-family:Georgia,serif;font-weight:700;font-size:1.18rem;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:50%;background:var(--sage-deep);color:#fff;font-weight:400;font-style:italic}.brand small{font:500 .67rem/1.2 Inter,ui-sans-serif,sans-serif;color:var(--muted);display:block;letter-spacing:.03em}.site-header nav{display:flex;gap:1.35rem;align-items:center}.site-header nav a{font-size:.9rem;text-decoration:none;font-weight:650}.site-header nav a:hover,.text-link:hover{color:var(--rust)}.hero{background:linear-gradient(90deg,rgba(32,50,45,.98) 0%,rgba(32,50,45,.92) 37%,rgba(32,50,45,.15) 70%),url('../images/stain-library-hero.webp') 72% center/cover;min-height:590px;color:#fff;display:flex;align-items:center}.hero-copy{max-width:630px;padding:4.8rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:750;margin:0 0 .75rem;color:var(--rust)}.hero .eyebrow{color:#e5c09f}.hero h1,.page-intro h1{font:400 clamp(2.55rem,6vw,4.85rem)/1.05 Georgia,serif;letter-spacing:-.04em;margin:.1rem 0 1.2rem}.hero p{font-size:1.15rem;max-width:520px;color:#e9eeea}.hero-note{font-size:.82rem!important;margin:1rem 0 0;color:#dbe5de!important}.finder-panel{margin-top:2.1rem;background:#fff;color:var(--ink);padding:1.25rem;border-radius:.9rem;box-shadow:var(--shadow)}.finder-form{display:grid;grid-template-columns:1.25fr 1.25fr 1fr auto;gap:.8rem;align-items:end}.finder-form label{display:block;color:var(--muted);font-size:.76rem;font-weight:750;margin:0 0 .28rem}.finder-form select,.admin-input,.admin-textarea{width:100%;font:inherit;padding:.67rem .72rem;border:1px solid #bfc7be;border-radius:.4rem;background:#fff;color:var(--ink)}.finder-form .button{white-space:nowrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;background:var(--sage-deep);border:1px solid var(--sage-deep);color:#fff;padding:.72rem 1rem;border-radius:.42rem;font:700 .9rem Inter,ui-sans-serif,sans-serif;text-decoration:none;cursor:pointer}.button:hover{background:#214638}.button.secondary{background:transparent;color:var(--sage-deep)}.button.warn{background:var(--danger);border-color:var(--danger)}.section{padding:4.7rem 0}.section.linen{background:var(--linen)}.section-heading{max-width:690px;margin-bottom:2.1rem}.section h2{font:400 clamp(1.8rem,3.3vw,2.65rem)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 .75rem}.section-heading p{color:var(--muted);margin:0}.three-grid,.two-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.two-grid{grid-template-columns:repeat(2,1fr)}.info-card,.result-card,.notice,.source-panel{background:#fff;border:1px solid var(--line);border-radius:.8rem;padding:1.4rem;box-shadow:0 2px 10px rgba(35,48,42,.025)}.info-card h3,.result-card h3{font:400 1.32rem/1.25 Georgia,serif;margin:.15rem 0 .55rem}.info-card p,.result-card p{color:var(--muted);font-size:.95rem}.text-link{font-weight:750;font-size:.9rem;color:var(--sage-deep)}.page-intro{padding:4.1rem 0 2.6rem;background:var(--linen)}.page-intro h1{font-size:clamp(2.25rem,4.6vw,3.9rem);max-width:840px}.page-intro p{max-width:750px;color:var(--muted);font-size:1.1rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3.6rem;padding:3.4rem 0 4.8rem}.article-content{max-width:780px}.article-content h2{font:400 2rem/1.18 Georgia,serif;margin:2.7rem 0 .75rem}.article-content h3{font:700 1rem/1.25 Inter,ui-sans-serif,sans-serif;margin:1.4rem 0 .4rem}.article-content p,.article-content li{max-width:760px}.quick-answer{background:#e8f0e8;border-left:5px solid var(--sage-deep);padding:1.25rem 1.35rem;border-radius:0 .65rem .65rem 0}.quick-answer h2{font:700 1rem/1.2 Inter,ui-sans-serif,sans-serif;margin:0 0 .45rem}.quick-answer p{margin:0}.warning-box{background:#fcf0e9;border-left:5px solid var(--rust);padding:1.2rem 1.35rem;border-radius:0 .65rem .65rem 0;margin:2rem 0}.warning-box h2{font:700 1rem/1.2 Inter,ui-sans-serif,sans-serif;margin:0 0 .45rem}.warning-box ul{margin:.5rem 0 0;padding-left:1.2rem}.steps{counter-reset:step;list-style:none;padding:0;margin:1rem 0}.steps li{counter-increment:step;position:relative;padding:0 0 1.15rem 3rem;min-height:2.5rem}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:var(--ink);font-weight:800}.sidebar{align-self:start;position:sticky;top:100px}.sidebar .info-card{margin-bottom:1rem}.sidebar h2{font:700 1rem/1.2 Inter,ui-sans-serif,sans-serif}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag{background:var(--linen);border-radius:999px;padding:.28rem .55rem;font-size:.8rem;text-decoration:none}.sources{border-top:1px solid var(--line);margin-top:2.7rem;padding-top:1.6rem}.sources h2{font-size:1.25rem}.sources ul{padding-left:1.1rem}.sources li{margin:.4rem 0}.sources a{color:var(--sage-deep)}.finder-result{padding:3.5rem 0 4.5rem}.finder-result .finder-form{background:var(--linen);padding:1rem;border-radius:.7rem}.finder-result .result-card{margin-top:1.6rem}.empty-state{background:#fff8ed;border:1px solid #ead7b7;border-radius:.8rem;padding:1.5rem;margin-top:1.6rem}.empty-state h2{font:400 1.8rem Georgia,serif;margin:0 0 .5rem}.site-footer{background:var(--ink);color:#eaf0ec;padding:3.6rem 0 1.2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.site-footer p{color:#bfcec5;font-size:.9rem;max-width:360px}.footer-brand .brand-mark{background:var(--rust)}.site-footer h2{font:700 .8rem Inter,ui-sans-serif,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;color:#d6e1d9}.site-footer section:not(:first-child) a{display:block;color:#bfcec5;text-decoration:none;font-size:.9rem;margin:.45rem 0}.site-footer section:not(:first-child) a:hover{color:#fff}.footer-fine{border-top:1px solid #51645d;margin-top:2.5rem;padding-top:1.2rem;color:#a8b8af;font-size:.75rem}.legal-block{max-width:820px;padding:3.5rem 0 5rem}.legal-block h1{font:400 3rem/1.1 Georgia,serif}.legal-block h2{font:400 1.65rem Georgia,serif;margin-top:2.3rem}.table-list{width:100%;border-collapse:collapse}.table-list th,.table-list td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line);vertical-align:top}.table-list th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.admin-shell{min-height:100vh;background:#f5f5f1}.admin-header{background:var(--ink);color:#fff;padding:1rem 0}.admin-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-header a{color:#fff}.admin-main{padding:2.4rem 0 5rem}.admin-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:2rem}.admin-nav a{display:block;padding:.5rem 0;text-decoration:none}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:.7rem;padding:1.5rem}.admin-panel h1{font:400 2rem Georgia,serif;margin:0 0 1rem}.admin-panel h2{font:400 1.3rem Georgia,serif;margin:1.6rem 0 .6rem}.admin-form{display:grid;gap:1rem;max-width:880px}.admin-form label{font-weight:700;font-size:.86rem}.admin-form .help{font-size:.8rem;color:var(--muted);margin-top:.25rem}.admin-textarea{min-height:120px}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.admin-stat{padding:1rem;border-radius:.6rem;background:var(--linen)}.admin-stat strong{font:400 2rem Georgia,serif;display:block}.flash{padding:.8rem 1rem;background:#e8f0e8;border-left:4px solid var(--sage-deep);margin-bottom:1rem}.error{padding:.8rem 1rem;background:#fff0ec;border-left:4px solid var(--danger);margin-bottom:1rem}
@media(max-width:880px){.site-header{position:static}.nav-wrap{padding:1rem 0;align-items:flex-start}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:.45rem .9rem}.finder-form{grid-template-columns:1fr 1fr}.finder-form .button{grid-column:span 2}.hero{min-height:620px;background:linear-gradient(90deg,rgba(32,50,45,.98),rgba(32,50,45,.75)),url('../images/stain-library-hero.webp') 70% center/cover}.content-layout{grid-template-columns:1fr}.sidebar{position:static}.admin-grid{grid-template-columns:1fr}.admin-nav{display:flex;flex-wrap:wrap;gap:0 1rem}.admin-stat-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.wrap{width:min(100% - 28px,1160px)}.brand small{display:none}.site-header nav{font-size:.85rem;justify-content:flex-start}.nav-wrap{display:block}.site-header nav{margin-top:.75rem}.hero-copy{padding:3.5rem 0}.hero h1{font-size:2.8rem}.finder-form,.two-grid,.three-grid,.footer-grid{grid-template-columns:1fr}.finder-form .button{grid-column:auto}.section{padding:3.3rem 0}.page-intro{padding:3rem 0 2rem}.content-layout{padding:2.5rem 0 3.5rem}.table-list{display:block;overflow:auto}.admin-stat-grid{grid-template-columns:1fr}}