:root{font:18px/1.6 Arial,Helvetica,sans-serif;color:#342419;background:#cbb08f;--ink:#342419;--muted:#55402d;--line:#a17e5c;--orange:#71321d;--paper:#cbb08f}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header,main,footer{width:min(1100px,90%);margin:auto}header{padding:1.6rem 0 0}.wordmark{font:bold 2rem Georgia,serif;letter-spacing:.08em;text-decoration:none;display:inline-block}.wordmark span{display:block;font:bold .58rem Arial,sans-serif;letter-spacing:.16em;margin-top:.4rem}nav{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:1.4rem;padding:.4rem 0}nav a{min-height:48px;display:flex;align-items:center;padding:.3rem .1rem;font-size:.87rem;text-decoration:none;border-bottom:3px solid transparent}nav a:hover{color:var(--orange)}nav [aria-current=page]{font-weight:bold;border-color:var(--orange)}main{padding:3rem 0}h1,h2,h3,p{margin:0}h1{font:400 clamp(2.6rem,5vw,4rem)/1.08 Georgia,serif;letter-spacing:-.04em;max-width:920px}h2{font:400 1.65rem/1.25 Georgia,serif}h3{font:400 1.35rem/1.3 Georgia,serif}p+p{margin-top:.75rem}.eyebrow{color:var(--orange);font-size:.72rem;font-weight:bold;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.8rem}.lead{font-size:1.18rem;color:var(--muted);max-width:880px;margin-top:1.2rem;line-height:1.55}.context{max-width:890px;color:var(--muted);margin-top:1rem}.explain{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:2.5rem 0}.explain h2{margin-bottom:.7rem}.explain p{color:var(--muted);font-size:.98rem}.area-list{margin-top:2.5rem;border-top:1px solid var(--line)}.area-list>a{display:flex;gap:1.5rem;align-items:center;border-bottom:1px solid var(--line);padding:1.4rem .4rem;text-decoration:none}.area-list>a:hover{background:#d9be9b}.area-list>a>span:last-child{margin-left:auto;font-size:1.6rem}.area-list p{color:var(--muted);margin-top:.35rem}.number{font:400 1.7rem Georgia,serif;color:var(--orange)}.example{border-top:1px solid var(--line);padding-top:2rem}.section-head{max-width:820px}.section-head>p{margin-top:.65rem;color:var(--muted)}.section-head .eyebrow{color:var(--orange)}.section-head .demo-label{font-size:.75rem;font-weight:bold;color:var(--orange)}.demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.4rem;margin-top:1.2rem;align-items:start}.inputs{padding:1.4rem;background:#d9be9b;border:1px solid var(--line);border-radius:8px}.result{background:var(--ink);color:#f4e4cd;padding:1.5rem;border-radius:8px}.result h2,.result h3{color:#f0ca7c;margin-bottom:.75rem}.result p{font-size:.94rem}.result .review{border-top:1px solid #a38665;margin-top:1rem;padding-top:1rem;color:#f0ca7c}.result .small{color:#ecdbc3}.result .note{background:#63452f;color:#f4e4cd;border-color:#dfb65d}label{display:block;font-size:.88rem;font-weight:bold}select,input{display:block;width:100%;min-width:0;min-height:48px;padding:.65rem;border:1px solid #987653;border-radius:4px;background:#e8d2b1;color:var(--ink);margin:.35rem 0 1rem}button,.button{min-height:48px;border:1px solid var(--ink);border-radius:5px;padding:.65rem 1rem;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#f4e4cd;font-weight:bold;cursor:pointer;text-decoration:none;white-space:normal}button:hover,.button:hover{background:#63452f}.inputs button{margin-top:.3rem}.start{padding:1.7rem;background:#d9be9b;border-left:3px solid var(--orange);margin-top:2.5rem}.start h2{margin-bottom:.75rem}.start p{max-width:900px}.start>a{display:inline-flex;align-items:center;min-height:48px;margin-top:.75rem}.source-note,.small{font-size:.82rem;color:var(--muted)}.source-note{margin-top:1.5rem}.sample-label{font-size:.75rem;font-weight:bold;color:var(--orange)}blockquote{font:400 1.1rem/1.55 Georgia,serif;margin:.7rem 0 1.4rem}.plain-section{max-width:940px;margin:2rem 0}.plain-section h2{margin-bottom:.7rem}.calculator{margin-top:2rem;border:1px solid var(--line);border-radius:8px;padding:1.2rem}.calculator summary{cursor:pointer;min-height:48px;font-weight:bold}.calculator[open] summary{margin-bottom:1rem}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.input-grid small{display:block;color:var(--muted);font-size:.73rem;line-height:1.4}.money{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.money div{padding-bottom:.7rem;border-bottom:1px solid #a38665}.money strong{display:block;font:400 1.6rem Georgia,serif;overflow-wrap:anywhere}.money span{font-size:.76rem}.spaced{margin-top:1rem}.note{border-left:3px solid var(--orange);padding:.8rem 1rem;margin-top:1rem;background:#d9be9b;font-size:.82rem}.result .note{line-height:1.5}ul{padding-left:1.2rem}li+li{margin-top:.4rem}footer{border-top:1px solid var(--line);padding:1.3rem 0 2rem;font-size:.73rem;color:var(--muted)}footer p{max-width:800px}footer>a{display:inline-flex;align-items:center;min-height:48px;margin-top:.5rem}.skip{position:absolute;top:-5rem;left:1rem;background:#e8d2b1;padding:1rem;z-index:10}.skip:focus{top:1rem}.outline{max-width:900px;margin:auto;padding:2rem 1.5rem}.outline h1{font-size:3rem}.outline h2{margin-bottom:.6rem}.outline .grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.outline .card{border:1px solid var(--line);border-radius:6px;padding:1rem}.print-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem}@media(max-width:760px){:root{font-size:17px}header{padding-top:1.2rem}nav{gap:.15rem .75rem}nav a{font-size:.8rem}main{padding:2rem 0}.explain,.demo{grid-template-columns:1fr;gap:1.4rem}.explain{margin:1.8rem 0}.explain h2{margin-bottom:.4rem}h1{font-size:2.6rem}.lead{font-size:1.1rem}.area-list>a{gap:1rem}.area-list h2{font-size:1.4rem}.area-list p{font-size:.9rem}.inputs,.result,.start{padding:1.2rem}.outline .grid{grid-template-columns:1fr}}@media(max-width:420px){.input-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{header,footer,.print-actions{display:none}.outline{max-width:none;padding:0;font-size:10pt}.outline h1{font-size:27pt}.outline h2{font-size:16pt}.outline .grid{grid-template-columns:1fr 1fr;gap:.6rem}.outline .card{break-inside:avoid;padding:.7rem}.outline .lead,.outline p,.outline li{font-size:10pt}.outline .note{font-size:9pt}body{background:#e8d2b1}a{text-decoration:none}}

/* Warm earth palette and labelled navigation icons. */
nav{gap:.35rem .5rem;padding:.6rem 0}
nav a{gap:.55rem;padding:.5rem .65rem;border-radius:6px;border-bottom:3px solid transparent}
nav a:hover{background:#d9be9b;color:#342419}
nav [aria-current=page]{background:#63452f;color:#f4e4cd;border-color:#63452f}
.nav-icon{width:1.15rem;height:1.15rem;flex:0 0 1.15rem;display:block}
.area-icon{width:2.6rem;height:2.6rem;flex:0 0 2.6rem;display:grid;place-items:center;border:1px solid #9d7755;border-radius:50%;color:#71321d}
.area-icon .nav-icon{width:1.4rem;height:1.4rem}
.outline .card{background:#d9be9b}
@media(max-width:760px){nav{gap:.25rem .35rem}nav a{font-size:.8rem;padding:.45rem .5rem;gap:.4rem}}