:root{font-family:Inter,Arial,sans-serif;color:#172824;background:#f3f7f6;font-size:16px;line-height:1.6;color-scheme:light;--green:#103e32;--accent:#067553;--line:#d1dfdb}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:#075b45;text-underline-offset:3px}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;text-decoration:none;color:#172824;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--accent)}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;font-weight:600}h1{font-size:clamp(34px,5.4vw,60px);line-height:1.06;letter-spacing:-2px;margin:22px 0 16px}h2{font-size:25px;line-height:1.25;margin:12px 0}h3{font-size:19px;line-height:1.35}.intro{max-width:750px;color:#526660;font-size:18px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:#075b45}.hero{padding:24px 0 8px;max-width:850px}.hero .intro{margin:20px 0}.trust{display:flex;gap:24px;flex-wrap:wrap;color:#526660;font-size:13px}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 48px;align-items:start}.card{background:white;border:1px solid var(--line);padding:24px;border-radius:16px;box-shadow:0 6px 20px #142c2005;min-width:0}.card>p{font-size:14px;color:#526660}.number{font-size:12px;color:#075b45;font-weight:700;letter-spacing:1px}label{display:block;margin:16px 0 4px;font-size:14px;font-weight:700}input{width:100%;padding:12px;border:1px solid #a7bbb4;border-radius:8px;background:#fff;color:#172824;font:inherit;min-width:0}input:focus,a:focus-visible,button:focus-visible{outline:3px solid #62cfae;outline-offset:3px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:12px;color:#526660;margin:6px 0}.result{background:var(--green);color:white;padding:19px;border-radius:10px;margin-top:20px}.amount{display:block;font-size:clamp(25px,2.4vw,34px);font-weight:700;line-height:1.35;overflow-wrap:anywhere}.detail{font-size:13px;color:#c5e9dc;display:block;margin-top:8px}.result-label{font-size:13px}.shares{padding-left:19px;font-size:14px;margin-bottom:0}.error{min-height:22px;font-size:13px;color:#a52720;margin:8px 0}.steps{font-size:13px;padding-left:19px;color:#526660}.steps li{margin:10px 0;overflow-wrap:anywhere}.rounding-note{font-size:12px;color:#526660}.reading{max-width:820px}.reading h1{font-size:clamp(32px,4vw,48px)}.reading p{margin:16px 0}.reading h2{margin-top:34px}.guide{border-top:1px solid var(--line);padding:24px 0}.formula{padding:14px 18px;background:#e2eee8;border-radius:8px;font-family:monospace;font-size:15px;overflow-wrap:anywhere}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 40px}.guide-grid article{border-top:3px solid #bad9cc;padding-top:12px}.guide-grid p{font-size:14px;color:#526660}.guide-grid a{font-weight:700}.notice{padding:18px 22px;background:#e2eee8;border-radius:10px;margin:30px 0;font-size:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{background:#e2eee8}footer{display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--line);color:#526660;font-size:13px;margin-top:32px}.footlinks{display:flex;gap:18px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;padding:12px;background:white;z-index:2}button{background:#075b45;color:white;padding:11px 17px;border:0;border-radius:8px;font:inherit;font-size:14px;cursor:pointer;margin-top:12px;width:100%;font-weight:600}button:hover{background:#103e32}details>summary{cursor:pointer;font-weight:600;font-size:13px;margin-top:18px}code{overflow-wrap:anywhere}article p{margin:16px 0}@media(max-width:1000px){.tools{grid-template-columns:1fr}.card{display:block;max-width:none}.amount{font-size:36px}.guide-grid{grid-template-columns:1fr}.hero{padding-top:16px}}@media(max-width:620px){header,main,footer{padding:20px}header{align-items:flex-start;flex-direction:column;gap:12px}nav{gap:10px 18px}footer{display:block}.footlinks{margin-top:14px}.trust{gap:8px 18px}.card{padding:20px}h1{letter-spacing:-1.4px}.intro{font-size:17px}}
