:root{--tool-bg:#F9F5EA;--tool-ink:#102921;--tool-muted:#112A22;--tool-line:rgba(16,41,33,.12);--tool-accent:#F8F4EA;--tool-card:#F9F5EA}
.tool-page{min-height:calc(100vh - 76px);padding:70px 0 100px;background:var(--tool-bg);color:var(--tool-ink)}
.tool-wrap{width:min(1080px,92%);margin:auto}
.tool-breadcrumb{font-size:.78rem;color:var(--tool-muted);margin-bottom:20px}.tool-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.tool-hero{max-width:800px;margin-bottom:35px}.tool-hero .eyebrow{color:var(--tool-accent);font-size:.72rem;letter-spacing:.18em;font-weight:800}.tool-hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,7vw,5.5rem);line-height:.95;margin:8px 0 18px;letter-spacing:-.045em}.tool-hero p{max-width:720px;color:var(--tool-muted);font-size:1.05rem;line-height:1.8}
.tool-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.tool-box,.tool-info{background:var(--tool-card);border:1px solid var(--tool-line);border-radius:22px;padding:28px;box-shadow:0 16px 45px rgba(16,40,32,.045)}.tool-box h2,.tool-info h2{margin:0 0 18px;font-size:1.35rem}.tool-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-form-grid label{font-size:.84rem;font-weight:700}.tool-form-grid input,.tool-form-grid select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--tool-line);border-radius:12px;background:#F9F5EA;outline:none}.tool-form-grid input:focus,.tool-form-grid select:focus{border-color:var(--tool-accent);box-shadow:0 0 0 4px rgba(95,176,149,0.024)}.tool-button{margin-top:18px;border:0;border-radius:999px;padding:12px 19px;background:#102921;color:white;font-weight:800;cursor:pointer}.tool-result{margin-top:18px;padding:17px;border-radius:15px;background:#F9F5EA;border:1px solid var(--tool-line);line-height:1.65}.tool-result strong{font-size:1.25rem}.tool-info p,.tool-info li{color:var(--tool-muted);line-height:1.75}.tool-info ul{padding-left:20px}.tool-note{font-size:.78rem;color:var(--tool-muted);margin-top:18px}.tool-related{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}.tool-related a{padding:8px 12px;border:1px solid var(--tool-line);border-radius:999px;font-size:.78rem;background:#F9F5EA}.tool-related a:hover{border-color:var(--tool-accent)}
@media(max-width:760px){.tool-layout{grid-template-columns:1fr}.tool-form-grid{grid-template-columns:1fr}.tool-page{padding-top:45px}.tool-box,.tool-info{padding:22px}.tool-hero h1{font-size:3.4rem}}