:root{--logo-c1:#0a71c1;--logo-c2:#0e4d70;--logo-clight:#c7d2fe;--logo-ctxt:#0d5d8d;--c1:#0a71c1;--c2:#0e4d70;--clight:#c7d2fe;--ctxt:#0d5d8d;--cbg:#f3f6fd;--csurf:#ebefff;--cborder:#fde68a;--accent:#3792f9;--accent2:#0d5d8d;--c-text:#0f172a;--c-muted:#64748b;--c-border:#e2e6f0;--c-white:#fff;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08);--r:12px;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--cbg);color:var(--c-text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.header{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:100}
@media(max-width:640px){.header{position:static}}
.header-inner{max-width:1080px;margin:0 auto;padding:0 32px 0 20px;height:62px;display:flex;align-items:center;justify-content:flex-start;gap:0}
.logo{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-weight:800;font-size:17px;color:var(--c-text)}
.logo-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center}
.logo-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.logo-title{font-family:'Manrope',sans-serif;font-weight:900;font-size:15px;color:var(--c-text);line-height:1.15;white-space:nowrap}
.logo-sub{font-size:12.5px;color:#94a3b8;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{display:flex;align-items:center;gap:0;flex-shrink:0}
.nav-links{display:flex;align-items:center;gap:2px;margin-right:16px}
.nav-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-btns{display:flex;align-items:center;gap:6px}
.nav .btn-login{padding:7px 14px;border-radius:8px;color:var(--c-text);font-weight:600;font-size:13px;border:1.5px solid var(--c-border);background:#fff;white-space:nowrap;transition:.15s}
.nav .btn-login:hover{background:var(--logo-clight);border-color:var(--logo-c1);color:var(--logo-ctxt)}
@media(max-width:820px){.nav-links{display:none}}
.nav a{padding:7px 12px;border-radius:8px;color:var(--c-muted);font-size:14px;font-weight:500;transition:.15s}
.nav a:hover{color:var(--c-text);background:var(--csurf)}.nav .btn-cta:hover{background:linear-gradient(135deg,var(--c1),var(--c2))!important;color:#fff!important;filter:brightness(1.08);box-shadow:0 4px 14px rgba(0,0,0,.16);transform:translateY(-1px)}
.nav .btn-cta{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff!important;padding:7px 16px;border-radius:8px;font-weight:700;font-size:13px;margin-left:0}
@media(max-width:640px){.nav a.nl,.nav a.nav-link{display:none}.header-inner{height:auto;min-height:56px;padding-top:10px;padding-bottom:10px}.logo-icon svg{width:34px;height:34px}.logo-title{font-size:13px;white-space:normal;line-height:1.2}.logo-sub{display:none}.nav .btn-cta{padding:7px 13px;font-size:12.5px;margin-left:4px}}
@media(max-width:400px){.logo-title{font-size:12px}.nav .btn-cta{padding:6px 10px;font-size:12px}}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;border-radius:8px;background:none;border:none;flex-shrink:0}
.burger span{display:block;width:22px;height:2px;border-radius:2px;background:var(--c-text);transition:.25s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:640px){.burger{display:flex;align-self:flex-end;padding:6px}.nav a.nl,.nav a.nav-link{display:none!important}.nav{display:flex;flex-direction:row;align-items:flex-start;gap:8px;flex-shrink:0}.nav-actions{flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto}.nav-btns{display:flex;align-items:center;gap:6px;justify-content:flex-end}.nav .btn-cta{display:inline-flex!important;padding:7px 12px;font-size:12px;white-space:nowrap;margin-left:0}.nav .btn-login{padding:6px 11px;font-size:11px}.header-inner{height:auto;min-height:56px;padding:12px 16px 10px;align-items:flex-start}.logo-title{font-size:13px;white-space:normal;line-height:1.25;word-break:break-word}.logo-sub{display:block;font-size:11px;white-space:normal;margin-top:2px}.logo-icon svg{width:32px;height:32px}.logo{gap:8px;flex:1;min-width:0}}
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:998;opacity:0;transition:opacity .25s}
.drawer-overlay.open{display:block;opacity:1}
.drawer{position:fixed;top:0;right:-100%;width:min(300px,85vw);height:100%;background:#0f172a;z-index:999;transition:right .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:0}
.drawer.open{right:0}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.drawer-close{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:22px;padding:4px;line-height:1}
.drawer-nav{flex:1;padding:12px 0}
.drawer-nav a{display:block;padding:14px 24px;color:rgba(255,255,255,.85);font-size:15px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06);transition:.15s}
.drawer-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.drawer-footer{padding:20px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.08)}
.drawer-cta{display:flex;align-items:center;justify-content:center;padding:14px;border-radius:10px;font-weight:700;font-size:15px;text-align:center;transition:.15s}
.drawer-cta.primary{background:linear-gradient(135deg,var(--logo-c1),var(--logo-c2));color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.3)}
.drawer-cta.primary:hover{opacity:.9}
.fab{position:fixed;bottom:22px;right:22px;z-index:999;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:700;font-size:14px;padding:12px 22px;border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,.25);display:inline-flex;align-items:center;gap:7px;transition:.2s}
.fab:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:600px){.fab{left:14px;right:14px;bottom:14px;border-radius:11px;justify-content:center;font-size:14px}}

.hero{padding:60px 20px 52px;text-align:center;max-width:1080px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--clight);color:var(--ctxt);border:1px solid var(--cborder);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;margin-bottom:22px}
.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(28px,5.5vw,54px);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin-bottom:18px;color:var(--c-text)}
.hero h1 span{background:linear-gradient(135deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:clamp(15px,2vw,18px);color:var(--c-muted);max-width:600px;margin:0 auto 28px;line-height:1.6}
.hero-checks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.hero-check{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--ctxt);background:var(--clight);border:1px solid var(--cborder);border-radius:999px;padding:5px 13px}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:44px}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:700;font-size:16px;padding:14px 30px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:.15s}
.btn-primary:hover{filter:brightness(1.08)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--c-text);font-weight:600;font-size:15px;padding:13px 24px;border-radius:12px;border:1.5px solid var(--c-border);box-shadow:var(--shadow-sm)}
.btn-secondary:hover{border-color:var(--cborder);color:var(--accent)}
.hero-stats{display:flex;justify-content:center;flex-wrap:wrap;border:1px solid var(--c-border);border-radius:14px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}
.hero-stat{padding:16px 26px;text-align:center;border-right:1px solid var(--c-border);flex:1;min-width:110px}
.hero-stat:last-child{border-right:none}
.hero-stat-num{font-family:'Manrope',sans-serif;font-size:20px;font-weight:900;color:var(--accent);display:block;margin-bottom:2px}
.hero-stat-label{font-size:11.5px;color:var(--c-muted);font-weight:500}
@media(max-width:560px){.hero-stats{display:grid;grid-template-columns:1fr 1fr}.hero-stat{flex:none;min-width:0;padding:14px 12px;border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.hero-stat:nth-child(2n){border-right:none}.hero-stat:nth-last-child(-n+2){border-bottom:none}.hero-stat-num{font-size:17px;overflow-wrap:break-word}}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.s{padding:52px 0;border-top:1px solid var(--c-border)}
.s-title{font-family:'Manrope',sans-serif;font-size:clamp(20px,3vw,28px);font-weight:900;letter-spacing:-.02em;margin-bottom:8px;text-align:center}
.s-sub{font-size:14.5px;color:var(--c-muted);text-align:center;max-width:560px;margin:0 auto 32px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:820px){.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.grid-3,.grid-2{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--c-border);border-radius:var(--r);padding:20px;box-shadow:var(--shadow-sm);transition:.2s}
.card:hover{box-shadow:var(--shadow-md);border-color:var(--cborder);transform:translateY(-2px)}
.card-ico{width:42px;height:42px;border-radius:10px;background:var(--clight);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:12px}
.card h3{font-size:15px;font-weight:700;margin-bottom:6px}
.card p{font-size:13px;color:var(--c-muted);line-height:1.6}
.steps{display:grid;gap:0}
.step{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--c-border)}
.step:last-child{border-bottom:none}
.step-num{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.step h4{font-size:14.5px;font-weight:700;margin-bottom:4px}
.step p{font-size:13px;color:var(--c-muted);line-height:1.6}
.char-list{background:#fff;border:1px solid var(--c-border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}
.char-item{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--c-border)}
.char-item:last-child{border-bottom:none}
.char-item:hover{background:var(--csurf)}
.char-num{width:26px;height:26px;border-radius:7px;background:var(--clight);color:var(--ctxt);font-weight:800;font-size:12.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.char-num.gold{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff}
.char-num.silver{background:#e2e8f0;color:#475569}
.char-num.bronze{background:var(--cborder);color:var(--ctxt)}
.char-name{font-size:14px;font-weight:600}
.char-cat{font-size:12px;color:var(--c-muted);margin-top:1px}
.faq{display:grid;gap:10px}
details{background:#fff;border:1px solid var(--c-border);border-radius:var(--r);padding:0 18px;box-shadow:var(--shadow-sm)}
summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:600;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:19px;font-weight:400;color:var(--c-muted);flex-shrink:0}
details[open] summary::after{content:"−"}
details p{padding:0 0 15px;color:var(--c-muted);font-size:13.5px;line-height:1.65}
.cta-block{background:linear-gradient(135deg,var(--c1),var(--c2));border-radius:18px;padding:44px 28px;text-align:center;color:#fff;position:relative;overflow:hidden}
.cta-block h2{font-family:'Manrope',sans-serif;font-size:clamp(20px,3.5vw,32px);font-weight:900;margin-bottom:10px}
.cta-block p{font-size:15px;opacity:.85;max-width:480px;margin:0 auto 24px}
.btn-white{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--c1);font-weight:800;font-size:15px;padding:13px 30px;border-radius:11px;box-shadow:0 4px 16px rgba(0,0,0,.18)}
.btn-white:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(0,0,0,.22)}
footer{background:#fff;border-top:1px solid var(--c-border);padding:44px 20px 32px;margin-top:24px}
.foot-inner{max-width:1080px;margin:0 auto}
.foot-top{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:28px;justify-content:space-between}
.foot-brand{flex:0 1 260px;max-width:260px}
.foot-brand p{font-size:13px;color:var(--c-muted);line-height:1.6;margin-top:8px}
.foot-col h4{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text);margin-bottom:10px}
.foot-col a{display:block;font-size:13px;color:var(--c-muted);padding:3px 0;transition:.1s}
.foot-col a:hover{color:var(--accent)}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px 32px;flex:1 1 560px}
@media(max-width:900px){.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.foot-cols{grid-template-columns:1fr;gap:20px}}.foot-bottom{border-top:1px solid var(--c-border);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--c-muted)}
.foot-bottom a:hover{color:var(--accent)}
.seoblock{max-width:820px;margin:0 auto;text-align:left}.seoblock h3{font-family:'Manrope',sans-serif;font-size:clamp(16px,2.2vw,20px);font-weight:800;margin:22px 0 8px;color:var(--c-text)}.seoblock p{color:var(--c-muted);font-size:14.5px;line-height:1.75;margin-bottom:12px}
.ph{padding:48px 20px 36px;max-width:1080px;margin:0 auto}
.ph h1{font-family:'Manrope',sans-serif;font-size:clamp(22px,4vw,36px);font-weight:900;letter-spacing:-.02em;margin-bottom:10px}
.ph p.sub{font-size:15px;color:var(--c-muted)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.prose{max-width:820px}
.prose h2{font-size:clamp(16px,2.2vw,21px);font-weight:800;margin:28px 0 9px;color:var(--c-text);font-family:'Manrope',sans-serif}
.prose h3{font-size:16px;font-weight:700;margin:20px 0 7px;color:var(--c-text)}
.prose p,.prose li{color:var(--c-muted);margin-bottom:12px;font-size:14px;line-height:1.75}
.prose ul{padding-left:18px;margin-bottom:12px}
.prose a{color:var(--accent);text-decoration:underline}
.prose strong{color:var(--c-text)}
.bp{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:700;font-size:14.5px;padding:12px 26px;border-radius:11px;margin-top:20px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.infobox{background:var(--clight);border:1px solid var(--cborder);border-radius:12px;padding:14px 18px;font-size:13.5px;color:var(--ctxt);margin:16px 0;line-height:1.65}
.offer{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border-radius:18px;padding:32px 26px;margin:8px 0 24px;box-shadow:0 8px 26px rgba(0,0,0,.16)}
.offer h2{color:#fff;font-family:'Manrope',sans-serif;font-size:clamp(20px,3.4vw,28px);font-weight:900;margin:0 0 8px}
.offer p{color:rgba(255,255,255,.9);font-size:14.5px;margin:0 0 18px;line-height:1.6}
.offer .btn-white{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--c1);font-weight:800;font-size:15px;padding:13px 28px;border-radius:11px}
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 8px}
@media(max-width:720px){.bonus-grid{grid-template-columns:1fr}}
.bonus-card{background:#fff;border:1px solid var(--c-border);border-radius:12px;padding:18px;box-shadow:var(--shadow-sm)}
.bonus-card .ic{width:40px;height:40px;border-radius:10px;background:var(--clight);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:10px}
.bonus-card h3{font-size:15px;font-weight:700;margin:0 0 5px}
.bonus-card p{font-size:13px;color:var(--c-muted);margin:0;line-height:1.6}
.auth-card{max-width:420px;background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:28px 26px;box-shadow:var(--shadow-md);margin:8px 0 22px}
.auth-card h2{font-family:'Manrope',sans-serif;font-size:20px;font-weight:900;margin:0 0 6px}
.auth-card p.lead{font-size:13.5px;color:var(--c-muted);margin:0 0 18px}
.auth-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:11px;font-weight:700;font-size:15px;margin-bottom:10px;transition:.15s}
.auth-btn.primary{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.auth-btn.primary:hover{filter:brightness(1.08)}
.auth-btn.ghost{background:#fff;color:var(--c-text);border:1.5px solid var(--c-border)}
.auth-btn.ghost:hover{border-color:var(--c1);color:var(--c1)}
.auth-div{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:12px;margin:12px 0}
.auth-div::before,.auth-div::after{content:"";flex:1;height:1px;background:var(--c-border)}
.auth-note{font-size:12px;color:var(--c-muted);text-align:center;margin-top:6px;line-height:1.5}
footer{background:#fff;border-top:1px solid var(--c-border);padding:36px 20px 28px;margin-top:24px}
.fi{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:var(--c-muted)}
.fi a:hover{color:var(--accent)}
.crumbs{max-width:1080px;margin:0 auto;padding:14px 20px 0;font-size:12.5px;color:var(--c-muted)}
.crumbs a{color:var(--c-muted)}.crumbs a:hover{color:var(--accent)}.crumbs span{color:var(--c-text)}

.offer-hero{background:linear-gradient(135deg,var(--c1),var(--c2));border-radius:20px;padding:30px 28px;margin:6px 0 26px;color:#fff;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:center;box-shadow:0 14px 36px rgba(0,0,0,.16)}
.offer-hero .oh-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:10px}
.offer-hero h2{color:#fff;font-family:'Manrope',sans-serif;font-size:clamp(20px,3.4vw,30px);font-weight:900;line-height:1.14;margin:0 0 10px}
.offer-hero h2 span{color:#fff;opacity:.92}
.offer-hero>div>p{color:rgba(255,255,255,.9);font-size:14.5px;margin:0 0 16px;line-height:1.6}
.offer-hero .oh-art{display:flex;align-items:center;justify-content:center}
.offer-hero .oh-art svg{width:100%;max-width:240px;height:auto}
@media(max-width:640px){.offer-hero{grid-template-columns:1fr;text-align:center;padding:26px 20px}.offer-hero .oh-art{order:-1;max-width:210px;margin:0 auto 4px}}
.oh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.oh-stat{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);border-radius:11px;padding:10px 8px;text-align:center}
.oh-stat b{display:block;font-family:'Manrope',sans-serif;font-size:16px;font-weight:900;color:#fff}
.oh-stat span{display:block;font-size:10px;color:rgba(255,255,255,.72);margin-top:2px}
.btn-offer{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:520px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff!important;font-weight:800;font-size:15.5px;padding:16px;border-radius:13px;box-shadow:0 6px 20px rgba(0,0,0,.16);text-decoration:none;transition:.15s;margin:22px auto}
.btn-offer:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-offer.white{background:#fff;color:var(--c1)!important;box-shadow:0 6px 20px rgba(0,0,0,.14)}
.split-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 2px}
.split-btns .sb small{display:block;font-size:10.5px;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.sb-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:50px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;transition:.15s}
.sb-btn.primary{background:#fff;color:var(--c1)!important}
.sb-btn.ghost{background:rgba(255,255,255,.1);color:#fff!important;border:1.5px solid rgba(255,255,255,.32)}
.sb-btn:hover{transform:translateY(-1px)}
@media(max-width:520px){.split-btns{grid-template-columns:1fr}.oh-stats{grid-template-columns:1fr 1fr 1fr}}
.flow{display:flex;align-items:stretch;gap:0;margin:18px 0}
.flow-step{flex:1;background:var(--csurf);border:1px solid var(--cborder);border-radius:12px;padding:16px 12px;text-align:center}
.flow-step b{display:block;font-family:'Manrope',sans-serif;font-size:17px;font-weight:900;color:var(--c1)}
.flow-step .fl{display:block;font-size:12.5px;font-weight:700;color:var(--c-text);margin-top:4px}
.flow-step .fs{display:block;font-size:11px;color:var(--c-muted);margin-top:2px}
.flow-div{display:flex;align-items:center;color:var(--accent);font-size:20px;font-weight:900;padding:0 8px}
@media(max-width:600px){.flow{flex-direction:column;gap:8px}.flow-div{display:none}}
.offer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
@media(max-width:760px){.offer-cards{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.offer-cards{grid-template-columns:1fr}}
.ocard{background:#fff;border:1px solid var(--c-border);border-radius:14px;padding:18px 16px;border-top:3px solid var(--c1);box-shadow:var(--shadow-sm)}
.ocard .oc-ico{width:42px;height:42px;border-radius:11px;background:var(--clight);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:11px}
.ocard h3{font-size:14.5px;font-weight:800;margin:0 0 3px;color:var(--c-text)}
.ocard .oc-amt{font-family:'Manrope',sans-serif;font-size:14.5px;font-weight:900;color:var(--c1);margin-bottom:6px}
.ocard p{font-size:12.5px;color:var(--c-muted);line-height:1.55;margin:0}
.slist{margin:14px 0;padding:0}
.srow{display:flex;align-items:flex-start;gap:11px;padding:10px 0;border-bottom:1px solid var(--c-border);font-size:13.5px;color:var(--c-text)}
.srow:last-child{border-bottom:none}
.srow .sn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-size:12px;font-weight:800;flex-shrink:0;margin-top:1px}
.srow .st{flex:1;line-height:1.55}.srow .st strong{color:var(--c-text)}
.tip{background:var(--clight);border:1px solid var(--cborder);border-left:4px solid var(--accent);border-radius:10px;padding:12px 15px;font-size:13px;color:var(--ctxt);margin:14px 0;line-height:1.6}
.mini-cta{background:linear-gradient(135deg,var(--csurf),var(--clight));border:1.5px solid var(--cborder);border-radius:16px;padding:20px}
.mini-cta .mc-h{font-size:13px;font-weight:800;color:var(--ctxt);text-align:center;margin-bottom:14px}
.mini-cta .flow{margin:0 0 14px}
.mini-cta .btn-offer{margin:0 auto}
.mc-note{text-align:center;font-size:11px;color:var(--c-muted);margin-top:8px}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:8px 0 2px}
.tag{display:inline-flex;align-items:center;gap:5px;background:var(--clight);border:1px solid var(--cborder);color:var(--ctxt);font-size:12px;font-weight:600;border-radius:999px;padding:5px 12px}
.checklist{list-style:none;padding:0;margin:12px 0}
.checklist li{position:relative;padding:7px 0 7px 28px;font-size:13.5px;color:var(--c-text);border-bottom:1px solid var(--c-border)}
.checklist li:last-child{border-bottom:none}
.checklist li::before{content:"✓";position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:var(--clight);color:var(--ctxt);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* button links live inside .prose — override .prose a color/underline */
.prose a.bp,.prose a.btn-offer,.prose a.sb-btn,.prose a.auth-btn,.prose a.btn-white{text-decoration:none!important}
.prose a.bp{color:#fff!important}
.prose a.btn-offer{color:#fff!important}
.prose a.btn-offer.white{color:var(--c1)!important}
.prose a.sb-btn.primary{color:var(--c1)!important}
.prose a.sb-btn.ghost{color:#fff!important}

.chero{display:flex;align-items:center;gap:26px;background:linear-gradient(135deg,var(--c1),var(--c2));border-radius:20px;padding:30px 28px;margin:22px 0 26px;color:#fff;overflow:hidden;max-width:100%}
.chero-txt{flex:1;min-width:0;overflow-wrap:anywhere}
.chero .eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.82;margin-bottom:10px}
.chero h1{font-family:'Manrope',sans-serif;font-size:clamp(23px,4.2vw,34px);font-weight:900;line-height:1.1;margin:0 0 10px;color:#fff;letter-spacing:-.01em}
.chero .lead{font-size:15px;line-height:1.6;color:rgba(255,255,255,.92);margin:0 0 18px;max-width:54ch}
.chero-ill{flex-shrink:0;width:200px;max-width:38%}
.chero-ill svg{width:100%;height:auto;display:block}
@media(max-width:640px){.chero{flex-direction:column;text-align:center;padding:26px 20px;gap:16px}.chero-ill{width:150px;max-width:56%;order:-1}.chero .lead{margin-left:auto;margin-right:auto}}
.obtn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--ctxt)!important;font-weight:800;font-size:15px;padding:13px 26px;border-radius:12px;text-decoration:none!important;box-shadow:0 6px 18px rgba(0,0,0,.16);transition:.15s;max-width:100%}
.obtn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.22)}
.obtn.solid{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff!important}
.obtn.solid:hover{filter:brightness(1.06)}
.prose a.obtn{text-decoration:none!important}
.prose a.obtn.solid{color:#fff!important}
.csteps{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap;max-width:100%}
.cstep{flex:1 1 160px;min-width:0;background:var(--csurf);border:1px solid var(--cborder);border-radius:14px;padding:15px 16px 14px}
.cstep .n{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin-bottom:9px}
.cstep b{display:block;font-size:14px;color:var(--c-text);margin-bottom:3px;font-family:'Manrope',sans-serif}
.cstep span{font-size:13px;color:var(--c-muted);line-height:1.5;overflow-wrap:anywhere}
.ccards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:22px 0;max-width:100%}
@media(max-width:720px){.ccards{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ccards{grid-template-columns:1fr}}
.ccard{background:#fff;border:1px solid var(--c-border);border-radius:16px;padding:18px 16px;border-top:3px solid var(--c1);min-width:0}
.ccard .ci{color:var(--c1);margin-bottom:10px}
.ccard .ci svg{width:30px;height:30px;display:block}
.ccard b{display:block;font-size:14.5px;color:var(--c-text);margin-bottom:5px;font-family:'Manrope',sans-serif}
.ccard p{font-size:13px;color:var(--c-muted);margin:0;line-height:1.55;overflow-wrap:anywhere}
.cband{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--clight);border:1px solid var(--cborder);border-radius:16px;padding:20px 22px;margin:28px 0 6px;max-width:100%}
.cband .ct{min-width:0}
.cband .ct b{font-family:'Manrope',sans-serif;font-size:17px;color:var(--ctxt);display:block}
.cband .ct span{font-size:13.5px;color:var(--c-muted);display:block;margin-top:3px}


.faqzone{background:linear-gradient(180deg,transparent,var(--csurf));border-top:1px solid var(--c-border);padding:56px 20px 60px;margin-top:20px}
.faqzone .s-title{margin-bottom:6px}
.faqzone .faq{max-width:760px;margin:22px auto 0}
.faqzone-cta{text-align:center;margin-top:26px}
.nav-links .nl{white-space:nowrap}


/* up-theme:v1 */
:root{--up-accent:var(--accent,var(--c1,#6d28d9));--up-c1:var(--c1,#6d28d9);--up-c2:var(--c2,#4f46e5);--up-light:var(--clight,var(--bg2,#ede9fe));--up-border:var(--cborder,var(--c-border,var(--line,#e2e6f0)));--up-surface:var(--c-card,var(--card,#fff));--up-text:var(--c-text,var(--tx,var(--text,#0f172a)));--up-muted:var(--c-muted,var(--mut,var(--muted,#64748b)))}
/* promo bar */
.up-promo{background:linear-gradient(90deg,var(--up-c2,var(--c2)),var(--up-c1));color:#fff;font-size:13.5px}
.up-promo__in{max-width:1080px;margin:0 auto;padding:7px 18px;display:flex;align-items:center;justify-content:center;gap:8px 14px;flex-wrap:wrap;text-align:center}
.up-promo b{font-weight:800}
.up-promo .up-timer{font-variant-numeric:tabular-nums;font-weight:800;background:rgba(255,255,255,.16);border-radius:999px;padding:2px 9px;font-size:12.5px}
.up-promo a{color:#fff;font-weight:800;border-bottom:1.5px solid rgba(255,255,255,.6);white-space:nowrap}
@media(max-width:560px){.up-promo__tail{display:none}}
/* mega nav */
.up-nav{display:flex;align-items:center;gap:2px}
.up-nav__item{position:relative}
.up-nav__btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;padding:8px 12px;border-radius:8px;font:600 14px/1 'Inter',system-ui,sans-serif;color:var(--up-muted,#64748b)}
.up-nav__btn:hover,.up-nav__item.open .up-nav__btn{color:var(--up-c1);background:var(--up-light)}
.up-nav__chev{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .18s}
.up-nav__item.open .up-nav__chev{transform:rotate(-135deg)}
.up-mega{position:absolute;top:calc(100% + 10px);right:0;left:auto;z-index:120;display:none;background:#fff;border:1px solid var(--up-border);border-radius:16px;box-shadow:0 24px 64px rgba(15,23,42,.18),0 4px 12px rgba(15,23,42,.08);padding:16px;width:max-content;max-width:min(92vw,640px)}
.up-nav__item.open .up-mega{display:block}
.up-mega::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.up-mega__grid{display:flex;gap:22px}
.up-mega__col{min-width:170px}
.up-mega__t{font:800 11px/1 'Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:2px 0 10px;padding:0 8px}
.up-mega a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;color:var(--up-text,#0f172a);font-size:14px;font-weight:500;line-height:1.3}
.up-mega a:hover{background:var(--up-light);color:var(--up-c1)}
.up-mega a i{font-style:normal;flex:0 0 auto}
.up-badge{margin-left:6px;font:800 9.5px/1.3 'Inter';letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;vertical-align:1px}
.up-badge.hot{background:#fee2e2;color:#dc2626}.up-badge.new{background:#dcfce7;color:#16a34a}.up-badge.free{background:#fef3c7;color:#b45309}
.up-mega__feat{background:linear-gradient(180deg,var(--up-light),var(--up-surface,#fff));border:1px solid var(--up-border);border-radius:12px;padding:12px;min-width:190px}
.up-mega__feat .up-off{display:flex;gap:10px;align-items:center;background:var(--up-surface,#fff);border:1px solid var(--up-border);border-radius:10px;padding:9px;margin-bottom:8px}
.up-mega__feat .up-off b{display:block;font:800 13px/1.2 'Manrope';color:var(--up-text,#0f172a)}
.up-mega__feat .up-off em{display:block;font-style:normal;font-size:12px;color:var(--up-muted,#64748b);margin-top:2px}
.up-ico{width:32px;height:32px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--up-c1),var(--up-c2));color:#fff;font:800 11px/1 'Manrope'}
.up-mega__foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--up-border);display:flex;align-items:center;justify-content:space-between;gap:10px}
.up-mega__foot p{margin:0;font-size:12px;color:var(--up-muted,#64748b)}
.up-mega__cta{background:linear-gradient(135deg,var(--up-c1),var(--up-c2));color:#fff!important;padding:8px 14px;border-radius:8px;font-weight:800;font-size:12.5px;white-space:nowrap}
.up-mega__cta{transition:filter .18s ease,box-shadow .18s ease,transform .18s ease}
.up-mega a.up-mega__cta:hover,.up-mega a.up-mega__cta:focus-visible{background:linear-gradient(135deg,var(--up-c1),var(--up-c2))!important;color:#fff!important;filter:brightness(1.07) saturate(1.05);box-shadow:0 8px 18px rgba(15,23,42,.18);transform:translateY(-1px)}
@media(max-width:900px){.up-nav{display:none}}
/* drawer groups */
.up-dgroup{padding:6px 0}
.up-dgroup h5{margin:0;padding:12px 24px 4px;font:800 11px/1 'Manrope';letter-spacing:.08em;text-transform:uppercase;color:#64748b}
/* screenshots + offer */
.up-shots{padding:8px 0 4px}
.up-shotgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.up-shot{border:1px solid var(--up-border);border-radius:14px;overflow:hidden;background:var(--up-surface,#fff);box-shadow:0 6px 20px rgba(15,23,42,.06)}
.up-shot img{display:block;width:100%;height:auto}
.up-shot figcaption{padding:11px 14px;font-size:13px;color:var(--up-muted,#475569);border-top:1px solid var(--up-border)}
.up-offer{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:26px;color:#fff;position:relative;overflow:hidden}
.up-offer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--up-c1),var(--up-c2))}
.up-offer h3{font:900 clamp(19px,3vw,26px)/1.15 'Manrope';margin:0 0 8px}
.up-offer p{margin:0 0 14px;color:#cbd5e1;font-size:14.5px}
.up-offer ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.up-offer li{position:relative;padding-left:24px;font-size:14px;color:#e2e8f0}
.up-offer li::before{content:"✓";position:absolute;left:0;color:#34d399;font-weight:800}
.up-offer .up-fomo{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 12px;font-size:12.5px;margin-bottom:14px}
.up-offer .up-fomo b{color:#fbbf24}
.up-card{background:var(--up-surface,#fff);border-radius:16px;padding:18px;color:var(--up-text,#0f172a);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.up-card__top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.up-card__logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--up-c1),var(--up-c2));color:#fff;font:900 13px/1 'Manrope'}
.up-card__meta b{display:block;font:800 15px/1.1 'Manrope'}
.up-card__meta span{font-size:12.5px;color:var(--up-muted,#64748b)}
.up-stars{color:#f59e0b;letter-spacing:1px}
.up-card__bar{background:var(--up-light);color:var(--up-c1);border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:700;text-align:center;margin-bottom:12px}
.up-card .up-cta{display:block;text-align:center;background:linear-gradient(135deg,var(--up-c1),var(--up-c2));color:#fff!important;font-weight:800;padding:13px;border-radius:11px;font-size:15px}
.up-card .up-cta:hover{filter:brightness(1.08)}
.up-card small{display:block;text-align:center;color:#94a3b8;font-size:11.5px;margin-top:9px}
@media(max-width:720px){.up-offer{grid-template-columns:1fr;padding:20px}}
/* faq category cards */
.up-catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 auto 34px;max-width:900px}
.up-cat{display:block;border:1px solid var(--up-border);border-radius:14px;padding:18px;background:var(--up-surface,#fff);transition:.15s}
.up-cat:hover{border-color:var(--up-c1);box-shadow:0 8px 22px rgba(15,23,42,.08);transform:translateY(-2px)}
.up-cat b{display:flex;align-items:center;gap:8px;font:800 15px/1.2 'Manrope';margin-bottom:6px}
.up-cat p{margin:0;font-size:13px;color:var(--up-muted,#64748b)}
.up-band{max-width:1080px;margin:34px auto;padding:0 20px}

/* Родная плавающая кнопка сайта и наша стояли одна на другой в правом нижнем углу. Обе ведут на /go/, у родной фирменный текст — прячем нашу. */
.fab~.lt-fab,.fab~*>.lt-fab{display:none!important}

.up-dgroup{padding:4px 0}.up-dgroup h5{margin:0;padding:14px 24px 5px;font:800 11px/1 'Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7c8aa5}.drawer-nav .up-dgroup+.up-dgroup{border-top:1px solid rgba(255,255,255,.08)}/*scroll*/.drawer-nav{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;flex:1 1 auto}.drawer,.sf-drawer,.ds-drawer{overflow:hidden}.drawer-head,.sf-dhead,.ds-drawer .dh,.drawer-footer,.sf-dfoot,.ds-drawer .df{flex:0 0 auto}.drawer-nav::-webkit-scrollbar{width:6px}.drawer-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:3px}
@media(max-width:900px){.header-inner>.logo,.sf-in>.sf-logo,.site .wrap.nav>.brand{margin-right:16px!important;min-width:0;padding-right:0}.header-inner{gap:16px}.sf-in{gap:16px}.site .wrap.nav{gap:16px}.header-inner>.nav,.header-inner .nav-actions,.sf-in>.sf-right,.sf-in .sf-act,.site .wrap.nav .ds-actions{flex:0 0 auto;margin-left:auto}.logo-title,.logo-sub,.sf-title,.sf-sub{overflow-wrap:anywhere}}@media(max-width:420px){.header-inner>.logo,.sf-in>.sf-logo,.site .wrap.nav>.brand{margin-right:12px!important}}/* faq categories layout */.faq-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}.faq-quick__item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--c-border,#e2e8f0);border-radius:var(--r,12px);padding:14px 16px;text-decoration:none;color:var(--c-text,#0f172a);box-shadow:var(--shadow-sm,0 1px 3px rgba(15,23,42,.07));transition:.16s}.faq-quick__item:hover{border-color:var(--accent,#0ea5e9);transform:translateY(-2px)}.faq-quick__ic{font-size:21px;line-height:1;flex:none}.faq-quick__item b{display:block;font-family:var(--fh,'Manrope',sans-serif);font-size:14px}.faq-quick__item .small{display:block;font-size:12.5px;color:var(--c-muted,#64748b);margin-top:2px}.faq-quick a.faq-quick__item--go{background:linear-gradient(135deg,var(--c1,#0ea5e9),var(--c2,#0369a1));border-color:transparent;color:#fff}.faq-quick a.faq-quick__item--go .small{color:rgba(255,255,255,.86)}.faq-quick a.faq-quick__item--go:hover,.faq-quick a.faq-quick__item--go:focus-visible{border-color:transparent;filter:brightness(1.07);background:linear-gradient(135deg,var(--c1,#0ea5e9),var(--c2,#0369a1));color:#fff}.faq-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;align-items:start}.faq-menu{position:sticky;top:88px;background:#fff;border:1px solid var(--c-border,#e2e8f0);border-radius:var(--r,12px);padding:14px 12px;box-shadow:var(--shadow-sm,0 1px 3px rgba(15,23,42,.07))}.faq-menu__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted,#64748b);padding:2px 10px 10px}.faq-menu__nav{display:grid;gap:2px}.faq-menu__nav a{display:block;padding:10px 12px;border-left:3px solid transparent;border-radius:0 8px 8px 0;color:var(--c-text,#0f172a);text-decoration:none;font-size:14px;font-weight:600;transition:.15s}.faq-menu__nav a:hover,.faq-menu__nav a:focus-visible{background:var(--csurf,#f1f5f9);color:var(--accent,#0ea5e9)}.faq-menu__nav a[aria-current=page]{background:var(--clight,#eef2f7);border-left-color:var(--accent,#0ea5e9);color:var(--ctxt,var(--c1,#0369a1));font-weight:700}.faq-side{margin-top:14px;padding:14px;background:var(--clight,#eef2f7);border-radius:var(--r,12px);text-align:center}.faq-side b{display:block;font-family:var(--fh,'Manrope',sans-serif);font-size:13.5px;margin-bottom:4px}.faq-side span{display:block;font-size:12px;color:var(--c-muted,#64748b);margin-bottom:11px;line-height:1.5}.faq-side a.faq-side__cta{display:block;background:linear-gradient(135deg,var(--c1,#0ea5e9),var(--c2,#0369a1));color:#fff;text-decoration:none;font-weight:700;font-size:13px;padding:11px 10px;border-radius:8px}.faq-side a.faq-side__cta:hover,.faq-side a.faq-side__cta:focus-visible{filter:brightness(1.08);color:#fff}.faq-content .faq{max-width:none;margin:0}.faq__q{margin:0;font-size:inherit;font-weight:inherit;font-family:inherit;line-height:1.45}.faq-group{font-family:var(--fh,'Manrope',sans-serif);font-size:15px;font-weight:800;margin:26px 0 10px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.faq-group:first-child{margin-top:0}.faq-group a{font-size:13px;font-weight:700;color:var(--accent,#0ea5e9);text-decoration:none;flex:none}.faq-group a:hover,.faq-group a:focus-visible{text-decoration:underline}.faq-intro{color:var(--c-muted,#64748b);font-size:14px;line-height:1.7;margin:0 0 16px}.faq-content .up-band{max-width:none;margin:22px 0 0;padding:0}.faq-content .up-offer{grid-template-columns:1fr}@media(max-width:900px){.faq-layout{grid-template-columns:1fr}.faq-menu{position:static}.faq-menu__nav{grid-template-columns:1fr 1fr}.faq-quick{grid-template-columns:1fr}}
@media(min-width:641px){.header-inner{height:auto;min-height:62px;padding-top:7px;padding-bottom:7px}.header-inner>.logo{flex:0 1 auto;min-width:0}.logo-text{min-width:0;max-width:100%}.logo-title{white-space:normal;overflow-wrap:anywhere;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.logo-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-inner>.nav{flex:0 0 auto;margin-left:auto;min-width:0}.sf-in>.sf-logo{flex:0 1 auto;min-width:0}.sf-title{white-space:normal;overflow-wrap:anywhere;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-in>.sf-right{flex:0 0 auto;margin-left:auto}}
.ph+.wrap>.up-band:first-child,.ph+.wrap>.up-offer:first-child,.ph+.wrap>.faq-quick:first-child,.ph+.wrap>.up-catgrid:first-child{margin-top:0}.ph+.wrap>.prose>*:first-child,.ph+.wrap>*:first-child>h2:first-child{margin-top:0}@media(max-width:640px){.ph{padding-top:28px;padding-bottom:18px}}a[aria-current="page"]{cursor:default;pointer-events:none;text-decoration:none}


/* Кнопки шапки в одну строку. На части обзорников «Войти» и «Регистрация»
   стояли в два этажа и до этой задачи — правило распространяется только на
   десктоп, мобильные фиксы соседней сессии не трогаем. */
@media(min-width:900px){
.head-actions{display:flex;flex-direction:row;align-items:center;gap:8px}
.head-actions__row{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap}
.nav-btns,.nav-actions{flex-wrap:nowrap}
.head-actions__row>a,.nav-btns>a{white-space:nowrap}
/* Название сайта — не выше двух строк, иначе шапка вырастает до 135px.
   Вместе с этим ему дана минимальная ширина: в 100px оно ужималось до
   «Все нейросети…» и теряло смысл.

   ⚠️ Только для шаблона с `.brand__name`. У второго поколения вёрстки
   (`.logo-title`) заголовок изначально `white-space:nowrap` и в четыре строки
   не рвётся, зато подпись под ним обрезается по `text-overflow:ellipsis`.
   Разрешив там перенос, я сузил блок — и подпись начала обрезаться
   («Слайди аи · отмена подписки · возвра…»). Поэтому его не трогаем. */
.brand__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden;white-space:normal;overflow-wrap:anywhere}
.brand__txt{min-width:0}
}
/* Блоку с названием нужна ширина, иначе подпись переносится на пять строк и
   шапка вырастает до 194px. Правило включается только с 1200px: ниже места
   в строке нет, и жёсткая ширина выталкивала бы содержимое за экран
   (замер: +38px по ширине документа на 1100px). */
@media(min-width:1200px){
.header-inner>.logo,.site-head__in>.brand{min-width:300px}
.logo-text,.brand__txt{min-width:250px}
/* Подписи разрешаем перенос только здесь же: на узких экранах блок и так тесен,
   и перенос вместо многоточия растил шапку с 74 до 194px.
   !important — часть шаблонов держит свои правила в <style> внутри <body>,
   то есть ПОСЛЕ моего блока в <head>. */
.logo-sub,.brand__utp{white-space:normal!important;overflow:visible!important;
text-overflow:clip!important}
/* Третье поколение вёрстки: название в шапке идёт `white-space:nowrap` и
   обрезается многоточием, как только строка становится тесной. Правило самого
   сайта, которое это чинит, живёт в мобильной медиа-секции и на десктопе не
   работает — поэтому дублируем его здесь. */
.sf-title{white-space:normal!important;overflow-wrap:anywhere;display:-webkit-box;
-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:clip!important}
}
/* Раздел агента: колонки в ряд, промо — полосой под ними, открывается от
   левого края своего пункта, а не узкой лентой вправо. */
.up-nav__item--agent .up-mega__grid,.nav__item[data-menu="agent"] .mega__in{display:flex;flex-wrap:wrap;gap:18px}
.up-nav__item--agent .up-mega__feat,.nav__item[data-menu="agent"] .mega__col--feat{flex:1 1 100%}
.nav__item[data-menu="agent"]>.mega{left:0!important;right:auto!important;top:100%!important;
margin-top:0!important;width:min(820px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)}
.nav__item[data-menu="agent"] .mega__col,.up-nav__item--agent .up-mega__col{min-width:168px}
/* Три колонки в один ряд. Базовое правило шаблона режет меню по
   max-width:min(92vw,640px) и цепляет его правым краем к пункту — для нашего
   раздела это мало и не с той стороны: пункт стоит первым в строке.

   ⚠️ Панель ОСТАЁТСЯ привязанной к своему пункту. Была попытка привязать её
   к шапке (`position:static`) — тогда между кнопкой и панелью появлялась
   полоса «ничьей» области, курсор по дороге выходил из пункта, срабатывал
   mouseleave и меню закрывалось раньше, чем до него доводили мышь.
   Поэтому: пункт relative, панель вплотную к кнопке (top:100%, без отступа),
   плюс правило :hover — чтобы она не пропадала, даже если скрипт шапки
   успел снять класс .open. */
.up-nav__item--agent,.nav__item[data-menu="agent"]{position:relative}
.up-nav__item--agent>.up-mega{left:0;right:auto;top:100%;margin-top:0;
width:max-content;max-width:min(94vw,620px)}
.up-nav__item--agent:hover>.up-mega,.nav__item[data-menu="agent"]:hover>.mega{display:block}
/* Подпись под названием обрезалась многоточием, когда лишний пункт меню
   отъедал ширину: пусть лучше переносится на вторую строку. */

@media(max-width:1100px){.nav__item[data-menu="agent"]>.mega{width:min(560px,calc(100vw - 24px))!important}
.up-nav__item--agent>.up-mega{max-width:min(94vw,560px)}}
/* Заголовок карточки оффера наследовал белый цвет тёмной секции и оказывался
   белым на белой карточке — замер показал #fff на #fff, текста не было видно. */
.offer__name{color:var(--ink,#0E1116)}
/* ─── Телефон ───────────────────────────────────────────────────────────────
   На 390px блоку с названием доставалось 107px, и оно рассыпалось на шесть
   строк рядом с кнопками. Отдаём ему всю строку, а кнопки с бургером уводим
   на вторую: заголовок читается в одну-две строки, подпись — в одну.
   Замерено в настоящем мобильном вьюпорте (iframe 390px), а не обрезкой
   десктопного рендера: headless-браузер не уменьшает окно ниже ~504px и
   поэтому раньше показывал ложную «обрезку». */
@media(max-width:640px){
.header-inner,.site-head__in,.hdr__in{flex-wrap:nowrap;row-gap:8px}
.header-inner>.logo,.site-head__in>.brand,.sf-in>.sf-brand{flex:1 1 auto;min-width:0}
.header-inner>nav.nav,.site-head__in>nav.nav{flex:1 1 100%;order:5;justify-content:flex-start}
.logo-title,.brand__name,.sf-title,.logo-sub,.brand__utp,.sf-sub{white-space:normal!important;
overflow:visible!important;text-overflow:clip!important}
}


.up-mega{max-height:min(78vh,660px);overflow-y:auto;overscroll-behavior:contain}
@media(max-height:800px){.up-mega{max-height:72vh}}
@media(max-height:640px){.up-mega{max-height:66vh}}
.up-mega::-webkit-scrollbar{width:8px}
.up-mega::-webkit-scrollbar-thumb{background:rgba(15,23,42,.2);border-radius:4px}
.up-mega::-webkit-scrollbar-track{background:transparent}
.up-mega__feat{align-self:flex-start}


/* Заголовок в шапке: усечение задаётся ПОЛНЫМ набором свойств.
   Полусостояние (-webkit-line-clamp без overflow:hidden) обрезает коробку,
   но не содержимое: лишние строки ложатся поверх подписи под ними.

   !important здесь вынужденный: у этих сайтов сосуществуют три поколения
   правил, и все они объявлены через !important. Без него наш блок
   проигрывает даже стоя последним. Выравнивание строки шапки не трогаем —
   в редакции v1 это прижимало содержимое к верхнему краю. */
.brand__name,.logo-title,.sf-title{
display:-webkit-box!important;-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;overflow:hidden!important;
white-space:normal!important;text-overflow:ellipsis;
overflow-wrap:anywhere;min-width:0}
@media(max-width:760px){.brand__name,.logo-title,.sf-title{
-webkit-line-clamp:3!important}}
.brand__txt,.logo-text{min-width:0;overflow:hidden}
.brand__utp,.logo-sub,.sf-sub{display:block!important;white-space:normal!important}
/* Липкая шапка на десктопе: у широкой двухрядной шапки она съедает верх
   экрана при каждом скролле. На мобильном оставляем — там шапка низкая. */
@media(min-width:761px){header,.site-head,.header,.hdr{
position:static!important;top:auto!important}}

/* Заголовок в шапке не обрезаем. Клэмп (-webkit-line-clamp) остался включён, а более поздние блоки вернули overflow:visible — в итоге браузер рисовал «…» и всё равно печатал лишнюю строку поверх подписи. Клэмп снимаем, заголовок показываем целиком; чтобы шапка не росла, на средних ширинах логотипу дано больше места и чуть меньший кегль. */.logo-title,.brand__name,.sf-title{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}@media(min-width:981px) and (max-width:1180px){.header-inner>.logo{max-width:min(46%,430px)}.logo-title{font-size:13.5px!important;line-height:1.25!important}}

.lt-site-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;border:0!important;border-radius:8px;color:#6e3ae0!important;background:transparent!important;box-shadow:none!important;font-weight:700;text-decoration:none;white-space:nowrap}
.lt-site-link:hover{color:#5024b5!important;background:rgba(110,58,224,.09)!important;transform:none!important;filter:none!important}
.lt-site-link:focus-visible{outline:3px solid rgba(110,58,224,.28);outline-offset:3px}
@media(min-width:901px){header,.site-head,.header{z-index:10000!important;overflow:visible!important}.mega,.up-mega{z-index:10001!important;max-height:calc(100dvh - 58px);overflow-y:auto;overscroll-behavior:contain}}
.lt-foot{max-width:1080px;margin:18px auto 0;padding:18px 20px;border-top:1px solid rgba(148,163,184,.28)}
.lt-foot__title{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:inherit}
.lt-foot__links{display:flex;flex-wrap:wrap;gap:8px 18px}
.lt-foot__links a{color:inherit!important;text-decoration:underline;text-decoration-color:rgba(148,163,184,.5);text-underline-offset:3px}
.lt-context{max-width:1080px;margin:20px auto;padding:16px 20px;border-left:3px solid #ffd600;background:rgba(148,163,184,.08);font-size:15px;line-height:1.65}
.lt-context a{font-weight:700}
@media(max-width:900px){.lt-site-link{width:100%;margin:6px 0}.lt-foot__links{display:grid;grid-template-columns:1fr 1fr}.lt-context{margin:14px 16px}}
@media(max-width:520px){.lt-foot__links{grid-template-columns:1fr}}

.book-filters{padding:16px;margin:12px 0;border:1px solid #d8e0ed;border-radius:12px;background:#f8faff}.book-filter-row{display:flex;gap:12px;flex-wrap:wrap}.book-filter-row>label{display:flex;flex-direction:column;gap:6px;flex:1 1 170px;font-size:13px;color:#475569}.book-filter-row select{width:100%;max-width:100%;height:42px;background:#fff;border:1px solid #bdc9db;border-radius:8px;padding:8px;font:inherit;color:#243b53}.book-filter-details{margin-top:12px}.book-filter-details summary{cursor:pointer;font-size:14px;color:#244ac5;margin-bottom:10px}.book-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13px}.book-filter-actions label{display:flex;align-items:center;gap:8px}.book-filter-actions button{border:0;background:none;color:#244ac5;cursor:pointer;padding:8px}.book-more{display:block;margin:20px auto;padding:12px 24px;border:1px solid #244ac5;border-radius:8px;background:#fff;color:#244ac5;cursor:pointer}.catalog-books [hidden],[data-book-catalog] [hidden]{display:none!important}@media(max-width:600px){.book-filters{padding:12px}.book-filter-row>label{flex:1 1 120px;min-width:0}.book-filter-details .book-filter-row>label{flex-basis:100%}.gdz-content .ph{padding:18px 0}.gdz-content .ph h1{font-size:25px;line-height:1.2}.gdz-content .ph .lead{font-size:14px}.catalog-book{padding:12px}.catalog-book img{width:64px!important;height:auto!important;max-height:100px;object-fit:contain}}

/* Кнопка видна всегда. `data-cover` — атрибут прежней версии: если он
   остался в разметке, правило ниже его обезвреживает. */
.lt-fab,.fab{opacity:1!important;pointer-events:auto!important;transform:none!important}
/* Место под кнопку в конце страницы: иначе она закрывает последние
   строки подвала. Только там, где кнопка вообще показывается. */
@media(max-width:900px){body{padding-bottom:76px}}

.up-footcol a{display:block;padding:3px 0}
/*hdr:v1 эталон syntx*/.logo>*:first-child{flex:0 0 auto}@media(max-width:640px){.header-inner{flex-wrap:nowrap;height:auto;min-height:56px;align-items:flex-start;gap:12px}.logo{flex:1 1 auto;min-width:0;max-width:none;gap:8px;align-items:flex-start!important}.logo-title{overflow-wrap:anywhere}.logo>*:first-child{align-self:flex-start}.nav-actions{flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto}.nav-btns{display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-wrap:nowrap}.nav-btns>a{white-space:nowrap}.burger{display:flex;align-self:flex-end;padding:6px}.logo-sub{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}}@media(max-width:640px){.header-inner>.logo{flex:1 1 60%!important}.logo-title{font-size:13px!important;line-height:1.25!important}.logo-sub{font-size:10.5px!important;line-height:1.3!important}}@media(max-width:430px){.nav-btns>a{padding:6px 9px!important;font-size:10.5px!important}.burger{padding:4px!important}.header-inner>.logo{flex:1 1 66%!important}.logo-title{font-size:12px!important;line-height:1.24!important}.logo-sub{font-size:10px!important}}@media(max-width:899.98px){header,.site-head,.header{position:static!important;top:auto!important}}@media(min-width:641px){.nav-actions{flex-direction:row!important;align-items:center!important}.burger{align-self:auto!important}.header-inner>.logo{flex:0 1 auto;min-width:0}.logo-text{min-width:0;max-width:100%}.logo-title{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}.logo-sub{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.header-inner>.logo{margin-right:24px}.header-inner>nav.nav{flex:0 0 auto;margin-left:auto;min-width:0}}.up-nav__btn,.up-nav__item>a{white-space:nowrap}@media(max-width:900px){.header-inner .up-nav,.header-inner .up-nav__item{display:none!important}}@media(min-width:641px) and (max-width:899.98px){.burger{display:flex!important}}@media(max-width:640px){.hero,.hero-sec,section.hero{padding-top:18px!important}}@media(min-width:900px){.header-inner .up-nav__item{position:relative!important}.header-inner .up-nav__item>.up-mega{left:0!important;right:auto!important;top:calc(100% + 10px)!important;width:max-content!important;max-width:min(92vw,640px)!important}.header-inner .up-nav__item:nth-last-child(-n+2)>.up-mega{left:auto!important;right:0!important}}@media(min-width:900px){.header-inner>nav.nav{position:relative}.header-inner>nav.nav>.up-nav__item--agent{position:static}.header-inner>nav.nav>.up-nav__item--agent>.up-mega{left:auto!important;right:0!important;top:100%!important;max-width:min(680px,calc(100vw - 32px))!important}.header-inner>nav.nav>.up-nav__item--agent>.up-mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}}@media(max-width:899.98px){.btn-login{display:inline-flex!important;padding:6px 11px;font-size:11px}}
@media(max-width:1099.98px){.header-inner .up-nav,.header-inner .up-nav__item{display:none!important}.header .burger{display:flex!important}.header-inner{flex-wrap:nowrap!important}.header-inner>.logo{flex:0 1 auto!important;min-width:0!important}.header-inner>nav.nav{flex:0 0 auto!important;margin-left:auto!important;position:static!important}.header-inner>nav.nav>.nav-actions{position:static!important;margin:0!important}}@media(min-width:1100px){.header .burger{display:none!important}.header-inner{flex-wrap:nowrap!important}}
.up-nav__item.open::after,.up-nav__item:hover::after,.nav__item.open::after,.nav__item:hover::after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:16px;z-index:119}.up-nav__item,.nav__item{position:relative}

/* Десктоп: логотип и кнопки сверху, меню — отдельной полосой во всю ширину. */
@media(min-width:1100px){
  header,.header,.site-head{overflow-x:clip;overflow-y:visible;
    position:relative!important;z-index:10000!important}
  .header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;height:auto!important;align-items:center!important;
    padding:6px 20px 0!important;column-gap:24px!important}
  .header-inner>.logo{grid-column:1!important;grid-row:1!important;margin:0!important;
    max-width:min(620px,100%)!important}
  .header-inner>nav.nav{display:contents!important}
  .header-inner .nav-actions{grid-column:2!important;grid-row:1!important;margin:0!important;
    justify-self:end!important;align-self:center!important}
  .header-inner .up-nav{grid-column:1 / -1!important;grid-row:2!important;width:auto!important;
    justify-content:flex-start!important;
    min-height:48px!important;align-items:center!important;
    margin:0 calc(50% - 50vw)!important;
    padding:0 calc(50vw - 50%)!important;
    background:var(--csurf,var(--clight,var(--accent-bg,#f4f6fb)))!important;
    border-top:1px solid var(--c-border,var(--line,rgba(127,127,127,.16)))!important}
  .header-inner .logo-title{white-space:normal!important;overflow-wrap:normal!important}
  .header-inner,.header-inner>nav.nav{overflow:visible!important}
  .header-inner .mega,.header-inner .up-mega{z-index:10001!important}
}

/* Центрируем пиктограмму внутри кнопки меню. */
header .burger,header .sf-burger,header .ds-burger{align-items:center!important;justify-content:center!important}


@media(min-width:900px){
  .mega,.up-mega{max-height:var(--mega-max,none);overflow-y:auto;overscroll-behavior:contain}
}


@media(min-width:900px){
.up-nav__item:not(.up-nav__item--agent)>.up-mega:has(>.up-mega__grid>:nth-child(4)),
.header-inner .up-nav__item:not(.up-nav__item--agent)>.up-mega:has(>.up-mega__grid>:nth-child(4)),
.nav__item:not([data-menu="agent"])>.mega:has(>.mega__grid>:nth-child(4)),
.header-inner .nav__item:not([data-menu="agent"])>.mega:has(>.mega__grid>:nth-child(4)){
  width:min(94vw,940px)!important;max-width:min(94vw,940px)!important}
.up-nav__item:not(.up-nav__item--agent)>.up-mega:has(>.up-mega__grid>:nth-child(3)):not(:has(>.up-mega__grid>:nth-child(4))),
.header-inner .up-nav__item:not(.up-nav__item--agent)>.up-mega:has(>.up-mega__grid>:nth-child(3)):not(:has(>.up-mega__grid>:nth-child(4))){
  width:min(92vw,640px)!important}
.up-nav__item:not(.up-nav__item--agent)>.up-mega:has(>.up-mega__grid>:nth-child(3)),
.nav__item:not([data-menu="agent"])>.mega:has(>.mega__grid>:nth-child(3)){overflow-x:hidden!important}
.up-nav__item:not(.up-nav__item--agent)>.up-mega:has(>.up-mega__grid>:nth-child(3))>.up-mega__grid,
.nav__item:not([data-menu="agent"])>.mega:has(>.mega__grid>:nth-child(3))>.mega__grid{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(168px,1fr))!important;
  gap:16px 22px!important;align-items:start}
.up-nav__item:not(.up-nav__item--agent)>.up-mega:has(>.up-mega__grid>:nth-child(3)) .up-mega__col,
.up-nav__item:not(.up-nav__item--agent)>.up-mega:has(>.up-mega__grid>:nth-child(3)) .up-mega__feat,
.nav__item:not([data-menu="agent"])>.mega:has(>.mega__grid>:nth-child(3)) .mega__col{min-width:0!important}
}


/* Выпадающая панель тонула под первым экраном: у шапки backdrop-filter — это
   свой слой, а position:static держит его ниже любого позиционированного
   блока страницы. relative + top:auto = та же раскладка, что static
   (шапка НЕ становится липкой), но слой у неё снова свой. */
@media(min-width:900px){
  header,.header,.site-head,header.site{position:relative!important;top:auto!important;z-index:300!important}
}

.gdz-content .wrap{max-width:1080px;margin:auto;padding:0 20px}.gdz-content .ph{padding:38px 0 26px}.gdz-content .ph h1{max-width:900px}.gdz-content .ph .lead{max-width:820px;margin:18px 0 24px}.gdz-section{margin:32px 0}.gdz-section>h2{margin-bottom:20px}.gdz-section p{margin:12px 0}.gdz-section ul,.gdz-section ol{padding-left:24px}.gdz-section li{margin:10px 0}.gdz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gdz-card{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:14px;align-items:start;padding:22px;background:white;border:1px solid var(--c-border);border-radius:var(--r)}.gdz-card h3{font-size:17px;margin:0 0 8px}.gdz-card p{font-size:13px;color:var(--c-muted);margin:0}.gdz-card:hover,.gdz-card:focus-visible{border-color:var(--c1);box-shadow:var(--shadow-md)}.gdz-card-icon{font-size:24px;color:var(--c1)}.gdz-example,.gdz-practice{background:white;border:1px solid var(--c-border);border-radius:var(--r);padding:28px;margin:18px 0}.gdz-label{font-size:12px;color:var(--c-muted)}.gdz-example h3{font-size:22px;line-height:1.4}.gdz-result{padding:14px;border-radius:8px;background:var(--clight)}.gdz-practice label{display:block;margin:15px 0;font-weight:600}.gdz-practice input{display:block;max-width:320px;width:100%;margin-top:8px;padding:12px;border:1px solid var(--c-border);border-radius:8px;font:inherit}.gdz-practice button{border:0;cursor:pointer;padding:12px 18px;border-radius:8px;background:var(--c1);color:white;font:600 14px Inter,system-ui}.gdz-practice [data-feedback]{min-height:24px}.gdz-practice details{margin-top:20px}.gdz-practice summary{cursor:pointer}.gdz-content .cta-block{padding:28px;background:var(--clight);border-radius:var(--r)}.gdz-content .cta-block .btn-cta,.gdz-content .ph .btn-cta{display:inline-block;padding:12px 20px;border-radius:8px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:700}.header .logo-icon img{display:block}.up-mega__feat{align-self:start}.burger{align-items:center!important;justify-content:center!important}.drawer-close{display:flex;align-items:center;justify-content:center}.drawer-nav{min-height:0;overflow-y:auto;flex:1 1 auto}.drawer-head,.drawer-footer{flex:0 0 auto}.up-promo__in{justify-content:center;gap:24px}.up-promo__in a{white-space:nowrap}.up-nav__btn{white-space:nowrap}.faq-layout{margin:28px 0}.gdz-content a:focus-visible,header a:focus-visible,button:focus-visible{outline:3px solid var(--c1);outline-offset:4px}@media(max-width:900px){.gdz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gdz-content .ph{padding:25px 0}.up-promo__in{flex-wrap:wrap;gap:6px 15px}}@media(max-width:600px){.gdz-grid{grid-template-columns:1fr}.gdz-example,.gdz-practice{padding:20px}.gdz-content .wrap{padding:0 16px}.gdz-content .ph h1{font-size:30px}.gdz-card{padding:20px}.gdz-content .cta-block{padding:22px}.gdz-section{margin:25px 0}}
/* Keep each panel aligned with the network content container. */
@media(min-width:1100px){.header-inner{position:relative!important}.header-inner .up-nav{position:static!important}.header-inner .up-nav .up-nav__item:nth-child(n){position:static!important}.header-inner .up-nav .up-nav__item:nth-child(n)>.up-mega{left:0!important;right:auto!important;top:100%!important}}
.gdz-content .crumbs{padding:14px 0 0}.gdz-content .crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.gdz-content .crumbs li+li:before{content:"/";margin-right:8px;color:var(--c-muted)}
/* Balanced spacing around the brand row; preserve the separate full-width menu band. */
.up-promo .up-promo__in{padding-top:10px;padding-bottom:10px}
@media(min-width:1100px){.header .header-inner{padding-top:16px!important;row-gap:16px!important}}
@media(max-width:1099.98px){.header .header-inner{padding-top:14px!important;padding-bottom:14px!important}}
/* The donor CTA uses white text on a dark background; this block has a light background. */
.gdz-content .cta-block,.gdz-content .cta-block h2{color:#0f172a}
.gdz-content .cta-block p{color:#475569;opacity:1;margin:12px auto 24px;max-width:620px}
@media(min-width:1100px){.header-inner .up-nav{align-items:stretch!important}.header-inner .up-nav__item{display:flex;align-items:center}}
:root{--c1:#2563eb;--c2:#1e40af;--clight:#eff6ff;--csurf:#eff6ff;--cborder:#eff6ff;--ctxt:#1e40af;--accent:#2563eb;--accent2:#1e40af}
.catalog-grades,.catalog-subjects,.catalog-numbers{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 32px}.catalog-grades a,.catalog-numbers a{display:grid;place-items:center;min-width:48px;min-height:48px;border:1px solid var(--c-border);border-radius:10px;background:white;font-weight:700}.catalog-subjects a{padding:12px 18px;background:white;border:1px solid var(--c-border);border-radius:10px}.catalog-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.catalog-book{display:grid;grid-template-columns:95px minmax(0,1fr);gap:18px;align-items:start;padding:22px;background:white;border:1px solid var(--c-border);border-radius:14px}.catalog-book img{object-fit:contain;height:130px;max-width:95px}.catalog-book h3{font-size:17px;line-height:1.4;margin:0 0 12px}.catalog-book p{font-size:13px;line-height:1.55;margin:4px 0;color:#475569}.catalog-book .catalog-unavailable{margin-top:14px;color:#64748b}.catalog-ready{display:inline-block;margin-top:14px;color:var(--c1);font-weight:700}.catalog-book-symbol{height:130px;background:var(--clight);color:var(--c1);border-radius:7px;display:grid;place-items:center;font-size:52px}.catalog-search{display:block;font-weight:700;margin:25px 0 12px}.catalog-search input,.school-tool input{display:block;width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:9px;background:white;font:inherit;margin-top:8px}.catalog-book-detail{display:flex;gap:28px;padding:24px;background:white;border:1px solid var(--c-border);border-radius:14px;margin:24px 0}.catalog-book-detail img{object-fit:contain;align-self:start}.catalog-book-detail dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 20px}.catalog-book-detail dt{color:#64748b}.catalog-book-detail dd{margin:0}.catalog-answer{padding:26px;background:white;border:2px solid var(--c1);border-radius:14px;margin:28px 0}.catalog-table{overflow-x:auto}.catalog-table table{width:100%;border-collapse:collapse}.catalog-table th,.catalog-table td{padding:14px;border:1px solid #cbd5e1;text-align:left}.catalog-table caption{text-align:left;margin:14px 0}.catalog-table th{background:var(--clight)}.gdz-content h2{margin:28px 0 18px}.gdz-content section ol{padding-left:24px}.gdz-content section li{margin:14px 0}.school-tool{padding:28px;background:white;border:1px solid #cbd5e1;border-radius:14px}.school-tool label{display:block;margin:14px 0}.school-tool button{padding:13px 20px;border:0;border-radius:9px;background:var(--c1);color:white;font:700 15px system-ui;cursor:pointer}.school-tool output{display:block;margin:20px 0;font-size:20px;font-weight:700}.school-tool .tool-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-book[hidden]{display:none!important}@media(max-width:700px){.catalog-books{grid-template-columns:1fr}.catalog-book{padding:18px;grid-template-columns:75px minmax(0,1fr);gap:14px}.catalog-book img{max-width:75px}.catalog-book-detail{gap:15px;padding:18px;flex-wrap:wrap}.catalog-book-detail dl{grid-template-columns:1fr;gap:5px}.catalog-book-detail dd{margin-bottom:10px}.catalog-answer{padding:16px}.school-tool{padding:20px}.school-tool .tool-fields{grid-template-columns:1fr}.catalog-table th,.catalog-table td{padding:10px}}
.school-tool select{display:block;width:100%;max-width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:9px;background:white;font:inherit;margin-top:8px;color:#0f172a}.school-tool input:focus-visible,.school-tool select:focus-visible{outline:3px solid var(--c1);outline-offset:2px}
.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}.catalog-side{position:sticky;top:20px;padding:14px;background:#253149;color:#fff;border-radius:14px}.catalog-side-title{padding:6px 10px 12px;font-size:18px;font-weight:800}.catalog-side details{border-top:1px solid rgba(255,255,255,.1)}.catalog-side summary{cursor:pointer;list-style:none;padding:10px;font-weight:700}.catalog-side summary::-webkit-details-marker{display:none}.catalog-side summary:after{content:'⌄';float:right}.catalog-side details a,.catalog-side>a{display:block;color:#e7eefb;text-decoration:none;padding:6px 10px 8px;font-size:14px}.catalog-side details a:hover,.catalog-side>a:hover{text-decoration:underline}.catalog-side .catalog-side-photo{margin:14px 0 6px;padding:12px 10px;background:#0f9f94;border-radius:9px;font-weight:700}.catalog-main{min-width:0}@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.catalog-side{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:0 8px}.catalog-side-title,.catalog-side-photo{grid-column:1/-1}.catalog-side details{border:0}.catalog-side details a{padding-left:18px}}

/* Network header: one geometry on home, catalog, FAQ and assignment pages. */
header.header{width:100%;max-width:none;margin:0;padding:0;display:block;box-sizing:border-box;background:rgba(255,255,255,.97);border-bottom:1px solid #e2e8f0;color:#0f172a;font:15px/1.5 Inter,system-ui,sans-serif;position:relative;z-index:10000;overflow-x:clip;overflow-y:visible}
header.header *{box-sizing:border-box}
header.header .header-inner{max-width:1080px!important;margin:0 auto!important}
header.header .logo{align-items:center!important;gap:10px!important;text-decoration:none!important}
header.header .logo-icon{display:flex!important;width:40px!important;height:40px!important;flex:0 0 40px!important;align-items:center;justify-content:center;background:transparent!important;box-shadow:none!important}
header.header .logo-icon img{display:block!important;width:40px!important;height:40px!important;object-fit:contain!important}
header.header .logo-text{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
header.header .logo-title{font:700 15px/1.25 Inter,system-ui,sans-serif!important;color:#0f172a!important;letter-spacing:normal!important}
header.header .logo-sub{font:500 12px/1.35 Inter,system-ui,sans-serif!important;color:#64748b!important;letter-spacing:normal!important}
header.header .nav-btns{display:flex!important;gap:6px!important;align-items:center!important}
header.header .btn-login,header.header .btn-cta{font:600 13px/1.5 Inter,system-ui,sans-serif!important;padding:8px 16px!important;white-space:nowrap!important;border-radius:8px!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important}
header.header .btn-login{color:#0f172a!important;background:#fff!important;border:1px solid #dbe3ef!important}
header.header .btn-cta{color:#fff!important;background:linear-gradient(135deg,var(--c1),var(--c2))!important;border:1px solid transparent!important}
header.header .up-nav__btn{font:600 14px/1.5 Inter,system-ui,sans-serif!important}
header.header .burger{align-items:center!important;justify-content:center!important}
.up-promo.up-promo{font:500 13px/1.5 Inter,system-ui,sans-serif;background:linear-gradient(110deg,var(--c2),var(--c1));color:white}
.up-promo .up-promo__in{max-width:1080px!important;margin:auto!important;padding:10px 20px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px 24px!important}
.up-promo .up-promo__in a{font-weight:700;color:white}
@media(min-width:1100px){
 header.header .header-inner{padding:6px 20px 0!important;row-gap:0!important;grid-template-rows:minmax(48px,auto) 48px!important}
 header.header .header-inner .up-nav{height:48px!important;min-height:48px!important;align-items:stretch!important}
 header.header .header-inner .up-nav__item{display:flex!important;align-items:center!important}
}
@media(max-width:1099.98px){
 header.header .header-inner{padding:12px 20px!important;gap:12px!important;align-items:center!important}
 header.header .logo-title{font-size:14px!important}
 header.header .logo-sub{font-size:11px!important}
}
@media(max-width:640px){
 header.header .header-inner{padding:10px 16px!important;align-items:flex-start!important;gap:10px!important}
 header.header .header-inner>.logo{flex:1 1 auto!important;min-width:0!important;max-width:none!important;align-items:flex-start!important}
 header.header .logo-icon,header.header .logo-icon img{width:32px!important;height:32px!important;flex-basis:32px!important}
 header.header .logo-title{font-size:12px!important;line-height:1.3!important;overflow-wrap:normal!important}
 header.header .logo-sub{font-size:10px!important;line-height:1.3!important}
 header.header .nav-actions{flex:0 0 auto!important;gap:8px!important}
 header.header .btn-login,header.header .btn-cta{font-size:11px!important;padding:6px 9px!important;min-height:30px!important}
 header.header .burger{width:36px!important;height:32px!important;padding:6px!important}
 .up-promo .up-promo__in{flex-wrap:wrap!important;padding:8px 16px!important;gap:3px 12px!important;font-size:11px!important;text-align:center}
}


/* compact-header-copy:20260907 */
/* GDZ header: wide brand row, full-width menu band and quiet breadcrumbs. */
body .up-promo .up-promo__in {
  max-width: 1200px;
  box-sizing: border-box;
  min-height: 46px;
  padding: 9px 20px;
  font-size: 16px;
  line-height: 1.5;
}
body header.header { background: #fff; border-bottom: 1px solid var(--c-border,#dce3ef); }
body header.header .header-inner {
  box-sizing: border-box;
  max-width: 1200px !important;
  width: 100%;
  margin: 0 auto;
  padding: 10px 20px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 24px !important;
  row-gap: 10px !important;
}
body header.header .header-inner > .logo {
  grid-column: 1 !important;
  grid-row: 1 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex;
  gap: 12px;
  align-items: center !important;
}
body header.header .logo-icon,
body header.header .logo-icon img,
body header.header .logo-icon svg {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px;
  align-self: center;
}
body header.header .logo-text { min-width: 0; gap: 5px; }
body header.header .logo-title { font-size: 20px !important; line-height: 1.25 !important; }
body header.header .logo-sub { font-size: 16px !important; line-height: 1.35 !important; color: #71819c; }
body header.header .header-inner > nav.nav { display: contents !important; }
body header.header .nav-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
}
body header.header .nav-btns { display: flex; align-items: center; gap: 10px; }
body header.header .nav-btns > a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 14px 20px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}
body header.header .nav-btns > .btn-cta { color: #fff; }
body header.header .header-inner .up-nav {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  background: transparent !important;
}
body header.header .up-nav__btn { padding: 14px 15px; font-size: 17px; line-height: 1.25; }
body header.header .header-inner .up-nav__item > .up-mega { z-index: 10001 !important; }
.gdz-breadcrumb-band { background: #fff; border-bottom: 1px solid #e4e9f1; }
.gdz-breadcrumb-band > nav {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #15243b;
}
.gdz-breadcrumb-band ol { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 0; margin: 0; list-style: none; }
.gdz-breadcrumb-band li { display: flex; gap: 12px; align-items: baseline; min-width: 0; overflow-wrap: anywhere; }
.gdz-breadcrumb-band li + li::before { content: "›"; color: #a3b4cc; }
.gdz-breadcrumb-band a { color: #596b87; text-decoration: none; }
.gdz-breadcrumb-band a:hover { text-decoration: underline; }
.gdz-breadcrumb-band a:focus-visible { outline: 2px solid #6c94d2; outline-offset: 3px; }
@media (min-width: 1100px) {
  body header.header { background: linear-gradient(var(--up-light,var(--clight,#edf2ff)),var(--up-light,var(--clight,#edf2ff))) 0 100% / 100% 50px no-repeat, #fff; }
  body header.header .header-inner .up-nav { display: flex !important; }
  body header.header .header-inner .up-nav .up-nav__item { display: flex !important; align-items: center; }
  body header.header .burger { display: none !important; }
}
@media (max-width: 1200px) and (min-width: 1100px) {
  body header.header .logo-title { font-size: 18px !important; }
  body header.header .logo-sub { font-size: 14px !important; }
  body header.header .nav-btns > a { min-height: 48px; padding: 11px 15px; font-size: 16px; }
}
@media (max-width: 1099px) {
  body .up-promo .up-promo__in { min-height: 38px; padding: 7px 16px; font-size: 13px; gap: 4px 12px; }
  body header.header .header-inner { grid-template-rows: auto !important; padding: 12px 16px !important; gap: 12px !important; }
  body header.header .header-inner .up-nav { display: none !important; }
  body header.header .burger { display: flex !important; width: 44px; height: 44px; }
  body header.header .nav-btns { display: none !important; }
  body header.header .logo-title { font-size: 17px !important; }
  body header.header .logo-sub { font-size: 13px !important; }
  body header.header .logo-icon,
  body header.header .logo-icon img,
  body header.header .logo-icon svg { width: 42px !important; height: 42px !important; flex-basis: 42px; }
  .gdz-breadcrumb-band > nav { padding: 14px 16px; font-size: 14px; }
}
@media (max-width: 380px) {
  body header.header .logo-title { font-size: 15px !important; }
  body header.header .logo-sub { font-size: 12px !important; }
  body header.header .header-inner > .logo { gap: 8px; }
}

/* section-navigation:20260907 */
.catalog-all-books{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid var(--c1,#2563eb);border-radius:10px;background:var(--c1,#2563eb);color:#fff!important;font-weight:700;text-decoration:none!important;gap:8px}
.catalog-all-books:hover{filter:brightness(.92)}.catalog-all-books:focus-visible,.book-number-grid a:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.book-number-grid{display:flex!important;flex-wrap:wrap;gap:8px;padding:0!important;list-style:none!important;margin:18px 0 28px!important}.book-number-grid li{margin:0!important;padding:0!important}.book-number-grid a{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;text-decoration:none;color:#1d4ed8;font-weight:600}.book-number-grid a:hover{background:#eff6ff}.book-task-index section{scroll-margin-top:24px}.book-task-index h3{margin-top:28px}

/* book-card-wrap:20260907 */
body .catalog-book>div{min-width:0}body .catalog-book h3,body .catalog-book h3 a{overflow-wrap:anywhere}

.mini-body .x-nav{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;margin:0 0 20px;border-bottom:1px solid #ddd}
.mini-body .x-nav a{padding:8px 12px;border-radius:8px;background:#f1f4f8;color:#193857;text-decoration:none}
.mini-body .x-tools{max-width:1120px;margin:0 auto;padding:25px 20px 50px;color:var(--ctxt,#222)}
.mini-body .x-tools h1{font-size:clamp(26px,4vw,42px);line-height:1.2;margin:14px 0}
.mini-body .x-tools h2{font-size:24px;margin:30px 0 16px}
.mini-body .x-tools p{line-height:1.7}
.mini-body .x-lead{max-width:850px}
.mini-body .x-form{padding:24px;border:1px solid #d2dbe5;background:#f8fafc;border-radius:14px;margin:24px 0;color:#172b42}
.mini-body .x-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}
.mini-body .x-form label{display:flex;flex-direction:column;gap:7px;font-weight:600;min-width:0}
.mini-body .x-form input,.mini-body .x-form select,.mini-body .x-form textarea,.mini-body .x-search{font:inherit;line-height:1.45;background:#fff;color:#172b42;border:1px solid #8594a6;border-radius:7px;width:100%;padding:11px;box-sizing:border-box;min-width:0}
.mini-body .x-form textarea{min-height:160px;resize:vertical}
.mini-body .x-form button{font:inherit;background:#174679;color:white;border:0;border-radius:8px;padding:12px 20px;margin:20px 0 10px;cursor:pointer}
.mini-body .x-form output{display:block;font-size:21px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0;font-weight:700}
.mini-body .x-form pre{font:16px/1.6 monospace;overflow:auto;background:white;padding:16px;max-width:100%;border:1px solid #d5dde7}
.mini-body .x-form li{margin:8px 0;line-height:1.6}
.mini-body .x-form canvas{max-width:100%;height:auto;border:1px solid #ccc;background:white}
.mini-body .x-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:14px}
.mini-body .x-card{display:block;padding:18px;border:1px solid #d4dce6;border-radius:10px;text-decoration:none;color:inherit;background:white}
.mini-body .x-card strong{color:#174679;display:block;font-size:19px;margin-bottom:8px}
.mini-body .x-card p{font-size:14px;margin:0;color:#425369}
.mini-body .x-table{overflow:auto;max-width:100%;margin:22px 0;border:1px solid #d4dce6;border-radius:8px}
.mini-body .x-table table{border-collapse:collapse;width:100%;background:white;color:#172b42}
.mini-body .x-table td,.mini-body .x-table th{padding:11px 14px;border:1px solid #d4dce6;text-align:left;line-height:1.5}
.mini-body .x-table th{background:#eaf0f7;position:sticky;top:0}
.mini-body .x-example{border-left:4px solid #396b9b;padding:12px 20px;background:#f2f6fb;color:#172b42}
.mini-body .x-form [hidden],.mini-body .x-card[hidden]{display:none!important}
.mini-body .x-form :focus-visible,.mini-body .x-nav a:focus-visible,.mini-body .x-card:focus-visible{outline:3px solid #c47d1b;outline-offset:3px}
.mini-body .x-search{margin:10px 0 22px}
@media (max-width:520px){.mini-body .x-tools{padding:15px 12px 35px}
.mini-body .x-form{padding:15px}
.mini-body .x-fields{grid-template-columns:1fr}}
.mini-body *{box-sizing:border-box}
.mini-body{margin:0;background:#f4f6fa;color:#17304b;font:16px/1.55 system-ui,sans-serif}
.mini-body a{color:var(--accent);text-decoration:none}
.mini-body a:hover{text-decoration:underline}
.mini-body a:focus-visible,.mini-body summary:focus-visible,.mini-body input:focus-visible{outline:3px solid #f4b942;outline-offset:4px}
.mini-body header{background:#fff;border-bottom:1px solid #dce3ed}
.mini-body header>div{max-width:1240px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mini-body nav{display:flex;gap:24px;align-items:center}
.mini-body .brand{font-size:22px;font-weight:750;color:#17304b}
.mini-body .layout{max-width:1240px;margin:28px auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;padding:0 24px}
.mini-body aside details{background:white;border:1px solid #dce3ed;border-radius:14px;padding:16px}
.mini-body summary{cursor:pointer;font-weight:650}
.mini-body aside a{display:block;padding:7px 0}
.mini-body h1{font-size:clamp(27px,3.3vw,40px);line-height:1.2;margin:12px 0 18px}
.mini-body h2{font-size:25px;margin:32px 0 16px}
.mini-body .hero,.mini-body .bookdetail{background:white;border:1px solid #dce3ed;border-radius:18px;padding:28px}
.mini-body .hero p{max-width:650px}
.mini-body .cta{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;background:var(--accent);color:white;border-radius:9px;font-size:15px;font-weight:650;line-height:1.3}
.mini-body .cta:hover{filter:brightness(.92);text-decoration:none}
.mini-body .hint{font-size:13px;color:#60748a;margin:8px 0 0}
.mini-body .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mini-body .book{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;background:white;border:1px solid #dce3ed;border-radius:14px;padding:20px}
.mini-body .book img{width:72px;height:104px;object-fit:contain;object-position:top}
.mini-body .book h3{font-size:17px;line-height:1.35;margin:0 0 10px}
.mini-body .book p{margin:8px 0 14px;color:#60748a;font-size:14px}
.mini-body .book .cta{grid-column:1/-1;justify-self:start}
.mini-body .tiles{display:flex;gap:10px;flex-wrap:wrap}
.mini-body .tile{background:#fff;border:1px solid #dce3ed;padding:10px 16px;border-radius:9px}
.mini-body .bookdetail img{float:left;width:100px;height:140px;object-fit:contain;margin:0 24px 18px 0}
.mini-body input{font:inherit;border:1px solid #bccbdc;border-radius:9px;padding:12px;width:100%;margin-bottom:18px}
.mini-body footer{max-width:1240px;margin:32px auto;padding:24px;color:#60748a;font-size:14px}
.mini-body .empty{padding:16px;background:#fff;border-radius:12px}
.mini-body [hidden]{display:none!important}
@media (max-width:700px){.mini-body header>div{padding:14px 16px;flex-wrap:wrap;gap:12px}
.mini-body nav{gap:16px;font-size:14px;flex-wrap:wrap}
.mini-body .layout{display:flex;flex-direction:column;padding:0 16px;margin:16px auto;gap:18px}
.mini-body aside details{padding:12px 16px}
.mini-body aside .classes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mini-body aside a{font-size:14px}
.mini-body .hero,.mini-body .bookdetail{padding:20px}
.mini-body .grid{grid-template-columns:1fr}
.mini-body .book{padding:16px}
.mini-body .cta{max-width:100%}
.mini-body h2{font-size:22px}
.mini-body .bookdetail img{width:76px;height:110px;margin-right:16px}}
.mini-body{scroll-behavior:smooth}
.mini-body .subtitle{font-size:13px;color:#60748a;display:block}
.mini-body .brand{line-height:1.3}
.mini-body .classes{margin-top:12px}
.mini-body .classes a{display:flex;justify-content:space-between}
.mini-body .classes small{font-size:11px;color:#60748a}
.mini-body aside .subject-nav{border-top:1px solid #dce3ed;padding-top:12px;margin-top:12px}
.mini-body .crumbs{font-size:13px;color:#60748a;margin-bottom:18px}
.mini-body .hero{background:linear-gradient(130deg,#fff 20%,var(--tint,#eef3ff));padding:32px}
.mini-body .hero .eyebrow{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700}
.mini-body .hero .cta{margin-top:8px}
.mini-body .book{align-content:start;grid-template-rows:auto 1fr auto}
.mini-body .book dl{font-size:13px;margin:0;line-height:1.6}
.mini-body .book dt,.mini-body .book dd{display:inline;margin:0}
.mini-body .book dt{color:#60748a}
.mini-body .book dd:after{content:"";display:block}
.mini-body .book .cta{justify-self:stretch;align-self:end;text-align:center}
.mini-body .book .meta{min-width:0}
.mini-body .book h3{margin-top:0}
.mini-body .filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:18px;background:#fff;border:1px solid #dce3ed;border-radius:14px;margin-bottom:24px}
.mini-body .filters label{font-size:13px}
.mini-body .filters input,.mini-body .filters select{margin:6px 0 0}
.mini-body .filters button{justify-self:start}
.mini-body .toolbox{padding:24px;border:1px solid #dce3ed;background:#fff;border-radius:16px;margin:24px 0}
.mini-body .toolbox label{display:block;font-size:14px;margin-bottom:12px}
.mini-body .toolbox input,.mini-body .toolbox textarea,.mini-body .toolbox select{width:100%;margin-top:5px;margin-bottom:0}
.mini-body .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mini-body select,.mini-body textarea,.mini-body button{font:inherit}
.mini-body select,.mini-body textarea{border:1px solid #bccbdc;border-radius:9px;padding:10px;background:#fff;max-width:100%}
.mini-body textarea{min-height:110px;resize:vertical}
.mini-body button{cursor:pointer;border:1px solid #ccd6e5;border-radius:9px;padding:10px 16px;background:#fff;color:#17304b;min-height:44px}
.mini-body button.cta{border:0}
.mini-body output,.mini-body [data-preview]{display:block;background:#f2f6fc;border-radius:10px;padding:16px;margin-top:16px;white-space:pre-wrap;overflow-wrap:anywhere}
.mini-body output:empty{display:none}
.mini-body .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mini-body .steps-grid article{background:#fff;border:1px solid #dce3ed;border-radius:14px;padding:18px}
.mini-body .steps-grid h3{font-size:17px;margin:4px 0 10px}
.mini-body .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mini-body .tool-grid a{display:block;background:white;border:1px solid #dce3ed;border-radius:14px;padding:20px}
.mini-body .tool-grid p{font-size:14px;color:#60748a;margin-bottom:0}
.mini-body .bookdetail:after{content:"";display:table;clear:both}
.mini-body .bookdetail dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;font-size:14px}
.mini-body .bookdetail dt{color:#60748a}
.mini-body .bookdetail dd{margin:0}
.mini-body [data-canvas]{max-width:100%;max-height:560px;height:auto;object-fit:contain;background:#eee;margin:12px 0}
.mini-body nav a{white-space:nowrap}
.mini-body footer{border-top:1px solid #dce3ed}
.mini-body footer a{margin-right:16px}
.mini-body .reason{font-size:14px;color:#60748a}
.mini-body .book h3 a{color:#17304b}
@media (max-width:1000px){.mini-body header>div{gap:12px}
.mini-body nav{gap:14px;font-size:14px}
.mini-body .layout{grid-template-columns:170px minmax(0,1fr);gap:20px}
.mini-body .grid{grid-template-columns:1fr}
.mini-body .steps-grid{grid-template-columns:1fr}}
@media (max-width:700px){.mini-body .layout{display:flex}
.mini-body .filters{grid-template-columns:1fr}
.mini-body .fields{grid-template-columns:1fr}
.mini-body .tool-grid{grid-template-columns:1fr}
.mini-body .hero{padding:22px}
.mini-body .bookdetail dl{grid-template-columns:1fr;gap:0}
.mini-body .bookdetail dd{margin-bottom:10px}
.mini-body .classes a{display:block}
.mini-body header>div{display:block}
.mini-body header nav{margin-top:14px}
.mini-body .book{grid-template-columns:62px minmax(0,1fr);gap:12px}
.mini-body .book img{width:62px;height:90px}}
/* Full network header above; mini content uses the same catalogue columns. */
.mini-shell{max-width:1500px;margin:30px auto 60px;padding:0 24px;display:grid;grid-template-columns:200px minmax(0,1fr) 190px;gap:26px;align-items:start}
.mini-body{min-width:0;background:transparent;font:16px/1.6 Inter,system-ui,sans-serif;color:#17304b}
.mini-body p{margin:12px 0 20px}.mini-body .mini-hero{padding:0 0 20px!important;background:none;border:0;border-radius:0}
.mini-body .mini-hero h1{font-size:clamp(28px,2.6vw,38px);line-height:1.2;margin:0 0 20px;max-width:none}
.mini-body .mini-hero>p{max-width:850px;color:#60748a;font-size:17px}
.mini-body .book{grid-template-rows:auto auto;gap:16px;padding:20px}
.mini-body .book .cta{grid-column:2;min-height:48px;width:100%}
.mini-body .book h3 a{color:#17304b}.mini-body .book h3 a:hover{color:var(--accent)}
.mini-body .steps-grid{gap:12px}.mini-body .steps-grid article{padding:16px}.mini-body .steps-grid h3{font-size:16px}
.catalog-side{top:20px;background:#253149;padding:12px;border-radius:14px}
.catalog-side details{background:transparent;box-shadow:none;border:0;border-radius:0;padding:0;color:#fff}
.catalog-side summary{color:#fff}.catalog-side summary:after{color:#b8c9e4}
.catalog-side details[open]>summary:after{content:'−'}.catalog-side details:not([open])>summary:after{content:'⌄'}
.catalog-side .mini-sidebar{border:0}.catalog-side .catalog-side-title{font-size:17px;padding:8px 8px 14px;list-style:none}
.catalog-side .grade-group{border-top:1px solid #ffffff1a}.catalog-side .grade-group summary{padding:10px 8px;font-size:15px}
.catalog-side .mini-sidebar>div>a{display:block;padding:10px 8px;color:#e7eefb;font-size:14px}
.catalog-side .grade-group a{font-size:13px;padding:7px 8px 7px 18px;line-height:1.4}
.catalog-side .catalog-side-photo{background:var(--accent);margin:14px 0 4px;border-radius:8px;font-weight:700}
.mini-rail{position:sticky;top:20px}.rail-card{background:linear-gradient(150deg,var(--tint),#fff);border:1px solid #dce3ed;border-radius:14px;padding:18px}
.rail-icon{font-size:30px}.mini-rail h2{font-size:19px;line-height:1.35;margin:12px 0}.mini-rail p{color:#60748a;font-size:14px;line-height:1.6;margin:12px 0 20px}
.mini-rail a{display:block;background:var(--accent);color:white;padding:12px 8px;text-align:center;border-radius:9px;font-weight:700;font-size:14px}.mini-rail small{display:block;color:#60748a;margin-top:12px;font-size:11px;line-height:1.5}
.drawer{z-index:10003!important}.drawer-overlay{z-index:10002!important}.drawer[ inert]{visibility:hidden}.drawer.open{visibility:visible}
.drawer-nav{overflow-y:auto}.drawer-close{cursor:pointer}.mini-body input,.mini-body select{min-width:0}
footer .foot-inner{max-width:1500px}footer .foot-col a{font-size:13px}
@media(max-width:1250px){.mini-shell{grid-template-columns:180px minmax(0,1fr);gap:24px}.mini-rail{display:none}}
@media(min-width:1100px){.catalog-side .mini-sidebar>summary{cursor:default}.catalog-side .mini-sidebar>summary:after{display:none}}
@media(max-width:1099px){.mini-shell{margin-top:24px;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:0 20px}.mini-body .book{padding:16px;grid-template-columns:60px minmax(0,1fr);gap:12px}.mini-body .book img{width:60px;height:90px}.mini-body .book .cta{grid-column:1/-1}.mini-body .steps-grid{grid-template-columns:1fr}.catalog-side{display:block}}
@media(max-width:760px){.mini-shell{display:flex;flex-direction:column;gap:24px;margin:18px auto 36px;padding:0 16px}.catalog-side{width:100%;position:static;padding:10px 14px}.catalog-side .catalog-side-title{padding:4px;font-size:16px}.catalog-side .mini-sidebar>div{padding-top:10px}.mini-body{width:100%}.mini-body .grid{grid-template-columns:1fr}.mini-body .mini-hero h1{font-size:28px}.mini-body .mini-hero>p{font-size:16px}.mini-body .book{grid-template-columns:72px minmax(0,1fr);padding:18px}.mini-body .book img{width:72px;height:104px}.mini-body .book .cta{grid-column:2}.mini-body .filters{grid-template-columns:1fr}footer .foot-top{flex-direction:column}}
@media(max-width:380px){.mini-body .book .cta{grid-column:1/-1}.mini-body .mini-hero h1{font-size:26px}}

/* Match the light, compact study navigation used by the full GDZ sites. */
.mini-shell{max-width:1280px;margin:24px auto 44px;grid-template-columns:190px minmax(0,1fr) 180px;gap:20px}
.catalog-side{background:#fff;color:#20324d;border:1px solid #dce3ed;border-radius:12px;padding:0;overflow:hidden;position:static}
.catalog-side details,.catalog-side summary{color:#20324d}
.catalog-side .catalog-side-title{padding:14px!important;font-size:14px;font-weight:650;line-height:1.5}
.catalog-side .grade-group{border-top:1px solid #dce3ed}
.catalog-side .grade-group summary{padding:10px 14px;min-height:42px;font-size:13px;line-height:1.6;font-weight:500;gap:8px}
.catalog-side .grade-group summary:after{font-size:15px;color:#65758a}
.catalog-side .grade-group[open]>summary{background:var(--tint);color:var(--accent)}
.catalog-side .grade-group a{color:#425774;background:#fff;padding:8px 14px 8px 20px;font-size:12px;line-height:1.5}
.catalog-side .grade-group a:hover,.catalog-side .grade-group a[aria-current]{background:var(--tint);color:var(--accent)}
.catalog-side .mini-sidebar>div>a{padding:10px 14px;color:#425774;font-size:13px;border-top:1px solid #edf1f6}
.catalog-side .mini-sidebar>div>.catalog-side-photo{background:var(--tint);color:var(--accent);margin:0;border-radius:0}
.catalog-side .grade-label{flex:1}.catalog-side .book-count{background:#edf1f7;color:#526580;font-size:10px;line-height:1.5;border-radius:4px;padding:2px 5px;min-width:20px;text-align:center;font-weight:400}
.catalog-side :is(a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.mini-body .mini-hero{padding-bottom:4px!important}.mini-body .mini-hero h1{font-size:clamp(26px,2.3vw,32px);margin:0 0 16px}
.mini-body .mini-hero>p{font-size:15px;line-height:1.6;margin:10px 0 16px}.mini-body .mini-hero>.hint{font-size:12px;margin:8px 0 12px}
.mini-body h2{font-size:22px;margin:24px 0 14px}.mini-body .steps-grid article{padding:14px}.mini-body .steps-grid h3{font-size:14px;line-height:1.45;margin:0 0 8px}.mini-body .steps-grid p{font-size:13px;line-height:1.6;margin:0}
.rail-card{background:#fff;padding:16px}.mini-rail h2{font-size:17px}.mini-rail p{font-size:13px;margin-bottom:14px}
@media(max-width:1250px){.mini-shell{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){.mini-shell{display:flex;margin-top:16px;gap:18px}.catalog-side{padding:0}.catalog-side .mini-sidebar>div{padding-top:0}.mini-body .mini-hero h1{font-size:26px}}

.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;font-size:13px}.catalog-pagination button:disabled{opacity:.45;cursor:default}.mini-body .photo-entry h2{margin-top:0}.mini-body .photo-entry .cta{margin:4px 0 8px}@media(max-width:420px){.catalog-pagination{flex-wrap:wrap}.catalog-pagination [data-page-status]{order:3;width:100%;text-align:center}}

.lead-options{display:flex;flex-wrap:wrap;gap:10px}.lead-options .cta+ .cta{background:#fff;color:var(--accent);border:1px solid var(--accent)}.mini-body .lead-entry h2{font-size:22px}.mini-body .lead-entry p{font-size:15px}.mini-body .lead-entry .hint{font-size:12px}

.solution-reader [data-reader-images] img{display:block;max-width:100%;height:auto;margin:18px auto}.solution-reader select{width:100%;text-overflow:ellipsis}.solution-reader [data-reader-text]{white-space:pre-wrap;font-size:14px}.reader-navigation{display:flex;justify-content:space-between;gap:10px;margin:20px 0}.reader-help{padding:16px;background:var(--tint);border-radius:12px}.mini-body .reader-help h3{font-size:18px;margin:0}.reader-help p{font-size:14px}.solution-reader button:disabled{opacity:.45}.solution-reader label{font-size:13px}.mini-body ol{padding-left:22px}

.mini-body .book-directory{display:block;max-width:100%;margin-top:28px}.book-directory .tiles{min-width:0}.mini-body .book-directory .tile{max-width:100%;overflow-wrap:anywhere;font-size:13px;padding:10px 12px}

.drawer[inert]{display:none!important}

.mini-body .book-directory .tile{white-space:normal!important;min-width:0;word-break:normal;overflow-wrap:anywhere}

/* Catalogue fields: labels above controls, consistent sizing at every width. */
.mini-body .filters {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(110px, .75fr) minmax(0, 1.3fr);
  align-items: end;
  gap: 16px;
  padding: 20px;
}
.mini-body .filters > label {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}
.mini-body .filters input,
.mini-body .filters select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 48px;
  min-height: 48px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #c5d2e6;
  border-radius: 10px;
  background-color: #fff;
  color: #17304b;
  font: inherit;
}
.mini-body .filters > button {
  grid-column: 1 / -1;
  justify-self: start;
  min-height: 48px;
  margin: 0;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.4;
}
@media (min-width: 761px) and (max-width: 1100px) {
  .mini-body .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mini-body .filters > label:first-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .mini-body .filters { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; }
  .mini-body .filters > button { justify-self: stretch; width: 100%; }
}

/* GDZ mini footer: aligned content width and compact grade navigation. */
footer:has(.foot-inner){padding:36px 24px 24px}
footer .foot-inner{width:100%;max-width:1232px;margin-inline:auto}
footer .foot-top{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;margin-bottom:24px;align-items:start}
footer .foot-brand{max-width:230px;min-width:0}
footer .foot-brand .logo{font-size:20px;line-height:1.4}
footer .foot-brand p{margin:10px 0 0;line-height:1.7}
footer .foot-cols{display:grid;grid-template-columns:1.15fr 1fr 1.3fr;gap:28px;min-width:0}
footer .foot-col{min-width:0}
footer .foot-col h4{margin:0 0 12px;line-height:1.5}
footer .foot-col a{margin:0;padding:5px 0;font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
footer .foot-col:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;align-content:start}
footer .foot-col:first-child h4,footer .foot-col:first-child a:first-of-type{grid-column:1/-1}
footer .foot-bottom{padding-top:18px;line-height:1.7}
@media(max-width:1000px){footer .foot-top{grid-template-columns:1fr;gap:26px}footer .foot-brand{max-width:420px}footer .foot-cols{grid-template-columns:1.15fr 1fr 1.3fr}}
@media(max-width:600px){footer:has(.foot-inner){padding:28px 16px 22px}footer .foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}footer .foot-col:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;align-content:start}footer .foot-col:last-child h4{grid-column:1/-1}footer .foot-col a{padding-block:8px;min-height:36px}footer .foot-top{gap:24px}footer .foot-bottom{font-size:12px}}

.mini-body .tool-search{display:block;font-weight:600;margin:16px 0}.mini-body .imported-tool>.wrap{padding:0}.mini-body .x-form{margin:0;padding:20px;background:#fff;border:1px solid #dce3ed;border-radius:12px}.mini-body .x-fields,.mini-body .tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini-body .x-form label,.mini-body .school-tool label{display:block;min-width:0;font-size:14px}.mini-body .x-form input,.mini-body .x-form select{width:100%;min-width:0}.mini-body .x-form button{background:var(--accent);color:#fff}.mini-body .x-form pre{overflow:auto;max-width:100%}.mini-body .school-tool input{margin-bottom:0}.mini-body [data-mini-tool]{white-space:normal}.mini-body .imported-tool canvas{max-width:100%}.mini-body .imported-tool h2{margin-top:24px}@media(max-width:600px){.mini-body .x-fields,.mini-body .tool-fields{grid-template-columns:1fr}}

.mini-body .tool-categories{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.mini-body .tool-categories a{padding:8px 12px;border:1px solid #d7e0ee;border-radius:8px;background:white;font-size:13px}.mini-body [data-tool-section]{scroll-margin-top:120px}
/* mini-site-brand:20260909 */
:root,html body{--accent:#3155ca!important;--c1:#3155ca!important;--c2:#3155ca!important;--logo-c1:#3155ca!important;--logo-c2:#3155ca!important;--up-accent:#3155ca!important;--up-c1:#3155ca!important;--up-c2:#3155ca!important;--catalog-accent:#3155ca!important;--tint:#eef3ff!important;--clight:#eef3ff!important;--up-light:#eef3ff!important;--logo-clight:#eef3ff!important;--csurf:#eef3ff!important;--accent2:#243f97!important;--ctxt:#243f97!important;--logo-ctxt:#243f97!important;--cborder:#d6dff5!important;--up-border:#d6dff5!important;--cbg:#f5f7fd!important;}
html body header.header .nav-btns>a.btn-cta{background:var(--accent)!important;background-image:none!important;border-color:var(--accent)!important;color:#fff!important}
/* mini-site-brand:end */

/* Subject totals: aligned right, with room for multiline subject names. */
.catalog-side .grade-group > a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}
.catalog-side .grade-group > a > span:not(.book-count){min-width:0;overflow-wrap:break-word}
.catalog-side .grade-group > a > .book-count{flex:0 0 auto;margin-left:auto;min-width:28px;box-sizing:border-box;font-variant-numeric:tabular-nums;white-space:nowrap}
/* service-footer:20260909 */
.gsvc-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:30px 0;border-top:1px solid #dce3ed;margin-top:28px}.gsvc-footer h4{font-size:14px;margin:0 0 14px}.gsvc-footer a{display:block;font-size:14px;line-height:1.5;margin:0 0 9px;color:inherit;text-decoration:none;overflow-wrap:anywhere}.gsvc-footer a:hover{text-decoration:underline}.gsvc-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:760px){.gsvc-footer{grid-template-columns:1fr 1fr;gap:22px}}@media(max-width:360px){.gsvc-footer{gap:14px}.gsvc-footer a{font-size:13px}}
/* catalog-actions:20260909 */
.mini-body .book .book-actions{grid-column:1/-1;display:flex;align-items:stretch;gap:10px;width:100%;margin-top:18px;min-width:0}
.mini-body .book .book-actions>a{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 12px;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:normal}
@media(max-width:650px){.mini-body .book .book-actions{flex-direction:column}.mini-body .book .book-actions>a{flex:0 0 auto;width:100%}}