
:root{--ink:#182b2a;--paper:#f4f1e8;--green:#204c40;--lime:#d9ef87;--line:#cdcfc3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#426a24}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7761d5;outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 32px}.skip{position:absolute;left:-1000px}.skip:focus{left:20px;background:white;z-index:5}header{border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0;gap:25px}.logo{font-weight:900;letter-spacing:-1.8px;font-size:27px;text-decoration:none}.logo span{color:#68822c}nav{display:flex;gap:28px;font-size:14px}h1,h2,h3{line-height:1.08}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}h1{font-size:clamp(42px,6vw,78px);margin:22px 0}h2{font-size:42px}h3{font-size:24px;letter-spacing:-.5px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:70px 0 65px}.hero p{max-width:540px}.button{display:inline-block;background:var(--ink);color:white;padding:13px 23px;text-decoration:none;font-size:15px;border:0;cursor:pointer}.button:hover{background:var(--green);color:white}.subtle{font-size:13px;color:#53615b}.visual{background:var(--green);padding:35px;color:#fff;align-self:center;position:relative}.visual h2{font-size:38px;letter-spacing:-1px}.flow{background:#f4f1e8;color:var(--ink);padding:17px;margin:12px 0;display:flex;gap:18px;align-items:center}.num{border:1px solid #9baa8e;border-radius:50%;width:32px;height:32px;text-align:center}.flow:last-child{background:var(--lime)}.strap{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font-size:13px}.section{padding:55px 0}.feature{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;background:#e5e8da;padding:40px}.feature h2{margin:14px 0 22px}.list{border-top:1px solid var(--line);padding:17px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{border-top:3px solid var(--ink);padding:20px 0}.note{border-left:4px solid #718c42;padding:14px 20px;background:#e9ecdf}.article{max-width:850px;padding:55px 0}.article h1{font-size:58px}.article h2{font-size:34px;letter-spacing:-1px;margin-top:45px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e5e8da}label{display:block;margin:16px 0}input,select{font:inherit;padding:10px;background:white;border:1px solid #8d9c8e;width:100%;max-width:400px}.result{font:32px Georgia,serif;margin:20px 0}footer{border-top:1px solid var(--line);padding:35px 0;font-size:13px}.footer-nav{display:flex;gap:20px;flex-wrap:wrap}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:bold}@media(max-width:760px){.wrap{padding:0 20px}.nav{align-items:flex-start;flex-direction:column;gap:14px}nav{gap:18px;flex-wrap:wrap}.hero,.feature,.cards{grid-template-columns:1fr;gap:25px}.hero{padding:35px 0}.strap{flex-wrap:wrap}.article h1{font-size:43px}.feature{padding:25px}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Reading, navigation, and touch refinements. */
.article p,.article li{max-width:72ch}.article li{margin-bottom:10px}.article h2{scroll-margin-top:24px}nav a{display:inline-flex;align-items:center;min-height:44px}nav a[aria-current="page"]{text-decoration-thickness:3px}.contents{display:block;background:#e5e8da;padding:22px 26px;margin:28px 0;font-size:16px}.contents ul{padding-left:20px;margin-bottom:0}.contents a{min-height:36px}summary{min-height:44px;align-content:center}.table-scroll:focus-visible{outline:3px solid #7761d5;outline-offset:4px}caption{text-align:left;font-weight:bold;padding:15px 0}.table-hint{display:none}.footer-nav a{min-height:44px;display:inline-flex;align-items:center}h1,h2{overflow-wrap:break-word}@media(max-width:760px){.table-hint{display:block}table{min-width:620px}.article{padding-top:35px}.contents a{min-height:44px}}@media(forced-colors:active){.button{border:2px solid ButtonText}.flow,.visual,.note{border:1px solid CanvasText}}
