/* Страница «Для школ», 14.10.2026. Всё внутри .gl */
.gl{background-color:var(--paper); color:var(--ink); background-image:linear-gradient(rgba(168,84,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(168,84,15,.06) 1px,transparent 1px); background-size:26px 26px; font:18px/1.6 var(--f-body)}
.gl b,.gl strong{color:inherit}
.gl p{max-width:none}
.gl h1,.gl h2,.gl h3,.gl h4{color:inherit}
.gl :focus-visible{outline:3px solid var(--gold); outline-offset:3px}
.gl{
  --night:#1c2257; --night-2:#2c3580; --night-line:#4553a6; --star:#fff6df; --star-muted:#c3c6e6;
  --paper:#fbf6ea; --paper-2:#f3ead6; --paper-line:#e3cfa6; --card:#fffdf7;
  --ink:#2a2114; --ink-muted:#6a5a42;
  --gold:#f5b73c; --gold-deep:#a8540f; --gold-ink:#2a1d05; --soon:#8a7a5c;
  --f-display:"Playfair Display", Georgia, "Times New Roman", serif;
  --f-body:"PT Serif", Georgia, "Times New Roman", serif;
  --f-ui:"PT Sans", "Segoe UI", Arial, sans-serif;
  
}
.gl .wrap{max-width:1100px; margin:0 auto; padding-inline:20px}
.gl h1,.gl h2,.gl h3,.gl h4{font-family:var(--f-display); text-wrap:balance; line-height:1.15; margin:0}
.gl p{margin:0}
.gl .lab{font:700 15.5px/1.25 var(--f-ui); letter-spacing:.16em; text-transform:uppercase; color:var(--gold-deep)}
.gl .gbtn{display:inline-flex; align-items:center; gap:8px; font:700 16px/1 var(--f-ui); padding:15px 22px; border-radius:999px; text-decoration:none; border:1.5px solid transparent; cursor:pointer}
.gl .gbtn.main{background:var(--gold); color:var(--gold-ink); box-shadow:0 6px 22px rgba(245,183,60,.45)}
.gl .gbtn.line{border-color:var(--paper-line); color:var(--ink); background:var(--card)}
.gl .gbtn.lineD{border-color:rgba(255,246,223,.5); color:var(--star)}
.gl .sec{padding-block:clamp(52px,7vw,88px)}
.gl .head{display:grid; gap:12px; max-width:760px; margin-bottom:30px}
.gl .head h2{font-size:clamp(28px,4vw,42px)}
.gl .head p{font-size:19px; color:var(--ink-muted)}
.gl .ghero{background:radial-gradient(110% 120% at 85% 0%, #36409a 0%, var(--night) 55%); color:var(--star)}
.gl .ghero .wrap{display:grid; grid-template-columns:1.2fr .8fr; gap:36px; align-items:center; padding-block:64px 70px}
.gl .ghero .lab{color:var(--gold)}
.gl .ghero h1{font-size:clamp(34px,5vw,56px); margin:14px 0 16px; color:var(--star)}
.gl .ghero h1 em{color:var(--gold)}
.gl .ghero p{font-size:19px; color:var(--star-muted); max-width:56ch}
.gl .ghero p b{color:var(--star)}
.gl .ghero .acts{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px}
.gl .nums{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.gl .nums div{background:rgba(44,53,128,.7); border:1px solid var(--night-line); border-radius:16px; padding:16px}
.gl .nums b{display:block; font:800 40px/1 var(--f-display); color:var(--gold); font-variant-numeric:tabular-nums}
.gl .nums span{font:15px/1.35 var(--f-ui); color:var(--star-muted)}
@media (max-width:860px){.gl .ghero .wrap{grid-template-columns:1fr}}
.gl .areas{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:14px}
.gl .area{background:var(--card); border:1.5px solid var(--paper-line); border-radius:16px; overflow:hidden; display:grid; grid-template-rows:auto 1fr; min-width:0}
.gl .area .pic{aspect-ratio:16/9; background:var(--paper-2); overflow:hidden}
.gl .area .pic img{width:100%; height:100%; object-fit:cover; display:block}
.gl .area .body{padding:14px 16px 16px; display:grid; gap:6px; align-content:start}
.gl .area h3{font-size:20px}
.gl .area p{font-size:15.5px; color:var(--ink-muted); line-height:1.5}
.gl .rules{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:12px; margin-top:24px}
.gl .rules div{background:var(--night); color:var(--star); border-radius:14px; padding:16px 18px; display:grid; gap:4px}
.gl .rules b{font:700 18px/1.3 var(--f-display); color:var(--gold)}
.gl .rules span{font:15px/1.45 var(--f-ui); color:var(--star-muted)}
.gl .cat{display:grid; gap:10px}
.gl .cat details{background:var(--card); border:1.5px solid var(--paper-line); border-radius:14px; overflow:hidden}
.gl .cat summary{cursor:pointer; list-style:none; display:flex; align-items:center; gap:14px; padding:14px 18px; font:700 19px/1.3 var(--f-display)}
.gl .cat summary::-webkit-details-marker{display:none}
.gl .cat summary .n{flex:none; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:var(--night); color:var(--gold); font:800 14px/1 var(--f-ui)}
.gl .cat summary .cnt{margin-left:auto; font:700 13px/1 var(--f-ui); color:var(--ink-muted); white-space:nowrap}
.gl .cat summary::after{content:"+"; font:700 22px/1 var(--f-ui); color:var(--gold-deep); width:18px; text-align:center}
.gl .cat details[open] summary::after{content:"−"}
.gl .cat ul{list-style:none; margin:0; padding:4px 18px 16px 66px; display:grid; gap:8px}
.gl .cat li{display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-items:baseline; border-top:1px dashed var(--paper-line); padding-top:8px}
.gl .cat li b{font:700 16.5px/1.35 var(--f-ui)}
.gl .cat li .cl{font:700 13px/1 var(--f-ui); color:var(--gold-deep); white-space:nowrap; font-variant-numeric:tabular-nums}
.gl .cat li p{grid-column:1/-1; font-size:15.5px; color:var(--ink-muted); line-height:1.45}
.gl .cat li.soon b,.gl .cat li.soon .cl{color:var(--soon)}
.gl .cat li.soon b::after{content:" · скоро"; font-weight:400}
@media (max-width:600px){.gl .cat ul{padding-left:18px}}
.gl .fmt{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:14px}
.gl .f{background:var(--card); border:1.5px solid var(--paper-line); border-radius:18px; padding:20px; display:grid; gap:10px; align-content:start; min-width:0}
.gl .f .tag{justify-self:start; font:700 12px/1 var(--f-ui); padding:6px 10px; border-radius:999px; background:var(--night); color:var(--gold)}
.gl .f .tag.free{background:var(--gold); color:var(--gold-ink)}
.gl .f h3{font-size:23px}
.gl .f p{font-size:16px; color:var(--ink-muted); line-height:1.5}
.gl .f ul{margin:0; padding-left:20px; display:grid; gap:5px; font-size:15.5px}
.gl .embed{display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center}
.gl .flow{display:grid; gap:10px}
.gl .flow div{display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:start; background:var(--card); border:1.5px solid var(--paper-line); border-radius:14px; padding:14px}
.gl .flow i{width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--night); color:var(--gold); font:800 16px/1 var(--f-ui); font-style:normal}
.gl .flow b{font:700 17px/1.3 var(--f-display)}
.gl .flow span{display:block; font:15px/1.45 var(--f-ui); color:var(--ink-muted)}
.gl .screen{border-radius:16px; overflow:hidden; border:1.5px solid var(--paper-line); background:#fff; box-shadow:0 18px 40px rgba(120,90,35,.22)}
.gl .screen .bar{display:flex; gap:6px; align-items:center; padding:9px 12px; background:var(--paper-2); font:13px/1 var(--f-ui); color:var(--ink-muted)}
.gl .screen .bar i{width:10px; height:10px; border-radius:50%; background:var(--paper-line)}
.gl .screen .bar span{margin-left:8px; background:#fff; border-radius:6px; padding:5px 10px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.gl .screen .in{display:grid; grid-template-columns:120px 1fr; min-height:220px}
.gl .screen .side{background:#eef1f8; padding:12px; display:grid; gap:8px; align-content:start; font:13px/1.3 var(--f-ui); color:#4f5a78}
.gl .screen .side div{background:#fff; border-radius:6px; padding:6px 8px}
.gl .screen .side div.on{background:#dfe5f6; font-weight:700}
.gl .screen .frame{padding:12px; display:grid}
.gl .screen .frame img{width:100%; border-radius:10px; border:2px dashed var(--gold)}
.gl .screen .frame small{font:12px/1.3 var(--f-ui); color:var(--gold-deep); margin-top:6px; text-align:center}
@media (max-width:860px){.gl .embed{grid-template-columns:1fr}}
.gl .gsteps{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; counter-reset:s}
.gl .gsteps div{background:var(--card); border:1.5px solid var(--paper-line); border-radius:14px; padding:16px; display:grid; gap:6px; align-content:start}
.gl .gsteps div::before{counter-increment:s; content:counter(s); width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--gold); color:var(--gold-ink); font:800 15px/1 var(--f-ui)}
.gl .gsteps b{font:700 18px/1.3 var(--f-display)}
.gl .gsteps span{font:15px/1.45 var(--f-ui); color:var(--ink-muted)}
@media (max-width:860px){.gl .gsteps{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}}
.gl .contact{background:var(--night); color:var(--star); border-radius:24px; padding:clamp(24px,4vw,44px); display:grid; grid-template-columns:1.2fr 1fr; gap:24px; align-items:center}
.gl .contact h2{font-size:clamp(28px,3.8vw,40px); color:var(--star)}
.gl .contact p{color:var(--star-muted); margin-top:10px}
.gl .contact .acts{display:grid; gap:10px; justify-items:start}
.gl .contact .mail{font:700 17px/1.3 var(--f-ui); color:var(--star); user-select:all}
@media (max-width:820px){.gl .contact{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){}
/* 15.10: «Закажи свой тренажёр по теме» */
.gl .zakaz-ds{margin-top:22px; display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; background:#fffdf7; border:2px dashed var(--gold-deep); border-radius:18px; padding:18px 22px; color:var(--ink)}
.gl .zakaz-ds img{width:96px; height:96px; border-radius:50%; object-fit:cover; border:2px solid var(--gold)}
.gl .zakaz-ds h3{font-size:clamp(20px,2.4vw,26px); margin:6px 0 4px; color:var(--ink)}
.gl .zakaz-ds p{font-size:16.5px; color:var(--ink-muted)}
@media (max-width:700px){.gl .zakaz-ds{grid-template-columns:auto 1fr}.gl .zakaz-ds .gbtn{grid-column:1 / -1; justify-content:center}}