/* ===== v98 · Estilo de páginas legales — hereda el lenguaje visual de Vidal Solutions ===== */
:root{
  --black:#05070A; --soft:#C9D1D9; --muted:#8B949E; --gold:#D8B76A;
  --cjk:'Hiragino Kaku Gothic ProN','Noto Sans JP','Yu Gothic','Meiryo',sans-serif;
  --sans:'Inter',var(--cjk),system-ui,sans-serif;
  --mono:'JetBrains Mono',var(--cjk),ui-monospace,monospace;
  --wide:'Anybody','Space Grotesk',var(--cjk),system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--soft);font-family:var(--sans);line-height:1.72;
  padding:clamp(28px,6vw,72px) clamp(20px,6vw,40px);
  background-image:radial-gradient(120% 90% at 50% 0%,#14101a 0%,#0b0a10 46%,#07060a 100%);background-attachment:fixed}
.wrap{max-width:820px;margin:0 auto}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(28px,5vw,48px);
  padding-bottom:18px;border-bottom:1px solid rgba(216,183,106,.16)}
.brand{font-family:var(--wide);font-stretch:115%;font-weight:600;letter-spacing:.02em;color:#fff;font-size:.95rem}
.brand .jp{font-family:var(--cjk)}
.back{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.back:hover{color:var(--gold);text-decoration:none}
.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
h1{font-family:var(--wide);font-stretch:118%;font-weight:600;color:#fff;font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.1;margin:10px 0 6px}
.updated{color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.1em;margin-bottom:clamp(26px,4vw,40px)}
.lede{color:var(--soft);font-size:1.02rem;margin-bottom:8px}
h2{font-family:var(--wide);font-stretch:110%;font-weight:600;color:#fff;font-size:1.16rem;margin:clamp(26px,4vw,38px) 0 10px;
  padding-top:18px;border-top:1px solid rgba(216,183,106,.12)}
h2 .n{color:var(--gold);font-family:var(--mono);font-size:.78em;margin-right:9px;letter-spacing:.08em}
p,li{color:var(--soft);font-size:.96rem;margin:8px 0}
ul{padding-left:22px;margin:8px 0}
li{margin:5px 0}
strong{color:#fff;font-weight:600}
.pend{color:#c79a3e;font-style:italic;border-bottom:1px dashed rgba(216,183,106,.5)}
.note{margin:clamp(28px,4vw,44px) 0 0;padding:16px 18px;border-left:2px solid var(--gold);background:rgba(216,183,106,.06);
  border-radius:0 10px 10px 0;color:var(--muted);font-size:.88rem}
.contact-box{margin-top:14px;padding:14px 16px;border:1px solid rgba(216,183,106,.22);border-radius:12px;font-size:.9rem}
.contact-box b{color:#fff}
footer{max-width:820px;margin:clamp(40px,6vw,72px) auto 0;padding-top:20px;border-top:1px solid rgba(216,183,106,.14);
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);
  display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}
footer a{color:var(--muted)}
footer a:hover{color:var(--gold)}
footer .links{display:flex;flex-wrap:wrap;gap:16px}