:root{--ink:#183c46;--navy:#0b3c55;--green:#376650;--cream:#faf8f0;--line:#d4ded7}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}button{cursor:pointer;min-height:44px;border:1px solid var(--navy);border-radius:8px;background:var(--navy);color:white;padding:.6rem 1rem;font-weight:700}button:hover{filter:brightness(1.15)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b97912;outline-offset:3px}.demo{text-align:center;background:#e9eee8;font-size:.75rem;padding:.5rem 1rem;letter-spacing:.04em}header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 4%;background:white;border-bottom:1px solid var(--line)}header a{font-size:1.6rem;font-family:Georgia,serif;color:var(--navy);text-decoration:none}header em{font-size:1rem;color:var(--green)}header span{color:#637970}.shell{display:grid;grid-template-columns:215px minmax(0,1fr);max-width:1500px;margin:auto}nav{padding:2rem 1rem;border-right:1px solid var(--line)}nav button{width:100%;text-align:left;background:transparent;color:var(--ink);border:0;margin-bottom:.5rem}nav button[aria-current]{background:#e4ece6}nav p{font-size:.85rem;margin:3rem .8rem;color:#5e726d}main{padding:2.5rem clamp(1rem,4vw,4rem);min-width:0}h1{font-family:Georgia,serif;font-size:clamp(2rem,3.7vw,3.2rem);line-height:1.15;font-weight:400;max-width:800px;margin:.5rem 0 1.1rem}h2{font-size:1.35rem;line-height:1.35;margin:.4rem 0 1rem}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.13em;color:var(--green)}.lead{color:#59716b;font-size:1.1rem}.hero{background:var(--navy);color:white;padding:2rem;border-radius:18px;display:flex;gap:2rem;justify-content:space-between;align-items:center;margin:2rem 0}.hero .eyebrow{color:#e9bd57}.hero h2{font-family:Georgia,serif;font-size:1.8rem;max-width:500px}.hero button{background:#f0bd4e;color:var(--navy);border:0}.metric{display:flex;flex-direction:column;min-width:130px}.metric strong{font-family:Georgia,serif;font-size:3rem}.metric span{font-size:.8rem;max-width:120px}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.4rem}.card{background:white;border:1px solid var(--line);padding:1.6rem;border-radius:15px;margin-bottom:1.4rem;min-width:0}.tinted{background:#eef2e9}.heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.text-button{background:transparent;border:0;color:var(--navy);padding:.5rem 0;text-align:left;font-size:.85rem}.task{border-top:1px solid var(--line);padding:1rem 0;display:flex;gap:.5rem;justify-content:space-between;flex-wrap:wrap}.task label{display:flex;align-items:flex-start;gap:.7rem;flex:1 1;min-width:180px}.task input{width:21px;height:21px;margin-top:.3rem;flex-shrink:0;accent-color:var(--green)}small{display:block;color:#64796e;font-size:.8rem;margin-top:.6rem}.done{text-decoration:line-through;color:#637970}.field{display:block;font-weight:700;margin:1rem 0}.field input,.field select,.field textarea{display:block;width:100%;padding:.7rem;border:1px solid #9bafa4;border-radius:7px;background:white;color:var(--ink);margin-top:.4rem;font-weight:400}.inline{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.inline .field{flex:1 1;min-width:180px}.inline button{margin-bottom:1rem}fieldset{margin:0;padding:0;border:0;min-width:0}.muted,footer{font-size:.85rem;color:#637970}footer{padding:1rem 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:850px){.shell{display:block}nav{display:flex;gap:.4rem;overflow-x:auto;padding:.7rem;border-right:0;border-bottom:1px solid var(--line)}nav button{width:auto;white-space:nowrap;margin:0}nav p{display:none}.grid{grid-template-columns:1fr}header span{display:none}main{padding:1.5rem 1rem}.hero{padding:1.3rem;gap:1rem;flex-wrap:wrap}.metric{flex-direction:row;gap:1rem;align-items:center}.card{padding:1.2rem}}.account-entry{max-width:760px;margin:auto}.account-bar{background:#eef2e9;border:1px solid var(--line);padding:1rem;border-radius:10px;margin:1.2rem 0}.account-bar p{margin:0 0 .5rem}.account-actions{display:flex;gap:.6rem;flex-wrap:wrap}.account-actions button{font-size:.9rem}button:disabled{opacity:.55;cursor:default}header span{overflow-wrap:anywhere}