/* Standalone legal pages (terms.html, refunds.html): dark grey, light text, matching index.html */
body.legal-page{background-color:#222222;color:#ffffff}
.legal{max-width:760px;margin:0 auto;padding:3rem 1.5rem 5rem;line-height:1.8}
.legal a{color:#ffffff}
.legal a:hover{border-bottom-color:#00A651}
.legal .brand{border:0;display:inline-block}
.legal .brand img{width:120px;height:auto;display:block}
.legal-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin:2rem 0 3rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.18);font-size:.9rem}
.legal-nav a{border:0;opacity:.75}
.legal-nav a:hover,.legal-nav a[aria-current="page"]{opacity:1}
.legal-nav a[aria-current="page"]{border-bottom:1px solid #00A651}
.legal h1{font-size:2.75rem;margin:0 0 .5rem}
.legal h2{font-family:"Camphor Medium","Source Sans Pro",Helvetica,sans-serif;font-size:1.15rem;font-weight:400;margin:2.75rem 0 .5rem;color:#ffffff}
.legal .updated{color:rgba(255,255,255,.65);font-size:.9rem;margin:0 0 2rem}
.legal p{margin:0 0 1rem}
.legal ol{list-style:decimal}
.legal ul{list-style:disc}
.legal ol,.legal ul{padding-left:1.4rem;margin:0 0 1rem}
.legal li{margin-bottom:.4rem}
.legal li::marker{color:#00A651}
.legal .summary{border-left:3px solid #00A651;padding:.25rem 0 .25rem 1.25rem;margin:0 0 1rem;font-size:1.1rem}
.legal .summary p{margin:0}
.legal footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.18);font-size:.85rem;color:rgba(255,255,255,.65)}
@media screen and (max-width:736px){.legal .brand img{width:96px}.legal h1{font-size:2.25rem}.legal{padding-top:2rem}}

.legal .details{margin:0 0 1rem;padding:0;list-style:none}.legal .details li{margin:0 0 .25rem}

/* Bold lead-in labels: template sets strong to black, which vanishes on dark grey */
.legal strong,.legal b{color:#1E79C1;font-weight:600}
.legal .summary strong{color:#1E79C1}