:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#173d32;background:#faf8f1;font-size:17px;line-height:1.6;--green:#173d32;--orange:#d95829;--line:#c7cfc4}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}a,button,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #944019;outline-offset:4px}.skip{position:absolute;left:16px;top:-90px;background:white;padding:14px;z-index:2}.skip:focus{top:12px}header,main,footer{max-width:1240px;margin:auto;padding-left:5%;padding-right:5%}header{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-size:26px;font-weight:800;letter-spacing:-1.2px;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--orange);margin-left:7px}nav{display:flex;gap:26px;flex-wrap:wrap;font-size:14px}nav a{padding:10px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:80px 0 90px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-1.8px}h1{font-size:clamp(46px,5vw,72px);margin-bottom:26px}h1 em{color:#a53d1b;font-weight:400}h2{font-size:clamp(36px,4vw,51px)}h3{font-size:21px;line-height:1.3}.eyebrow{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:750;margin-bottom:22px}.lead{font-size:18px;color:#435e53;max-width:540px}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin:30px 0 18px}.button,button{display:inline-block;border:0;background:var(--green);color:#fff;padding:14px 20px;border-radius:7px;text-decoration:none;cursor:pointer;min-height:48px}.button span{margin-left:20px}.fine{font-size:13px;color:#53645a}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-3deg)}.tile{aspect-ratio:1;padding:22px;display:flex;flex-direction:column;justify-content:space-between;font-family:Georgia,serif;font-size:25px;line-height:1.15;border-radius:12px}.tile span{font-size:60px;text-align:right;line-height:.8}.orange{background:#e47347;color:#173d32;border-radius:50% 12px 12px 12px}.cream{background:#eae4d2}.green{background:#284f40;color:#fff}.pale{background:#d8e4c9;border-radius:12px 12px 50% 12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px}.grid article{border-top:1px solid var(--line);padding-top:24px}.number{display:block;color:#9b401e;font-size:13px;margin-bottom:22px}.grid p{color:#435e53}section{scroll-margin-top:25px}#how{padding:30px 0 65px}.development{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:55px 0;border-top:1px solid var(--line)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;font-size:13px}.beta{padding:12px 5%;background:#e4eadb;font-size:14px;text-align:center}.beta strong{letter-spacing:.6px}.workspace{padding-top:45px;padding-bottom:60px}.workspace h1{font-size:48px}.workspace-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:30px}.panel{border:1px solid var(--line);padding:25px;border-radius:12px;background:#fffdf7}.panel h2{font-size:30px}.report{display:block;width:100%;text-align:left;background:transparent;color:var(--green);border:1px solid var(--line);margin:12px 0;padding:16px}.report[aria-pressed=true]{background:#e4eadb;border-color:var(--green)}.report span{display:block;font-size:13px}.field{display:block;margin:18px 0}.field>span{display:block;font-weight:650;margin-bottom:6px}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;padding:10px;border:1px solid #82968b;border-radius:5px;background:white;color:var(--green)}textarea{min-height:105px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.status{padding:16px;background:#e4eadb;border-radius:7px;margin:18px 0}.status:empty{display:none}.error{color:#8d2519}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eeeede;padding:20px;font-size:13px}button.secondary{background:transparent;color:var(--green);border:1px solid var(--green)}[hidden]{display:none!important}@media(max-width:800px){.hero{gap:30px;padding:50px 0}.mosaic{gap:8px}.tile{font-size:20px;padding:17px}.tile span{font-size:45px}nav{gap:15px}.development{gap:30px}.workspace-grid{grid-template-columns:1fr}}@media(max-width:600px){header,footer{align-items:flex-start;flex-direction:column}header{gap:10px}nav{font-size:13px}.hero{grid-template-columns:1fr;gap:35px}h1{font-size:47px}.mosaic{max-width:390px;margin:0 8px}.grid,.development{grid-template-columns:1fr}.grid{gap:15px}.development{gap:15px}.row{grid-template-columns:1fr}.workspace h1{font-size:39px}.panel{padding:18px}.actions{gap:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Let narrow grid tracks shrink to the viewport instead of intrinsic text width. */
.hero>div,.grid>article,.development>div,.workspace-grid>section{min-width:0}
.mosaic{min-width:0}.tile{overflow-wrap:anywhere}
@media(max-width:600px){.hero,.grid,.development{grid-template-columns:minmax(0,1fr)}.mosaic{width:calc(100% - 16px);max-width:390px}.tile{font-size:20px}}
@media(max-width:600px){.hero,.grid,.development{grid-template-columns:minmax(0,1fr)}.mosaic{width:calc(100% - 16px);max-width:390px}.tile{font-size:20px}}
.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-width:0;min-height:0}@media(max-width:360px){.tile{font-size:17px;padding:13px}.tile span{font-size:35px}}