:root{--color-bg: #f4f5f1;--color-surface: #ffffff;--color-card: #ffffff;--color-text: #1f2933;--color-muted: #5c6773;--color-border: #c6ced4;--color-border-soft: #dce3e6;--color-accent: #0b5e56;--color-accent-dark: #073f3a;--color-accent-soft: #e4f1ed;--color-warm: #9a681a;--color-warm-soft: #fbf0d5;--color-red: #b84a3b;--color-graphite: #17212b;--color-steel: #6b7881;--color-danger-bg: #fff4f4;--color-danger-border: #efb5b5;--color-danger-text: #8a1f1f;--shadow-card: 4px 4px 0 rgba(23, 33, 43, .08);--shadow-card-strong: 6px 6px 0 rgba(23, 33, 43, .12);--font-body: "Avenir Next", "DIN Alternate", "Trebuchet MS", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Futura", "Avenir Next Condensed", "Avenir Next", "DIN Condensed", "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;--radius-sm: 8px;--radius-md: 8px;--radius-lg: 8px;--container: 1160px;--focus: 0 0 0 3px rgba(11, 94, 86, .24)}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:linear-gradient(rgba(23,33,43,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,43,.025) 1px,transparent 1px),var(--color-bg);background-size:32px 32px;color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.65;font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto}a{color:var(--color-accent);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-accent-dark)}button,input,select{font:inherit}button,a,input,select,summary{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:var(--focus)}code{padding:.1rem .28rem;border-radius:6px;background:#edf1f4;font-size:.94em}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.narrow{max-width:780px}.skip-link{position:absolute;left:16px;top:12px;transform:translateY(-140%);z-index:50;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;padding:.65rem .85rem;text-decoration:none}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--color-border-soft);background:#fffffff7;position:sticky;top:0;z-index:20;backdrop-filter:blur(6px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.1rem;min-width:0;min-height:64px}.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:0;color:var(--color-text);text-decoration:none}.brand-mark{display:block;flex:0 0 auto;width:44px;height:44px;overflow:hidden;border-radius:var(--radius-md);background:#eef5f1;box-shadow:0 0 0 1px #17212b29,3px 3px #17212b1a}.brand-mark img{display:block;width:64px;max-width:none;height:64px;transform:translate(-10px,-10px)}.brand-mark picture,.hero-visual picture{display:block;width:100%;height:100%}.brand-text{display:grid;gap:.03rem;min-width:0}.brand-text strong{font-family:var(--font-heading);font-weight:800;overflow-wrap:anywhere}.brand-text small{max-width:280px;color:var(--color-muted);font-size:.78rem;line-height:1.35}.main-nav{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;justify-content:flex-end;min-width:0}.main-nav a{border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-heading);font-weight:650;padding:.44rem .62rem;text-decoration:none;white-space:nowrap}.main-nav a[aria-current=page],.main-nav a:hover{background:var(--color-accent-soft);color:var(--color-accent-dark)}.home-hero,.tool-hero{padding:36px 0 24px}.home-hero-tool{position:relative;overflow:hidden;border-bottom:1px solid rgba(23,33,43,.06);background:#eaf4f0}.home-hero-tool:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,33,43,.08) 1px,transparent 1px),linear-gradient(rgba(23,33,43,.06) 1px,transparent 1px);background-size:72px 72px;clip-path:polygon(0 0,62% 0,48% 100%,0 100%);pointer-events:none}.home-hero-tool .container{position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr);gap:34px;align-items:center}.hero-grid-tool-first{align-items:start}.hero-copy-block{min-width:0}.eyebrow{margin:0 0 .6rem;color:var(--color-accent);font-family:var(--font-heading);font-weight:800;letter-spacing:0;text-transform:uppercase;font-size:.8rem}h1,h2,h3{font-family:var(--font-heading);font-weight:800;line-height:1.16;letter-spacing:0}h1{margin:0 0 1rem;max-width:660px;font-size:clamp(2rem,3.8vw,3.15rem);hyphens:auto;overflow-wrap:break-word}h2{margin:2rem 0 .75rem;font-size:clamp(1.42rem,2.4vw,1.9rem)}h3{margin:1.5rem 0 .75rem;font-size:1.22rem}p{margin:0 0 1rem}.hero-copy{max-width:740px;color:#344054;font-size:clamp(1.08rem,2vw,1.22rem)}.hero-visual{overflow:hidden;margin:1.55rem 0 0;width:min(100%,520px);aspect-ratio:16 / 7;border:1px solid rgba(23,33,43,.12);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-card-strong)}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}.trust-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}.trust-list li{border:1px solid rgba(11,94,86,.16);border-radius:var(--radius-md);background:#fff;color:var(--color-accent-dark);font-family:var(--font-heading);font-size:.92rem;font-weight:700;padding:.34rem .58rem;box-shadow:2px 2px #17212b0f}.hero-actions,.tool-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-heading);font-weight:800;padding:.72rem 1rem;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.button-primary{background:var(--color-accent);color:#fff;box-shadow:3px 3px #17212b26}.button-primary:hover{background:var(--color-accent-dark);color:#fff;transform:translateY(-1px)}.button-secondary{background:#fff;border-color:var(--color-border);color:var(--color-text)}.button-secondary:hover{background:#f8faf9;border-color:#aab5bd;color:var(--color-text)}.tool-card,.tool-link-card,.related-tools,.notice-box,.sources-box,.faq-list details,.ad-slot{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-card)}.hero-tool-panel{display:grid;gap:.85rem;min-width:0;padding-top:.15rem}.hero-tool-panel .section-heading{max-width:none}.hero-tool-panel .compact-heading h2{margin:0 0 .45rem;font-size:1.45rem}.hero-tool-panel .compact-heading p:last-child{margin-bottom:0}.hero-tool-panel .tool-card{border-color:#17212b1f;background:#fff;padding:1.1rem}.hero-tool-panel .tool-form{gap:.9rem}.hero-tool-panel .tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.updated-note,.field-help,.privacy-note,.footer-small,.related-tools small{color:var(--color-muted)}.compact-heading h2{margin-top:0}.tools-index{padding:28px 0 70px}.section-heading{max-width:780px}.tool-category{margin-top:2rem}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tool-link-card{display:grid;align-content:start;gap:.45rem;color:var(--color-text);min-height:188px;padding:1.15rem;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tool-link-card:hover{border-color:#0b5e5659;box-shadow:var(--shadow-card-strong);color:var(--color-text);transform:translateY(-1px)}.tool-link-card strong{font-family:var(--font-heading);font-size:1.08rem}.tool-link-card p{color:var(--color-muted);margin:0}.category-badge{width:fit-content;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-dark);font-family:var(--font-heading);font-size:.78rem;font-weight:800;padding:.18rem .55rem}.breadcrumbs{padding-top:1rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0;color:var(--color-muted);font-size:.94rem}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.45rem;color:var(--color-border)}.tool-card{padding:clamp(1rem,3vw,1.55rem)}.tool-form{display:grid;gap:1rem}.tool-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem}.field{display:grid;align-content:start;gap:.42rem;min-width:0}.field-label{font-family:var(--font-heading);font-weight:800}.input-wrap{position:relative;display:flex;align-items:center;min-width:0}.input-wrap input,.input-wrap select{width:100%;min-width:0;min-height:50px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text);padding:.74rem .85rem;box-shadow:inset 0 1px #17212b08}.input-wrap input:has(+.input-suffix){padding-right:4rem}.input-wrap input:hover,.input-wrap select:hover{border-color:#a8b3be}.input-wrap input:focus,.input-wrap select:focus{border-color:var(--color-accent);box-shadow:inset 0 1px #17212b08,0 0 0 3px #0b5e561f}.input-suffix{position:absolute;right:.85rem;color:var(--color-muted);pointer-events:none}.field-help{font-size:.9rem;line-height:1.45}.form-errors{border:1px solid var(--color-danger-border);border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger-text);padding:.7rem .85rem}.form-errors p{margin:.2rem 0}.result-panel{margin-top:1.2rem;border-top:1px solid var(--color-border-soft);padding-top:1.2rem}.result-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.result-header h2{margin:0}.copy-button{min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text);cursor:pointer;font-family:var(--font-heading);padding:.5rem .78rem}.copy-button:hover{background:var(--color-bg)}.result-list{display:grid;gap:.7rem;margin:1rem 0 0}.result-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:#f9faf9;padding:.85rem 1rem}.result-row dt{color:var(--color-muted)}.result-row dd{margin:0;font-family:var(--font-heading);font-weight:850;text-align:right;overflow-wrap:anywhere}.result-row-primary{border-color:#0b5e5647;background:var(--color-accent-soft)}.result-row-primary dd{color:var(--color-accent-dark);font-size:1.35rem}.privacy-note{margin:1rem 0 0;font-size:.95rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:start;margin-block:1.8rem 3.5rem}.home-content-layout{margin-top:2.2rem}.article-content{max-width:790px}.article-content section:first-child h2{margin-top:0}.article-content p{color:#344054}.sidebar{position:sticky;top:96px;display:grid;gap:1rem}.related-tools{padding:1rem}.related-tools h2{margin-top:0;font-size:1.1rem}.related-tools ul{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.related-tools a{display:grid;gap:.18rem;border-radius:var(--radius-md);color:var(--color-text);padding:.7rem;text-decoration:none}.related-tools a:hover{background:#f5f7f8}.faq-section{margin-top:2.4rem}.faq-list{display:grid;gap:.8rem}.faq-list details{padding:1rem}.faq-list summary{cursor:pointer;font-weight:850}.faq-list p{margin-bottom:0}.sources-box{margin-top:2.4rem;padding:1.05rem 1.1rem;box-shadow:none}.sources-box h2{margin-top:0;font-size:1.25rem}.sources-box ul{margin:.7rem 0 0;padding-left:1.1rem}.feedback-note{margin-top:2.4rem}.ad-slot{display:grid;place-items:center;position:relative;overflow:hidden;margin:1.6rem auto;width:100%;max-width:var(--container);background:#fbfcfe}.ad-label{position:absolute;left:.75rem;top:.45rem;color:var(--color-muted);font-size:.75rem}.legal-page{padding:48px 0 80px}.notice-box{border-color:#f2d27a;background:var(--color-warm-soft);box-shadow:none;padding:1rem}.site-footer{border-top:1px solid var(--color-border-soft);background:#fff;padding:42px 0}.footer-grid{display:grid;grid-template-columns:minmax(260px,1.25fr) repeat(4,minmax(145px,.75fr));gap:1.5rem}.footer-brand p{max-width:540px;color:var(--color-muted)}.footer-group h2{margin:0 0 .7rem;font-size:1rem}.footer-group ul{display:grid;gap:.42rem;list-style:none;margin:0;padding:0}.footer-group a{color:var(--color-text);text-decoration:none}.footer-group a:hover{color:var(--color-accent);text-decoration:underline}@media(max-width:980px){.header-inner{align-items:flex-start;flex-direction:column;gap:.65rem;padding:.75rem 0}.main-nav{justify-content:flex-start;gap:.25rem}.main-nav a{padding:.44rem .52rem}.hero-grid,.content-layout,.footer-grid{grid-template-columns:1fr}.hero-visual{width:100%;aspect-ratio:16 / 5.5}.tool-grid,.tool-fields,.hero-tool-panel .tool-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:static}}@media(max-width:640px){.container{width:min(100% - 24px,var(--container))}.header-inner{min-height:0;gap:.55rem;padding:.65rem 0 .55rem}.brand{width:100%}.brand-mark{flex:0 0 auto;width:40px;height:40px}.brand-mark img{width:58px;height:58px;transform:translate(-9px,-9px)}.brand-text strong{font-size:.98rem;line-height:1.2}.brand-text small{display:none}.main-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;width:100%;gap:.4rem;padding:0}.main-nav::-webkit-scrollbar{display:none}.main-nav a{display:inline-flex;flex:0 0 auto;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--color-border-soft);background:#ffffffb8;padding:.48rem .56rem;font-size:.9rem;text-align:center;white-space:nowrap;line-height:1.25}.home-hero,.tool-hero{padding:28px 0 20px}.hero-visual{margin-top:1rem;aspect-ratio:16 / 4.9}h1{font-size:clamp(2rem,9vw,2.75rem)}.hero-tool-panel{gap:.7rem}.hero-tool-panel .tool-card{padding:1rem}.tool-grid,.tool-fields,.hero-tool-panel .tool-fields{grid-template-columns:1fr}.hero-actions,.tool-actions,.result-header{align-items:stretch;flex-direction:column}.result-row{align-items:flex-start;flex-direction:column;gap:.25rem}.result-row dd{text-align:left}.button,.copy-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}