:root{--tc:#40c7c0}
*{box-sizing:border-box}
body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0;background:#e3efeb;color:#0f172a;line-height:1.6}
main{max-width:820px;margin:0 auto;padding:2rem 1.25rem 4rem}
header a{color:#0f172a;text-decoration:none;font-weight:600}
nav.crumb{font-size:.85rem;margin-bottom:1.5rem;color:#475569}
nav.crumb a{color:#0f766e;text-decoration:none}
h1{font-size:2rem;margin:.25rem 0 1rem}
h2{font-size:1.3rem;margin:2rem 0 .75rem}
.cta{display:inline-block;background:var(--tc);color:#083344;font-weight:700;padding:.75rem 1.4rem;border-radius:.6rem;text-decoration:none;margin:.5rem 0}
.note{font-size:.9rem;color:#475569;margin-top:.5rem}
ol,ul{padding-left:1.25rem}
details{background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:.75rem 1rem;margin:.5rem 0}
summary{font-weight:600;cursor:pointer}
.related{background:#fff;border-radius:.6rem;padding:1rem 1.25rem;margin-top:2.5rem;border:1px solid #cbd5e1}
footer{max-width:820px;margin:0 auto;padding:1.5rem 1.25rem;font-size:.85rem;color:#475569}
code{background:#d7e9e3;padding:.1rem .3rem;border-radius:.25rem}
table{width:100%;border-collapse:collapse;margin:.5rem 0 1rem;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;overflow:hidden;font-size:.95rem}
th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid #e2e8f0;vertical-align:top}
thead th{background:#d7e9e3;font-weight:700}
tr:last-child td{border-bottom:none}