@import url('/darkole-home.css');

:root{--legal-max:1080px;--legal-reading:760px}
html,body{background:#0f0f0f}
.legal-header{max-width:var(--legal-max);margin:auto;padding:25px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.legal-header .brand{color:#f4f6f8;font-size:1.35rem}
.legal-header .brand:visited{color:#f4f6f8}
.header-action{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #3c4450;border-radius:9px;color:#dce3ec;text-decoration:none;font-size:.84rem;font-weight:700}
.header-action:hover{border-color:#6b7787;color:#fff;background:#1c2026}
.legal-main{max-width:var(--legal-max);min-height:68vh;margin:auto;padding:55px 24px 90px}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:28px;color:#8f99a7;font-size:.8rem}
.breadcrumb a{color:#aecdff;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.legal-hero{max-width:850px;margin-bottom:42px}
.legal-hero .eyebrow{margin-bottom:15px}
.legal-hero h1{max-width:830px;margin:0;color:#f7f8fa;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:800;line-height:1.03;letter-spacing:-.05em}
.legal-hero .lead{max-width:760px;margin:22px 0 0;color:#c3cad5;font-size:clamp(1.03rem,2vw,1.2rem);line-height:1.7}
.last-updated{margin-top:17px;color:#818c9a;font-size:.8rem}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,var(--legal-reading));gap:44px;align-items:start}
.page-nav{position:sticky;top:24px;padding:18px;border:1px solid #303640;border-radius:12px;background:#171a1f}
.page-nav strong{display:block;margin:0 0 10px;color:#f1f4f7;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}
.page-nav a{display:block;padding:7px 0;color:#9fa9b6;text-decoration:none;font-size:.86rem;line-height:1.4}
.page-nav a:hover,.page-nav a[aria-current="page"]{color:#aecdff}
.legal-content{min-width:0}
.legal-content section{scroll-margin-top:28px;margin:0 0 48px}
.legal-content h2{margin:0 0 15px;color:#f4f6f8;font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;letter-spacing:-.025em}
.legal-content h3{margin:27px 0 10px;color:#e9edf2;font-size:1.08rem}
.legal-content p,.legal-content li{color:#b9c2cd;font-size:.96rem;line-height:1.75}
.legal-content p{margin:0 0 15px}
.legal-content ul,.legal-content ol{margin:12px 0 18px;padding-left:22px}
.legal-content li+li{margin-top:8px}
.legal-content a{color:#9fc2ff}
.legal-content strong{color:#e5e9ee}
.notice{margin:0 0 38px;padding:20px 21px;border:1px solid #3a4658;border-left:4px solid #4d8dff;border-radius:11px;background:#191d24}
.notice h2,.notice h3{margin:0 0 8px;font-size:1rem;letter-spacing:0}
.notice p:last-child{margin-bottom:0}
.notice.warning{border-left-color:#e9bd62}
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0 48px}
.summary-card{padding:21px;border:1px solid #323943;border-radius:12px;background:#181b20}
.summary-card i{color:#82adff;font-size:1.15rem}
.summary-card h2,.summary-card h3{margin:14px 0 7px;font-size:1.02rem;letter-spacing:0}
.summary-card p{margin:0;color:#9fa9b6;font-size:.88rem;line-height:1.6}
.steps{counter-reset:darkole-step;margin:0;padding:0;list-style:none}
.steps li{counter-increment:darkole-step;position:relative;margin:0 0 13px;padding:20px 20px 20px 64px;border:1px solid #323943;border-radius:12px;background:#181b20}
.steps li:before{content:counter(darkole-step);position:absolute;left:19px;top:20px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#4d8dff;color:#fff;font-size:.78rem;font-weight:800}
.steps strong{display:block;margin-bottom:4px}
.steps p{margin:0}
.plain-table{width:100%;margin:18px 0 24px;border-collapse:collapse;border:1px solid #333a45;border-radius:11px;overflow:hidden}
.plain-table th,.plain-table td{padding:13px 14px;border-bottom:1px solid #333a45;text-align:left;vertical-align:top;font-size:.88rem;line-height:1.55}
.plain-table th{width:31%;color:#edf1f5;background:#1c2026}
.plain-table td{color:#aeb8c4;background:#171a1f}
.plain-table tr:last-child th,.plain-table tr:last-child td{border-bottom:0}
.email-card{margin:22px 0 35px;padding:26px;border:1px solid #38404c;border-radius:14px;background:linear-gradient(145deg,#1d2127,#171a1f);text-align:center}
.email-card p{margin:0 0 16px;color:#aeb8c4}
.email-card img{display:block;width:min(100%,620px);height:auto;margin:auto;border-radius:9px}
.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-options article{padding:20px;border:1px solid #323943;border-radius:12px;background:#181b20}
.contact-options h3{margin:0 0 8px;font-size:1rem}
.contact-options p{margin:0;font-size:.88rem}
.legal-site-footer{background:#14161a;border-top:1px solid var(--line);color:var(--muted)}
.legal-site-footer .footer-inner{max-width:var(--legal-max)}
.legal-site-footer .footer-links a[aria-current="page"]{color:#fff}

@media(max-width:800px){
  .legal-layout{grid-template-columns:1fr;gap:28px}
  .page-nav{position:static;display:flex;flex-wrap:wrap;gap:3px 15px}
  .page-nav strong{width:100%}
  .page-nav a{padding:4px 0}
}
@media(max-width:560px){
  .legal-header{padding:20px 14px}
  .header-action span{display:none}
  .legal-main{padding:38px 14px 65px}
  .breadcrumb{margin-bottom:22px}
  .legal-hero{margin-bottom:32px}
  .legal-hero h1{font-size:2.45rem}
  .summary-grid,.contact-options{grid-template-columns:1fr}
  .plain-table,.plain-table tbody,.plain-table tr,.plain-table th,.plain-table td{display:block;width:100%}
  .plain-table tr{border-bottom:1px solid #333a45}
  .plain-table tr:last-child{border-bottom:0}
  .plain-table th,.plain-table td{border:0}
  .plain-table th{padding-bottom:5px}
  .plain-table td{padding-top:5px}
  .email-card{padding:18px 12px}
}