:root{color-scheme:light;--bg-base: #f7f4ee;--bg-ink: #1b2430;--surface: rgba(255, 255, 255, .96);--surface-strong: #0f172a;--surface-muted: #f8f9fb;--text: #1a2431;--text-muted: #536173;--border-soft: rgba(71, 86, 106, .2);--accent: #1b8f7e;--accent-strong: #0f6f62;--accent-cool: #245c9f;--shadow: none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:IBM Plex Sans,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#fcfbf8 0%,var(--bg-base) 52%,#f2efe8 100%),repeating-linear-gradient(0deg,rgba(27,36,48,.02) 0,rgba(27,36,48,.02) 1px,transparent 1px,transparent 28px)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(circle at .5px .5px,rgba(37,46,61,.18) .5px,transparent 0);background-size:12px 12px}a{color:inherit}button,input,textarea{font:inherit}h1,h2,h3{margin:0;font-family:Bahnschrift,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.08;letter-spacing:-.01em}p{margin:0}.panel{position:relative;padding:clamp(1.2rem,2vw,2rem);border:1px solid var(--border-soft);border-radius:.7rem;background:var(--surface);box-shadow:var(--shadow);animation:panel-enter .28s ease both}.panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent),rgba(27,143,126,0))}.site-main>.panel:nth-child(2){animation-delay:60ms}.site-main>.panel:nth-child(3){animation-delay:.12s}.site-main>.panel:nth-child(4){animation-delay:.18s}.panel--hero{background:linear-gradient(135deg,#1b8f7e14,#fffffff5)}.panel--hero:after{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18.8rem,.9fr);gap:1.35rem;align-items:start}.hero__content,.hero__aside,.card-stack,.workspace-panel,.page-hero,.article-panel,.faq-panel,.related-panel{display:grid;gap:1rem}.hero>.hero__aside{align-self:start;justify-self:end;width:min(100%,24rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem}.eyebrow,.tag{display:inline-flex;width:fit-content;align-items:center;gap:.35rem;padding:.32rem .58rem;border-radius:.35rem;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#23454d;background:#1b8f7e1a;border:1px solid rgba(27,143,126,.24)}.hero h1,.page-hero h1{font-size:clamp(2rem,4.2vw,3.5rem);max-width:14ch}.lede{max-width:62ch;font-size:1.03rem;line-height:1.7;color:var(--text-muted)}.search-field,.field-group{display:grid;gap:.45rem}.search-field__label,.field-group span{font-size:.88rem;font-weight:650;color:#293e63}.text-input,.textarea{width:100%;border:1px solid rgba(73,104,155,.28);border-radius:.9rem;padding:.92rem 1rem;color:var(--text);background:#fffffff0}.text-input:focus,.textarea:focus,.button:focus,.nav-link:focus,.chip:focus,.tool-card:focus,.phase-item:focus,.text-link:focus,.brand:focus,.tool-index-card:focus{outline:3px solid rgba(45,155,255,.28);outline-offset:2px}.text-input--search{min-height:3.35rem}.textarea{resize:vertical}.stat-row,.control-row,.breadcrumb-row,.checkbox-grid,.chip-list{display:flex;flex-wrap:wrap;gap:.7rem}.metric,.spotlight-card,.utility-card,.output-panel,.article-card{border-radius:.65rem;border:1px solid var(--border-soft);background:var(--surface-muted)}.metric{min-width:10rem;padding:.92rem 1rem}.metric strong{display:block;font-family:Bahnschrift,Segoe UI,Arial,sans-serif;font-size:1.25rem}.metric span,.helper-text,.site-footer p,.spotlight-card p,.utility-card p,.article-card p,.phase-item span,.breadcrumb-row,.output-panel p{color:var(--text-muted);line-height:1.6}.spotlight-card,.utility-card,.output-panel,.article-card{padding:1.08rem;border-left:3px solid rgba(27,143,126,.35)}.spotlight-card--console{background:linear-gradient(180deg,#1f2b3f,#27374d);color:#f2f7ff;border-left-color:#72c2ffcc}.spotlight-card--console .tag{color:#ddedff;border-color:#92c7ff80;background:#5188c759}.spotlight-card--console p,.spotlight-card--console h2{color:inherit}.console-list{display:grid;gap:.4rem;margin-top:.45rem;font-family:Consolas,Courier New,monospace;font-size:.92rem;color:#9cdaff}.spotlight-card--warm{background:linear-gradient(180deg,#1b8f7e17,#fffffff2)}.developer-strip{display:flex;flex-wrap:wrap;gap:.62rem}.developer-pill{padding:.58rem .84rem;border-radius:.35rem;border:1px solid rgba(27,143,126,.2);background:#1b8f7e14;color:#245f56;font-size:.88rem;font-weight:600}.section-heading{display:grid;gap:.35rem;margin-bottom:1rem}.section-heading h2,.tool-card h3,.article-card h2,.article-card h3,.output-panel h2,.utility-card h3,.spotlight-card h2{font-size:clamp(1.18rem,2vw,1.65rem)}.card-grid,.utility-grid,.article-grid,.workspace-grid,.phase-grid,.faq-list{display:grid;gap:1rem}.card-grid,.article-grid{grid-template-columns:repeat(auto-fit,minmax(13.8rem,1fr))}.utility-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.workspace-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card,.phase-item,.chip,.button,.text-link,.tool-index-card{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.tool-card,.phase-item{display:grid;gap:.64rem;padding:1.08rem;border:1px solid var(--border-soft);border-radius:.65rem;background:#fff;text-decoration:none}.tool-card:hover,.phase-item:hover,.chip:hover,.button:hover,.text-link:hover,.tool-index-card:hover{transform:none}.tool-card--featured{background:linear-gradient(165deg,#1b8f7e1a,#fff);border-left:3px solid rgba(27,143,126,.45)}.chip{padding:.58rem .76rem;border-radius:.4rem;border:1px solid var(--border-soft);background:#fff;text-decoration:none;font-size:.88rem}.phase-grid{grid-template-columns:repeat(auto-fit,minmax(11.9rem,1fr))}.all-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14.8rem,1fr));gap:.95rem}.stat-row>*{flex:1 1 10rem}.tool-index-card{display:grid;gap:.7rem;min-height:100%;padding:1.1rem;border:1px solid var(--border-soft);border-radius:.65rem;background:#fff;text-decoration:none;box-shadow:none}.tool-index-card:hover{border-color:#1b8f7e6b}.tool-index-card strong{font-family:Bahnschrift,Segoe UI,Arial,sans-serif;font-size:1.02rem}.tool-index-card p{color:var(--text-muted);line-height:1.5}.tool-index-card__link{color:#0f6f62;font-weight:700;letter-spacing:.01em}.phase-item strong{font-size:1rem}.button{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:2.9rem;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:.45rem;color:#f4f9f8;font-weight:650;background:linear-gradient(135deg,var(--accent-strong),var(--accent));cursor:pointer;text-decoration:none}.button--secondary{color:#1f3b4a;border-color:#1f3b4a38;background:#f7fbfb}.output-panel{display:grid;gap:.75rem}.output-panel--spaced{margin-top:1rem}.status-banner{padding:.78rem .92rem;border-radius:.45rem;border:1px solid transparent}.status-banner--good{color:#0b6357;background:#00a88b1a;border-color:#00a88b3d}.status-banner--bad{color:#872620;background:#d9404014;border-color:#d9404038}.code-block,.mono{margin:0;font-family:Consolas,Courier New,monospace;font-size:.93rem}.code-block{max-width:100%;padding:.95rem;border-radius:.45rem;overflow:auto;color:#e8f4f2;background:#1f2d2c}.code-block--wrap{white-space:pre-wrap;word-break:break-word}.diff-list,.match-list{margin:0;padding-left:1.05rem;display:grid;gap:.4rem}.field-group--compact{align-content:start}.checkbox-grid{gap:.8rem 1rem}.checkbox-grid label{display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .62rem;border-radius:.35rem;border:1px solid rgba(73,104,155,.2);background:#fafdffdb}.ad-shell{display:block}.ad-slot{display:grid;gap:.9rem;padding:.95rem 1.18rem;border:1px dashed rgba(27,143,126,.45);border-radius:.55rem;background:#f4faf8}.ad-slot__meta{display:grid;gap:.38rem}.article-card--detailed{min-height:100%}.faq-list article{padding:1rem;border-radius:.55rem;background:#fffc;border:1px solid var(--border-soft)}.text-link{width:fit-content;color:#0f6f62}@keyframes panel-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.hero,.workspace-grid--two{grid-template-columns:1fr}.hero>.hero__aside{justify-self:stretch;width:100%}.hero h1,.page-hero h1{max-width:100%}}@media(max-width:640px){.panel{border-radius:1.1rem;padding:1rem}.site-shell{padding:.85rem}.hero-actions{display:grid}.button{width:100%}.card-grid,.utility-grid,.all-tools-grid,.phase-grid{grid-template-columns:1fr}.metric{min-width:100%}.control-row{display:grid;grid-template-columns:1fr}.control-row>*{width:100%}.code-block,.mono{font-size:.87rem}.search-field__label,.field-group span{font-size:.84rem}}@media(max-width:420px){.hero h1,.page-hero h1{font-size:1.65rem}.lede{font-size:.95rem;line-height:1.6}.text-input,.textarea{padding:.82rem .9rem}.checkbox-grid{display:grid;grid-template-columns:1fr}}
