:root{--ink:#17372c;--green:#245a46;--sage:#dce8df;--cream:#fbf8ef;--gold:#b58a3a;--muted:#65756d;--line:#d8dfda}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#24322d;font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:var(--green)}.wrap{max-width:1180px;margin:auto;padding:0 22px}
header{position:sticky;top:0;z-index:20;background:#fffdf8;border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:22px;min-height:72px}.brand{font:800 25px Georgia,serif;color:var(--ink);text-decoration:none;margin-right:auto}.brand span{color:var(--gold)}
nav a{text-decoration:none;font-size:14px}.btn{display:inline-block;background:var(--green);color:white!important;text-decoration:none;padding:11px 16px;border-radius:9px;font-weight:750}
.hero{padding:68px 0 42px;background:linear-gradient(135deg,#eef4ed,#fbf8ef)}h1,h2,h3{font-family:Georgia,serif;color:var(--ink);line-height:1.15}h1{font-size:clamp(38px,6vw,64px);max-width:850px}h2{font-size:31px;margin-top:42px}
.lede{font-size:21px;max-width:780px;color:#40564c}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;padding:38px 0}.card,.callout,.sidebar{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}
.sidebar{position:sticky;top:95px;height:max-content}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:800}.crumb{font-size:13px;color:var(--muted);padding-top:20px}
.note{border-left:4px solid var(--gold);background:#fff;padding:14px 18px;margin:24px 0}.refs{font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card h3{margin-top:4px}.card a{text-decoration:none}
footer{background:var(--ink);color:#dbe7df;margin-top:55px;padding:40px 0}footer a{color:white}.disclosure{font-size:13px;color:var(--muted)}
.mobile-cta{display:none}.article p{max-width:760px}.article ul{max-width:760px}
@media(max-width:900px){nav a:not(.btn){display:none}.grid{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:1fr}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 16px;border-top:1px solid var(--line);z-index:30;text-align:center}.mobile-cta .btn{width:100%}body{padding-bottom:68px}}


/* Navigation spacing polish */
.nav{
  gap:30px;
  padding:10px 0;
  min-height:78px;
}
.nav .brand{
  flex:0 0 auto;
  margin-right:auto;
  white-space:nowrap;
}
.nav nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:26px;
  flex-wrap:nowrap;
}
.nav nav > a:not(.btn){
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 2px;
  white-space:nowrap;
  font-size:15px;
}
.nav nav > .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 20px;
  margin-left:6px;
  white-space:nowrap;
  line-height:1.2;
  border-radius:10px;
}
@media(max-width:1050px){
  .nav{gap:18px}
  .nav nav{gap:18px}
  .nav nav > .btn{padding:11px 16px;margin-left:2px}
}
@media(max-width:900px){
  .nav{min-height:72px;padding:8px 0}
  .nav nav{gap:0}
  .nav nav > a:not(.btn){display:none}
  .nav nav > .btn{
    min-height:44px;
    padding:11px 15px;
    margin-left:0;
    font-size:14px;
  }
}