:root{--cream:#F8F4EF;--navy:#1B3A4B;--teal:#1F6F66;--ink:#1F2427;--soft:#3F4649;--line:#C9D6D3;--white:#fff;--gold:#B08D4C}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Jost,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.7}
a{color:var(--teal);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--navy);padding:10px 14px;z-index:9}
.skip:focus{left:12px;top:12px}
header.top{background:var(--navy);padding:16px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
header.top .brand{color:#fff;text-decoration:none;font-family:Cinzel,Georgia,serif;letter-spacing:.14em;font-size:1.1rem}
header.top nav a{color:#fff;font-size:.95rem;margin-left:14px}
header.top nav a:first-child{margin-left:0}
main{max-width:860px;margin:0 auto;padding:40px 16px 64px}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:var(--navy);font-size:clamp(2.2rem,6vw,3.1rem);line-height:1.12;margin:0 0 8px}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:var(--navy);font-size:clamp(1.5rem,4vw,1.85rem);line-height:1.2;margin:38px 0 8px;scroll-margin-top:16px}
h3{font-size:1.05rem;color:var(--navy);margin:22px 0 4px}
.meta{color:var(--soft);font-size:.95rem}
.lede{font-size:1.12rem}
.note{background:#FFF6E5;border:1px solid #E1C68E;padding:12px 16px;font-size:.95rem;margin:18px 0}
.box{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--teal);padding:16px 18px;margin:16px 0}
.box p{margin:6px 0}
.toc{background:var(--white);border:1px solid var(--line);padding:14px 18px;margin:22px 0}
.toc b{font-family:Cinzel,Georgia,serif;letter-spacing:.12em;font-size:.82rem;color:var(--navy)}
.toc ol{margin:8px 0 0;padding-left:22px;columns:2;column-gap:28px}
.toc li{break-inside:avoid}
@media (max-width:620px){.toc ol{columns:1}header.top nav a{margin-left:0;margin-right:14px}}
ul,ol{padding-left:22px}
li{margin:4px 0}
table{width:100%;border-collapse:collapse;background:var(--white);font-size:.95rem;margin:12px 0}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:#E4EEEC;color:var(--navy)}
.tablewrap{overflow-x:auto}
footer.legal{background:var(--navy);color:#E8EEF0;padding:28px 16px;text-align:center;font-size:.95rem;line-height:2}
footer.legal a{color:#fff}
footer.legal small{display:block;color:#D6E4E1;font-size:.88rem;margin-top:6px}
/* Code of Conduct */
.oath{background:var(--navy);color:#fff;padding:clamp(22px,5vw,40px);margin:26px 0;border:1px solid var(--navy);outline:1px solid var(--gold);outline-offset:-10px}
.oath h2{color:#fff;margin-top:0;text-align:center}
.oath .kick{display:block;text-align:center;font-family:Cinzel,Georgia,serif;letter-spacing:.24em;font-size:.78rem;color:#E7D3A6;text-transform:uppercase}
.oath ol{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.2rem,3.4vw,1.4rem);line-height:1.45;padding-left:28px;margin:16px 0 0}
.oath li{margin:10px 0}
.oath p.sign{text-align:center;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.2rem;margin:20px 0 0;color:#F1E6CF}
.articles{counter-reset:art}
.article{background:var(--white);border:1px solid var(--line);padding:4px 20px 14px;margin:18px 0}
.article h2{margin-top:18px}
.article h2::before{counter-increment:art;content:"Article " counter(art,upper-roman) " · ";font-family:Cinzel,Georgia,serif;font-size:.8rem;letter-spacing:.14em;color:var(--teal);display:block;margin-bottom:2px}
.pledge{font-style:italic;color:var(--navy);border-left:3px solid var(--gold);padding-left:12px}
@media print{header.top nav,footer.legal,.skip{display:none}body{background:#fff;font-size:12pt}.oath{background:#fff;color:#000}.oath h2,.oath p.sign,.oath .kick{color:#000}}
/* Pledge */
.pledge-card{background:var(--white);border:1px solid var(--navy);outline:1px solid var(--gold);outline-offset:-10px;padding:clamp(28px,6vw,52px) clamp(22px,6vw,56px);margin:24px 0 18px;text-align:center}
.pledge-card .kick{display:block;font-family:Cinzel,Georgia,serif;letter-spacing:.24em;font-size:.76rem;color:var(--teal);text-transform:uppercase}
.pledge-card h2{margin:6px 0 18px;font-size:clamp(1.7rem,5vw,2.3rem)}
.pledge-card ol{list-style:none;padding:0;margin:0 auto;max-width:620px;display:grid;gap:14px}
.pledge-card li{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.3rem,4vw,1.55rem);line-height:1.4;color:var(--navy)}
.pledge-card .sign{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.3rem;color:var(--teal);margin:22px 0 0}
.pledge-card .orn{width:60px;height:1px;background:var(--gold);margin:20px auto 0;border:0}
.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 28px}
.btnl{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;font-family:Cinzel,Georgia,serif;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid var(--navy);color:var(--navy);background:var(--white)}
.btnl.solid{background:var(--navy);color:#fff}
.btnl:hover{background:var(--teal);border-color:var(--teal);color:#fff}
details.es{background:var(--white);border:1px solid var(--line);padding:4px 18px;margin:0 0 28px}
details.es summary{cursor:pointer;padding:12px 0;font-weight:600;color:var(--navy);min-height:44px}
details.es ol{padding-left:22px;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem;line-height:1.45;color:var(--navy)}
.standard{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--teal);padding:4px 20px 12px;margin:14px 0}
.standard h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.45rem;margin:14px 0 4px}
.standard ul{margin:6px 0}
.share{background:#E4EEEC;border:1px solid var(--line);padding:18px 20px;margin:28px 0}
