.info-page { min-height:80vh; padding:112px 0 100px; }
.info-breadcrumb { display:flex; align-items:center; gap:9px; margin-bottom:28px; color:var(--muted); font-size:12px; }
.info-breadcrumb a { display:inline-flex; align-items:center; gap:7px; transition:color .2s ease; }
.info-breadcrumb a:hover { color:var(--blue); }
.info-breadcrumb > i { font-size:9px; }
.info-hero { position:relative; display:flex; align-items:center; gap:24px; margin-bottom:30px; padding:clamp(27px,4vw,46px); overflow:hidden; border:1px solid var(--line); border-radius:22px; background:radial-gradient(circle at 88% 12%,rgba(11,150,255,.17),transparent 30%),linear-gradient(135deg,rgba(11,150,255,.09),transparent 45%),var(--surface); box-shadow:var(--shadow); }
.info-hero::after { content:""; position:absolute; top:0; right:8%; width:210px; height:3px; background:linear-gradient(90deg,transparent,var(--blue),transparent); }
.info-hero-icon { flex:0 0 74px; width:74px; height:74px; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:19px; color:#58c2ff; background:rgba(11,150,255,.1); box-shadow:inset 0 0 25px rgba(11,150,255,.08); font-size:34px; }
.info-hero-copy { min-width:0; }
.info-hero-copy .section-kicker { display:block; margin-bottom:8px; }
.info-hero h1 { margin:0 0 9px; font-family:"Barlow Condensed",sans-serif; font-size:clamp(40px,4vw,58px); font-weight:800; line-height:1; letter-spacing:-.015em; }
.info-hero p { max-width:720px; margin:0; color:var(--muted); font-size:14px; }
.info-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:26px; align-items:start; }
.info-aside,.info-document { border:1px solid var(--line); background:var(--surface); box-shadow:0 18px 45px rgba(0,0,0,.09); }
.info-aside { position:sticky; top:96px; padding:24px; border-radius:17px; }
.info-aside-mark { width:47px; height:47px; display:grid; place-items:center; margin-bottom:18px; border-radius:13px; color:#5bc2ff; background:rgba(11,150,255,.11); font-size:23px; }
.info-aside-label { display:block; margin-bottom:5px; color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.info-aside strong { display:block; font-family:"Barlow Condensed",sans-serif; font-size:23px; line-height:1.1; }
.info-aside p { margin:12px 0 21px; color:var(--muted); font-size:11px; line-height:1.65; }
.info-aside-links { display:grid; gap:7px; padding-top:17px; border-top:1px solid var(--line); }
.info-aside-links a { display:flex; align-items:center; gap:9px; padding:9px 10px; border-radius:9px; color:var(--muted); font-size:11px; font-weight:700; transition:color .2s ease,background .2s ease; }
.info-aside-links a:hover { color:var(--blue); background:rgba(11,150,255,.08); }
.info-document { min-width:0; overflow:hidden; border-radius:20px; }
.info-document-heading { padding:27px clamp(24px,4vw,48px) 23px; border-bottom:1px solid var(--line); background:linear-gradient(135deg,rgba(11,150,255,.055),transparent 45%); }
.info-document-heading span { display:block; margin-bottom:5px; color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.12em; }
.info-document-heading h2 { margin:0; font-family:"Barlow Condensed",sans-serif; font-size:clamp(29px,3vw,38px); font-weight:750; line-height:1.08; }
.info-rich-text { padding:clamp(28px,4vw,50px); overflow:hidden; color:var(--text); overflow-wrap:anywhere; }
.info-rich-text,.info-rich-text p,.info-rich-text div,.info-rich-text span,.info-rich-text li,.info-rich-text td,.info-rich-text th,.info-rich-text font,.info-rich-text label { color:var(--text) !important; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; }
.info-rich-text p,.info-rich-text li,.info-rich-text td,.info-rich-text th { font-size:14px !important; line-height:1.82 !important; }
.info-rich-text p { margin:0 0 20px !important; }
.info-rich-text ul,.info-rich-text ol { margin:0 0 22px; padding-left:23px; }
.info-rich-text li + li { margin-top:7px; }
.info-rich-text h1,.info-rich-text h2,.info-rich-text h3,.info-rich-text h4,.info-rich-text h5,.info-rich-text h6 { margin:34px 0 15px !important; color:var(--text) !important; font-family:"Barlow Condensed",sans-serif !important; font-weight:750 !important; line-height:1.12 !important; text-align:left !important; }
.info-rich-text h1:first-child,.info-rich-text h2:first-child,.info-rich-text h3:first-child { margin-top:0 !important; }
.info-rich-text h1 { font-size:34px !important; }
.info-rich-text h2 { font-size:29px !important; }
.info-rich-text h3 { font-size:24px !important; }
.info-rich-text h4 { font-size:20px !important; }
.info-rich-text a { color:#3eb3ff !important; text-decoration:underline; text-decoration-color:rgba(62,179,255,.4); text-underline-offset:3px; }
.info-rich-text a:hover { color:var(--blue) !important; }
.info-rich-text strong,.info-rich-text b { color:var(--text) !important; font-weight:750; }
.info-rich-text img { max-width:100% !important; height:auto !important; }
.info-rich-text table { display:block; width:100% !important; max-width:100%; margin:24px 0; overflow-x:auto; border-collapse:collapse; }
.info-rich-text td,.info-rich-text th { padding:11px 13px !important; border:1px solid var(--line) !important; background:transparent !important; }
.info-rich-text hr { margin:30px 0; border:0; border-top:1px solid var(--line); }
html[data-theme="light"] .info-hero { background:radial-gradient(circle at 88% 12%,rgba(11,150,255,.12),transparent 30%),linear-gradient(135deg,rgba(11,150,255,.055),transparent 45%),var(--surface); }
html[data-theme="light"] .info-aside,html[data-theme="light"] .info-document { box-shadow:var(--shadow); }
@media (max-width:900px) { .info-layout { grid-template-columns:1fr; } .info-aside { position:static; } .info-aside-links { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .info-page { padding:96px 0 66px; } .info-breadcrumb { margin-bottom:21px; } .info-hero { align-items:flex-start; gap:16px; padding:24px 20px; border-radius:17px; } .info-hero-icon { flex-basis:52px; width:52px; height:52px; border-radius:14px; font-size:25px; } .info-hero h1 { font-size:38px; } .info-hero p { font-size:12px; } .info-aside { padding:20px; } .info-document { border-radius:16px; } .info-document-heading { padding:23px 21px 19px; } .info-rich-text { padding:25px 21px; } .info-rich-text p,.info-rich-text li,.info-rich-text td,.info-rich-text th { font-size:13px !important; } }
@media print { .info-page { padding:20px 0; } .info-breadcrumb,.info-hero,.info-aside { display:none !important; } .info-layout { display:block; } .info-document { border:0; box-shadow:none; } }