@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#202520;font-synthesis:none;background:#f7f7f4;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.site-header,main,footer{max-width:1160px;margin:auto}.site-header{justify-content:space-between;align-items:center;height:78px;padding:0 24px;display:flex}.wordmark{letter-spacing:-.1em;font-family:DM Mono,monospace;font-size:1.25rem;font-weight:500}.site-header nav,footer div{gap:25px;font-size:.86rem;display:flex}.site-header nav a:hover,footer a:hover{opacity:.55}main{padding:44px 24px 100px}.intro{max-width:710px;padding:35px 0 85px}.eyebrow{letter-spacing:.12em;color:#69736d;margin:0 0 16px;font:500 .68rem DM Mono,monospace}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:22px;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.03}h2{letter-spacing:-.04em;font-size:1.55rem}h3{letter-spacing:-.035em;margin-bottom:10px;font-size:1.2rem}.intro>p:not(.eyebrow),.prose>p{color:#59605c;max-width:620px;font-size:1.12rem;line-height:1.65}.search{background:#fff;border:1px solid #d7dad4;align-items:center;gap:12px;height:61px;margin-top:35px;padding:0 18px;transition:all .15s;display:flex}.search:focus-within{border-color:#252b27;box-shadow:0 0 0 3px #daddd5}.search span{font-size:1.5rem}.search input{font:inherit;background:0 0;border:0;outline:0;width:100%}.section-heading{align-items:baseline;gap:18px;margin-bottom:22px;display:flex}.section-heading .eyebrow{margin:0}.tool-grid{border-top:1px solid #d7dad4;border-left:1px solid #d7dad4;grid-template-columns:repeat(3,1fr);display:grid}.tool-card{background:#f7f7f4;border-bottom:1px solid #d7dad4;border-right:1px solid #d7dad4;min-height:215px;padding:25px;transition:background .15s}.tool-card:hover{background:#fff}.tool-card span{text-transform:uppercase;color:#69736d;font:500 .65rem DM Mono,monospace}.tool-card p{color:#59605c;min-height:48px;font-size:.9rem;line-height:1.6}.tool-card b{font-size:.8rem}.tool-card i{margin-left:4px;font-size:1rem;font-style:normal}.categories{margin-top:100px}.categories>div{border-top:1px solid #d7dad4}.categories a{border-bottom:1px solid #d7dad4;justify-content:space-between;padding:18px 4px;font-size:1.03rem;display:flex}.categories span{color:#69736d;font:500 .75rem DM Mono,monospace}.empty{color:#69736d}.prose,.category-page{max-width:760px;min-height:55vh}.prose h1,.category-page h1{font-size:3.4rem}.tool-page{max-width:780px;min-height:65vh;padding-top:34px}.tool-page header{margin:40px 0}.tool-page h1{font-size:3.25rem}.tool-page header>p:last-child{color:#59605c}.back{color:#59605c;font-size:.85rem}.tool-form{gap:17px;display:grid}.tool-form label{gap:8px;font-size:.84rem;font-weight:600;display:grid}.tool-form textarea,.tool-form input[type=number]{resize:vertical;background:#fff;border:1px solid #cbd0ca;outline:0;width:100%;padding:13px;font:14px DM Mono,monospace}.tool-form textarea{min-height:190px}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.checks{flex-wrap:wrap;gap:20px;display:flex}.checks label{font-weight:400;display:block}.tool-form button,.tool-actions button{color:#fff;cursor:pointer;background:#202520;border:0;width:max-content;padding:12px 17px;font:600 .8rem Manrope}.tool-result{background:#e9ece6;margin-top:30px;padding:22px}.tool-result .eyebrow{margin-bottom:9px}.tool-result strong{letter-spacing:-.06em;font-size:2rem}.tool-result p:last-child{color:#59605c;margin:7px 0 0}.tool-result pre{white-space:pre-wrap;max-height:350px;margin:0;font:13px/1.6 DM Mono,monospace;overflow:auto}.tool-actions{margin-top:14px}.tool-actions button{color:#202520;background:#fff}.tool-error{color:#7a2821;background:#f7e8e5;padding:14px;font:13px DM Mono,monospace}footer{color:#69736d;border-top:1px solid #d7dad4;justify-content:space-between;padding:26px 24px;font-size:.78rem;display:flex}@media (width<=700px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:170px}.intro{padding-bottom:55px}.site-header nav{gap:14px}.field-row{grid-template-columns:1fr}h1,.tool-page h1{font-size:2.7rem}}