/* bostra.dev/legal — document page in the « noir sur blanc » grammar */
.legal{max-width:760px;margin:0 auto;
  padding:clamp(48px,8vw,96px) clamp(20px,5vw,48px) clamp(64px,9vw,110px)}
.legal .eyebrow{margin-bottom:16px}
.legal h1{font-size:clamp(32px,4.6vw,48px);line-height:1.08;letter-spacing:-.03em;
  font-weight:700;margin-bottom:20px}
.l-intro{font-size:15.5px;color:var(--steel);line-height:1.7;max-width:58ch;
  margin-bottom:40px}

.l-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;
  padding:26px 26px 24px;margin-bottom:14px}
.l-card h2{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;
  letter-spacing:-.01em;margin-bottom:16px}
.l-card p{font-size:14.5px;color:var(--steel);line-height:1.72}

.l-card dl{display:flex;flex-direction:column;gap:0;margin:0}
.l-card dl>div{display:grid;grid-template-columns:190px 1fr;gap:16px;
  padding:9px 0;border-top:1px solid var(--line-soft)}
.l-card dl>div:first-child{border-top:0}
.l-card dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);padding-top:2px}
.l-card dd{margin:0;font-size:14.5px;color:var(--paper)}
.l-card dd.mono{font-family:var(--mono);font-size:13.5px}
.l-mail{color:var(--paper);text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:var(--faint);transition:text-decoration-color .2s}
.l-mail:hover{text-decoration-color:var(--paper)}

.l-back{margin-top:36px}
.l-back a{font-size:13.5px;font-weight:700;color:var(--steel);transition:color .2s}
.l-back a:hover{color:var(--white)}

@media(max-width:560px){
  .l-card dl>div{grid-template-columns:1fr;gap:2px;padding:11px 0}
}

.l-card p+p{margin-top:12px}