:root{--ink:#17352b;--jade:#23684e;--lime:#d7ed9b;--light:#f6f8f1;--line:#c8d2c3;--muted:#506255}*{box-sizing:border-box}body{margin:0;background:var(--light);color:var(--ink);font:18px/1.75 Arial,system-ui,sans-serif}a{color:#1e674a;text-underline-offset:.2em}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid #be6a30;outline-offset:4px}.skip{position:absolute;top:-6rem;left:1rem;background:white;z-index:20;padding:1rem}.skip:focus{top:1rem}header{background:var(--ink);color:white;padding:1.6rem max(4vw,calc((100vw - 1240px)/2)) 0}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-bottom:1.5rem}.brand{font-size:1.15rem;font-weight:bold;color:white;text-decoration:none}.brand span{display:block;color:var(--lime);font-size:.8rem;font-weight:400;letter-spacing:.06em;margin-top:.25rem}.brief-link{color:var(--lime);font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:.2rem}header nav{display:flex;gap:2rem;flex-wrap:wrap;border-top:1px solid #496554;padding:1rem 0;font-size:.9rem}header nav a{color:white}main{max-width:1240px;margin:auto;padding:3.5rem 3rem 6rem}.eyeline{font-size:.68rem;font-weight:bold;letter-spacing:.12em;text-transform:uppercase;color:var(--jade)}h1{font-size:clamp(2.6rem,5.3vw,5rem);font-weight:750;line-height:1.03;letter-spacing:-.045em;max-width:1000px;text-wrap:balance;margin:1rem 0 3rem}h2{font-size:1.85rem;line-height:1.2;letter-spacing:-.025em;margin:2.5rem 0 1rem;text-wrap:balance}h3{font-size:1.3rem;line-height:1.3}p{max-width:74ch}.intro{font-size:1.3rem;line-height:1.55}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem}.button,button{display:inline-block;background:var(--jade);color:white;border:0;padding:.95rem 1.2rem;font:inherit;font-weight:bold;text-decoration:none;cursor:pointer}.sample-flow{background:white;border:1px solid var(--line);padding:1.6rem;box-shadow:10px 10px 0 var(--lime)}.sample-flow>span{font-size:.65rem;letter-spacing:.12em;font-weight:bold}.sample-flow>div{display:grid;grid-template-columns:90px 1fr;gap:1rem;border-bottom:1px solid var(--line);padding:1rem 0}.sample-flow b{font-size:1rem}.sample-flow p{font-size:.95rem;margin:0}.sample-flow small{display:block;font-size:.7rem;color:var(--muted);margin-top:1rem}.starting-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.starting-points>a{text-decoration:none;color:var(--ink);border:1px solid var(--line);padding:1.5rem;background:#fff}.starting-points p{font-size:1rem}.dark-band{background:var(--ink);color:white;padding:1rem 2.5rem 2rem;margin-top:3rem}.dark-band h2{color:var(--lime);font-size:2.3rem;max-width:850px}.service-index{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.service-index>a{background:white;padding:1.6rem;border-left:4px solid var(--jade);text-decoration:none;color:var(--ink)}.service-index h2{font-size:1.5rem;margin:0}.service-index p{font-size:1rem}.service-index span{font-size:.9rem;color:var(--jade)}.article-body{max-width:760px;margin:auto}.post-meta{font-size:.82rem;border-block:1px solid var(--line);padding:.8rem 0;margin-bottom:2rem;color:var(--muted)}.categories{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.4rem 0 2rem}.categories a{font-size:.85rem;border-bottom:2px solid var(--jade);padding:.25rem .4rem}.notes-board{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.notes-board article{padding:1.6rem;background:white;border-top:5px solid var(--lime)}.notes-board article>span{font-size:.75rem;color:var(--muted)}.notes-board h2{font-size:1.55rem;margin:.6rem 0}.notes-board p{font-size:1rem}.notes-board article>a{font-size:.9rem}.article-tools{margin-top:3rem;border-top:4px solid var(--jade)}.workflow-demo{background:white;padding:2rem;border:1px solid var(--line);max-width:900px}.workflow-demo nav{display:flex;gap:.7rem;flex-wrap:wrap}.workflow-demo button{background:#e6ecdf;color:var(--ink);font-size:.9rem;padding:.7rem}.workflow-demo button[aria-pressed=true]{background:var(--ink);color:var(--lime)}#state-example{border-left:4px solid var(--jade);padding:.2rem 1.5rem;margin-top:2rem}#state-example h2{font-size:1.5rem;margin:1rem 0}.brief-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem}form{padding:2rem;background:white;border:1px solid var(--line);box-shadow:8px 8px 0 var(--lime)}label{display:block;font-size:.95rem;font-weight:bold;margin-bottom:1.1rem}input,textarea{display:block;width:100%;min-width:0;font:inherit;font-weight:400;border:1px solid #788d7d;background:white;color:var(--ink);padding:.7rem;margin-top:.35rem}textarea{resize:vertical}form button{width:100%}form small{font-size:.78rem}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}footer{background:var(--ink);color:white;padding:3rem max(4vw,calc((100vw - 1140px)/2));display:flex;justify-content:space-between;gap:3rem;font-size:.9rem}footer a{color:var(--lime)}footer nav{display:flex;flex-direction:column;gap:.5rem}@media(max-width:900px){header{padding:1.3rem 1.3rem 0}header nav{gap:.8rem 1.3rem}.brand-row{gap:1rem}main{padding:2.5rem 1.4rem 4rem}.hero-grid,.brief-grid{grid-template-columns:1fr;gap:2rem}.sample-flow{max-width:600px}.starting-points{grid-template-columns:1fr}.starting-points h3{margin:.4rem 0}.starting-points p{margin:.6rem 0}footer{padding:2rem 1.4rem}}@media(max-width:550px){body{font-size:17px}.brand-row{display:block}.brief-link{display:inline-block;margin-top:1rem}.intro{font-size:1.2rem}h1{font-size:2.8rem}.service-index,.notes-board{grid-template-columns:1fr}.dark-band{padding:1rem 1.4rem 1.8rem}.dark-band h2{font-size:2rem}.sample-flow>div{grid-template-columns:1fr;gap:.3rem}.workflow-demo{padding:1.2rem}.workflow-demo nav{flex-direction:column}.workflow-demo button{width:100%}form{padding:1.3rem}footer{display:block}footer nav{margin-top:1.5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.route-trail{font-size:.85rem;margin:1rem 0;overflow-wrap:anywhere}.route-trail ol{display:flex;flex-wrap:wrap;gap:.4rem .65rem;list-style:none;padding:0;margin:0}.route-trail li{display:flex;gap:.65rem;max-width:100%}.route-trail li+li:before{content:"/";opacity:.55}

/* Local planning worksheet and its navigation. */
.planning-resources{max-width:23rem;overflow-wrap:anywhere}.planning-tool{max-width:850px;margin:2rem 0}.planning-tool fieldset{min-width:0;border:1px solid var(--line);background:white;padding:1.4rem;margin:1.2rem 0}.planning-tool legend{font-weight:bold;padding:0 .4rem;max-width:100%}.planning-tool label{margin:1rem 0 .3rem}.planning-tool select{display:block;width:100%;min-width:0;font:inherit;padding:.7rem;color:var(--ink);background:white;border:1px solid #788d7d}.planning-tool textarea{max-width:100%}.tool-actions{display:flex;gap:.8rem;flex-wrap:wrap}.tool-actions button{max-width:100%;white-space:normal}footer .planning-resources{flex-shrink:1}@media(max-width:550px){.planning-tool fieldset{padding:1rem}.tool-actions{display:block}.tool-actions button{width:100%;margin-bottom:.6rem}}