:root{
  --ink:#2b3a42;
  --teal:#1f7a72;
  --teal-dark:#155a54;
  --peach:#f7ede2;
  --sand:#fdf9f4;
  --accent:#e2a355;
  --accent-text:#9c4708;
  --white:#ffffff;
  --shadow:0 6px 24px rgba(43,58,66,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
a{text-underline-offset:3px}
.article-body a,.cert p a,.more-card a,main p a{text-decoration:underline}
body{font-family:'Assistant',sans-serif;color:var(--ink);background:var(--sand);line-height:1.75;font-size:18px}
h1,h2,h3{font-family:'Frank Ruhl Libre',serif;line-height:1.3}
a{color:var(--teal);text-decoration:none}
.container{max-width:900px;margin:0 auto;padding:0 24px}

nav{position:sticky;top:0;background:rgba(253,249,244,.95);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid #eee3d5}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1080px;margin:0 auto;flex-wrap:wrap;gap:10px}
.logo{font-family:'Frank Ruhl Libre',serif;font-size:1.2rem;font-weight:700;color:var(--teal-dark)}
.logo small{display:block;font-family:'Assistant',sans-serif;font-size:.72rem;font-weight:400;color:var(--ink)}
.nav-links{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.nav-links li{margin:0}
.nav-links a{font-weight:600;font-size:.92rem;color:var(--ink)}
.nav-links a:hover{color:var(--teal)}
.nav-cta{background:var(--teal);color:var(--white)!important;padding:8px 18px;border-radius:999px}

.page-head{background:linear-gradient(160deg,var(--peach) 0%,var(--sand) 70%);padding:60px 0 40px;text-align:center}
.page-head h1{font-size:clamp(1.7rem,4vw,2.6rem);color:var(--teal-dark);margin-bottom:10px}
.page-head .meta{color:#5a6a72;font-size:1rem}
.page-head .crumbs{font-size:.9rem;margin-bottom:14px}

main.article{padding:50px 0 70px}
.article-body{background:var(--white);border-radius:22px;padding:44px;box-shadow:var(--shadow)}
.article-body h2{color:var(--teal-dark);font-size:1.45rem;margin:30px 0 12px}
.article-body h2:first-child{margin-top:0}
.article-body h3{color:var(--teal-dark);font-size:1.15rem;margin:22px 0 8px}
.article-body p{margin-bottom:15px}
.article-body ul,.article-body ol{margin:0 0 15px 0;padding-inline-start:24px}
.article-body li{margin-bottom:8px}
.note{background:var(--peach);border-radius:12px;padding:16px 20px;font-weight:600;margin:20px 0}
.quote-band{border-inline-start:5px solid var(--accent);background:var(--sand);border-radius:12px;padding:18px 22px;margin:20px 0;font-family:'Frank Ruhl Libre',serif;font-size:1.1rem;color:var(--teal-dark)}
.refs{font-size:.85rem;color:#5a6a72;border-top:1px dashed #e0d5c4;padding-top:16px;margin-top:30px}
.refs p{margin-bottom:6px}

.cert{background:var(--white);border-radius:18px;padding:32px;box-shadow:var(--shadow);margin-bottom:24px;border-top:4px solid var(--teal)}
.cert h2{color:var(--teal-dark);font-size:1.3rem;margin-bottom:6px}
.cert .issuer{color:var(--accent-text,#9c4708);font-weight:700;font-size:.95rem;margin-bottom:14px}
.cert table{width:100%;border-collapse:collapse;margin:10px 0}
.cert td{padding:9px 12px;border-bottom:1px solid #f0e8db;vertical-align:top}
.cert td:first-child{font-weight:700;color:var(--teal-dark);width:220px}
.cert p{margin-bottom:10px}
.cert-link{display:inline-block;margin-top:8px;font-weight:700;color:var(--teal);border-bottom:2px solid var(--accent);padding-bottom:2px}
.cert-link:hover{color:var(--teal-dark)}

.back-band{background:linear-gradient(160deg,var(--teal-dark),var(--teal));color:var(--white);text-align:center;padding:44px 20px;margin-top:20px}
.back-band h2{margin-bottom:8px}
.back-band a.btn{display:inline-block;margin-top:14px;background:var(--white);color:var(--teal-dark);padding:12px 30px;border-radius:999px;font-weight:700}

footer{background:#12332f;color:#bcd6d2;text-align:center;padding:26px 20px;font-size:.9rem}
footer a{color:#bcd6d2}

.more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px}
.more-card{background:var(--sand);border-radius:14px;padding:20px;box-shadow:var(--shadow);border-top:3px solid var(--accent)}
.more-card h3{font-size:1.02rem;color:var(--teal-dark);margin-bottom:6px}
.more-card p{font-size:.9rem;margin-bottom:8px}
.more-card a{font-weight:700;font-size:.92rem}

@media(max-width:700px){
  .article-body{padding:28px 22px}
  .cert{padding:24px 18px}
  .cert td:first-child{width:130px}
}