:root{--color-bg:#f8faf9;--color-surface:#fff;--color-text:#243230;--color-muted:#60706d;--color-heading:#17211f;--color-border:#dce6e2;--color-accent:#1a7f7f;--color-accent-dark:#126363;--color-accent-soft:#e3f0ee;--color-footer:#142220;--shadow-sm:0 12px 32px #14222014;--site-width:1120px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{background:var(--color-bg)}body{min-width:320px;margin:0}a{color:inherit}button,input{font:inherit}#root{min-height:100svh}.embed-page{background:#fbfafa;width:100%;min-width:320px;min-height:100svh;overflow:hidden}.embed-page>*{min-height:100svh}.site-frame{flex-direction:column;min-height:100svh;display:flex}.site-shell{width:min(100% - 40px, var(--site-width));margin-inline:auto}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header .site-shell{align-items:center;min-height:76px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__logo{object-fit:contain;width:42px;height:42px}.brand__name{color:var(--color-heading);font-size:1.02rem;font-weight:700}.site-main{flex:1}.site-footer{color:#ffffffdb;background:var(--color-footer)}.site-footer__inner{justify-content:space-between;align-items:center;gap:16px;min-height:64px;font-size:.92rem;display:flex}.home{padding:72px 0 88px}.home__inner{align-items:start;gap:44px;display:grid}.home__intro{max-width:820px}.section-label{color:var(--color-accent-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800}.home h1,.not-found h1{max-width:760px;color:var(--color-heading);margin:0;font-size:clamp(2.25rem,6vw,4.6rem);font-weight:650;line-height:1.02}.home h1{font-size:clamp(1.85rem,4vw,3.25rem)}.home__copy,.not-found p{max-width:620px;color:var(--color-muted);margin:22px 0 0;font-size:1.05rem}.tools-panel{padding:0}.tools-panel__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.tools-panel__header .section-label{margin:0}.tools-panel__header span{width:34px;height:34px;color:var(--color-accent-dark);background:var(--color-accent-soft);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.tool-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{min-height:100%;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;align-content:space-between;gap:22px;padding:20px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.tool-card:hover{border-color:#1a7f7f73;transform:translateY(-1px);box-shadow:0 14px 28px #1422201a}.tool-card:focus-visible,.text-link:focus-visible,.brand:focus-visible{outline-offset:4px;outline:3px solid #1a7f7f59}.tool-card__eyebrow{color:var(--color-accent-dark);margin:0 0 8px;font-size:.78rem;font-weight:800}.tool-card h2{color:var(--color-heading);margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.tool-card p{color:var(--color-muted);margin:10px 0 0}.tool-card__status{width:fit-content;color:var(--color-accent-dark);background:var(--color-accent-soft);border:1px solid #1a7f7f24;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.not-found{padding:72px 0 88px}.not-found__inner{max-width:760px}.text-link{color:var(--color-accent-dark);text-underline-offset:5px;margin-top:28px;font-weight:800;text-decoration-thickness:2px;display:inline-flex}@media (width<=820px){.site-shell{width:min(100% - 28px, var(--site-width))}.site-header .site-shell{min-height:68px}.brand__logo{width:38px;height:38px}.home{padding:48px 0 64px}.home__inner{gap:32px}.home h1,.not-found h1{font-size:2.5rem}.home h1{font-size:2.25rem}.tool-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.home h1,.not-found h1{font-size:2.05rem}.home h1{font-size:1.9rem}.tool-list{grid-template-columns:1fr}.site-footer__inner{flex-direction:column;justify-content:center;gap:4px}}
