:root{
  --gold:#b8922a; --gold2:#d4a942; --teal:#0f4a42; --teal2:#1a7a6e;
  --text:#0c2e28; --text2:#2e6b62; --text3:#5fa89e;
  --bg:#f7faf9; --card:#ffffff; --line:rgba(15,74,66,0.12);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Outfit,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
a{color:var(--teal2);text-decoration:none}
a:hover{text-decoration:underline}

header.top{border-bottom:1px solid var(--line);background:rgba(255,255,255,.85);
  backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:12px}
.brand{font-weight:700;font-size:16px;color:var(--teal);letter-spacing:-.01em}
.brand span{color:var(--gold)}
.top nav a{font-size:13.5px;color:var(--text2);margin-left:18px}

.hero{padding:2.6rem 0 1.4rem}
.kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}
h1{font-size:34px;line-height:1.22;letter-spacing:-.02em;margin-bottom:.7rem;font-weight:700}
.lead{font-size:17px;color:var(--text2)}
.meta{font-size:12.5px;color:var(--text3);margin-top:.9rem}

article{padding:.6rem 0 2rem}
article h2{font-size:23px;line-height:1.3;margin:2rem 0 .7rem;letter-spacing:-.01em}
article h3{font-size:17px;margin:1.5rem 0 .5rem}
article p{margin-bottom:1rem;font-size:16px}
article ul,article ol{margin:0 0 1rem 1.15rem}
article li{margin-bottom:.45rem;font-size:16px}
article strong{color:var(--text)}

.box{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:1.2rem 1.4rem;margin:1.5rem 0;box-shadow:0 2px 10px rgba(15,74,66,.05)}
.box h3{margin-top:0}
.box.gold{border-color:rgba(212,169,66,.5);background:linear-gradient(180deg,#fffdf6,#fff)}
table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:14.5px}
th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--line)}
th{font-weight:600;color:var(--teal);font-size:13px;text-transform:uppercase;letter-spacing:.05em}
td.num{font-variant-numeric:tabular-nums;white-space:nowrap}

.cta{background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;
  border-radius:16px;padding:1.6rem 1.5rem;margin:2.2rem 0;text-align:center}
.cta h3{color:#fff;font-size:19px;margin:0 0 .4rem}
.cta p{color:rgba(255,255,255,.85);font-size:14.5px;margin-bottom:1rem}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#fff;font-weight:600;font-size:14px;padding:11px 22px;border-radius:100px}
.btn:hover{text-decoration:none;opacity:.92}

.crumbs{font-size:12.5px;color:var(--text3);padding:1rem 0 0}
.crumbs a{color:var(--text3)}

.cards{display:grid;gap:16px;margin:1.5rem 0 2.5rem}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:1.3rem 1.4rem;transition:.18s;box-shadow:0 2px 10px rgba(15,74,66,.05)}
.pcard:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,74,66,.1)}
.pcard h2{font-size:19px;margin:.1rem 0 .5rem;line-height:1.32}
.pcard h2 a{color:var(--text)}
.pcard p{font-size:14.5px;color:var(--text2);margin-bottom:.6rem}
.pcard .meta{margin-top:.5rem}

footer{border-top:1px solid var(--line);margin-top:2rem;padding:1.6rem 0 2.4rem;
  font-size:13px;color:var(--text3)}
footer a{color:var(--text2)}
.disc{font-size:12px;color:var(--text3);margin-top:.8rem;line-height:1.6}

@media(max-width:640px){
  h1{font-size:27px}
  article h2{font-size:20px}
  .top nav a{margin-left:12px;font-size:12.5px}
  .brand{font-size:15px}
}