.page-legal{--bg:#101010;--ink:#fff;--muted:#aaa;background:#101010;color:#fff}
.page-legal .own-navigation{font-family:OwnHeader,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;letter-spacing:normal}
.page-legal .own-navigation .on-close{padding:0}
.page-legal .own-footer{font-family:OwnFooter,Arial,sans-serif;font-size:16px;font-weight:450;line-height:1;letter-spacing:normal}
.page-legal .own-footer h3{letter-spacing:normal}
.page-legal .own-footer-company p{line-height:inherit}
.page-legal main{overflow:clip}

.lg-hero{padding:clamp(150px,22svh,220px) 0 clamp(48px,8svh,88px);background:#101010;color:#fff}
.lg-hero .oa-index{color:#ffffff8c}
.lg-hero h1{max-width:18ch;margin:18px 0 0;font-size:clamp(44px,6vw,96px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.lg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px;font-size:14px;color:#ffffffa6;font-variant-numeric:tabular-nums}
.lg-meta a{padding-bottom:2px;color:#fff;border-bottom:1px solid #ffffff59;transition:border-color .2s}
.lg-meta a:hover{border-color:#fff}
.lg-meta a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.lg-lead{max-width:520px;margin-top:24px;font-size:18px;line-height:1.5;color:#ffffffbf}

.lg-sheet{padding:clamp(56px,8vw,112px) 0 clamp(80px,10vw,144px);background:#f4f4f4;color:#1d1d1d}
.lg-doc{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.lg-doc-single{grid-template-columns:minmax(0,1fr)}
.lg-toc{position:sticky;top:24px;max-height:calc(100svh - 144px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lg-toc-box summary{margin-bottom:16px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#8a8a8a;list-style:none;cursor:default}
.lg-toc-box summary::-webkit-details-marker{display:none}
.lg-toc nav{display:grid;border-left:1px solid #12121226}
.lg-toc nav a{margin-left:-1px;padding:6px 0 6px 16px;border-left:1px solid #12121200;font-size:13px;line-height:1.4;color:#5e5e5e;transition:color .2s,border-color .2s}
.lg-toc nav a:hover{color:#121212}
.lg-toc nav a[aria-current=true]{color:#121212;border-left-color:#121212}
.lg-toc nav a:focus-visible{outline:2px solid #121212;outline-offset:-2px}
.lg-prose{max-width:72ch;font-size:16px;line-height:1.7;color:#2a2a2a}
.lg-prose h2{margin:0 0 24px;font-size:clamp(28px,2.6vw,38px);line-height:1.1;letter-spacing:-.03em;color:#121212}
.lg-prose h3{margin:48px 0 14px;font-size:20px;line-height:1.3;letter-spacing:-.015em;color:#121212;scroll-margin-top:24px}
.lg-prose p{margin:0 0 16px}
.lg-prose ul,.lg-prose ol{margin:0 0 18px;padding-left:22px}
.lg-prose li{margin:6px 0;padding-left:4px}
.lg-prose a{color:#121212;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.lg-table{margin:8px 0 24px;overflow-x:auto;border-radius:12px;box-shadow:inset 0 0 0 1px #12121226}
.lg-table:focus-visible{outline:2px solid #121212;outline-offset:2px}
.lg-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.5}
.lg-table th,.lg-table td{padding:12px 14px;border-bottom:1px solid #1212121a;text-align:left;vertical-align:top}
.lg-table th{font-weight:500;color:#121212;background:#ebebeb}
.lg-table tr:last-child td{border-bottom:0}

.lg-list{margin:0;padding:0;list-style:none;border-top:1px solid #12121226}
.lg-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto 32px;gap:16px;align-items:center;min-height:88px;padding:0 8px;border-bottom:1px solid #12121226;color:#121212;transition:background-color .2s}
.lg-row:hover{background:#ebebeb}
.lg-row:focus-visible{outline:2px solid #121212;outline-offset:-2px}
.lg-row-index{font-size:11px;letter-spacing:.09em;color:#8a8a8a;font-variant-numeric:tabular-nums}
.lg-row-title{font-size:clamp(20px,2vw,28px);line-height:1.2;letter-spacing:-.025em}
.lg-row-date{font-size:13px;color:#717171;font-variant-numeric:tabular-nums}
.lg-row-go{justify-self:end;font-size:18px;color:#717171;transition:transform .2s var(--ease),color .2s}
.lg-row:hover .lg-row-go{color:#121212;transform:translateX(4px)}

.lg-others{padding:64px 0 128px;background:#101010;color:#fff}
.lg-others .oa-index{color:#ffffff8c}
.lg-others-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.lg-others-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff2e;font-size:14px;color:#e6e6e6;transition:background-color .2s}
.lg-others-links a:hover{background:#ffffff14}
.lg-others-links a:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media(max-width:1000px){
 .lg-doc{grid-template-columns:minmax(0,1fr);gap:32px}
 .lg-toc{position:static;max-height:none;overflow:visible}
 .lg-toc-box{padding:14px 18px;border-radius:16px;background:#ebebeb}
 .lg-toc-box summary{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin:0;cursor:pointer}
 .lg-toc-box summary span:after{content:"+";font-size:20px;line-height:1;color:#121212}
 .lg-toc-box[open] summary span:after{content:"–"}
 .lg-toc-box[open] summary{margin-bottom:12px}
 .lg-toc nav{max-height:50svh;overflow:auto}
}
@media(max-width:760px){
 .lg-hero{padding:120px 0 40px}
 .lg-hero h1{font-size:clamp(38px,11vw,56px)}
 .lg-row{grid-template-columns:32px minmax(0,1fr) 20px;grid-template-areas:"i t g" ". d .";row-gap:4px;min-height:0;padding:18px 0}
 .lg-row-index{grid-area:i}
 .lg-row-title{grid-area:t}
 .lg-row-date{grid-area:d}
 .lg-row-go{grid-area:g}
 .lg-prose{font-size:15px}
 .lg-prose h3{margin-top:36px;font-size:18px}
 .lg-others{padding:48px 0 120px}
}
@media(prefers-reduced-motion:reduce){
 .lg-row,.lg-row-go,.lg-toc nav a,.lg-others-links a,.lg-meta a{transition:none}
}
