/* Shared styling for Daybreak's legal + support pages.
   Same ink surface, type scale and dawn accent as the landing page. */

:root{
  --ink:#0c0d10; --panel:#14161b; --tx:#f4f5f7; --sub:#8b9099; --dim:#4b5058;
  --line:#20242b; --line2:#2a2f38; --dawn:#8fb0d4; --dawn-lo:#6f92b8;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--tx);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  line-height:1.62;-webkit-font-smoothing:antialiased;
}

/* ---------- chrome ---------- */
nav{border-bottom:1px solid var(--line)}
.nav-in{max-width:74ch;margin:0 auto;padding:0 24px;height:62px;
  display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650;
  letter-spacing:-.02em;color:var(--tx);text-decoration:none}
.logo .mark{width:26px;height:26px;border-radius:22.4%;display:block;flex:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.nav-in .back{font-size:14.5px;color:var(--sub);text-decoration:none}
.nav-in .back:hover{color:var(--tx)}

.wrap{max-width:74ch;margin:0 auto;padding:56px 24px 96px}

/* ---------- type ---------- */
.eyebrow{font-size:11.5px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;
  color:var(--dawn);margin:0 0 16px}
h1{font-size:clamp(32px,5vw,44px);font-weight:620;letter-spacing:-.032em;
  line-height:1.05;margin:0 0 10px;text-wrap:balance}
.eff{color:var(--sub);font-size:14px;margin:0;font-variant-numeric:tabular-nums}
.lede{font-size:17px;color:var(--sub);margin:22px 0 0;max-width:66ch}

section{border-top:1px solid var(--line);padding-top:28px;margin-top:38px}
h2{font-size:21px;font-weight:620;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
h3{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:24px 0 8px}
p{margin:0 0 15px;color:var(--tx)}
p.muted{color:var(--sub)}
strong{font-weight:600}

a{color:var(--dawn);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb, var(--dawn) 38%, transparent)}
a:hover{border-bottom-color:var(--dawn)}
a:focus-visible{outline:2px solid var(--dawn);outline-offset:3px;border-radius:2px}

ul.body{padding-left:0;list-style:none;margin:0 0 15px}
ul.body li{position:relative;padding-left:19px;margin:9px 0}
ul.body li::before{content:"";position:absolute;left:2px;top:11px;width:5px;height:5px;
  border-radius:50%;background:var(--dawn-lo)}

.note{font-size:14px;color:var(--sub);border-left:2px solid var(--line2);
  padding-left:15px;margin:18px 0}

/* ---------- cards ---------- */
.summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 0}
@media(max-width:600px){.summary{grid-template-columns:1fr}}
.card{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:var(--panel)}
.card h3{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.card.keep h3{color:var(--dawn)}
.card.never h3{color:var(--sub)}
.card ul{margin:0;padding:0;list-style:none}
.card li{position:relative;padding-left:22px;font-size:14.5px;margin:8px 0}
.card li .i{position:absolute;left:0;top:4px;width:14px;height:14px;fill:currentColor}
.card.keep li .i{color:var(--dawn)}
.card.never li .i{color:var(--dim)}

/* contact / action blocks */
.rows{display:grid;gap:12px;margin-top:20px}
.row{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);
  border-radius:16px;padding:18px 20px;background:var(--panel)}
.row .i{width:22px;height:22px;flex:none;fill:var(--dawn);margin-top:2px}
.row h3{margin:0 0 4px;font-size:16px}
.row p{margin:0;font-size:14.5px;color:var(--sub)}

/* faq */
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-size:16.5px;
  font-weight:600;letter-spacing:-.012em;position:relative}
summary::-webkit-details-marker{display:none}
summary .i{position:absolute;right:2px;top:21px;width:17px;height:17px;fill:var(--sub);
  transition:transform .22s}
details[open] summary .i{transform:rotate(180deg)}
details p{padding:0 12px 20px 0;font-size:15px;color:var(--sub);margin:0}
.faq{border-top:1px solid var(--line);margin-top:8px}

footer{border-top:1px solid var(--line);margin-top:52px;padding-top:24px;
  color:var(--dim);font-size:13.5px}
footer a{color:var(--sub);border:0}
footer a:hover{color:var(--tx)}
footer .frow{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}

@media(prefers-reduced-motion:reduce){summary .i{transition:none}}