.legal-hero{padding:88px 0 60px;background:radial-gradient(circle at 88% 20%,rgba(20,184,166,.15),transparent 27%),linear-gradient(180deg,#fff4e8,#fffaf4)}
.legal-hero h1{margin:.08em 0 .16em;font-size:clamp(3.4rem,9vw,7rem);line-height:.95;letter-spacing:-.07em}
.legal-hero .lead{max-width:850px}
.legal-hero .notice{max-width:920px;margin-top:26px}
.legal-section{padding-top:54px}
.legal-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:34px;align-items:start}
.legal-sidebar{position:sticky;top:92px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}
.legal-sidebar label{display:block;margin-bottom:8px;font-size:.8rem;font-weight:900}
.legal-sidebar input{width:100%;padding:12px;border:1px solid #d8c7aa;border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit}
.legal-sidebar input:focus{outline:3px solid rgba(15,118,110,.24);border-color:var(--primary)}
.legal-sidebar nav{display:grid;gap:5px;margin-top:18px}
.legal-sidebar button{width:100%;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:inherit;font-size:.84rem;font-weight:800;text-align:left;cursor:pointer}
.legal-sidebar button:hover,.legal-sidebar button.active{background:#e8f7f4;color:var(--primary-dark)}
.legal-sidebar button:focus-visible{outline:3px solid rgba(15,118,110,.26);outline-offset:2px}
.legal-policy{min-height:650px;padding:clamp(28px,5vw,62px);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.legal-policy h2{margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.055em}
.legal-policy .summary{max-width:760px;color:var(--muted);font-size:1.08rem}
.legal-meta{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 36px}
.legal-meta span{padding:7px 10px;border-radius:999px;background:var(--bg-soft);color:var(--muted);font-size:.74rem;font-weight:850}
.legal-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
.legal-body::first-line{font-weight:900}
.legal-policy-foot{margin-top:52px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}
.legal-loading{display:flex;align-items:center;gap:13px;color:var(--muted)}
.legal-spinner{width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:legal-spin .8s linear infinite}
.legal-error{padding:22px;border:1px solid #fecaca;border-radius:18px;background:#fff1f2;color:#7f1d1d}
.legal-error .btn{margin-top:12px}
@keyframes legal-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.legal-spinner{animation:none}}
@media(max-width:820px){.legal-hero{padding:64px 0 42px}.legal-layout{grid-template-columns:1fr}.legal-sidebar{position:static}.legal-sidebar nav{grid-template-columns:1fr 1fr}.legal-policy{min-height:520px;padding:30px 22px}}
@media(max-width:520px){.legal-sidebar nav{grid-template-columns:1fr}.legal-hero h1{font-size:3.4rem}}