*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--text);text-underline-offset:.2em;text-decoration-thickness:1px;text-decoration-color:rgba(0,0,0,.3)}
a:hover{color:var(--text);text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.08;margin:0 0 .55em;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,5.4vw,4.1rem)}
h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15}
h3{font-size:1.15rem;line-height:1.25;letter-spacing:-.01em}
p{margin:0 0 1em}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.center{text-align:center}
.muted{color:var(--text-muted)}
.small{font-size:.875rem}
.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text-muted);line-height:1.5}
.plain{list-style:none;margin:0;padding:0}
.plain li{margin:.35em 0}
.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:14px}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:8px;background:var(--bg);padding:8px 12px;z-index:100}
.section{padding-top:80px;padding-bottom:80px}
.section-alt{background:var(--bg-alt)}
.section-dark{background:var(--bg-dark);color:var(--text-on-dark)}
.section-dark h2,.section-dark h3{color:var(--text-on-dark)}
.section-dark .muted,.section-dark .eyebrow{color:var(--muted-on-dark)}
.section-dark a{color:var(--text-on-dark)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.section-head h2{margin:0}

/* announcement bar */
.announce{background:#fff;border-bottom:1px solid var(--border);font-size:.85rem;text-align:center;padding:8px 16px;position:relative;z-index:11}
.announce a{margin-left:6px}

/* header */
.site-header{background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(10px);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);transition:background .2s,border-color .2s,color .2s}
.header-inner{display:flex;align-items:center;gap:28px;min-height:68px}
.logo{font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:-.02em;color:var(--text);text-decoration:none;white-space:nowrap}
.logo::before{content:"";display:inline-block;width:1.3em;height:1.2em;background:url(/static/img/krok-mark.svg) center/contain no-repeat;margin-right:.4em;vertical-align:-.28em}
.main-nav{display:flex;gap:24px;flex:1;overflow-x:auto;scrollbar-width:none}
.main-nav a{color:inherit;text-decoration:none;font-size:.93rem;white-space:nowrap;opacity:.85}
.main-nav a:hover{opacity:1;color:inherit}
.site-header .header-cta{background:var(--accent);color:var(--on-accent)}
/* главная: шапка чёрная, как первый экран, при прокрутке — белая */
.dark-hero .site-header{background:var(--bg-dark);border-color:transparent;color:#fff;backdrop-filter:none}
.dark-hero .site-header .logo{color:#fff}.dark-hero .site-header .logo::before,.site-footer .logo::before{background-image:url(/static/img/krok-mark-inverse.svg)}
.dark-hero .site-header .header-cta{background:#fff;color:var(--text)}
.dark-hero .site-header.is-solid{background:rgba(255,255,255,.94);border-color:var(--border);color:var(--text);backdrop-filter:saturate(1.6) blur(10px)}
.dark-hero .site-header.is-solid .logo{color:var(--text)}.dark-hero .site-header.is-solid .logo::before{background-image:url(/static/img/krok-mark.svg)}
.dark-hero .site-header.is-solid .header-cta{background:var(--accent);color:var(--on-accent)}
@media (max-width:1100px){
  .header-inner{flex-wrap:wrap;gap:6px 12px;padding:10px 20px;min-height:0}
  .main-nav{order:3;flex-basis:100%;gap:18px;padding-bottom:4px}
  .header-cta{margin-left:auto}
}

/* buttons: малый радиус, сплошные и контурные, со стрелкой */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:46px;padding:.7em 1.35em;border-radius:var(--radius-small);font-family:var(--font-sans);font-weight:500;font-size:.92rem;line-height:1.2;text-decoration:none;border:1px solid transparent;cursor:pointer;text-align:center;transition:background .15s,border-color .15s,color .15s}
.btn-primary{background:var(--accent);color:var(--on-accent)}
.btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}
.btn-ghost:hover{border-color:var(--text);color:var(--text);background:var(--sky-soft)}
.btn-light{background:#fff;color:var(--text)}
.btn-light:hover{background:var(--sky);color:var(--text)}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-outline-light:hover{border-color:#fff;color:#fff}
.btn-chevron::after{content:"›";font-size:1.25em;line-height:0;margin-top:-.08em}
.btn-small{min-height:36px;padding:.45em .95em;font-size:.84rem}
.btn-block{width:100%}
.arrow-link{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;color:inherit;text-decoration:none;font-weight:500}
.arrow-link::after{content:"→";transition:transform .15s}
.arrow-link:hover{color:inherit}
.arrow-link:hover::after{transform:translateX(3px)}

/* hero: тёмный первый экран с сеткой и свечением */
.hero{position:relative;background:var(--bg-dark);color:#fff;overflow:hidden;padding:110px 0 0;min-height:calc(88vh - 110px);display:flex;flex-direction:column;justify-content:flex-end}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 78% 30%,rgba(156,203,235,.34),transparent 70%),radial-gradient(40% 40% at 15% 90%,rgba(255,255,255,.07),transparent 70%);pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);pointer-events:none}
.hero .container{position:relative;z-index:1;width:100%}
.hero .eyebrow{color:rgba(255,255,255,.7);text-transform:none;letter-spacing:0;font-size:.85rem}
.hero h1{max-width:12em;color:#fff}
.hero .lead{max-width:34em;color:rgba(255,255,255,.82)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:30px 0 0}
.hero-note{font-size:.85rem;color:rgba(255,255,255,.6)}
.hero-bottom{margin-top:72px;border-top:1px solid rgba(255,255,255,.14);padding:22px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hero-bottom .eyebrow{margin:0;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.uni-row{display:flex;flex-wrap:wrap;gap:10px 30px;align-items:center;flex:1}
.uni-row a{font-family:var(--font-display);font-weight:600;font-size:1.2rem;letter-spacing:-.02em;color:rgba(255,255,255,.85);text-decoration:none}
.uni-row a:hover{color:var(--sky)}

/* statement: двухцветный абзац */
.statement{font-family:var(--font-display);font-weight:500;font-size:clamp(1.4rem,2.8vw,2.1rem);line-height:1.25;letter-spacing:-.02em;max-width:24em;margin:0}
.statement span{color:var(--text-faint)}

/* preview: окно «приложения» с настоящими данными */
.preview{margin-top:48px;background:var(--bg-dark);border-radius:var(--radius-large);padding:28px 28px 0;overflow:hidden}
.preview-window{background:#fff;border-radius:10px 10px 0 0;display:grid;grid-template-columns:220px 1fr;min-height:360px;box-shadow:var(--shadow);overflow:hidden}
.preview-side{background:var(--bg-alt);border-right:1px solid var(--border);padding:18px 12px;font-size:.85rem}
.preview-side p{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:14px 8px 6px}
.preview-side p:first-child{margin-top:0}
.preview-side a{display:block;padding:6px 8px;border-radius:4px;color:var(--text);text-decoration:none;line-height:1.3}
.preview-side a:hover{background:var(--sky)}
.preview-side a.is-active{background:var(--accent);color:#fff}
.preview-main{padding:20px 22px;min-width:0}
.preview-main h3{margin:0 0 2px}
.preview-tabs{display:flex;gap:18px;font-size:.82rem;color:var(--text-muted);border-bottom:1px solid var(--border);margin:14px 0 4px}
.preview-tabs{overflow-x:auto;scrollbar-width:none}
.preview-tabs button{flex:none;background:none;border:0;border-bottom:2px solid transparent;padding:0 0 8px;margin-bottom:-1px;font:inherit;color:inherit;cursor:pointer}
.preview-tabs button:hover{color:var(--text)}
.preview-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--text)}
.preview-main[hidden],.preview [role=tabpanel][hidden]{display:none}
.preview-main h3 a{text-decoration:none}
.preview-main h3 a:hover{text-decoration:underline}
.preview-more{color:var(--text-muted)!important;font-size:.8rem}
.preview-note{margin:8px 0 0}
.preview-foot{margin:14px 0 18px}
.preview .table-wrap{border:0;border-radius:0}
.preview th{background:transparent}
@media (max-width:760px){.preview{padding:14px 14px 0}.preview-window{grid-template-columns:1fr}.preview-side{display:none}}

/* big number + stats */
.stat-label{font-size:1.05rem;margin-bottom:6px}
.stat-big{font-family:var(--font-display);font-weight:400;font-size:clamp(3rem,10vw,7.5rem);line-height:1;letter-spacing:-.04em;margin:0}
.stats-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px;margin-top:56px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:22px 22px 8px;border-left:1px solid var(--border)}
.stat:first-child{border-left:0;padding-left:0}
.stat-value{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em;line-height:1}
.stat-value small{font-size:.9rem;letter-spacing:0;color:var(--text-muted);font-weight:400;margin-left:4px}
.stat p{font-size:.85rem;color:var(--text-muted);margin:10px 0 0}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0;padding-left:0}}

/* rotator: вертикальная «карусель» задач */
.rotator-grid{display:grid;grid-template-columns:1fr 2fr auto;gap:32px;align-items:center}
.rotator{height:228px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
.rotator ul{list-style:none;margin:0;padding:0;animation:rotate 24s linear infinite}
.rotator li{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,2.1rem);line-height:38px;height:38px;letter-spacing:-.02em;color:rgba(0,0,0,.25);white-space:nowrap}
.rotator li{transition:color .3s}
.rotator li.is-current{color:var(--text)}
@keyframes rotate{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){.rotator ul{animation:none}.rotator li{color:var(--text)}.rotator li[aria-hidden]{display:none}.rotator{height:auto;-webkit-mask-image:none;mask-image:none}}
@media (max-width:860px){.rotator-grid{grid-template-columns:1fr}.rotator li{white-space:normal;height:auto}}

/* tiles: карточки разделов на тёмном фоне */
.tiles{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:26px;border-radius:var(--radius);background:#161616;border:1px solid var(--border-on-dark);color:#fff;text-decoration:none;overflow:hidden;transition:border-color .2s}
.tile:hover{border-color:var(--sky-strong);color:#fff}
.tile-big{background:linear-gradient(160deg,#1d3342,#0f1316)}
.tile h3{font-size:clamp(1.3rem,2.2vw,1.9rem);margin:0;max-width:14em}
.tile p{color:var(--muted-on-dark);margin:10px 0 0;font-size:.92rem}
.tile .arrow-link{margin-top:22px;color:#fff}
.tile-num{font-size:.78rem;color:var(--muted-on-dark);text-transform:uppercase;letter-spacing:.06em}
@media (max-width:900px){.tiles{grid-template-columns:1fr 1fr}.tile-big{grid-column:1/-1}}
@media (max-width:560px){.tiles{grid-template-columns:1fr}.tile{min-height:220px}}

/* sources: ряд официальных источников с разделителями */
.sources{display:grid;grid-template-columns:repeat(5,1fr);margin-top:40px}
.src{padding:6px 22px;border-left:1px solid var(--border-on-dark)}
.src:first-child{border-left:0;padding-left:0}
.src-mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--sky-strong);color:var(--sky);font-family:var(--font-display);font-weight:600;font-size:.85rem;margin-bottom:16px}
.src h3{font-size:1rem;margin:0 0 4px}
.src p{font-size:.85rem;color:var(--muted-on-dark);margin:0 0 6px}
.src a{font-size:.85rem;color:var(--muted-on-dark);text-decoration:none}
.src a:hover{color:var(--sky)}
@media (max-width:900px){.sources{grid-template-columns:repeat(2,1fr);gap:24px 0}.src:nth-child(odd){border-left:0;padding-left:0}}

/* grids and cards */
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px}
.section-alt .card{border-color:var(--sky)}
.card h3 a{color:var(--text);text-decoration:none}
.card h3 a:hover{text-decoration:underline}
.card-link{display:block;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.card-link:hover{border-color:rgba(0,0,0,.35);color:inherit;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.step-num{font-size:.8rem;color:var(--text-faint);margin-bottom:22px}
.tag{display:inline-block;font-size:.8rem;padding:4px 10px;border-radius:var(--radius-small);background:#fff;border:1px solid var(--border);margin:0 4px 6px 0;color:var(--text);text-decoration:none}
a.tag:hover{border-color:var(--text);color:var(--text)}
.tag-accent{background:var(--signal-soft);border-color:transparent;color:#05654a}
.meta-list{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}
.meta-list dt{color:var(--text-muted)}
.meta-list dd{margin:0}
.source{font-size:.83rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;margin-top:14px;overflow-wrap:anywhere}
.source a{color:var(--text-muted)}
.demo-banner,.notice{background:var(--warning-bg);color:var(--warning-text);padding:11px 16px;font-size:.9rem}
.demo-banner{text-align:center}
.notice{border-radius:var(--radius-small);margin:0 0 16px;border-left:3px solid #d9a54a}
.badge-demo{display:inline-block;background:var(--warning-bg);color:var(--warning-text);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-small);vertical-align:middle}
.breadcrumbs{font-size:.82rem;margin:28px 0 10px;color:var(--text-muted)}
.breadcrumbs a{color:var(--text-muted);text-decoration:none}
.breadcrumbs a:hover{color:var(--text)}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);font-size:.92rem}
th{font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-alt)}
tr:last-child td{border-bottom:0}

/* CTA block with QR */
.cta-box{background:var(--bg-alt);border:1px solid #e6e4dd;border-radius:var(--radius-large);padding:32px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-box h2,.cta-box h3{margin-bottom:.35em;font-size:clamp(1.3rem,2.2vw,1.7rem)}
.cta-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cta-qr{display:none;text-align:center;font-size:.78rem;color:var(--text-muted)}
.cta-qr img{width:124px;height:124px;background:#fff;padding:8px;border:1px solid var(--border);border-radius:8px;display:block;margin:0 auto 6px}
@media (hover:hover) and (pointer:fine) and (min-width:900px){.cta-qr{display:block}}
.section-dark .cta-box{background:#161616;border-color:var(--border-on-dark)}
.section-dark .cta-box .btn-primary{background:#fff;color:var(--text)}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--border);display:none;z-index:20}
@media (max-width:620px){.sticky-cta{display:block}body.has-sticky{padding-bottom:72px}}

/* filters */
.filters{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;align-items:end;margin-bottom:20px}
@media (max-width:960px){.filters{grid-template-columns:repeat(2,1fr)}}
label{font-size:.85rem;color:var(--text-muted);display:block;margin-bottom:4px}
select,input[type=text],input[type=search]{width:100%;padding:.65em .8em;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:#fff;color:var(--text)}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:24px;flex-wrap:wrap}

/* quiz */
.quiz{max-width:680px;margin:0 auto}
.quiz-progress{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin:0 0 20px}
.quiz-progress span{display:block;height:100%;background:var(--text);transition:width .2s}
.quiz-options{display:grid;gap:8px;margin:18px 0}
.quiz-option{display:block;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font:inherit;color:var(--text);cursor:pointer;transition:border-color .15s}
.quiz-option:hover,.quiz-option:focus-visible{border-color:var(--text)}
.result-dir{font-family:var(--font-display);font-weight:500;font-size:1.4rem;letter-spacing:-.02em}
.htmx-request .quiz-options{opacity:.5}

/* faq */
details{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:18px 0;margin:0;background:transparent}
summary{font-weight:500;cursor:pointer}
details p{margin:.8em 0 0;color:var(--text-muted)}
.faq-list{border-top:1px solid var(--border)}

/* universities */
.city-nav{margin:8px 0 12px}
.city-nav .tag{text-decoration:none}
.city-title{margin-top:48px}
.uni-card h3{margin-bottom:4px}
.uni-links{margin-bottom:0}
details.faculty{border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin:10px 0;background:#fff}
details.faculty summary{font-size:1rem}
details.faculty table{margin-top:10px}

/* specialties */
.spec-list li{margin:.3em 0}
.spec-group h3,.spec-group h2{margin-bottom:4px}
.spec-table td{vertical-align:top}
.same-spec{margin:8px 0 0}

/* calendar */
.cal-list{list-style:none;margin:16px 0 0;padding:0;border-left:1px solid var(--border)}
.cal-item{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px 0 16px 22px;position:relative;border-bottom:1px solid var(--border)}
.cal-item::before{content:"";position:absolute;left:-6px;top:22px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--text-faint)}
.cal-confirmed::before{border-color:var(--signal);background:var(--signal)}
.cal-date{display:block;font-weight:500;margin-bottom:4px}
.cal-body h3{margin:0 0 4px;font-size:1.05rem}
.cal-body .source{margin-top:6px}
@media (max-width:620px){.cal-item{grid-template-columns:1fr;gap:4px}}

.track-card{margin-bottom:12px}
.track-card .spec-list{margin-top:6px}

/* legal */
.legal h2{font-size:1.35rem;margin-top:1.6em}
.legal-draft{border:1px dashed var(--warning-text);background:var(--warning-bg);color:var(--warning-text);padding:12px 16px;border-radius:var(--radius-small);margin-bottom:24px}

/* pay */
.pay-box{max-width:560px;margin:0 auto}
.pay-methods{display:grid;gap:10px;margin:16px 0}
.checkbox{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:var(--text)}
.checkbox input{margin-top:.3em;width:18px;height:18px;accent-color:var(--accent)}

/* footer: чёрный */
.site-footer{background:var(--bg-dark);color:var(--text-on-dark);padding:72px 0 28px;margin-top:64px}
.dark-hero .site-footer{margin-top:0}
.site-footer .logo{color:#fff}
.site-footer .muted{color:var(--muted-on-dark)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}
.footer-grid a{color:#e5e5e5;text-decoration:none;font-size:.92rem}
.footer-grid a:hover{color:var(--sky)}
.footer-grid .btn-primary{background:#fff;color:var(--text)}
.footer-grid .btn-primary:hover{background:var(--sky);color:var(--text)}
.footer-heading{font-weight:500;font-size:.92rem;color:var(--sky);margin:0 0 12px}
.footer-bottom{border-top:1px solid #222;margin-top:40px;padding-top:18px;color:var(--muted-on-dark)}
.logo-footer{margin-bottom:10px}
.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #333;border-radius:6px;padding:5px 12px;font-size:.8rem;color:#e5e5e5;margin:4px 0 14px}
.status-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.18)}
.h3{font-size:1.15rem}
details.faculty{scroll-margin-top:90px}
.quiz-check{display:flex;gap:10px;align-items:flex-start}
.quiz-check input{margin-top:4px;flex:none;width:18px;height:18px;accent-color:var(--accent)}
.quiz-check:has(input:checked){border-color:var(--text);background:var(--bg-alt)}
.article-body h2{margin-top:36px;scroll-margin-top:90px;font-size:1.5rem}
.article-body ul{padding-left:1.2em}
.article-body li{margin:.35em 0}
@media (max-width:520px){.logo{font-size:1rem}.header-cta{min-height:34px;padding:.35em .8em;font-size:.78rem}.hero{padding-top:64px;min-height:0}.section{padding-top:56px;padding-bottom:56px}.hero-bottom{margin-top:48px}}
.header-account{color:inherit;text-decoration:none;font-size:.93rem;white-space:nowrap;margin-left:auto}
.header-account:hover{color:inherit;text-decoration:underline}
@media (max-width:1100px){.header-account{margin-left:auto}.header-account + .header-cta{margin-left:0}}
.tutor textarea,.tutor input[type=text]{width:100%;padding:.65em .8em;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:#fff;color:var(--text);resize:vertical}
.tutor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tutor-reply{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.tutor-verdict{font-weight:500;margin:0 0 8px}
.tutor-verdict.ok{color:#05654a}
.tutor-verdict.bad{color:#9a3b12}
.tutor-task{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.field,input[type=email]{width:100%;padding:.7em .85em;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;background:#fff;color:var(--text)}
.code-field{font-size:1.5rem;letter-spacing:.3em;text-align:center;max-width:220px}

/* ---------- Пастельный голубой (решение 102) ---------- */
.announce{background:var(--sky-soft);border-bottom-color:var(--sky)}
.cta-box{background:var(--sky-soft);border-color:var(--sky)}
.card-link:hover,.uni-card:hover,.spec-group:hover{border-color:var(--sky-strong)}
a.tag:hover{border-color:var(--sky-strong);background:var(--sky-soft)}

/* переключатель «Специальности / Вузы» и вход в мини-тест */
/* Переключатель каталога (решение 120): два подписанных ряда в одном стиле */
.test-hint{font-size:.92rem;color:var(--text-muted)}
.test-hint a{font-weight:500}

/* календарь по месяцам */
.month-cal{margin:8px 0 36px;padding:20px;border:1px solid var(--sky);border-radius:var(--radius-large);background:var(--sky-soft)}
.month-cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.month-cal-head p{margin:0;text-align:center;flex:1}
.month-cal-nav{min-width:40px;font-size:1.1rem}
.month-cal-nav:disabled{opacity:.35;cursor:default}
.month-cal-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.month-cal.is-paged .month-cal-track{grid-template-columns:repeat(3,1fr)}
.month{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px}
.month[hidden]{display:none}
.month-title{margin:0 0 8px;font-family:var(--font-display);font-weight:600;font-size:1.05rem}
.month-grid{table-layout:fixed}
.month-grid th,.month-grid td{padding:0;border:0;text-align:center;height:34px;font-size:.88rem}
.month-grid th{background:none;font-size:.7rem;letter-spacing:.04em;color:var(--text-faint);height:24px}
.month-grid td.has-stage{background:var(--sky);color:var(--sky-ink);font-weight:600;cursor:help}
.month-grid td.is-today{box-shadow:inset 0 0 0 2px var(--text);border-radius:50%}
.month-stages{margin:10px 0 0}
.month-stages li{padding:3px 0}
.month-stage-date{display:inline-block;padding:1px 6px;margin-right:4px;border-radius:var(--radius-small);background:var(--sky);color:var(--sky-ink);font-weight:500}
.cal-heading{margin:8px 0 0}
@media (max-width:959px){.month-cal.is-paged .month-cal-track{grid-template-columns:repeat(2,1fr)}}
@media (max-width:619px){.month-cal{padding:14px}.month-cal.is-paged .month-cal-track{grid-template-columns:1fr}}
/* якоря (#faq, #g-…, #city-…) не прячутся под закреплённой шапкой */
[id]{scroll-margin-top:110px}

/* голубой как дополнение к белому и чёрному во всём сайте (решение 103) */
.site-header{border-bottom-color:var(--sky)}
a:hover{text-decoration-color:var(--sky-strong)}
.tag{background:var(--sky-soft);border-color:var(--sky)}
.tag-accent{background:var(--signal-soft);border-color:transparent}
tbody tr:hover td{background:var(--sky-soft)}
.preview tbody tr:hover td{background:transparent}
.month-grid tbody tr:hover td{background:none}
.month-grid tbody tr:hover td.has-stage{background:var(--sky)}
details > summary:hover{background:var(--sky-soft)}
.card{border-color:var(--sky)}
.card-link:hover,.uni-card:hover,.spec-group:hover{border-color:var(--sky-strong);box-shadow:0 0 0 3px var(--sky-soft)}
.eyebrow{color:var(--sky-ink)}
.hero .eyebrow{color:var(--sky)}
.site-footer{border-top:4px solid var(--sky)}
::selection{background:var(--sky);color:var(--text)}

/* ---------- Анимации (решение 104). Всё отключается при prefers-reduced-motion. ---------- */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes fade-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes glow-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-4%,3%,0) scale(1.08)}}
@keyframes grid-pan{from{background-position:0 0,0 0}to{background-position:0 64px,64px 0}}

/* появление блоков при прокрутке (классы ставит app.js; без JS всё видно) */
.anim .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out) var(--reveal-delay,0ms),transform .7s var(--ease-out) var(--reveal-delay,0ms)}
.anim .reveal.is-in{opacity:1;transform:none}

/* первый экран: вход текста по очереди, «дышащее» голубое свечение, медленно плывущая сетка */
.hero-pill,.hero .lead,.hero-actions,.hero-note,.hero-bottom{animation:rise .9s var(--ease-out) both}
.hero .lead{animation-name:fade-up;animation-duration:.5s}  /* крупнейший текст первого экрана (LCP): без задержки и короткий */
.hero-actions{animation-delay:.45s}
.hero-note{animation-delay:.52s}
.hero-bottom{animation-delay:.6s}
.hero::before{animation:glow-drift 14s ease-in-out infinite;will-change:transform}
.hero::after{animation:grid-pan 24s linear infinite}
.uni-row a{transition:color .2s,transform .2s var(--ease-out)}
.uni-row a:hover{transform:translateY(-2px)}

/* контент страницы мягко проявляется */
main{animation:fade-in .45s ease-out both}

/* шапка: тень при прокрутке, подчёркивание вкладок растёт из центра */
.site-header{transition:background .2s,border-color .2s,color .2s,box-shadow .25s}
.site-header.is-scrolled{box-shadow:0 6px 24px rgba(27,74,107,.08)}
.main-nav a{position:relative;padding:4px 0;transition:opacity .2s}
.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--sky-strong);transform:scaleX(0);transition:transform .3s var(--ease-out)}
.main-nav a:hover::after{transform:scaleX(.6)}
.main-nav a[aria-current="page"]{opacity:1}
.main-nav a[aria-current="page"]::after{transform:scaleX(1)}

/* кнопки: лёгкий подъём, голубая тень, нажатие, стрелка сдвигается */
.btn{transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease-out),box-shadow .2s}
.btn:hover{transform:translateY(-1px)}
.btn-primary:hover,.btn-light:hover{box-shadow:0 8px 20px -8px rgba(27,74,107,.45)}
.btn:active{transform:translateY(0) scale(.98)}
.btn-chevron::after{transition:transform .2s var(--ease-out)}
.btn-chevron:hover::after{transform:translateX(3px)}

/* карточки и плитки приподнимаются */
.card,.tile,.stat,.src-mark{transition:border-color .2s,box-shadow .25s,transform .25s var(--ease-out)}
.card-link:hover,.uni-card:hover,.spec-group:hover{transform:translateY(-3px)}
.tile:hover{transform:translateY(-4px)}
.tile .arrow-link::after{transition:transform .2s var(--ease-out)}
.tile:hover .arrow-link::after{transform:translateX(5px)}
.src:hover .src-mark{transform:scale(1.08);box-shadow:0 0 0 6px rgba(156,203,235,.15)}
.tag{transition:background .2s,border-color .2s,transform .2s var(--ease-out)}
a.tag:hover{transform:translateY(-1px)}

/* превью и календарь: смена панелей и вкладок с проявлением, строки таблиц подсвечиваются плавно */
.preview-main:not([hidden]),.preview [role=tabpanel]:not([hidden]),.month:not([hidden]){animation:fade-up .35s var(--ease-out)}
.preview-side a{transition:background .2s,color .2s}
.preview-tabs button{transition:color .2s,border-color .25s}
td{transition:background .15s}
.month-grid td.has-stage{transition:background .2s,transform .2s var(--ease-out)}
.month-grid td.has-stage:hover{transform:scale(1.12);position:relative;z-index:1;border-radius:6px}

/* FAQ: ответ раскрывается мягко, маркер поворачивается */
details[open] > summary ~ *{animation:fade-up .3s var(--ease-out)}
summary{transition:background .2s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .anim .reveal{opacity:1;transform:none}
}

/* ---------- Окно «Разделы» и эффекты (решение 106) ---------- */
.sections-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:7px 12px;border:1px solid var(--sky);border-radius:999px;background:var(--sky-soft);color:var(--sky-ink);font-size:.88rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s var(--ease-out),box-shadow .2s}
.sections-toggle:hover{background:var(--sky);color:var(--sky-ink);transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(27,74,107,.5)}
.sections-toggle svg{fill:currentColor;transition:transform .35s var(--ease-out)}
.sections-toggle:hover svg,.sections-toggle[aria-expanded="true"] svg{transform:rotate(90deg)}
.sections-toggle + .header-account{margin-left:16px}
.dark-hero .site-header:not(.is-solid) .sections-toggle{background:rgba(214,234,248,.12);border-color:rgba(214,234,248,.35);color:#fff}
@media (max-width:1100px){.sections-toggle{margin-left:auto}.sections-toggle + .header-account{margin-left:12px}}
@media (max-width:520px){.sections-toggle span{display:none}.sections-toggle{padding:8px}}

.sections-menu{width:min(980px,calc(100% - 32px));max-width:none;max-height:calc(100% - 48px);margin:auto;padding:0;border:0;border-radius:18px;background:#fff;color:var(--text);box-shadow:0 30px 80px -20px rgba(11,11,11,.45);overflow:auto;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .26s ease,transform .32s var(--ease-out)}
.sections-menu.is-open{opacity:1;transform:none}
.sections-menu::backdrop{background:rgba(11,11,11,.45);backdrop-filter:blur(6px);opacity:0;transition:opacity .26s ease}
.sections-menu.is-open::backdrop{opacity:1}
.menu-open{overflow:hidden}
.sections-menu-inner{padding:26px 28px 24px;background:linear-gradient(180deg,var(--sky-soft),#fff 180px)}
.sections-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sections-menu-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:-.02em}
.sections-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--sky);background:#fff;cursor:pointer;transition:transform .3s var(--ease-out),background .2s}
.sections-close svg{stroke:var(--text);stroke-width:1.8;stroke-linecap:round;fill:none}
.sections-close:hover{transform:rotate(90deg);background:var(--sky-soft)}
.sections-groups{display:grid;gap:22px}
.sections-group-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin:0 0 10px;font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text)}
.sections-group-title small{font-family:var(--font-sans);font-size:.82rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-muted)}
.sections-group.is-top .sections-group-title{font-size:.9rem}
.sections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sections-group.is-top .sections-grid{grid-template-columns:repeat(3,1fr)}
.sections-item{position:relative;display:grid;grid-template-columns:1fr;gap:2px;padding:16px;border:1px solid var(--sky);border-radius:12px;background:#fff;color:var(--text);text-decoration:none;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out),border-color .2s,box-shadow .2s,background .2s;transition-delay:calc(var(--i) * 35ms + 60ms),calc(var(--i) * 35ms + 60ms),0s,0s,0s}
.sections-menu.is-open .sections-item{opacity:1;transform:none}
.sections-item:hover{border-color:var(--sky-strong);background:var(--sky-soft);box-shadow:0 10px 24px -14px rgba(27,74,107,.45);color:var(--text)}
.sections-name{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.01em}
.sections-text{font-size:.85rem;color:var(--text-muted);line-height:1.4}
.sections-menu-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--sky)}
.sections-menu-foot p{margin:0;color:var(--text-muted);font-size:.92rem}
@media (max-width:860px){.sections-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){
  .sections-menu{width:100%;max-height:88%;margin:auto 0 0;border-radius:18px 18px 0 0;transform:translateY(100%)}
  .sections-menu.is-open{transform:none}
  .sections-menu-inner{padding:20px 16px 24px}
  .sections-grid{grid-template-columns:1fr}
}

/* полоса прогресса прокрутки */
.scroll-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:30;background:linear-gradient(90deg,var(--sky-strong),var(--sky));transform:scaleX(0);transform-origin:0 50%;pointer-events:none}

/* кнопка «Наверх» */
.to-top{position:fixed;right:20px;bottom:24px;z-index:20;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--text);color:#fff;box-shadow:0 10px 24px -10px rgba(11,11,11,.5);animation:pop-in .35s var(--ease-out);transition:transform .2s var(--ease-out),background .2s}
.to-top svg{stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.to-top:hover{transform:translateY(-3px);background:var(--sky-ink);color:#fff}
.to-top[hidden]{display:none}
body.has-sticky .to-top{bottom:88px}
@keyframes pop-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}

/* свечение первого экрана следует за курсором */
.hero{--mx:78%;--my:30%}
.hero-grid::before{content:"";position:absolute;left:var(--mx);top:var(--my);width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,rgba(156,203,235,.22),transparent 65%);pointer-events:none;transition:left .6s var(--ease-out),top .6s var(--ease-out);z-index:0}
.hero > .container{position:static}
.hero > .container > *{position:relative;z-index:1}

/* волна от нажатия на кнопку */
.btn{position:relative;overflow:hidden}
.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.22;transform:scale(0);animation:ripple .65s ease-out forwards;pointer-events:none}
@keyframes ripple{to{transform:scale(1);opacity:0}}

/* 3D-наклон карточек за курсором и блик */
.tile,.card-link,.uni-card,.spec-group{transform-style:preserve-3d;will-change:transform}
.is-tilting{transform:perspective(900px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-3px)!important;transition:transform .08s linear,border-color .2s,box-shadow .25s}
.card-link,.uni-card,.spec-group{position:relative;overflow:hidden}
.card-link::before,.uni-card::before,.spec-group::before,.tile::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--glare-x,50%) var(--glare-y,50%),rgba(214,234,248,.55),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
.tile::before{background:radial-gradient(420px circle at var(--glare-x,50%) var(--glare-y,50%),rgba(214,234,248,.14),transparent 45%)}
.is-tilting::before{opacity:1}

/* блик по голубым блокам */
@keyframes sheen{0%,70%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(220%) skewX(-18deg)}}
.cta-box,.month-cal{position:relative;overflow:hidden}
.cta-box::after,.month-cal::before{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%) skewX(-18deg);animation:sheen 7s ease-in-out infinite;pointer-events:none}
.month-cal > *{position:relative}

@media (prefers-reduced-motion:reduce){
  .sections-menu,.sections-item{opacity:1;transform:none}
  .scroll-progress{display:none}
}

/* ---------- Первый экран (решение 107) ---------- */
.hero{justify-content:center;padding:120px 0 0;min-height:calc(92vh - 110px)}
.hero::before{background:none}
.hero::after{-webkit-mask-image:radial-gradient(70% 60% at var(--mx,70%) var(--my,35%),#000,transparent 75%);mask-image:radial-gradient(70% 60% at var(--mx,70%) var(--my,35%),#000,transparent 75%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;flex:1}
.hero-copy{max-width:620px}

/* северное сияние */
.aurora{position:absolute;inset:-20%;pointer-events:none;filter:blur(70px);opacity:.9}
.aurora span{position:absolute;border-radius:50%;mix-blend-mode:screen}
.aurora span:nth-child(1){width:42vw;height:42vw;left:48%;top:5%;background:radial-gradient(circle,rgba(156,203,235,.55),transparent 65%);animation:aur-a 18s ease-in-out infinite}
.aurora span:nth-child(2){width:36vw;height:36vw;left:62%;top:40%;background:radial-gradient(circle,rgba(120,150,255,.35),transparent 65%);animation:aur-b 22s ease-in-out infinite}
.aurora span:nth-child(3){width:30vw;height:30vw;left:20%;top:55%;background:radial-gradient(circle,rgba(214,234,248,.22),transparent 65%);animation:aur-c 26s ease-in-out infinite}
@keyframes aur-a{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-12%,10%) scale(1.15)}}
@keyframes aur-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(10%,-14%) scale(.9)}}
@keyframes aur-c{0%,100%{transform:translate(0,0)}50%{transform:translate(18%,-8%)}}

/* фон: тёмно-синее небо и карта городов с вузами (решение 184) */
.hero{background:radial-gradient(120% 95% at 78% 38%,#15344d 0%,#0c1a26 55%,#080e14 100%)}
.hero-map{position:absolute;right:-4%;top:50%;width:min(68vw,1040px);height:auto;transform:translate(calc(var(--mx-n,0) * 14px),calc(-50% + var(--my-n,0) * 10px));transition:transform .8s var(--ease-out);pointer-events:none;z-index:0;overflow:visible;-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 52%);mask-image:linear-gradient(90deg,transparent 22%,#000 52%);animation:hm-in 1.6s var(--ease-out) .2s both}
@keyframes hm-in{from{opacity:0}to{opacity:1}}
.hm-route{fill:none;stroke:rgba(156,203,235,.32);stroke-width:1.3;stroke-dasharray:3 7;stroke-linecap:round;animation:hm-flow 2.4s linear infinite}
@keyframes hm-flow{to{stroke-dashoffset:-20}}
.hm-comet{fill:#e8f4fd;filter:drop-shadow(0 0 6px #9ccbeb)}
.hm-dot{fill:#d6eaf8}
.hm-city.is-hub .hm-dot{fill:#fff}
.hm-ring{fill:none;stroke:#9ccbeb;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:hm-ping 3.2s cubic-bezier(0,0,.2,1) infinite;animation-delay:calc(var(--i) * -.37s)}
.hm-city.is-hub .hm-ring{animation-duration:2.4s}
@keyframes hm-ping{0%{transform:scale(1);opacity:.8}80%,100%{transform:scale(3.4);opacity:0}}
.hm-halo{animation:hm-breathe 5s ease-in-out infinite;animation-delay:calc(var(--i) * -.6s);transform-box:fill-box;transform-origin:center}
@keyframes hm-breathe{50%{opacity:.45;transform:scale(.85)}}
.hero-map text{font:500 17px/1 Onest,system-ui,sans-serif;fill:rgba(214,234,248,.62)}
.hero-map tspan{font-size:14px;fill:rgba(156,203,235,.5)}
.hm-city.is-hub text{font-size:21px;font-weight:600;fill:rgba(255,255,255,.8)}
@media (max-width:900px){.hero-map{width:125vw;right:-38%;top:24px;transform:none;opacity:.55;-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 50%);mask-image:linear-gradient(90deg,transparent 5%,#000 50%)}.hero-map text{display:none}}
@media (prefers-reduced-motion:reduce){.hero-map,.hm-route,.hm-ring,.hm-halo{animation:none}.hm-ring,.hm-comet{display:none}}

/* плашка-анонс */
.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 8px 6px 12px;margin-bottom:26px;border:1px solid rgba(214,234,248,.28);border-radius:999px;background:rgba(214,234,248,.08);backdrop-filter:blur(8px);color:rgba(255,255,255,.88);font-size:.85rem;text-decoration:none;transition:background .2s,border-color .2s}
.hero-pill:hover{background:rgba(214,234,248,.16);border-color:rgba(214,234,248,.5);color:#fff}
.hero-pill-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--sky);color:var(--sky-ink);font-size:.8rem;transition:transform .25s var(--ease-out)}
.hero-pill:hover .hero-pill-arrow{transform:translateX(3px)}
.live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--sky);flex:none}
.live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--sky);animation:ping 1.8s cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{75%,100%{transform:scale(2.6);opacity:0}}

/* заголовок: слова по очереди, «увереннее» — переливающийся голубой */
.hero-title{font-size:clamp(2.6rem,6.6vw,5.4rem);line-height:1.02;letter-spacing:-.035em;margin-bottom:.4em}
.hero-title .w{display:inline-block;animation:word-in .9s var(--ease-out) both}
.hero-title .w:nth-child(2){animation-delay:.14s}
@keyframes word-in{from{opacity:0;transform:translateY(40%) rotate(2deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.shine{background:linear-gradient(100deg,#fff 20%,var(--sky) 40%,#9fc6ff 55%,#fff 75%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:word-in .9s var(--ease-out) .14s both,shimmer 6s linear 1s infinite}
@keyframes shimmer{to{background-position:-250% 0}}
.hero-note{margin:14px 0 0}
.btn-glow{box-shadow:0 0 0 0 rgba(214,234,248,.6);animation:glow-pulse 2.8s ease-out 1.5s infinite}
@keyframes glow-pulse{0%{box-shadow:0 0 0 0 rgba(214,234,248,.55)}70%,100%{box-shadow:0 0 0 14px rgba(214,234,248,0)}}

/* парящие стеклянные карточки: следуют за курсором (--mx-n/--my-n от -0.5 до 0.5 ставит app.js) */
.hero-visual{position:relative;min-height:500px;transform:translate(calc(var(--mx-n,0) * -18px),calc(var(--my-n,0) * -12px));transition:transform .6s var(--ease-out)}
.float-card{position:absolute;display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;border:1px solid rgba(214,234,248,.22);background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;text-decoration:none;box-shadow:0 30px 60px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);animation:rise .9s var(--ease-out) both,bob 7s ease-in-out infinite;animation-delay:.5s,var(--d,0s);transition:border-color .25s,background .25s}
a.float-card:hover{border-color:rgba(214,234,248,.55);background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,.06));color:#fff}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -12px}}
.fc-label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(214,234,248,.8)}
.fc-title{font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.2;letter-spacing:-.01em}
.fc-row{font-size:.88rem;color:rgba(255,255,255,.78)}
.fc-row b,.fc-big{color:#fff}
.fc-big{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.02em}
.fc-ok{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#4ade80;color:#0b0b0b;font-size:.65rem;margin-right:4px}
.fc-spec{left:4%;top:2%;width:min(360px,80%)}
/* стопка карточек специальностей (решение 117): видна одна, JS листает каждые ~5 с */
.fc-spec-stack{position:absolute;left:4%;top:2%;z-index:2;width:min(360px,80%)}
.fc-spec-stack .fc-spec{position:relative;left:auto;top:auto;width:100%}
.fc-spec-stack .fc-spec[hidden]{display:none}
.fc-spec-stack .fc-spec.is-in{animation:fc-swap .55s var(--ease-out) both,bob 6s ease-in-out infinite}
@keyframes fc-swap{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.fc-dots{display:flex;gap:4px;margin:10px 0 0 20px}
.fc-dots i{width:5px;height:5px;border-radius:50%;background:rgba(214,234,248,.3);transition:background .3s,width .3s}
.fc-dots i.is-on{width:14px;border-radius:3px;background:rgba(214,234,248,.9)}
.fc-bars{display:flex;align-items:flex-end;gap:6px;height:54px;margin-top:6px}
.fc-bars i{flex:1;height:var(--h);min-height:10%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--sky),rgba(156,203,235,.25));transform-origin:bottom;animation:bar-grow 1.2s var(--ease-out) both}
.fc-bars i:nth-child(2){animation-delay:.1s}.fc-bars i:nth-child(3){animation-delay:.2s}.fc-bars i:nth-child(4){animation-delay:.3s}.fc-bars i:nth-child(5){animation-delay:.4s}.fc-bars i:nth-child(6){animation-delay:.5s}
@keyframes bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.fc-date{right:0;top:46%;width:min(290px,70%)}
.fc-bot{left:10%;bottom:2%;width:min(380px,86%);flex-direction:row;align-items:flex-start;gap:12px;background:linear-gradient(160deg,rgba(214,234,248,.2),rgba(214,234,248,.06))}
.fc-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--sky);color:var(--sky-ink);font-weight:700}
.fc-msg{display:block;font-size:.92rem;line-height:1.35;margin-top:2px}
.float-chip{position:absolute;right:2%;top:-9%;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(11,11,11,.55);border:1px solid rgba(214,234,248,.25);backdrop-filter:blur(8px);font-size:.82rem;color:#fff;animation:rise .9s var(--ease-out) both,bob 6s ease-in-out infinite;animation-delay:.7s,var(--d,0s)}

/* бегущая строка вузов */
.hero-bottom{margin-top:56px;width:100%}
.marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee .uni-row{flex:none;flex-wrap:nowrap;padding-right:30px}
@keyframes marquee{to{transform:translateX(-50%)}}

@media (max-width:960px){
  .hero{padding-top:96px}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-visual{min-height:0;display:grid;gap:12px;transform:none}
  .float-card,.float-chip,.fc-spec-stack{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}
  .float-chip{justify-self:start}
  .fc-bot{display:none}
}
@media (prefers-reduced-motion:reduce){
  .marquee-track{animation:none}.marquee{overflow-x:auto}
  .shine{color:#fff!important;background:none}
}
.fc-bars{height:74px;padding-bottom:16px;position:relative}
.fc-bars i{position:relative}
.fc-bars em{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);font-style:normal;font-size:.62rem;color:rgba(214,234,248,.7);white-space:nowrap}

/* ---------- ИИ-ассистент (решение 108) ---------- */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chat{margin-top:28px;padding:20px;border:1px solid var(--sky);border-radius:18px;background:linear-gradient(180deg,var(--sky-soft),#fff 220px);box-shadow:0 24px 60px -40px rgba(27,74,107,.5)}
.chat-log{display:flex;flex-direction:column;gap:14px;max-height:520px;overflow-y:auto;padding:4px 4px 8px;scroll-behavior:smooth}
.chat-turn{display:flex;flex-direction:column;gap:14px;animation:fade-up .4s var(--ease-out)}
.chat-msg{display:flex;gap:10px;align-items:flex-start;max-width:92%}
.chat-me{align-self:flex-end}
.chat-me p{margin:0;padding:10px 14px;border-radius:16px 16px 4px 16px;background:var(--text);color:#fff}
.chat-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--sky);color:var(--sky-ink);font-weight:700;font-size:.9rem}
.chat-bubble{padding:12px 16px;border-radius:4px 16px 16px 16px;background:#fff;border:1px solid var(--sky)}
.chat-text{margin:0;white-space:pre-line}
.chat-note{color:var(--text-muted)}
.chat-sources{margin-top:10px;padding-top:10px;border-top:1px solid var(--sky);font-size:.85rem}
.chat-sources-title{margin:0 0 4px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sky-ink)}
.chat-sources ol{margin:0;padding-left:1.3em}
.chat-sources li{margin:2px 0}
.chat-typing{display:none;gap:10px;align-items:center;margin:12px 4px 0}
.chat-typing.htmx-request{display:flex}
.typing{display:inline-flex;gap:5px;padding:12px 14px;border-radius:4px 16px 16px 16px;background:#fff;border:1px solid var(--sky)}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--sky-strong);animation:typing 1.1s ease-in-out infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.chat-examples{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 10px}
.chat-examples .tag{margin:0;cursor:pointer;font:inherit;font-size:.85rem}
.chat-form{display:flex;gap:10px;align-items:flex-end}
.chat-form textarea{flex:1;min-height:52px;padding:.75em .9em;border:1px solid var(--sky-strong);border-radius:12px;font:inherit;background:#fff;color:var(--text);resize:vertical;transition:border-color .2s,box-shadow .2s}
.chat-form textarea:focus{outline:none;border-color:var(--sky-ink);box-shadow:0 0 0 4px var(--sky)}
.chat-form button[disabled]{opacity:.6;cursor:wait}
.chat-meta{margin:10px 2px 0}
.assistant-how{margin-top:32px}
@media (max-width:620px){.chat{padding:14px}.chat-form{flex-direction:column;align-items:stretch}.chat-msg{max-width:100%}}

/* ---------- Буся, аист-ассистент (решения 109, 130) ---------- */
.assistant-head{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;align-items:end}
.assistant-logo{display:block;height:72px;width:auto;margin:0 0 10px}
.mascot-stage{position:relative;justify-self:center;width:200px;padding-top:54px}
.mascot{display:block;width:100%;height:auto;overflow:visible}
.mascot *{transform-box:fill-box}
.m-shadow{fill:rgba(27,74,107,.16);transform-origin:center;animation:m-shadow 4s ease-in-out infinite}
.m-all{transform-origin:50% 100%;animation:m-bob 4s ease-in-out infinite}
.m-think circle{fill:#fff;stroke:var(--sky-strong);stroke-width:2;opacity:0;transform-origin:center}
.m-mark{font:700 34px var(--font-display);fill:var(--sky-ink);opacity:0;transform-origin:center}
.m-sparks path{opacity:0;transform-origin:center}
@keyframes m-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes m-shadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.86);opacity:.7}}
@keyframes m-jump{0%,100%{transform:translateY(0)}30%{transform:translateY(-20px)}60%{transform:translateY(0)}80%{transform:translateY(-8px)}}
@keyframes m-dots{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
@keyframes m-spark{0%{opacity:0;transform:scale(.2) rotate(0)}40%{opacity:1;transform:scale(1.1) rotate(40deg)}100%{opacity:0;transform:scale(.4) rotate(90deg)}}
@keyframes m-tilt{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(3deg)}}

/* думает: наклоняется вперёд, пузырьки мысли */
.is-thinking .m-all{animation:none;transform:rotate(-4deg);transition:transform .5s var(--ease-out)}
.is-thinking .m-think circle{animation:m-dots 1.2s ease-in-out infinite}
.is-thinking .m-think circle:nth-child(2){animation-delay:.2s}
.is-thinking .m-think circle:nth-child(3){animation-delay:.4s}
/* рад: подпрыгивает, искры */
.is-happy .m-all{animation:m-jump .9s var(--ease-out) 1,m-bob 4s ease-in-out .9s infinite}
.is-happy .m-sparks path{animation:m-spark 1s ease-out 1}
.is-happy .m-sparks path:nth-child(2){animation-delay:.15s}
.is-happy .m-sparks path:nth-child(3){animation-delay:.3s}
/* озадачен: покачивается, знак вопроса */
.is-puzzled .m-all{animation:m-tilt 1.4s ease-in-out infinite}
.is-puzzled .m-mark{opacity:1;animation:fade-up .4s var(--ease-out)}

/* реплика Буси */
.mascot-say{position:absolute;top:0;left:50%;translate:-50% 0;margin:0;padding:8px 14px;border-radius:14px;background:#fff;border:1px solid var(--sky-strong);color:var(--sky-ink);font-size:.88rem;font-weight:500;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(27,74,107,.5);animation:fade-up .5s var(--ease-out) .4s both}
.mascot-say::after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;margin-left:-5px;background:#fff;border-right:1px solid var(--sky-strong);border-bottom:1px solid var(--sky-strong);transform:rotate(45deg)}
.mascot-say span{display:inline-block}
.mascot-say .is-swap{animation:fade-up .35s var(--ease-out)}
.mascot-about{margin:18px 2px 0}

/* аватар в чате */
.chat-avatar{background:none;overflow:hidden}
.chat-avatar img{display:block;width:100%;height:100%}
.chat-typing .chat-avatar{animation:m-bob 1.2s ease-in-out infinite}

@media (max-width:760px){
  .assistant-head{grid-template-columns:1fr}
  .mascot-stage{width:150px;order:-1;justify-self:start;margin-left:8px}
}
@media (prefers-reduced-motion:reduce){
  .m-think circle{opacity:0}
  .is-thinking .m-think circle{opacity:1}
}

/* Wings — модель Blender; изображение занимает столько же места до загрузки GLB. */
.mascot-3d,.mascot-wings{position:relative;width:252px;height:356px;margin:-14px -26px -8px;object-fit:contain}
.mascot-3d{display:none;cursor:grab;touch-action:pan-y;animation:fade-in .6s ease-out}
.mascot-3d:active{cursor:grabbing}
.mascot-3d:focus-visible{outline:2px solid var(--sky-ink);outline-offset:4px;border-radius:18px}
.has-3d .mascot-3d{display:block}
.has-3d .mascot{display:none}
.has-3d::before{content:"";position:absolute;left:50%;top:118px;width:200px;height:200px;margin-left:-100px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff,var(--sky) 72%);opacity:.7}
.has-3d .mascot-say{z-index:2}
.mascot-controls{display:none;margin:10px -15px 0;text-align:center;font-size:.72rem;line-height:1.4;color:var(--text-muted)}
.has-3d .mascot-controls{display:block}
@media (prefers-reduced-motion:reduce){.has-3d .mascot-3d,.has-3d .mascot-controls,.has-3d::before{display:none}.has-3d .mascot{display:block}}

/* ---------- Шапка статична (решение 113) ----------
   Строка разделов не прокручивается вбок и не анимируется; разделы — справа, рядом с кнопками. */
.site-header,.site-header *,.site-header *::before,.site-header *::after{transition:none!important;animation:none!important}
.site-header.is-scrolled{box-shadow:none}
.site-header .header-inner{max-width:none;padding:0 32px}  /* шапка на всю ширину: логотип слева, разделы и кнопки справа */
.main-nav{flex:0 1 auto;margin-left:auto;overflow:visible}
.main-nav a:hover::after{transform:scaleX(0)}
.main-nav a[aria-current="page"]::after{transform:scaleX(1)}
.sections-toggle{margin-left:0}
.sections-toggle:hover{transform:none;box-shadow:none}
.sections-toggle:hover svg,.sections-toggle[aria-expanded="true"] svg{transform:none}
/* разделам нужно ~700px: уже 1240px они переносятся во вторую строку шапки (без прокрутки вбок) */
@media (max-width:1240px){
  .site-header .header-inner{flex-wrap:wrap;gap:6px 12px;padding:10px 20px;min-height:0}
  .main-nav{order:3;flex-basis:100%;margin-left:0;flex-wrap:wrap;gap:6px 18px;padding-bottom:4px}
  .sections-toggle{margin-left:auto}
  .sections-toggle + .header-account{margin-left:12px}
}
@media (max-width:520px){.site-header .header-inner{padding:10px 16px}.main-nav{gap:4px 14px}.main-nav a{font-size:.88rem}}

/* каталог: переключатель уровня «Вузы / Колледжи» и фильтр основы приёма (решение 114) */
.tag-active{background:var(--text);border-color:var(--text);color:#fff}
a.tag-active:hover{background:var(--text);border-color:var(--text);color:#fff}
.base-filter{margin-bottom:16px}

/* ---------- Программы университетов и колледжей — раздельно; FAQ по уровням (решение 115) ---------- */
.stat-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px 56px;margin-bottom:8px}
.stat-half{display:block;color:inherit;text-decoration:none;padding-top:14px;border-top:3px solid var(--sky)}
.stat-half:hover{border-top-color:var(--sky-strong)}
.stat-half .stat-label{min-height:3.2em}
.stat-half .stat-big{font-size:clamp(3rem,8vw,6.5rem)}
.faq-level{margin:28px 0 12px;font-size:1.15rem;color:var(--sky-ink)}
@media (max-width:760px){.stat-pair{grid-template-columns:1fr}.stat-half .stat-label{min-height:0}}

/* ---------- Буся пролетает по сайту (решение 115). Запускает app.js; при reduced-motion не показывается. ---------- */
.flyby{position:fixed;left:0;top:var(--fly-top,30vh);z-index:9;display:block;pointer-events:none;transform:translateX(-320px)}
.flyby[hidden]{display:none}
.flyby.is-flying{animation:flyby-cross 13s linear both}
.flyby:hover,.flyby:focus-within{animation-play-state:paused}
.flyby-link{position:relative;display:block;width:200px;pointer-events:auto;text-decoration:none;animation:flyby-bob 1.6s ease-in-out infinite alternate}
.flyby-bird{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 10px 12px rgba(27,74,107,.18))}
/* взмахи: крыло поворачивается у плеча (правый нижний край) и уходит вниз; дальнее — с запаздыванием */
.flyby-bird .f-wing{transform-box:fill-box;transform-origin:85% 95%;animation:flyby-flap .5s ease-in-out infinite alternate}
.flyby-bird .f-wing-back{animation-delay:-.15s}
.flyby-bird .f-scarf{transform-box:fill-box;transform-origin:100% 0;animation:flyby-scarf .35s ease-in-out infinite alternate}
.flyby-bird .f-scarf-2{animation-delay:-.12s}
@keyframes flyby-flap{from{transform:scaleY(1)}to{transform:scaleY(-.55)}}
@keyframes flyby-scarf{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}
.flyby-say{position:absolute;left:34px;bottom:calc(100% - 6px);padding:7px 13px;border-radius:14px;background:#fff;border:1px solid var(--sky-strong);color:var(--sky-ink);font-size:.86rem;font-weight:500;line-height:1.2;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(27,74,107,.5)}
.flyby-say::after{content:"";position:absolute;left:26px;bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid var(--sky-strong);border-bottom:1px solid var(--sky-strong);transform:rotate(45deg)}
.flyby-close{position:absolute;left:186px;top:-6px;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:50%;border:1px solid var(--sky-strong);background:#fff;color:var(--sky-ink);font-size:17px;line-height:1;cursor:pointer;box-shadow:0 6px 14px -8px rgba(27,74,107,.6);opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s var(--ease-out),background .18s}
.flyby-close::before{content:"";position:absolute;inset:-8px}
.flyby-close:hover{background:var(--sky)}
.flyby:hover .flyby-close,.flyby:focus-within .flyby-close{opacity:1;transform:none}
@keyframes flyby-cross{0%{transform:translateX(-320px)}30%{transform:translateX(calc(38vw - 120px))}70%{transform:translateX(calc(56vw - 120px))}100%{transform:translateX(calc(100vw + 40px))}}
@keyframes flyby-bob{from{transform:translateY(-7px)}to{transform:translateY(7px)}}
@media (max-width:760px){.flyby-link{width:170px}.flyby-say{left:10px;font-size:.78rem;padding:6px 10px}.flyby-close{left:156px;opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.flyby{display:none}}

/* ── Материалы: курсы и «Поступление» (решения 116–117) ─────────────────── */
.course-resources{margin-top:40px}
.course-resources h2{margin-bottom:4px}
.resource-group{font-size:1rem;margin:26px 0 10px}
.resource-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;padding:0;margin:0}
.resource-card{border-radius:10px;border:1px solid var(--border);background:var(--surface,#fff);transition:box-shadow .15s,border-color .15s}
.resource-card:hover{border-color:var(--sky-strong);box-shadow:0 4px 16px -8px rgba(27,74,107,.18)}
.resource-inner{display:flex;align-items:center;gap:14px;height:100%;padding:13px 16px;text-decoration:none;color:inherit}
.resource-inner:hover .resource-title{color:var(--sky-ink)}
.resource-icon{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--sky);color:var(--sky-ink);font-size:.72rem;font-weight:700;letter-spacing:.03em}
.resource-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.resource-title{font-weight:600;font-size:.95rem;line-height:1.3}
.resource-desc{display:block;line-height:1.35}
.resource-host{flex-shrink:0;align-self:flex-start;white-space:nowrap}
@media (max-width:600px){.resource-list{grid-template-columns:1fr}.resource-host{display:none}}

/* ── Калькулятор шансов и конкурсного балла (решение 119) ─────────────────── */
.chances-form{margin-top:24px}
.chances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 18px;margin:14px 0 18px}
.chances-field{display:flex;flex-direction:column;justify-content:space-between;gap:6px;font-size:.9rem;color:var(--text-muted)}
.chances-field input[type=text],.chances-field select{color:var(--text)}
.chances-field .checkbox{color:var(--text-muted);font-size:.8rem}
.chances-result{margin-top:40px}
.chances-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 8px}
.chances-summary a{display:block;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-small);text-decoration:none;color:var(--text-muted);font-size:.9rem}
.chances-summary a strong{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--text)}
.chances-summary a:hover{border-color:var(--sky-strong)}
.chances-total{font-size:1.05rem;margin:0 0 14px}
.chances-total strong{font-family:var(--font-display);font-size:1.6rem}
@media (max-width:640px){.chances-summary{grid-template-columns:1fr}}

/* ── График проходных баллов (решение 119): палитра проверена валидатором (CVD, контраст) ── */
.score-block{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:18px 28px;align-items:start;margin:12px 0}
.score-chart{margin:0;--sc-budget:#2a78d6;--sc-paid:#eb6834}
.score-chart svg{display:block;width:100%;height:auto;overflow:visible}
.score-chart-legend{display:flex;gap:16px;font-size:.8rem;color:var(--text-muted);margin-bottom:4px}
.sc-key{display:inline-flex;align-items:center;gap:6px}
.sc-key i{display:inline-block;width:16px;height:0;border-top:2px solid var(--sc-budget)}
.sc-key.sc-paid i{border-top:2px dashed var(--sc-paid)}
.sc-grid{stroke:var(--border);stroke-width:1}
.sc-axis{fill:var(--text-muted);font-size:10px}
.sc-series path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sc-budget path{stroke:var(--sc-budget)}
.sc-paid path{stroke:var(--sc-paid);stroke-dasharray:5 4}
.sc-dot{stroke:#fff;stroke-width:2}
.sc-budget .sc-dot{fill:var(--sc-budget)}
.sc-paid .sc-dot{fill:var(--sc-paid)}
.sc-hit{fill:transparent;cursor:default}
.sc-point:hover .sc-dot{r:5.5}
.sc-value{fill:var(--text);font-size:11px;font-weight:600}
@media (max-width:760px){.score-block{grid-template-columns:1fr}}

/* ── Подразделы сфер раскрываются в карточке (решение 121) ──────────────── */
.spec-groups{align-items:start}
.sec-list{margin-top:10px;border-top:1px solid var(--border)}
.sec-item{border-bottom:1px solid var(--border)}
.sec-item summary{display:flex;align-items:center;gap:10px;padding:10px 2px;cursor:pointer;list-style:none;font-weight:500}
.sec-item summary::-webkit-details-marker{display:none}
.sec-item summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s var(--ease-out)}
.sec-item[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.sec-item summary:hover .sec-name{color:var(--sky-ink)}
.sec-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--sky-soft);color:var(--sky-ink);font-size:.78rem;font-weight:600}
.sec-specs{margin:0 0 12px;padding-left:2px}
.sec-specs li{margin:.45em 0;line-height:1.35}
.sec-all{margin:12px 0 0}

/* ---------- Разбор задания по фото (решение 127) ---------- */
.solve-form{display:grid;gap:12px;margin-top:24px}
.solve-drop{display:grid;gap:4px;justify-items:center;padding:22px;border:1.5px dashed var(--sky);border-radius:14px;background:var(--sky-soft);cursor:pointer;text-align:center}
.solve-drop input{position:absolute;width:1px;height:1px;opacity:0}
.solve-drop:focus-within{outline:2px solid var(--sky-strong);outline-offset:2px}
.solve-form textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:10px;resize:vertical}
.solve-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.solve-result{margin-top:18px}
.solve-answer .katex{font-size:1.05em}
/* фото задания в чате ассистента (решение 128) */
.chat-attach{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border:1px solid var(--sky-strong);border-radius:12px;background:var(--sky-soft);font-size:1.3rem;cursor:pointer}
.chat-attach input{position:absolute;width:1px;height:1px;opacity:0}
.chat-attach:focus-within{outline:2px solid var(--sky-ink);outline-offset:2px}
.chat-attach.has-file{background:var(--sky);border-color:var(--sky-ink)}
.chat-photo{margin:6px 0 0}
@media (max-width:620px){.chat-attach{width:100%;height:44px}}

/* ---------- Тренировочные варианты ЦТ/ЦЭ (решение 132) ---------- */
.vt-subjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:26px}
.vt-subject{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s var(--ease-out)}
.vt-subject:hover{border-color:var(--sky-strong);transform:translateY(-2px);color:inherit}
.vt-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.vt-cats .tag{text-decoration:none}
.vt-cats .tag.is-active{background:var(--sky);border-color:var(--sky-strong);color:var(--sky-ink)}
.vt-years{margin-top:22px;border-top:1px solid var(--border)}
.vt-years li{margin:0;border-bottom:1px solid var(--border)}
.vt-years a{display:flex;gap:18px;align-items:baseline;padding:16px 4px;text-decoration:none}
.vt-years a strong{min-width:4.5em}
.vt-years a > .muted.small:has(+ .vt-done),.vt-years a .vt-dots{margin-left:auto}
.vt-dots{display:inline-flex;gap:3px;vertical-align:middle}
.vt-dots i{width:7px;height:7px;border-radius:50%;background:var(--border)}
.vt-dots i.on{background:var(--sky-ink)}
.vt-jump{position:sticky;top:64px;z-index:3;display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 8px;padding:10px 0;background:var(--bg,#fff)}
.vt-jump a{min-width:2.6em;padding:4px 8px;border:1px solid var(--border);border-radius:8px;text-align:center;font-size:.85rem;text-decoration:none}
.vt-jump a:hover{border-color:var(--sky-strong);background:var(--sky)}
.vt-part{margin:30px 0 12px}
.vt-protected{position:relative}
.vt-task{position:relative;margin:0 0 16px;scroll-margin-top:120px}
.vt-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.vt-num{font:600 1.05rem var(--font-display);min-width:2.4em}
.vt-head .vt-dots{margin-left:auto}
.vt-q{white-space:pre-line;line-height:1.6}
.vt-options{margin:10px 0 0;padding-left:1.6em;line-height:1.7}
.vt-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.vt-input{flex:1 1 180px;max-width:260px;padding:.55em .8em;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit}
.vt-choice{display:flex;gap:6px}
.vt-choice label{cursor:pointer}
.vt-choice input{position:absolute;opacity:0;pointer-events:none}
.vt-choice span{display:inline-flex;align-items:center;justify-content:center;width:2.3em;height:2.3em;border:1px solid var(--border);border-radius:50%;font-weight:600}
.vt-choice input:checked+span{background:var(--sky);border-color:var(--sky-ink);color:var(--sky-ink)}
.vt-choice input:focus-visible+span{outline:2px solid var(--sky-ink);outline-offset:2px}
.vt-result:empty{display:none}
.vt-result{margin-top:10px}
.vt-ask{margin-top:12px}
.vt-ask summary{cursor:pointer;color:var(--sky-ink);font-weight:500;font-size:.92rem}
.vt-ask textarea{width:100%;margin-top:8px;padding:.6em .8em;border:1px solid var(--border);border-radius:var(--radius-small);font:inherit;resize:vertical}
/* защита: без выделения и «долгого нажатия», водяной знак, размытие вне фокуса, без печати */
.vt-protect .vt-protected{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.vt-protect .vt-protected input,.vt-protect .vt-protected textarea{-webkit-user-select:text;user-select:text}
.vt-watermark{position:absolute;inset:0;z-index:2;pointer-events:none;background-repeat:repeat}
.vt-protected img{pointer-events:none}
.vt-hidden .vt-protected{filter:blur(14px);transition:filter .1s}
.vt-print-stub{display:none}
@media print{.vt-protected,.vt-jump{display:none!important}.vt-print-stub{display:block;font-size:1.2rem}}
.vt-protect .flyby{display:none!important} /* Буся не пролетает над заданиями */

/* ---------- Чат ассистента как в ChatGPT/Claude (решение 133) ----------
   Лента на всю высоту окна, поле ввода внизу, свой вопрос — сразу; Буся — в боковой колонке. */
.assistant-app{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:start;padding-top:14px;padding-bottom:14px}
.chat-app{display:flex;flex-direction:column;height:calc(100dvh - var(--header-h,68px) - 28px);min-height:460px;border:1px solid var(--border);border-radius:20px;background:#fff;overflow:hidden}
.chat-head{display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border)}
.chat-title{margin:0;font-size:1.02rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.chat-sub{margin:2px 0 0;font-size:.8rem;color:var(--text-muted)}
.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px 18px 10px;overscroll-behavior:contain}
.chat-app .chat-log{max-height:none;overflow:visible;max-width:740px;margin:0 auto;padding:0;gap:22px}
.chat-app .chat-typing{max-width:740px;margin:16px auto 0}
.chat-empty{padding:5vh 0 6px;text-align:center}
.chat-empty-title{margin:0 0 8px;font-family:var(--font-display);font-size:1.7rem;font-weight:600;letter-spacing:-.02em}
.chat-empty-sub{max-width:34em;margin:0 auto 24px;color:var(--text-muted)}
.chat-starters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left}
.starter{font:inherit;font-size:.92rem;line-height:1.35;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);cursor:pointer;text-align:left}
.starter:hover{border-color:var(--sky-strong);background:var(--sky-soft)}
.starter:focus-visible{outline:2px solid var(--sky-ink);outline-offset:2px}
.chat-log:has(.chat-turn) .chat-empty,.chat-log.has-turns .chat-empty{display:none}
/* сообщения: вопрос — серый пузырь справа, ответ — текст рядом с аватаром, без рамки */
.chat-app .chat-msg{max-width:100%}
.chat-app .chat-me{max-width:85%}
.chat-app .chat-me p{padding:10px 15px;border-radius:18px 18px 6px 18px;background:#f1f3f6;color:var(--text);white-space:pre-line}
.chat-app .chat-ai .chat-bubble{flex:1;min-width:0;padding:5px 0 0;border:0;border-radius:0;background:none}
.chat-app .chat-sources{border-top-color:var(--border)}
.chat-turn.is-pending{animation:none}
/* поле ввода */
.composer.chat-form{display:block;padding:8px 14px 0}
.composer-row{display:flex;align-items:flex-end;gap:4px;max-width:740px;margin:0 auto;padding:6px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 8px 28px -18px rgba(11,11,11,.35)}
.composer-row:focus-within{border-color:var(--sky-strong);box-shadow:0 0 0 4px var(--sky-soft)}
.composer textarea{flex:1;min-height:24px;max-height:200px;padding:8px 4px;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;line-height:1.45;resize:none;box-shadow:none}
.composer textarea:focus{outline:none;box-shadow:none}
.composer-btn,.composer-send{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%}
.composer-btn{position:relative;color:var(--text-muted);cursor:pointer}
.composer-btn:hover{background:#f1f3f6;color:var(--text)}
.composer-btn:focus-within{outline:2px solid var(--sky-ink);outline-offset:1px}
.composer-btn input{position:absolute;width:1px;height:1px;opacity:0}
.composer-btn.has-file{background:var(--sky);color:var(--sky-ink)}
.composer-send{border:0;background:var(--text);color:#fff;cursor:pointer}
.composer-send:hover{background:#2b2b2b}
.composer-send[disabled]{opacity:.35;cursor:default}
.composer-file{display:flex;align-items:center;gap:6px;max-width:740px;margin:0 auto 6px;font-size:.82rem;color:var(--sky-ink)}
.composer-file[hidden]{display:none}
.composer-file button{display:inline-flex;padding:2px;border:0;background:none;color:inherit;cursor:pointer}
.composer-note{max-width:740px;margin:6px auto 10px;padding:0 14px;text-align:center;font-size:.74rem;color:var(--text-muted)}
/* боковая колонка с Бусей */
.assistant-side{position:sticky;top:calc(var(--header-h,68px) + 22px);display:grid;gap:16px;justify-items:center}
.assistant-side .mascot-stage{width:200px;padding-top:54px}
.side-points{display:grid;gap:10px;margin:0;padding:0;list-style:none;font-size:.86rem;color:var(--text-muted)}
.side-points li{display:flex;gap:10px;align-items:flex-start}
.side-points .icon{flex:none;margin-top:1px;color:var(--sky-ink)}
.side-engine{margin:0;text-align:center}
.assistant-more{padding-top:24px}
@media (max-width:1000px){.assistant-app{grid-template-columns:1fr}.assistant-side{display:none}}
@media (max-width:620px){
  .assistant-app{padding-top:8px;padding-bottom:8px}
  .chat-app{height:calc(100dvh - var(--header-h,68px) - 16px);border-radius:16px}
  .chat-scroll{padding:16px 12px 8px}
  .chat-starters{grid-template-columns:1fr}
  .chat-empty{padding-top:2vh}
  .chat-empty-title{font-size:1.35rem}
  .composer.chat-form{padding:6px 8px 0}
}
.side-about{margin:0;text-align:center;line-height:1.45}
.side-bot{font-size:.86rem;font-weight:500;color:var(--sky-ink);text-decoration:underline;text-underline-offset:3px}
/* страница чата — как приложение: без подвала и пролётов Буси, страница не прокручивается */
.page-chat .site-footer,.page-chat .flyby{display:none!important}

/* ---------- Спокойные кнопки (решение 133) ----------
   Три вида: чёрная основная, контурная, текстовая ссылка со стрелкой. Без шевронов, волн,
   свечения, подпрыгивания, 3D-наклона и переливов — как в аккуратных продуктовых интерфейсах. */
.btn,.btn:hover,.btn:active{transform:none!important;box-shadow:none!important}
.btn-chevron::after{content:none!important}
.btn-glow{animation:none!important}
.ripple{display:none!important}
.is-tilting{transform:none!important}
.btn-ghost{border-color:var(--border-strong)}
.btn-ghost:hover{background:#f4f5f7;border-color:var(--text)}
.btn-light:hover{background:#eef0f3}
.btn .icon{flex:none}
.shine{animation:word-in .9s var(--ease-out) .14s both!important;background:none!important;color:inherit!important;-webkit-background-clip:border-box;background-clip:border-box}
/* «Разделы» — обычная контурная кнопка, а не голубая «таблетка» */
.sections-toggle{background:#fff;border-color:var(--border-strong);border-radius:var(--radius-small);color:var(--text)}
.sections-toggle:hover{background:#f4f5f7;color:var(--text);transform:none;box-shadow:none}
.sections-toggle:hover svg,.sections-toggle[aria-expanded="true"] svg{transform:none}
.dark-hero .site-header:not(.is-solid) .sections-toggle{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
/* ссылки «Все N вузов» в карточках — текстом, не кнопкой */
.preview-foot .arrow-link{font-size:.88rem}
.fc-msg .icon{vertical-align:-3px;margin-right:4px;color:var(--sky-strong)}
.solve-drop-title{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--sky-ink)}
.side-logo{display:block;height:44px;width:auto}

/* ---------- Варианты ЦТ/ЦЭ: задания слева, чат BuseAI справа (решение 134) ---------- */
.study-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:28px;align-items:start;padding-top:14px;padding-bottom:40px}
.study-main{min-width:0}
.study-main .breadcrumbs{margin-bottom:14px}
.page-study .vt-jump{top:var(--header-h,64px)}
.page-study .vt-task{scroll-margin-top:calc(var(--header-h,64px) + 70px)}
.study-chat{position:sticky;top:calc(var(--header-h,68px) + 14px)}
.study-chat .chat-app{height:calc(100dvh - var(--header-h,68px) - 28px)}
.study-chat .chat-head{position:relative}
.study-chat .chat-title{margin:0;font:600 1.02rem var(--font-display)}
.study-chat .chat-scroll{padding:18px 14px 8px}
.study-chat .composer.chat-form{padding:8px 10px 0}
.study-chat-close{display:none;margin-left:auto;padding:8px;border:0;border-radius:50%;background:none;color:var(--text-muted);cursor:pointer}
.study-chat-close:hover{background:#f1f3f6;color:var(--text)}
.composer-task{gap:4px}
.composer-task span{padding:3px 10px;border-radius:999px;background:var(--sky);font-weight:600}
.study-login{padding:16px 18px 20px;border-top:1px solid var(--border);text-align:center}
.study-login p{margin:0 0 12px;color:var(--text-muted);font-size:.92rem}
.vt-foot{display:flex;justify-content:flex-end;margin-top:12px}
.vt-ask-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font:500 .88rem var(--font-body,inherit);text-decoration:none;cursor:pointer}
.vt-ask-btn:hover{border-color:var(--sky-strong);background:var(--sky);color:var(--sky-ink)}
.vt-report{margin-top:8px;font-size:.84rem;color:var(--text-muted)}
.vt-report summary{cursor:pointer;width:max-content;margin-left:auto;list-style:none}
.vt-report summary::-webkit-details-marker{display:none}
.vt-report summary:hover{color:var(--text)}
.vt-report form{display:flex;gap:8px;align-items:flex-start;margin-top:8px}
.vt-report textarea{flex:1;min-width:0;font:inherit;font-size:.9rem;padding:8px 10px;border:1px solid var(--border);border-radius:10px;resize:vertical}
.vt-reported{margin:8px 0 0;font-size:.86rem;color:var(--sky-ink)}
@media (max-width:560px){.vt-report form{flex-direction:column}.vt-report form button{align-self:flex-end}}
.vt-task.is-asking{border-color:var(--sky-strong);box-shadow:0 0 0 3px var(--sky-soft)}
.study-fab{display:none}
.page-study .to-top,.page-chat .to-top{display:none!important} /* номера заданий наверху и так под рукой */
@media (max-width:1000px){
  .study-app{grid-template-columns:1fr}
  .study-chat{position:fixed;inset:0;z-index:60;display:none;padding:10px;background:rgba(11,11,11,.32)}
  .study-chat.is-open{display:block}
  .study-chat .chat-app{height:100%;min-height:0}
  .study-chat-close{display:inline-flex}
  .study-chat-open{overflow:hidden}
  .study-chat-open main{animation:none} /* fade-in с fill:both держит слой ниже шапки */
  .study-fab{position:fixed;right:16px;bottom:16px;z-index:50;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:999px;background:var(--text);color:#fff;font:600 .95rem inherit;box-shadow:0 10px 28px -12px rgba(11,11,11,.55);cursor:pointer}
  .study-chat-open .study-fab{display:none}
}
@media (max-width:620px){.study-chat{padding:0}.study-chat .chat-app{border-radius:0;border:0}}
.vt-subject.is-soon{opacity:.75;border-style:dashed}
.vt-soon{align-self:flex-start;padding:2px 10px;border-radius:999px;background:var(--sky);color:var(--sky-ink);font-size:.8rem;font-weight:500}

/* ---------- Движение и детали оформления (решение 141). Спокойно, без «нейрослопа» (решение 133):
   без теней и подпрыгиваний кнопок; всё выключается при prefers-reduced-motion. ---------- */

/* плавная смена страниц (браузеры с View Transitions; остальные — как раньше) */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}
.site-header{view-transition-name:site-header}

/* полоса прочитанного вверху и кнопка «наверх» */
.scroll-progress{position:fixed;left:0;top:0;z-index:60;width:100%;height:3px;background:var(--sky-strong);transform-origin:0 50%;transform:scaleX(var(--progress,0));pointer-events:none}
.to-top{position:fixed;right:18px;bottom:18px;z-index:40;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--text);cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .3s var(--ease-out),border-color .2s}
.to-top.is-on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{border-color:var(--sky-strong)}
.to-top svg{width:18px;height:18px;stroke:currentColor}  /* старое правило красило стрелку в белый — на белой кнопке её не было видно */
.page-chat .to-top,.page-study .to-top{display:none}

/* раскрывающиеся блоки (FAQ, «Нашли ошибку?») открываются по высоте, где браузер умеет */
@supports (interpolate-size:allow-keywords){
  :root{interpolate-size:allow-keywords}
  details::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease-out),content-visibility .35s allow-discrete}
  details[open]::details-content{block-size:auto}
}

/* акценты без картинок: черта перед подзаголовком-«бровью», линия под заголовком страницы */
main .eyebrow:not(.hero .eyebrow){display:flex;align-items:center;gap:10px}
main .eyebrow:not(.hero .eyebrow)::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--sky-strong);flex:none}
main .section h1:not(.hero h1)::after{content:"";display:block;width:56px;height:3px;margin-top:14px;border-radius:3px;background:linear-gradient(90deg,var(--sky-strong),var(--sky));transform-origin:0 50%;animation:line-draw .9s var(--ease-out) .15s both}
@keyframes line-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* блок-призыв: тонкая точечная сетка в углу */
.cta-box{position:relative;overflow:hidden}
.cta-box::after{content:"";position:absolute;right:-20px;top:-20px;width:180px;height:180px;background:radial-gradient(circle,rgba(27,74,107,.14) 1.2px,transparent 1.6px) 0 0/14px 14px;-webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 70%);mask-image:radial-gradient(circle at 70% 30%,#000,transparent 70%);pointer-events:none}
.cta-box > *{position:relative;z-index:1}
/* карточки-ссылки: при наведении сверху проявляется голубая полоска (без тени и подъёма) */
.card-link,.uni-card,.vt-subject{background-image:linear-gradient(var(--sky-strong),var(--sky-strong));background-repeat:no-repeat;background-size:0 3px;background-position:0 0;transition:background-size .35s var(--ease-out),border-color .2s}
.card-link:hover,.uni-card:hover,.vt-subject:hover{background-size:100% 3px}
/* выделение важного маркером, который «прорисовывается» при появлении */
.hl{background:linear-gradient(transparent 62%,rgba(156,203,235,.55) 62%) no-repeat 0 0/0 100%;transition:background-size .9s var(--ease-out) .2s}
.is-in .hl,.hl.is-in{background-size:100% 100%}

/* варианты: прогресс, таймер, отклик на ответ */
.vt-progress{margin:18px 0 4px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}
.vt-progress-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:.92rem}
.vt-progress-text strong{font-variant-numeric:tabular-nums}
.vt-progress-tools{display:flex;gap:8px;flex-wrap:wrap}
.vt-tool{font:500 .84rem var(--font-body,inherit);padding:5px 11px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums}
.vt-tool:hover{border-color:var(--sky-strong);background:var(--sky-soft)}
.vt-tool.is-running{border-color:var(--sky-strong);background:var(--sky-soft);color:var(--sky-ink)}
.vt-tool.is-over{border-color:#e9b8a0;background:#fdf1ea;color:#9a3b12}
.vt-progress-bar{height:6px;margin-top:10px;border-radius:6px;background:#eef1f4;overflow:hidden}
.vt-progress-bar i{display:block;height:100%;width:100%;border-radius:6px;background:linear-gradient(90deg,#3aa37a,#5cc49a);transform-origin:0 50%;transform:scaleX(var(--done,0));transition:transform .6s var(--ease-out)}
.vt-jump a.is-solved{border-color:#9fd6bd;background:#eaf7f0;color:#05654a}
.vt-task{transition:border-color .3s}
.vt-task.is-solved{border-color:#9fd6bd}
.vt-task.is-solved .vt-num::after{content:"✓";margin-left:6px;color:#05654a;font-size:.9em;animation:pop-in .35s var(--ease-out)}
.vt-task.just-solved{animation:solved-flash 1.1s var(--ease-out)}
@keyframes solved-flash{0%{box-shadow:0 0 0 0 rgba(58,163,122,.35)}100%{box-shadow:0 0 0 14px rgba(58,163,122,0)}}
.vt-form.is-wrong .vt-input,.vt-form.is-wrong .vt-choice{animation:nudge .32s ease-in-out}
@keyframes nudge{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.vt-result:not(:empty){animation:fade-up .3s var(--ease-out)}
.vt-done{margin-left:10px;padding:2px 9px;border-radius:999px;background:#eaf7f0;color:#05654a;font-size:.78rem;font-weight:500;white-space:nowrap}
.vt-done.is-full{background:#05654a;color:#fff}

@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  .scroll-progress{display:none}
  details::details-content{transition:none}
}

/* ---------- История чатов ассистента (решение 142) ----------
   Слева, как в ChatGPT/Claude: «Новый чат» и последние чаты. Уже 1240px — без колонки с Бусей,
   уже 1000px — история выезжает слева по кнопке в шапке чата. */
.page-chat .assistant-app{max-width:1480px;grid-template-columns:230px minmax(0,1fr) 250px;gap:22px}
.chat-history{position:sticky;top:calc(var(--header-h,68px) + 14px);display:flex;flex-direction:column;gap:6px;height:calc(100dvh - var(--header-h,68px) - 28px);min-height:0;padding:4px 0}
.history-top{display:flex;align-items:center;gap:6px}
.history-new{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font-weight:600;font-size:.92rem;text-decoration:none}
.history-new:hover{border-color:var(--sky-strong);background:var(--sky-soft);color:var(--text)}
.history-close{display:none;padding:8px;border:0;border-radius:50%;background:none;color:var(--text-muted);cursor:pointer}
.history-label{margin:14px 10px 4px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.history-list li:hover,.history-list li.is-active{background:#f1f3f6}
.history-list a{flex:1;min-width:0;padding:8px 34px 8px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:.88rem;text-decoration:none}
.history-list li.is-active a{font-weight:600}
.history-empty{margin:12px 10px 0;font-size:.86rem;color:var(--text-muted);line-height:1.45}
.history-login{align-self:flex-start;margin:6px 10px 0}
.history-note{margin:auto 10px 0;padding-top:8px;font-size:.74rem;color:var(--text-muted);line-height:1.4}
.chat-head-btn{display:none;flex:none;padding:8px;border:0;border-radius:50%;background:none;color:var(--text);cursor:pointer}
.chat-head-btn:hover{background:#f1f3f6}
@media (max-width:1240px){.page-chat .assistant-app{grid-template-columns:220px minmax(0,1fr)}.page-chat .assistant-side{display:none}}
@media (max-width:1000px){
  .page-chat .assistant-app{grid-template-columns:1fr}
  .chat-head-btn,.history-close{display:inline-flex}
  .chat-history{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(300px,86vw);height:auto;padding:14px 12px;background:#fff;box-shadow:0 0 0 100vmax rgba(11,11,11,.32);transform:translateX(-105%);visibility:hidden;transition:transform .22s var(--ease-out),visibility 0s .22s}
  .chat-history.is-open{transform:none;visibility:visible;transition:transform .22s var(--ease-out)}
  .history-open main{animation:none} /* fade-in с fill:both держит слой ниже шапки (решение 134) */
}
@media (prefers-reduced-motion:reduce){.chat-history{transition:none!important}}

/* ответ найден на официальных сайтах, а не в базе знаний (решение 143) */
.chat-web-note{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.8rem;color:var(--sky-ink)}
.chat-web-note .icon{flex:none}

/* ---------- Папки чатов ассистента (решение 144) ---------- */
.history-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px}
.history-list{margin:0;padding:0;list-style:none}
.history-list li{position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0;border-radius:10px}
.history-act{display:inline-flex;padding:5px;border-radius:8px;color:var(--text-muted);cursor:pointer;list-style:none;opacity:0}
.history-act::-webkit-details-marker{display:none}
.history-list li:hover .history-act,.history-list li.is-active .history-act,.chat-menu[open] .history-act,.history-act:focus-visible{opacity:1}
.history-act:hover{background:#e3e6ea;color:var(--text)}
@media (hover:none){.history-act{opacity:1}}
.chat-menu{position:absolute;top:4px;right:4px}
.chat-menu[open]{position:static;flex-basis:100%;order:2}
.chat-menu[open] .history-act{position:absolute;top:4px;right:4px}
.chat-menu-pop{display:grid;gap:2px;margin:2px 6px 8px;padding:6px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 10px 28px -18px rgba(11,11,11,.4)}
.chat-menu-pop form{margin:0}
.chat-menu-pop button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:.86rem;text-align:left;cursor:pointer}
.chat-menu-pop button span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chat-menu-pop button:hover{background:#f1f3f6}
.chat-menu-pop .is-danger{color:#b42318}
.chat-menu-label{margin:2px 8px 4px;font-size:.74rem;color:var(--text-muted)}
.history-newfolder{margin-top:2px}
.history-newfolder>summary,.history-folder>summary{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:var(--text);font-size:.9rem;cursor:pointer;list-style:none}
.history-newfolder>summary::-webkit-details-marker,.history-folder>summary::-webkit-details-marker,.folder-rename>summary::-webkit-details-marker{display:none}
.history-newfolder>summary{color:var(--text-muted)}
.history-newfolder>summary:hover,.history-folder>summary:hover{background:#f1f3f6;color:var(--text)}
.history-form{display:flex;gap:6px;margin:4px 4px 8px}
.history-form input[type=text]{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:.86rem}
.history-form input[type=text]:focus{outline:none;border-color:var(--sky-strong);box-shadow:0 0 0 3px var(--sky-soft)}
.history-folder{margin:0 0 2px}
.history-folder>summary .icon{flex:none;color:var(--sky-ink)}
.folder-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}
.folder-count{font-size:.74rem;color:var(--text-muted)}
.history-folder[open]>summary .icon{color:var(--text)}
.history-folder>.history-list{margin-left:12px;padding-left:6px;border-left:1px solid var(--border)}
.folder-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0 0 4px 18px}
.folder-tools>a{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;color:var(--sky-ink);font-size:.8rem;font-weight:500;text-decoration:none}
.folder-tools>a:hover{background:var(--sky-soft)}
.folder-tools form{margin:0}
.folder-rename>summary,.folder-del{display:inline-flex;padding:5px;border:0;border-radius:8px;background:none;color:var(--text-muted);cursor:pointer;list-style:none}
.folder-rename>summary:hover,.folder-del:hover{background:#f1f3f6;color:var(--text)}
.folder-del:hover{color:#b42318}
.folder-rename[open]{flex-basis:100%;order:3}
.folder-empty{margin:0 0 6px 24px;font-size:.8rem;color:var(--text-muted);line-height:1.4}
.composer-folder{color:var(--text-muted)}

/* сноски и уточнения в ответе ассистента (решение 146) */
.cite{display:inline-flex;align-items:center;justify-content:center;min-width:1.35em;height:1.35em;margin-left:3px;padding:0 4px;border-radius:999px;background:#eef1f4;color:var(--text-muted);font-size:.68rem;font-weight:600;line-height:1;text-decoration:none;vertical-align:.18em}
a.cite:hover{background:var(--sky);color:var(--sky-ink)}
.cite+.cite{margin-left:2px}
.chat-sources-more summary{margin:2px 0 0;color:var(--text-muted);font-size:.8rem;cursor:pointer}
.chat-sources-more ol{margin:2px 0 0}
.chat-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.chat-suggest .starter{padding:7px 12px;border-radius:999px;font-size:.84rem}

/* прогресс варианта без хранилища браузера (решение 147) */
.vt-progress-note{margin:8px 0 0;font-size:.8rem;color:var(--text-muted)}

/* ---------- Узкие экраны и контраст (решение 147, QA-аудиты) ----------
   Длинные слова («конфиденциальности», «деревоперерабатывающей») переносятся по слогам, а не
   раздвигают страницу; колонки сеток не шире экрана; статистика главной — в одну колонку. */
h1,h2,h3,.h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.card{overflow-wrap:break-word}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}
.stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.stats{grid-template-columns:minmax(0,1fr)}.stat{border-left:0;padding-left:0}}
.statement span,.preview-side p{color:var(--text-muted)}
.vt-pages{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
/* Отчёт для родителя и страница «Родителям» (решение 149) */
.pr-page{max-width:760px}
.pr-title{font-size:clamp(1.9rem,4.6vw,3rem);margin-bottom:.25em}
.pr{display:grid;gap:12px}
.pr-updated{margin-top:20px}
.pf-head{padding-bottom:40px}
.pf-head h1{max-width:14em}
.pf-head .lead{max-width:38em}
.pf-actions{margin-top:24px}
.pf-example{padding:56px 0}
.pf-frame{max-width:760px;margin:0 auto}
.pf-demo{background:#fff;border-color:var(--sky-strong);color:var(--sky-ink);margin-bottom:14px}
.pf-steps{margin-top:24px}
.pf-steps .h3{margin-bottom:8px}
.pf-steps .step-num{color:var(--text-muted)}
.pf-more{padding-top:0}
.pf-know{margin-top:56px}
.pf-list{max-width:48em}
.pf-list li{margin:.45em 0}
.pf-cta{margin-top:32px}
.pr-copy{display:flex;gap:8px;flex-wrap:wrap}
.pr-copy input{flex:1 1 220px;min-width:0;font:inherit;font-size:.85rem;padding:.55em .7em;border:1px solid var(--border);border-radius:var(--radius-small);background:#fff}
.pr-name-label{display:block;margin:6px 0 4px}
.pr-name{width:100%;max-width:320px;font:inherit;font-size:.9rem;padding:.5em .7em;border:1px solid var(--border);border-radius:var(--radius-small);background:#fff}
/* Отчёт для родителя, новая подача (решение 151) */
.pr-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.pr-meta-item{font-size:.85rem;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text-muted)}
.pr-meta-name{border-color:var(--sky-strong);color:var(--sky-ink);background:var(--sky-soft)}
.pr{display:grid;gap:14px}
.pr-summary{background:var(--bg-dark);color:#fff;border-radius:var(--radius-large);padding:26px 26px 22px;position:relative;overflow:hidden}
.pr-summary::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(156,203,235,.35),transparent);pointer-events:none}
.pr-verdict{display:inline-block;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff}
.pr-verdict-good{background:var(--signal);color:#04241a}
.pr-verdict-few{background:var(--sky);color:var(--sky-ink)}
.pr-lede{font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.85rem);line-height:1.25;letter-spacing:-.02em;margin:14px 0 22px;max-width:22em;position:relative;z-index:1}
.pr-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid rgba(255,255,255,.16);position:relative;z-index:1}
.pr-figures>div{padding:14px 14px 0 0}
.pr-figures>div+div{padding-left:14px;border-left:1px solid rgba(255,255,255,.16)}
.pr-figures dt{font-size:.78rem;color:rgba(255,255,255,.65);margin-bottom:6px}
.pr-figures dd{margin:0;font-family:var(--font-display);font-size:1.6rem;line-height:1;letter-spacing:-.02em}
.pr-figures dd span{font-family:var(--font-sans);font-size:.8rem;letter-spacing:0;color:rgba(255,255,255,.7)}
.pr-block{padding:20px 22px}
.pr-block-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.pr-h{font-size:1.05rem;font-family:var(--font-sans);font-weight:600;letter-spacing:0;margin:0}
.pr-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:170px;border-bottom:1px solid var(--border)}
.pr-steps li{display:flex;flex-direction:column;justify-content:flex-end;height:100%;text-align:center;position:relative}
.pr-steps-val{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text);min-height:1.2em;margin-bottom:4px}
.pr-steps-bar{display:block;height:calc(var(--h) * .82);border-radius:6px 6px 0 0;background:var(--sky-strong)}
.pr-steps .is-today .pr-steps-bar{background:var(--accent)}
.pr-steps-day{position:absolute;left:0;right:0;bottom:-38px;font-size:.78rem;color:var(--text-muted);line-height:1.2}
.pr-steps-day small{display:block;font-size:.7rem}
.pr-steps .is-today .pr-steps-day{color:var(--text);font-weight:600}
.pr-note{margin:50px 0 0}
.pr-topics{list-style:none;margin:10px 0 0;padding:0}
.pr-topics li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;grid-template-areas:"name meter now chip" "meta meta meta meta";align-items:center;gap:4px 14px;padding:14px 0;border-top:1px solid var(--border)}
.pr-topics li:first-child{border-top:0}
.pr-topic-name{grid-area:name;font-weight:600;line-height:1.3}
.pr-topic-name .muted{display:block;font-weight:400}
.pr-meter{grid-area:meter;height:8px;border-radius:999px;background:var(--bg-alt);overflow:hidden}
.pr-meter span{display:block;height:100%;background:var(--text)}
.pr-topic-now{grid-area:now;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.pr-gain{font-size:.75rem;font-weight:500;color:#05654a;background:var(--signal-soft);border-radius:999px;padding:1px 6px;margin-left:4px}
.pr-chip{grid-area:chip;font-size:.75rem;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid var(--border)}
.pr-chip-good{background:var(--signal-soft);border-color:transparent;color:#05654a}
.pr-chip-mid{background:var(--sky-soft);border-color:var(--sky);color:var(--sky-ink)}
.pr-chip-weak{background:#fff4e5;border-color:#f3d3a4;color:#7a4a00}
.pr-topic-meta{grid-area:meta}
.pr-empty{margin:10px 0 0}
.pr-duo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;align-items:start}
.pr-talk{background:var(--sky-soft);border-color:var(--sky)}
.pr-talk-list{margin:10px 0 0;padding-left:1.1em}
.pr-talk-list li{margin:.45em 0;line-height:1.45}
.pr-next-title{font-weight:600;margin:10px 0 2px}
.pr-next-when{font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.02em;margin:0 0 6px}
.pr-privacy{margin:4px 0 0}
@media (max-width:760px){.pr-duo{grid-template-columns:minmax(0,1fr)}.pr-topics li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name chip" "meter now" "meta meta"}}
@media (max-width:420px){.pr-summary{padding:22px 18px 18px}.pr-figures dd{font-size:1.3rem}.pr-figures>div+div{padding-left:10px}.pr-steps{gap:5px;height:150px}}

/* ===== Ассистент как ChatGPT / Claude / Gemini (решение 160) =====
   Слева — светло-серая панель истории и инструментов на всю высоту, по центру — чат без рамки:
   на пустом экране приветствие и поле ввода посередине, под ним — чипы и карточки; в разговоре
   поле внизу. Ответ проявляется сверху вниз, под ним — действия; источники — карточками. */
.page-chat{--ai-side:#f7f8fa;--ai-line:#e7eaee;--ai-soft:#f1f3f6}
.page-chat .assistant-app{max-width:none;margin:0;padding:0;gap:0;grid-template-columns:268px minmax(0,1fr) 268px;align-items:stretch;height:calc(100dvh - var(--header-h,68px))}
.page-chat.side-hidden .assistant-app{grid-template-columns:268px minmax(0,1fr)}
.page-chat.side-hidden .assistant-side{display:none}
/* левая панель */
.page-chat .chat-history{position:relative;top:0;height:100%;padding:12px 10px 10px;gap:4px;background:var(--ai-side);border-right:1px solid var(--ai-line)}
.page-chat .history-new{border:1px solid var(--ai-line);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05);padding:10px 12px}
.page-chat .history-new:hover{background:#fff;border-color:#cfd6de}
.history-search{display:flex;align-items:center;gap:8px;margin:6px 0 2px;padding:7px 10px;border-radius:10px;color:var(--text-muted);cursor:text}
.history-search:focus-within,.history-search:hover{background:#eceff3}
.history-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:.88rem;color:var(--text);outline:none}
.history-search kbd{padding:1px 6px;border:1px solid var(--ai-line);border-radius:6px;background:#fff;font:inherit;font-size:.7rem;color:var(--text-muted)}
.history-tools{display:grid;gap:1px;margin:4px 0 6px;padding-bottom:8px;border-bottom:1px solid var(--ai-line)}
.history-tools a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;color:var(--text);font-size:.88rem;text-decoration:none}
.history-tools a:hover{background:#eceff3}
.history-tools .icon{flex:none;color:var(--sky-ink)}
.page-chat .history-label{margin:16px 10px 4px;font-size:.72rem;letter-spacing:.02em;text-transform:none;font-weight:600;color:#8a9099}
.page-chat .history-list li:hover,.page-chat .history-list li.is-active{background:#e9ecf0}
.page-chat .history-newfolder>summary:hover,.page-chat .history-folder>summary:hover{background:#e9ecf0}
.history-none{margin:12px 10px;font-size:.86rem;color:var(--text-muted)}
.history-foot{display:flex;align-items:center;gap:10px;margin-top:6px;padding:9px 10px;border-top:1px solid var(--ai-line);border-radius:0 0 10px 10px;color:var(--text);font-size:.88rem;font-weight:600;text-decoration:none}
.history-foot:hover{background:#eceff3;color:var(--text)}
.history-foot .icon{flex:none;width:32px;height:32px;padding:7px;border-radius:50%;background:var(--sky);color:var(--sky-ink)}
.history-foot small{display:block;font-weight:400;font-size:.7rem;color:var(--text-muted);line-height:1.3}
.page-chat .history-login{margin:8px 10px 0}
/* центр */
.page-chat .chat-app{position:relative;height:100%;min-height:0;border:0;border-radius:0;background:#fff}
.page-chat .chat-head{position:relative;z-index:3;gap:8px;padding:8px 14px;border-bottom:0;background:linear-gradient(#fff 70%,rgba(255,255,255,0))}
.chat-head-tools{display:flex;gap:2px;margin-left:auto}
.page-chat .chat-head-tools .chat-head-btn{display:inline-flex;color:var(--text-muted)}
.page-chat .chat-head-tools .chat-head-btn:hover{color:var(--text)}
.model-pick{position:relative}
.model-pick>summary{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:12px;cursor:pointer;list-style:none;font-weight:600}
.model-pick>summary::-webkit-details-marker{display:none}
.model-pick>summary:hover,.model-pick[open]>summary{background:var(--ai-soft)}
.model-pick .chat-avatar{width:28px;height:28px}
.model-name{font-size:1.02rem;letter-spacing:-.01em}
.model-tag{padding:2px 8px;border-radius:999px;background:var(--sky-soft);color:var(--sky-ink);font-size:.72rem;font-weight:600}
.model-pick>summary .icon{color:var(--text-muted)}
.model-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:320px;padding:12px;border:1px solid var(--ai-line);border-radius:16px;background:#fff;box-shadow:0 18px 50px -20px rgba(16,24,40,.35)}
.model-pop-title{margin:2px 6px 8px;font-weight:600}
.model-modes{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.model-modes li{display:flex;gap:10px;padding:8px 6px;border-radius:10px;font-size:.84rem;color:var(--text-muted);line-height:1.4}
.model-modes li:hover{background:var(--ai-soft)}
.model-modes .icon{flex:none;margin-top:2px;color:var(--sky-ink)}
.model-modes b{display:block;color:var(--text);font-weight:600}
.model-engine{margin:8px 6px 2px}
.page-chat .chat-scroll{padding:8px 20px 12px}
.page-chat .chat-app .chat-log{max-width:780px;gap:26px}
.page-chat .chat-app .chat-typing{max-width:780px}
/* пустой экран: приветствие и поле посередине */
.page-chat .chat-empty{padding:0;text-align:center}
.page-chat .chat-empty .chat-avatar{width:56px;height:56px;margin:0 auto 14px;box-shadow:0 10px 30px -12px rgba(27,74,107,.5);border-radius:50%}
.chat-hello{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(92deg,#1b4a6b 10%,#3f8fcf 45%,#8cc3ea 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-chat .chat-empty-title{margin:6px 0 0;font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:500;letter-spacing:-.02em;color:#a0a7b0}
.page-chat .chat-app.is-empty .chat-scroll{flex:0 0 auto;margin-top:auto;overflow:visible;padding-bottom:22px}
.page-chat .chat-app.is-empty .chat-launch{display:block;margin-bottom:auto}
.page-chat .chat-app:not(.is-empty) .chat-launch{display:none}
.chat-launch{display:none;width:100%;max-width:780px;margin:14px auto 0;padding:0 20px}
.chat-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.chat-tool{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--ai-line);border-radius:999px;background:#fff;color:var(--text);font:inherit;font-size:.86rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.chat-tool:hover{background:var(--sky-soft);border-color:var(--sky-strong);color:var(--text);transform:translateY(-1px)}
.chat-tool .icon{color:var(--sky-ink)}
.page-chat .chat-starters{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:22px}
.page-chat .starter{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--ai-line);border-radius:16px;background:#fff;font-size:.92rem;font-weight:500;text-align:left;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.page-chat .starter:hover{background:#fff;border-color:var(--sky-strong);box-shadow:0 10px 24px -16px rgba(27,74,107,.45);transform:translateY(-2px)}
.starter-kicker{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sky-ink)}
/* поле ввода */
.page-chat .composer.chat-form{position:static;padding:0 20px}
.composer-box{position:relative;max-width:780px;margin:0 auto;border:1px solid #dfe3e8;border-radius:26px;background:#fff;box-shadow:0 10px 40px -18px rgba(16,24,40,.28),0 1px 2px rgba(16,24,40,.04);transition:border-color .15s,box-shadow .15s}
.composer-box:focus-within{border-color:var(--sky-strong);box-shadow:0 10px 40px -18px rgba(27,74,107,.45),0 0 0 4px var(--sky-soft)}
.page-chat .composer textarea{display:block;width:100%;min-height:28px;max-height:220px;padding:16px 20px 6px;font-size:1rem;line-height:1.5;resize:none}
.page-chat .composer-row{max-width:none;margin:0;padding:6px 8px 8px;border:0;border-radius:0;background:none;box-shadow:none;align-items:center}
.page-chat .composer-row:focus-within{box-shadow:none}
.page-chat .composer-file{margin:12px 20px 0;max-width:none}
.composer-hint{flex:1;display:inline-flex;align-items:center;gap:5px;min-width:0;padding:0 6px;font-size:.76rem;color:#9aa1a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.composer-hint.is-low{color:#b54708}
.composer-mic.is-listening{background:#fee4e2;color:#b42318;animation:mic-pulse 1.2s ease-in-out infinite}
@keyframes mic-pulse{50%{box-shadow:0 0 0 6px rgba(240,68,56,.15)}}
.page-chat .composer-send{width:36px;height:36px}
.page-chat .composer-note{margin:8px auto 10px;font-size:.72rem;color:#9aa1a9}
.page-chat .chat-app.is-empty .composer-note{margin-top:0}
.composer-drop{position:absolute;inset:10px;z-index:30;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--sky-strong);border-radius:24px;background:rgba(238,246,252,.94);color:var(--sky-ink);font-weight:600}
.chat-app.is-drop .composer-drop{display:flex}
/* сообщения */
.page-chat .chat-app .chat-me{max-width:78%}
.page-chat .chat-app .chat-me p{padding:11px 16px;border-radius:22px;background:var(--ai-soft);font-size:.98rem}
.page-chat .chat-ai .chat-avatar{width:30px;height:30px;margin-top:2px}
.page-chat .chat-app .chat-ai .chat-bubble{padding-top:4px}
.page-chat .chat-text{font-size:1rem;line-height:1.68}
.chat-ai.is-new .chat-bubble{-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:ai-reveal 1.1s cubic-bezier(.3,.6,.3,1) both}
@keyframes ai-reveal{from{-webkit-mask-size:100% 0%;mask-size:100% 0%}to{-webkit-mask-size:100% 130%;mask-size:100% 130%}}
.chat-actions{display:flex;gap:2px;margin:10px 0 0 -6px;opacity:0;transition:opacity .15s}
.chat-turn:last-child .chat-actions,.chat-turn:hover .chat-actions,.chat-actions:focus-within{opacity:1}
@media (hover:none){.chat-actions{opacity:1}}
.chat-actions button{display:inline-flex;padding:6px;border:0;border-radius:8px;background:none;color:#8a9099;cursor:pointer}
.chat-actions button:hover{background:var(--ai-soft);color:var(--text)}
.chat-actions button[aria-pressed=true]{color:var(--sky-ink);background:var(--sky-soft)}
.chat-actions .is-done{color:#05654a}
/* источники карточками */
.page-chat .chat-sources{margin-top:14px;padding-top:0;border-top:0}
.page-chat .chat-sources-title{margin:0 0 8px;font-size:.74rem;color:#8a9099}
.src-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:0;padding:0!important;list-style:none}
.src-cards li{margin:0!important}
.src-cards a{display:flex;flex-direction:column;gap:4px;height:100%;padding:9px 11px;border:1px solid var(--ai-line);border-radius:12px;background:#fafbfc;color:var(--text);text-decoration:none;transition:background .15s,border-color .15s}
.src-cards a:hover{background:#fff;border-color:var(--sky-strong);color:var(--text)}
.src-top{display:flex;align-items:center;gap:6px;min-width:0}
.src-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--sky);color:var(--sky-ink);font-size:.66rem;font-weight:700}
.src-host{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;color:#8a9099}
.src-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem;line-height:1.35;font-weight:500}
.src-date{font-size:.7rem;color:#9aa1a9}
.page-chat .chat-sources-more summary{margin-top:8px;font-size:.78rem;color:var(--sky-ink);cursor:pointer}
/* «думает»: этапы с бегущим бликом */
.thinking{display:inline-flex;align-items:center;padding:6px 2px}
.thinking-text{font-size:.95rem;font-weight:500;background:linear-gradient(90deg,#9aa1a9 0%,#9aa1a9 35%,#1b4a6b 50%,#9aa1a9 65%,#9aa1a9 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ai-shimmer 1.8s linear infinite}
@keyframes ai-shimmer{from{background-position:100% 0}to{background-position:-50% 0}}
.thinking-text.is-swap{animation:ai-shimmer 1.8s linear infinite,fade-up .3s var(--ease-out)}
/* правая колонка — Буся */
.page-chat .assistant-side{position:relative;top:0;height:100%;overflow-y:auto;padding:18px 16px;border-left:1px solid var(--ai-line);align-content:start}
@media (prefers-reduced-motion:reduce){.chat-ai.is-new .chat-bubble{animation:none;-webkit-mask-image:none;mask-image:none}.thinking-text{animation:none;color:var(--text-muted)}.chat-tool:hover,.page-chat .starter:hover{transform:none}}
@media (max-width:1240px){.page-chat .assistant-app,.page-chat.side-hidden .assistant-app{grid-template-columns:248px minmax(0,1fr)}.page-chat .side-toggle{display:none!important}}
@media (max-width:1000px){
  .page-chat .assistant-app,.page-chat.side-hidden .assistant-app{grid-template-columns:1fr}
  .page-chat .chat-history{position:fixed;height:auto;background:var(--ai-side)}
  .page-chat .chat-menu-btn{display:inline-flex}
}
@media (max-width:620px){
  .page-chat .chat-scroll{padding:6px 12px 10px}
  .page-chat .composer.chat-form,.chat-launch{padding:0 10px}
  .chat-tools{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -10px;padding:0 10px 4px;scrollbar-width:none}
  .chat-tool{flex:none}
  .page-chat .chat-starters{grid-template-columns:1fr 1fr}
  .page-chat .starter{padding:12px;font-size:.86rem}
  .page-chat .chat-app .chat-me{max-width:88%}
  .model-pop{width:min(320px,calc(100vw - 24px))}
}
.model-pick{margin:0;padding:0;border:0;background:none}
.page-chat .composer-mic{border:0;background:none;color:var(--text-muted);cursor:pointer}
.page-chat .composer-mic:hover{background:var(--ai-soft);color:var(--text)}
.chat-tools{gap:6px}
.chat-tool{padding:7px 12px;font-size:.84rem}
.chat-history details{margin:0;padding:0;border:0;border-radius:0;background:none}
.chat-history details>summary:hover{background:none}
.page-chat .history-newfolder>summary{padding:8px 10px}
@media (hover:none){.history-search kbd{display:none}}

/* новости о поступлении (решение 163) */
.news-list{margin:0 0 16px}
.news-item{padding:12px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}
.news-item:first-child{border-top:1px solid var(--border)}
.news-meta{font-size:.85rem;color:var(--text-muted)}
.news-item a{overflow-wrap:anywhere}

/* ===== Ход мыслей Буси (решение 164): «Думаю N с» как Thinking в Claude / ChatGPT ===== */
.think{margin:0 0 10px;padding:0;border:0;border-radius:0;background:none}
.think>summary{list-style:none}
.think>summary::-webkit-details-marker{display:none}
.think-head{display:inline-flex;align-items:center;gap:6px;padding:3px 0;font-size:.9rem;color:#5d646d;cursor:pointer;user-select:none}
.think>summary:hover{background:none;color:var(--text)}
.think-label{font-weight:500}
.think-time{color:#9aa1a9;font-variant-numeric:tabular-nums}
.think-head .icon{color:#9aa1a9;transition:transform .2s var(--ease-out)}
.think:not([open]) .think-head .icon{transform:rotate(-90deg)}
.think.is-live .think-label,.think-step.is-active .think-text{background:linear-gradient(90deg,#1f2328 0%,#1f2328 38%,#b4bbc3 50%,#1f2328 62%,#1f2328 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ai-shimmer 1.9s linear infinite}
.think-steps{margin:8px 0 2px!important;padding:0!important;list-style:none}
.think-step{position:relative;display:flex;gap:11px;margin:0!important;padding:0 0 9px;animation:think-in .45s var(--ease-out) both}
.think-step.is-update{animation:none}
.think-step.is-update .think-text{animation:think-swap .35s var(--ease-out)}
.think-step.is-active.is-update .think-text{animation:ai-shimmer 1.9s linear infinite,think-swap .35s var(--ease-out)}
/* линия слева: от значка шага к следующему; ветка — изгибом от неё */
.think-step::before{content:"";position:absolute;left:8px;top:23px;bottom:-1px;width:1px;background:#dde2e7}
.think-step:last-child::before{display:none}
.think-step.is-branch{padding-left:21px}
.think-step.is-branch::before{top:0}
.think-step.is-branch::after{content:"";position:absolute;left:8px;top:-6px;width:12px;height:17px;border:solid #dde2e7;border-width:0 0 1px 1px;border-bottom-left-radius:11px}
.think-step.is-branch.is-fail::after{border-style:dashed}
/* ветке не от чего отходить, если это первый шаг: «в базе ответа нет» — сразу на линии */
.think-step.is-branch:first-child{padding-left:0}
.think-step.is-branch:first-child::before{top:23px}
.think-step.is-branch:first-child::after{display:none}
.think-ico{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:17px;height:22px;color:#8a9099}
.think-ico i{width:7px;height:7px;border-radius:50%;background:#c3c9d0}
.think-step.is-branch .think-ico i{width:5px;height:5px}
.think-body{min-width:0}
.think-text{margin:0!important;font-size:.88rem;line-height:22px;color:#5d646d}
.think-note{color:#9aa1a9}
/* идёт сейчас: кольцо вращается вокруг значка */
.think-step.is-active .think-ico{color:#1f2328}
.think-step.is-active .think-ico i{background:#1f2328}
.think-step.is-active .think-ico::after{content:"";position:absolute;left:50%;top:50%;width:21px;height:21px;margin:-10.5px 0 0 -10.5px;border:1.5px solid transparent;border-top-color:#1f2328;border-left-color:#1f2328;border-radius:50%;animation:think-spin .85s linear infinite}
/* тупик и неудача */
.think-step.is-branch.is-fail .think-text,.think-step.is-branch.is-fail .think-ico{color:#a3a9b0}
.think-step.is-fail:not(.is-branch):not(.is-final) .think-text{color:#9a5b13}
/* итог: синяя галочка (или серый крестик) */
.think-step.is-final .think-ico{color:#fff}
.think-step.is-final .think-ico::before{content:"";position:absolute;left:50%;top:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border-radius:50%;background:#2f7fe6}
.think-step.is-final.is-fail .think-ico::before{background:#b8bec5}
.think-step.is-final .think-ico .icon{position:relative;stroke-width:3}
.think-step.is-final .think-text{color:#1f2328;font-weight:500}
.think-step.is-final .think-note{font-weight:400}
/* документы и сайты под шагом — появляются по одному */
.think-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 3px!important;padding:0!important;list-style:none}
.think-chips li{display:inline-flex;align-items:center;gap:5px;max-width:250px;margin:0!important;padding:3px 10px 3px 8px;border:1px solid var(--ai-line);border-radius:999px;background:#fff;font-size:.78rem;line-height:1.35;color:#3d434a;animation:chip-in .4s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms)}
.think-chips li span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.think-chips .icon{flex:none;color:#6f8396}
.think-chips .think-more{padding-left:2px;border-color:transparent;background:none;color:#9aa1a9}
.think.is-closing .think-steps{animation:think-close .38s var(--ease-out) forwards}
@keyframes think-in{from{opacity:0;filter:blur(4px);transform:translateY(5px)}}
@keyframes chip-in{from{opacity:0;filter:blur(3px);transform:scale(.94)}}
@keyframes think-swap{from{opacity:.25;filter:blur(2px)}}
@keyframes think-spin{to{transform:rotate(360deg)}}
@keyframes think-close{to{opacity:0;filter:blur(3px);transform:translateY(-6px)}}
/* Буся справа проговаривает текущий шаг — длинная фраза переносится, а не обрезается */
.page-chat .mascot-say{width:max-content;max-width:min(230px,92%);white-space:normal;text-align:center;line-height:1.35}
/* ответ печатается по словам */
.chat-bubble.is-typing .w{opacity:0;filter:blur(2px);transition:opacity .32s ease,filter .32s ease}
.chat-bubble.is-typing .w.is-in{opacity:1;filter:none}
.chat-bubble>.chat-sources,.chat-bubble>.chat-suggest{transition:opacity .4s ease,transform .4s var(--ease-out)}
.chat-bubble.is-typing>.chat-sources,.chat-bubble.is-typing>.chat-suggest,.chat-bubble.is-typing>.chat-actions{opacity:0;transform:translateY(4px);pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .think-step,.think-chips li,.think.is-closing .think-steps{animation:none}
  .think.is-live .think-label,.think-step.is-active .think-text{animation:none;color:#1f2328;background:none}
  .think-step.is-active .think-ico::after{animation:none}
}

/* ===== Шапка как у Nike (решение 166): служебная полоса, разделы по центру, поиск + BuseAI ===== */
.site-header{background:#fff;backdrop-filter:none;border-bottom:1px solid #f0f0f0}
.site-header.is-scrolled{box-shadow:none}
.hdr-top{background:#f5f5f5}
.hdr-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:36px;padding:0 36px;font-size:.75rem;font-weight:500}
.hdr-top-links{display:flex;align-items:center;gap:12px;white-space:nowrap}
.hdr-top-links a{display:inline-flex;align-items:center;gap:5px;color:var(--text);text-decoration:none}
.hdr-top-links a:hover{color:#707072}
.hdr-top-right span{color:#c4c4c4}
.site-header .header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:none;min-height:60px;padding:0 36px}
.site-header .logo{justify-self:start}
.site-header .main-nav{order:0;justify-self:center;display:flex;flex:none;flex-basis:auto;flex-wrap:nowrap;gap:2px;margin:0;padding:0;overflow:visible}
.site-header .main-nav a{padding:19px 12px;font-size:.95rem;font-weight:500;opacity:1;color:var(--text)}
.site-header .main-nav a::after{left:12px;right:12px;bottom:12px;height:2px;background:var(--text);transform:scaleX(0)}
.site-header .main-nav a:hover::after,.site-header .main-nav a.is-open::after{transform:scaleX(1)}
.site-header .main-nav a[aria-current="page"]::after{transform:scaleX(1);background:var(--sky-strong)}
.site-header .main-nav a[aria-current="page"]:hover::after,.site-header .main-nav a[aria-current="page"].is-open::after{background:var(--text)}
.hdr-actions{justify-self:end;display:flex;align-items:center;gap:4px}
.hdr-search{display:inline-flex;align-items:center;gap:8px;width:184px;height:40px;margin-right:4px;padding:0 14px 0 9px;border-radius:999px;background:#f5f5f5;color:#707072;text-decoration:none;font-size:.95rem}
.hdr-search .icon{flex:none;color:var(--text)}
.hdr-search:hover{background:#e5e5e5;color:#707072}
.site-header .hdr-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--text);text-decoration:none;box-shadow:none}
.site-header .hdr-icon:hover{background:#e5e5e5;color:var(--text);text-decoration:none}
.site-header .header-cta{margin-left:6px;white-space:nowrap}
/* главная: шапка белая, как на остальных страницах */
.dark-hero .site-header,.dark-hero .site-header.is-solid{background:#fff;border-color:#f0f0f0;color:var(--text);backdrop-filter:none}
.dark-hero .site-header .logo{color:var(--text)}.dark-hero .site-header .logo::before{background-image:url(/static/img/krok-mark.svg)}
.dark-hero .site-header .header-cta{background:var(--accent);color:var(--on-accent)}
.dark-hero .site-header:not(.is-solid) .sections-toggle{background:none;border:0;color:var(--text)}
/* выпадающее меню: актуальный каталог раздела */
.mega{position:absolute;left:0;right:0;top:100%;z-index:2;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 24px 32px -24px rgba(0,0,0,.22);opacity:0;transform:translateY(-6px);pointer-events:none}
.site-header .mega{transition:opacity .18s ease,transform .24s var(--ease-out)!important}
.mega.is-open{opacity:1;transform:none;pointer-events:auto}
.mega-panel[hidden]{display:none}
.mega-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:32px;max-width:1240px;height:460px;margin:0 auto;padding:32px 36px 40px;overflow-y:auto;overscroll-behavior:contain}
.mega-col{min-width:0}
.mega-title{margin:0 0 14px!important;font-size:.95rem;font-weight:600;color:var(--text)}
.mega-col ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mega-col li{margin:0}
.mega-col a{display:block;color:#707072;text-decoration:none;font-size:.88rem;font-weight:500;line-height:1.35}
.mega-col a:hover{color:var(--text)}
.mega-col small{display:block;margin-top:2px;font-size:.74rem;font-weight:400;color:#9a9a9a}
.mega-feature{grid-column:3 / span 2;min-width:0;padding-left:32px;border-left:1px solid #e5e5e5}
.mega-feature-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.mega-feature-head h2{margin:0;font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.4}
.mega-feature-head>span{color:#707072;font-size:.75rem;white-space:nowrap}
.mega-feature-note{margin:12px 0;color:#707072;font-size:.75rem;line-height:1.5}
.mega-feature-link{display:inline-flex;align-items:center;gap:18px;color:var(--text);font-size:.82rem;font-weight:500;text-decoration:none}
.mega-feature-link:hover{text-decoration:underline}
.mega-month{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.82rem;text-align:center}
.mega-month th{height:28px;padding:0;border:0;background:none;color:#707072;text-align:center;font-size:.7rem;font-weight:400}
.mega-month td{height:36px;padding:0;border:0;text-align:center;font-variant-numeric:tabular-nums}
.mega-month tbody tr:hover td{background:none}
.mega-month td>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}
.mega-month .has-stage>span{background:var(--sky-soft);color:var(--sky-ink)}
.mega-month .is-today>span{background:var(--text);color:#fff}
.mega-progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 12px}
.mega-progress-stats>div{display:flex;flex-direction:column-reverse;gap:4px}
.mega-progress-stats dt{color:#707072;font-size:.72rem;line-height:1.4}
.mega-progress-stats dd{margin:0;font-size:1.9rem;line-height:1;font-weight:500;letter-spacing:-.04em}
.mega-progress-stats small{color:#707072;font-size:.8rem;font-weight:400;letter-spacing:0}
.mega-progress-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none}
.mega-progress-days li{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;color:#707072;font-size:.7rem}
.mega-progress-minutes{font-variant-numeric:tabular-nums}
.mega-progress-track{display:flex;align-items:flex-end;width:100%;height:70px;border-bottom:1px solid #e5e5e5}
.mega-progress-track i{display:block;width:100%;background:var(--sky);border-radius:3px 3px 0 0}
.hdr-scrim{position:fixed;inset:0;z-index:9;background:rgba(17,17,17,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .22s ease}
.hdr-scrim.is-on{opacity:1;pointer-events:auto}
.hdr-scrim.is-search{z-index:59;background:rgba(17,17,17,.28)}
.hdr-scrim[hidden]{display:none}
/* поиск по сайту — панель сверху */
html.search-open{overflow:hidden}
.search-sheet{position:fixed;left:0;right:0;top:0;z-index:60;max-height:100dvh;overflow-y:auto;background:#fff;box-shadow:0 24px 48px -24px rgba(0,0,0,.3);animation:sheet-in .3s var(--ease-out)}
.search-sheet[hidden]{display:none}
@keyframes sheet-in{from{opacity:0;transform:translateY(-12px)}}
.search-bar{display:grid;grid-template-columns:1fr minmax(0,760px) 1fr;align-items:center;gap:24px;padding:14px 36px}
.search-logo{justify-self:start}
.search-field{display:flex;align-items:center;gap:10px;height:46px;padding:0 18px 0 12px;border-radius:999px;background:#f5f5f5;color:var(--text)}
.search-field:focus-within{box-shadow:0 0 0 2px var(--sky-strong)}
.search-field input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;background:none;font:inherit;font-size:1rem;color:var(--text);outline:none;box-shadow:none}
.search-field input::-webkit-search-cancel-button{cursor:pointer}
.search-cancel{justify-self:end;padding:8px 4px;border:0;background:none;color:var(--text);font:inherit;font-size:.95rem;font-weight:500;cursor:pointer}
.search-cancel:hover{color:#707072}
.search-body{max-width:760px;margin:0 auto;padding:14px 0 40px}
.search-ask{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:8px 10px;border:0;border-radius:16px;background:none;color:var(--text);text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.search-ask:hover,.search-ask:focus-visible{background:#f6f8fa;color:var(--text)}
.ask-orb{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #cfe5f6;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0,#eaf5fd 38%,#9ccbeb 100%);color:var(--sky-ink);box-shadow:0 0 0 5px rgba(156,203,235,.16)}
.ask-text{display:flex;flex-direction:column;min-width:0;font-size:.98rem;font-weight:600}
.ask-text small{overflow:hidden;font-size:.8rem;font-weight:400;color:#707072;white-space:nowrap;text-overflow:ellipsis}
.search-label{margin:24px 0 10px!important;font-size:.82rem;font-weight:500;color:#707072}
.search-chips{display:flex;flex-wrap:wrap;gap:10px}
.search-chips button,.search-chips a{padding:9px 18px;border:0;border-radius:999px;background:#f5f5f5;color:var(--text);font:inherit;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer}
.search-chips button:hover,.search-chips a:hover{background:#e5e5e5;color:var(--text)}
.search-results:empty{display:none}
.search-sheet.has-query .search-try{display:none}
.sr-group .search-label{margin-top:20px!important}
.sr-list{margin:0;padding:0;list-style:none}
.sr-list li{margin:0}
.sr-list a{display:flex;flex-direction:column;gap:1px;margin:0 -10px;padding:8px 10px;border-radius:10px;color:var(--text);text-decoration:none}
.sr-list a:hover,.sr-list a:focus-visible{background:#f5f5f5;color:var(--text)}
.sr-title{font-size:.95rem;font-weight:500}
.sr-title mark{padding:0;background:none;color:inherit;font-weight:700}
.sr-note{overflow:hidden;font-size:.78rem;color:#707072;white-space:nowrap;text-overflow:ellipsis}
.sr-empty{margin:18px 0 0!important;color:#707072}
.search-page{max-width:800px}
.search-page-title{margin-bottom:6px}
.search-field-page{height:54px;margin:16px 0 10px}
.search-ask-form{margin:0}
/* чат: служебная полоса не нужна — больше места под разговор */
.page-chat .hdr-top{display:none}
@media (max-width:1360px){.hdr-search{width:40px;margin-right:0;padding:0;justify-content:center;background:none}.hdr-search span{display:none}}
@media (max-width:1180px){.site-header .main-nav a{padding-left:8px;padding-right:8px;font-size:.9rem}.site-header .main-nav a::after{left:8px;right:8px}}
/* уже 1180 px разделы не помещаются рядом с поиском — переносятся во вторую строку шапки,
   а не прячутся (решение 172); выпадающих меню здесь нет — вкладки обычные ссылки */
@media (max-width:1180px){
  .site-header .header-inner{grid-template-columns:auto minmax(0,1fr);row-gap:0;padding:0 24px}
  .site-header .main-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;flex-wrap:wrap;gap:0 2px;margin:0 -24px;padding:0 12px;border-top:1px solid #f0f0f0}
  .site-header .main-nav a{padding:12px 10px;font-size:.9rem}
  .site-header .main-nav a::after{left:10px;right:10px;bottom:6px}
  .mega,.hdr-scrim:not(.is-search){display:none}
}
@media (max-width:760px){
  .hdr-top{display:none}
  .site-header .header-inner{min-height:56px;padding:0 12px 0 16px;gap:8px}
  .site-header .header-cta{margin-left:4px;padding:.45em .8em;font-size:.78rem}
  .site-header .main-nav{margin:0 -12px 0 -16px;padding:2px 8px 4px}
  .site-header .main-nav a{padding:8px 7px;font-size:.84rem}
  .site-header .main-nav a::after{left:7px;right:7px;bottom:3px}
  .search-bar{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 16px}
  .search-logo{display:none}
  .search-body{padding:6px 16px 32px}
}
@media (prefers-reduced-motion:reduce){.search-sheet{animation:none}.site-header .mega{transition:none!important}.hdr-scrim{transition:none}}

/* ===== Подвал (решение 167): белый, как у Nike, колонки поровну на всю ширину окна ===== */
.site-footer{margin-top:64px;padding:56px 0 24px;border-top:1px solid #e5e5e5;background:#fff;color:var(--text)}
.dark-hero .site-footer{margin-top:0}
.footer-inner{padding:0 36px}
.site-footer .footer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}
.site-footer .logo{color:var(--text)}
.site-footer .logo::before{background-image:url(/static/img/krok-mark.svg)}
.site-footer .muted{color:#707072}
.footer-brand .muted{max-width:300px;margin:12px 0 0;font-size:.88rem;line-height:1.5}
.site-footer .footer-heading{margin:0 0 16px;font-size:.95rem;font-weight:600;color:var(--text)}
.footer-col ul{display:grid;gap:11px;margin:0}
.footer-col li{margin:0}
.site-footer .footer-grid a{color:#707072;font-size:.88rem;font-weight:500}
.site-footer .footer-grid a:hover{color:var(--text)}
.site-footer .footer-grid .btn-primary{background:var(--accent);color:var(--on-accent)}
.site-footer .footer-grid .btn-primary:hover{background:var(--accent-hover);color:var(--on-accent)}
.site-footer .footer-grid .status-pill{margin:16px 0 14px;padding:5px 10px;border-color:#e5e5e5;background:#fafafa;color:var(--text);font-size:.74rem;font-weight:400;white-space:nowrap}
.site-footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-top:48px;padding-top:20px;border-top:1px solid #e5e5e5;color:#707072}
.footer-bottom p{margin:0;font-size:.8rem}
.footer-docs{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-docs a{color:#707072;font-size:.8rem;text-decoration:none}
.footer-docs a:hover{color:var(--text)}
.footer-req{flex-basis:100%;font-size:.75rem}
@media (max-width:1180px){.site-footer .footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.footer-brand .muted{max-width:520px}}
@media (max-width:760px){.footer-inner{padding:0 16px}.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}

/* каталог: вкладки-папки «Университеты» / «Колледжи Минска», внутри — что показать (решение 170) */
.catalog-tabs{margin:4px 0 28px}
.ct-level{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:720px;position:relative;z-index:1}
.ct-level a{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--border);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;background:#fff;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s}
.ct-level a svg{flex:none;opacity:.7}
.ct-level a span{display:flex;flex-direction:column;gap:2px;min-width:0}
.ct-level a strong{font-size:1.05rem;font-weight:600;color:var(--text)}
.ct-level a small{font-size:.8rem}
.ct-level a:hover{background:var(--bg-alt)}
.ct-level a[aria-current="page"]{background:var(--bg-alt);color:var(--sky-ink);margin-bottom:-1px;padding-bottom:15px}
.ct-level a[aria-current="page"] strong{color:var(--sky-ink)}
.ct-level a[aria-current="page"] svg{opacity:1}
.ct-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 20px;padding:0 18px;border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) var(--radius);background:var(--bg-alt)}
.ct-view{display:flex;gap:24px}
.ct-view a{padding:14px 0 12px;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:500;text-decoration:none}
.ct-view a:hover{color:var(--text)}
.ct-view a[aria-current="page"]{color:var(--text);border-bottom-color:var(--text)}
.ct-hint{margin:0;padding:10px 0;font-size:.88rem;color:var(--text-muted)}
.ct-hint a{font-weight:500}
@media (max-width:640px){.ct-level a{padding:12px;gap:8px}.ct-level a svg{display:none}.ct-level a strong{font-size:.95rem}.ct-panel{border-radius:0 0 var(--radius) var(--radius)}.ct-hint{width:100%;padding-top:0}}

/* ===== Специальности: шторка сфер слева, список по алфавиту справа (решение 171) ===== */
.spx{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start;margin-top:24px}
.spx-side{min-width:0;position:sticky;top:calc(var(--header-h,96px) + 16px);display:flex;flex-direction:column;gap:12px;max-height:calc(100dvh - var(--header-h,96px) - 32px)}
.spx-list{min-width:0}
.spx-filter{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 12px;border-radius:999px;background:#f5f5f5;color:#707072}
.spx-filter:focus-within{box-shadow:0 0 0 2px var(--sky-strong)}
.spx-filter input{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:.92rem;color:var(--text);outline:none;padding:0}
.spx-nav{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:2px 4px 8px 0;scrollbar-width:thin}
.spx-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--sky);border-radius:10px;background:var(--sky-soft);color:var(--sky-ink);text-decoration:none;font-size:.86rem;line-height:1.3;transition:background .15s,border-color .15s,color .15s,transform .15s}
.spx-link b{flex:none;min-width:26px;padding:1px 7px;border-radius:999px;background:#fff;font-size:.74rem;font-weight:600;text-align:center}
.spx-link:hover{background:var(--sky);color:var(--sky-ink)}
.spx-link.is-active{background:var(--sky-ink);border-color:var(--sky-ink);color:#fff;transform:translateX(4px)}
.spx-link.is-active b{background:rgba(255,255,255,.18);color:#fff}
.spx-link.is-empty{opacity:.4}
.spx-sphere{padding:6px 0;border-bottom:1px solid var(--border);scroll-margin-top:calc(var(--header-h,96px) + 16px)}
.spx-sphere[hidden]{display:none}
.spx-head{position:sticky;top:var(--header-h,96px);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:linear-gradient(#fff 82%,rgba(255,255,255,0));cursor:pointer;list-style:none}
.spx-head::-webkit-details-marker{display:none}
.spx-head::marker{content:""}
.spx-head h2{margin:0;min-width:0}
.spx-head:hover{color:var(--sky-ink)}
.spx-head:focus-visible{outline:2px solid var(--sky-ink);outline-offset:4px;border-radius:4px}
.spx-summary-meta{display:block;margin-top:2px;font-weight:400;letter-spacing:normal}
.spx-chevron{flex:none;transition:transform .18s ease}
.spx-sphere[open]>.spx-head .spx-chevron{transform:rotate(90deg)}
.spx-sphere[open]{padding-bottom:28px}
.spx-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;margin:6px 0 0;padding:0;list-style:none}
.spx-specs li{margin:0}
.spx-specs li[hidden]{display:none}
.spx-specs a{display:flex;flex-direction:column;gap:2px;margin:0 -10px;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none}
.spx-specs a:hover{background:var(--sky-soft);color:var(--text)}
.spx-name{font-weight:500;line-height:1.35}
.spx-meta{font-size:.78rem;color:#707072}
.spx-empty{padding:24px 0;color:#707072}
@media (max-width:1000px){.spx-specs{grid-template-columns:1fr}}
@media (max-width:860px){
  .spx{grid-template-columns:minmax(0,1fr);gap:12px}
  .spx-side{top:var(--header-h,56px);z-index:3;max-height:none;margin:0 -16px;padding:10px 16px;background:#fff;border-bottom:1px solid #eee}
  .spx-nav{flex-direction:row;overflow-x:auto;padding:0 0 2px}
  .spx-link{flex:none;white-space:nowrap}
  .spx-link.is-active{transform:none}
  .spx-head{top:calc(var(--header-h,56px) + 116px)}
  .spx-sphere{scroll-margin-top:calc(var(--header-h,56px) + 124px)}
}
@media (prefers-reduced-motion:reduce){.spx-link,.spx-chevron{transition:none}.spx-link.is-active{transform:none}}

/* отчёт для родителя: отправить и QR-код (решение 172) */
.pr-share-row{display:flex;flex-wrap:wrap;gap:8px}
.pr-qr{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.pr-qr-code{flex:none;width:132px;height:132px;background:#fff;border-radius:var(--radius-small)}
.pr-qr p{margin:0;max-width:30em}
.pr-subscribe{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:24px 0;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-alt)}
.pr-subscribe p{margin:0;flex:1 1 280px}
/* «Родителям»: инструкции для ученика и для родителя */
.pf-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.pf-role{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}
.pf-role h3{margin:0 0 4px}
.pf-role > p{margin:0 0 16px}
.pf-howto{margin:0 0 18px;padding:0;list-style:none;counter-reset:howto}
.pf-howto li{counter-increment:howto;position:relative;padding:0 0 14px 44px}
.pf-howto li::before{content:counter(howto);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--sky-soft);color:var(--sky-ink);font-weight:600;display:grid;place-items:center}
.pf-howto li strong{display:block}
.pf-howto li span{color:var(--text-muted);font-size:.95rem}
.pf-sees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0}
.pf-sees ul{margin:6px 0 0;padding-left:18px}
@media (max-width:760px){.pf-roles,.pf-sees{grid-template-columns:1fr}}
/* тест 1: уточняющий вопрос по ответам (решение 173) */
.quiz-branch{display:inline-block;margin:0 0 6px;padding:3px 10px;border-radius:999px;background:var(--sky-soft);color:var(--sky-ink);font-size:.8rem;font-weight:600}
/* голосовой ввод у полей учёбы (решение 173) */
.voice-btn{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:5px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text-muted);font:inherit;font-size:.85rem;cursor:pointer}
.voice-btn:hover{color:var(--text);border-color:var(--border-strong)}
.voice-btn.is-listening{background:#fee4e2;border-color:#fda29b;color:#b42318;animation:mic-pulse 1.2s ease-in-out infinite}
/* «Мой выбор» (решение 179) */
.choice-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 12px}
.choice-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none}
.choice-btn:hover{border-color:var(--border-strong)}
.choice-btn.is-on{background:var(--sky-soft);border-color:var(--sky-ink);color:var(--sky-ink)}
.choice-list li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border)}
.choice-list li a{flex:1 1 auto;min-width:0}
.choice-drop{margin:0}
.choice-drop button{border:0;background:none;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px}
.choice-drop button:hover{background:var(--bg-alt);color:var(--text)}
.choice-note{margin-top:14px}

/* ===== Карта университетов (решение 179) ===== */
.unimap{position:relative;margin:24px 0 16px;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#eef2f5}
.unimap-map{height:min(520px,62vh);min-height:340px}
.unimap:not(.is-ready) .unimap-map{visibility:hidden}
.unimap img{max-width:none!important;max-height:none!important}
.unimap .leaflet-tile-pane{filter:grayscale(1) contrast(.85) brightness(1.1);opacity:.8}
.unimap .leaflet-control-attribution{padding:1px 8px;border-radius:8px 0 0 0;background:rgba(255,255,255,.7)!important;font-size:.62rem;color:#8a8a8a}
.unimap .leaflet-control-attribution a{color:#707072}
.unimap .unimap-pin{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sky-ink);color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 0 0 6px rgba(27,74,107,.18),0 6px 16px rgba(0,0,0,.18);transition:transform .2s,background .2s}
.unimap-pin b{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:2px 8px;border-radius:999px;background:#fff;color:var(--text);font-size:.74rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.unimap-pin:hover,.unimap-pin.is-active{transform:scale(1.12);background:#0b0b0b}
.unimap-pin-host{background:none;border:0}
.unimap-ympin{position:absolute;transform:translate(-50%,-50%);cursor:pointer}
/* Яндекс: кнопка «Открыть в Картах» и копирайты всегда видны — панель над ними; свои кнопки масштаба */
.unimap[data-provider="yandex"] .unimap-panel{bottom:60px}
.unimap-zoom{position:absolute;z-index:500;top:14px;right:14px;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16)}
.unimap-zoom button{width:38px;height:38px;border:0;background:#fff;font:inherit;font-size:1.25rem;line-height:1;color:var(--text);cursor:pointer}
.unimap-zoom button+button{border-top:1px solid #eee}
.unimap-zoom button:hover{background:#f2f2f2}
.unimap-panel{position:absolute;z-index:500;top:14px;left:14px;bottom:14px;display:flex;flex-direction:column;width:min(330px,calc(100% - 28px));border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.16);overflow:hidden}
.unimap-panel[hidden]{display:none}
.unimap-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #eee}
.unimap-city{margin:0!important;font-weight:600}
.unimap-reset{flex:none;padding:6px 12px;border:0;border-radius:999px;background:#f2f2f2;font:inherit;font-size:.8rem;font-weight:500;cursor:pointer}
.unimap-reset:hover{background:#e5e5e5}
.unimap-unis{flex:1;overflow-y:auto;margin:0;padding:6px;list-style:none}
.unimap-unis li{margin:0}
.unimap-unis a{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none}
.unimap-unis a:hover{background:var(--sky-soft)}
.unimap-unis b{font-weight:600}
.unimap-unis span{font-size:.78rem;color:#707072;line-height:1.35}
.unimap-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:0 0 8px}
.unimap-cityrow{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;color:var(--text);text-decoration:none;transition:border-color .15s,background .15s}
.unimap-cityrow:hover{border-color:var(--sky-strong);background:var(--sky-soft);color:var(--text)}
.unimap-cityrow.is-active{border-color:var(--sky-ink);background:var(--sky-ink);color:#fff}
.unimap-cityrow.is-active .unimap-citycount,.unimap-cityrow.is-active .unimap-cityunis{color:rgba(255,255,255,.75)}
.unimap-cityname{font-weight:600}
.unimap-citycount{font-size:.8rem;color:#707072;white-space:nowrap}
.unimap-cityunis{grid-column:1/-1;overflow:hidden;font-size:.76rem;color:#707072;white-space:nowrap;text-overflow:ellipsis}
@media (max-width:760px){.unimap-map{height:58vh}.unimap-panel{top:auto;bottom:10px;left:10px;right:10px;width:auto;max-height:46%}.unimap[data-provider="yandex"] .unimap-panel{bottom:56px;max-height:42%}}
@media (prefers-reduced-motion:reduce){.unimap-pin,.unimap-cityrow{transition:none}}

/* ===== Карта: здания вузов при приближении (решение 185) ===== */
.unimap.is-detail .unimap-pin{display:none}
.unimap:not(.is-detail) .unimap-place{display:none}
.unimap .unimap-place{position:relative;width:14px;height:14px;cursor:pointer}
.unimap-place i{position:absolute;inset:0;border:2px solid #fff;border-radius:50%;background:var(--sky-ink);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.unimap-place[data-kind="main"] i{inset:-3px;background:#0b0b0b}
.unimap-place b{position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);padding:2px 7px;border-radius:999px;background:#fff;color:var(--text);font-size:.7rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.14);opacity:0;pointer-events:none;transition:opacity .15s}
.unimap.is-close .unimap-place[data-kind="main"] b,.unimap-place:hover b,.unimap-place.is-active b{opacity:1}
.unimap-place:hover,.unimap-place.is-active{z-index:5}
.unimap-place.is-active i{background:var(--sky-strong);transform:scale(1.35)}
.unimap-body{flex:1;overflow-y:auto;padding:6px}
.unimap-body .unimap-unis{padding:0}
.unimap-uni{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:10px;color:var(--text);text-decoration:none}
.unimap-uni:hover{background:var(--sky-soft);color:var(--text)}
.unimap-places{display:grid;gap:2px;margin:0 0 6px 12px;padding-left:8px;border-left:2px solid var(--sky)}
.unimap-placebtn{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border:0;border-radius:8px;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--text)}
.unimap-placebtn:hover{background:#f3f6f8}
.unimap-placebtn b{font-size:.8rem;font-weight:600}
.unimap-placebtn span{font-size:.74rem;color:#707072}
.unimap-sub{margin:10px 10px 6px!important;font-size:.74rem;font-weight:600;color:#707072;text-transform:uppercase;letter-spacing:.02em}
.unimap-back{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:#f2f2f2;font:inherit;cursor:pointer}
.unimap-back:hover{background:#e5e5e5}
.unimap-placecard{padding:10px 12px}
.unimap-placetitle{margin:0 0 4px!important;font-weight:600}
.unimap-placeaddr{margin:0 0 10px!important;font-size:.85rem;color:#5d646d}
.unimap-facs{margin:0 0 12px;padding-left:18px;font-size:.84rem}
.unimap-facs li{margin:3px 0}
.unimap-placelinks{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:0!important;font-size:.84rem}
.unimap-src{font-size:.74rem;color:#707072}
/* тарифы: одинаковые строки лимитов у всех карточек (решение 186) */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;gap:10px}
.plan.is-featured{border-color:var(--sky-ink);box-shadow:0 18px 40px -24px rgba(27,74,107,.45)}
.plan-badge{position:absolute;top:-11px;left:20px;background:var(--sky-ink);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;padding:3px 10px}
.plan-price{margin:0;display:flex;flex-direction:column;gap:2px}
.plan-price strong{font-size:1.6rem;letter-spacing:-.02em}
.plan-price span{font-size:.85rem;color:var(--text-muted)}
.plan-lines{margin:4px 0 8px;flex:1}
.plan-lines div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border);font-size:.9rem}
.plan-lines dt{color:var(--text-muted)}
.plan-lines dd{margin:0;font-weight:600;text-align:right;white-space:nowrap}
.plan > .muted{min-height:4.8em;margin:0}@media (max-width:620px){.plan > .muted{min-height:0}}
.plan-lines .is-off dd{color:var(--text-muted);font-weight:400}
.plan form,.plan .notice{margin-top:auto}
@media (max-width:1100px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.plans{grid-template-columns:1fr}}
/* разгруженная карта (решение 189): мельче и тише подписи городов, тени слабее */
.unimap .unimap-pin b{font-size:.7rem;font-weight:500;padding:1px 7px;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.unimap .unimap-pin{box-shadow:0 0 0 4px rgba(27,74,107,.14),0 3px 10px rgba(0,0,0,.14)}
.unimap-place b{font-weight:500}
/* круги «4 вуза» — здания ближе ~1,8 км; раскрываются кликом или приближением (решение 189) */
.unimap:not(.is-detail) .unimap-cluster,.unimap.is-split .unimap-cluster{display:none}
.unimap:not(.is-split) .unimap-place.in-cluster{display:none}
.unimap .unimap-cluster{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:3px solid #fff;border-radius:50%;background:var(--sky-ink);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 0 0 5px rgba(27,74,107,.16),0 4px 12px rgba(0,0,0,.18);transition:transform .2s}
.unimap-cluster:hover{transform:scale(1.08)}
.unimap-cluster b{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);padding:1px 8px;border-radius:999px;background:#fff;color:var(--text);font-size:.7rem;font-weight:500;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.unimap-places-flat{margin:4px 0 0;padding:0;border:0}
/* меню «Обучение»: предметы в два столбика, больше воздуха от краёв панели */
.mega-inner{padding:40px 56px 56px}
.mega-col-wide{grid-column:span 2}
.mega-col-wide ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}

/* ---------- Микро-анимации без JS-библиотек (решение 193). Всё отключается при prefers-reduced-motion
   правилом из блока решения 104. ---------- */
/* блик пробегает по основной кнопке при наведении (фон, а не псевдоэлемент: ::after занят стрелкой) */
.btn-primary,.btn-light{background-image:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);background-size:250% 100%;background-repeat:no-repeat;background-position:130% 0;transition:background-color .2s,background-position .7s var(--ease-out),border-color .2s,color .2s,transform .2s var(--ease-out),box-shadow .2s}
.btn-primary:hover,.btn-light:hover{background-image:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);background-position:-30% 0}

/* кнопка, пока форма отправляется: текст гаснет, крутится индикатор */
@keyframes btn-spin{to{transform:rotate(360deg)}}
.btn.is-loading,form.htmx-request .btn[type=submit],.btn.htmx-request{color:transparent!important;pointer-events:none}
.btn.is-loading::before,form.htmx-request .btn[type=submit]::before,.btn.htmx-request::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid currentColor;border-color:var(--on-accent,#fff) transparent var(--on-accent,#fff) transparent;animation:btn-spin .7s linear infinite}
.btn-ghost.is-loading::before,.btn-light.is-loading::before,.btn-outline-light.is-loading::before,form.htmx-request .btn-ghost[type=submit]::before,form.htmx-request .btn-light[type=submit]::before{border-color:var(--text) transparent var(--text) transparent}
.btn.is-loading.btn-chevron::after,form.htmx-request .btn-chevron[type=submit]::after{opacity:0}

/* поля ввода: мягкое голубое кольцо при фокусе */
select,textarea,.field,input[type=text],input[type=search],input[type=email],input[type=number],input[type=tel]{transition:border-color .2s,box-shadow .25s var(--ease-out),background-color .2s}
select:focus,textarea:focus,.field:focus,input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus{outline:none;border-color:var(--sky-ink);box-shadow:0 0 0 4px rgba(156,203,235,.35)}

/* галочка и переключатель «щёлкают» при выборе */
@keyframes check-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
input[type=checkbox]:checked,input[type=radio]:checked{animation:check-pop .3s var(--ease-out)}

/* «В мой выбор»: звезда подпрыгивает, когда программа добавлена */
@keyframes star-pop{0%{transform:scale(.8)}50%{transform:scale(1.12)}100%{transform:scale(1)}}
.choice-btn{transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease-out)}
.choice-btn:hover{transform:translateY(-1px)}
.choice-btn:active{transform:scale(.96)}
.swap-in .choice-btn.is-on,.choice-form.swap-in .choice-btn.is-on{animation:star-pop .45s var(--ease-out)}

/* то, что пришло через HTMX (ответ, фрагмент, отметка), проявляется, а не появляется рывком;
   класс swap-in ставит app.js по событию htmx:load */
@keyframes swap-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.swap-in{animation:swap-in .35s var(--ease-out)}

/* тарифы: карточка приподнимается, у «Про» — переливающаяся рамка, строки лимитов подсвечиваются */
@property --plan-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes plan-spin{to{--plan-angle:360deg}}
@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.plan{transition:translate .3s var(--ease-out),box-shadow .3s,border-color .2s}
.plan:hover{translate:0 -4px;box-shadow:0 22px 44px -26px rgba(27,74,107,.45)}
.plan.is-featured{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--plan-angle),var(--sky-ink),var(--sky-strong),#fff,var(--sky-strong),var(--sky-ink)) border-box;animation:plan-spin 6s linear infinite}
.plan-badge{animation:badge-float 3s ease-in-out infinite}
.plan-lines div{transition:background .2s;border-radius:6px}
.plan-lines div:hover{background:var(--sky-soft)}
.plan-lines div:hover dd{color:var(--sky-ink)}

/* уведомления и плашки появляются с лёгким «выдвижением» */
.notice{animation:fade-up .35s var(--ease-out)}


/* «Всё для поступления» на главной (решение 198): ноутбук с уроком «Обучения» и карточки вокруг */
.kit{background:var(--bg)}
.kit-eyebrow{margin:0 0 8px!important;text-align:center;font-size:.92rem;font-weight:500;color:#2f7fd0}
.kit-title{max-width:none;margin:0 auto!important;text-align:center;font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.03em}
.kit-stage{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,2fr) minmax(0,.92fr);grid-template-areas:"left laptop right";align-items:center;gap:clamp(20px,2.6vw,40px);margin-top:clamp(40px,5vw,72px)}
.kit-left{grid-area:left}.kit-right{grid-area:right}.kit-laptop{grid-area:laptop}
.kit-side{display:flex;flex-direction:column;gap:clamp(22px,3vw,44px)}
.kit-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 22px 18px;border-radius:22px;background:#f2f2f3;color:var(--text);text-decoration:none;rotate:var(--kit-tilt,0deg);transition:rotate .45s var(--ease-out),translate .45s var(--ease-out),background .2s,box-shadow .35s}
.kit-card:hover{rotate:0deg;translate:0 -4px;background:#ededef;color:var(--text);box-shadow:0 18px 34px -22px rgba(15,23,42,.35)}
.kit-card:focus-visible{outline:2px solid var(--sky-ink);outline-offset:4px}
.kit-left .kit-card:nth-child(1){--kit-tilt:-2.2deg}.kit-left .kit-card:nth-child(2){--kit-tilt:1.6deg}.kit-left .kit-card:nth-child(3){--kit-tilt:-1.3deg}
.kit-right .kit-card:nth-child(1){--kit-tilt:2deg}.kit-right .kit-card:nth-child(2){--kit-tilt:-2deg}.kit-right .kit-card:nth-child(3){--kit-tilt:1.4deg}
.kit-src{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}
.kit-src .icon{flex:none}
.kit-src-test .icon{color:#e8902a}.kit-src-spec .icon{color:#3b7fe0}.kit-src-uni .icon{color:#1f9d74}
.kit-src-info .icon{color:#7c5ad8}.kit-src-cal .icon{color:#e05252}.kit-src-bot .icon{color:#2aabee}
.kit-text{font-size:clamp(1rem,1.25vw,1.14rem);font-weight:500;line-height:1.35;letter-spacing:-.012em}
.kit-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:.78rem;color:var(--text-muted)}
.kit-meta b{font-weight:500;color:var(--text)}
/* ноутбук: крышка с рамкой и камерой, экран 16:10, основание шире крышки */
.kit-laptop{position:relative;margin:0;min-width:0}
.kit-lid{position:relative;margin:0 5.5%;padding:2.4% 2.4% 2.8%;border:2px solid #313a4d;border-radius:20px 20px 8px 8px;background:#0c1018;box-shadow:inset 0 0 0 1px #1c2333,0 40px 60px -40px rgba(15,23,42,.55)}
.kit-cam{position:absolute;top:1%;left:50%;width:6px;height:6px;border-radius:50%;background:#262f40;transform:translateX(-50%)}
.kit-screen{display:flex;flex-direction:column;aspect-ratio:16/10;overflow:hidden;border-radius:5px;background:#fff;color:#111;container-type:inline-size}
.kit-base{position:relative;height:clamp(10px,1.3vw,17px);border-radius:3px 3px 16px 16px/3px 3px 12px 12px;background:linear-gradient(#3b4457,#232a38 55%,#151a24)}
.kit-base span{position:absolute;top:0;left:50%;width:15%;height:40%;border-radius:0 0 8px 8px;background:#1a202c;transform:translateX(-50%)}
.kit-caption{margin-top:22px;text-align:center}
/* экран: окно браузера с разделом «Обучение» — размеры текста от ширины экрана */
.kit-bar,.kit-app{font-size:clamp(5.5px,1.7cqw,13px);line-height:1.4}
.kit-bar{display:flex;align-items:center;gap:.5em;height:2.6em;padding:0 1em;border-bottom:1px solid #eceef1;background:#f5f6f8;color:#6b7280}
.kit-bar i{width:.8em;height:.8em;border-radius:50%;background:#ff5f57}.kit-bar i+i{background:#febc2e}.kit-bar i+i+i{background:#28c840}
.kit-bar span{margin:0 auto;padding:.2em 1.4em;border-radius:.6em;background:#fff;font-size:.95em}
.kit-app{flex:1;display:grid;grid-template-columns:30% minmax(0,1fr);min-height:0}
.kit-app-empty{display:flex;flex-direction:column;justify-content:center;gap:.6em;padding:2em}
.kit-nav{display:flex;flex-direction:column;gap:.25em;padding:1.3em .9em;border-right:1px solid #eef0f3;background:#fafbfc;overflow:hidden}
.kit-nav-title{margin:0 0 .4em .7em;font-size:.78em;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9aa0a6}
.kit-nav-item{padding:.45em .7em;border-radius:.55em;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kit-nav-item.is-on{background:var(--sky-soft);color:var(--sky-ink);font-weight:600}
.kit-lesson{display:flex;flex-direction:column;gap:.55em;min-width:0;padding:1.5em 1.9em;overflow:hidden}
.kit-crumb{font-size:.85em;color:#9aa0a6}
.kit-topic{font-size:2em;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:#111}
.kit-sum{color:#6b7280;line-height:1.5}
.kit-task{display:flex;flex-direction:column;gap:.7em;margin-top:.4em;padding:1em 1.1em;border:1px solid #eceef1;border-radius:.9em;box-shadow:0 .4em 1.2em -.8em rgba(15,23,42,.25)}
.kit-q{font-weight:500;color:#111}
.kit-opts{display:flex;flex-wrap:wrap;gap:.5em}
.kit-opt{padding:.4em .95em;border:1px solid #e3e5e8;border-radius:.6em;color:#374151;background:#fff}
.kit-opt.is-right{border-color:#86d3a5;background:#ecfaf1;color:#146c3a}
.kit-ai{padding:.7em .9em;border-radius:.8em;background:var(--sky-soft);color:#1f3b52;line-height:1.5}
.kit-ai b{margin-right:.45em;color:var(--sky-ink)}
.kit-step{font-size:.82em;color:#9aa0a6}
.kit-task-next{box-shadow:none;opacity:.75}
.kit-input{align-self:flex-start;min-width:9em;padding:.4em .8em;border:1px solid #e3e5e8;border-radius:.6em;color:#a1a6ad}
.kit-ask{display:flex;align-items:center;gap:.6em;margin-top:auto;padding:.7em .7em .7em 1em;border:1px solid #e3e5e8;border-radius:1em;color:#9aa0a6;background:#fff}
.kit-ask .icon{width:1.2em;height:1.2em;color:#2f7fd0}
.kit-ask i{display:grid;place-items:center;width:1.9em;height:1.9em;margin-left:auto;border-radius:50%;background:#111;color:#fff}
.kit-ask i .icon{width:1em;height:1em;color:#fff}
/* живой экран: верный ответ подсвечивается, затем BuseAI показывает решение — по кругу */
.anim .kit-opt.is-right{animation:kit-pick 9s var(--ease-out) infinite}
.anim .kit-ai{animation:kit-explain 9s var(--ease-out) infinite}
@keyframes kit-pick{0%,16%{border-color:#e3e5e8;background:#fff;color:#374151}22%,94%{border-color:#86d3a5;background:#ecfaf1;color:#146c3a}100%{border-color:#e3e5e8;background:#fff;color:#374151}}
@keyframes kit-explain{0%,26%{opacity:0;transform:translateY(.6em)}34%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@media (max-width:1100px){
  .kit-stage{grid-template-columns:1fr 1fr;grid-template-areas:"laptop laptop" "left right"}
  .kit-laptop{width:100%;max-width:720px;margin:0 auto 12px}
  .kit-card{rotate:calc(var(--kit-tilt,0deg) * .5)}
  .kit-card:hover{rotate:0deg}
}
@media (max-width:640px){
  .kit-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"laptop" "left" "right";gap:22px}
  .kit-side{gap:22px}
  .kit-card{--kit-tilt:0deg!important}
  .kit-app{grid-template-columns:minmax(0,1fr)}
  .kit-nav{display:none}
  .kit-bar,.kit-app{font-size:clamp(6px,2.4cqw,13px)}
  .kit-sum,.kit-task-next{display:none}
}
@media (prefers-reduced-motion:reduce){.anim .kit-opt.is-right,.anim .kit-ai{animation:none}.kit-card{transition:none}}

/* ---------- Обучение: карта тем предмета (решение 203) — дорожка как в Duolingo ---------- */
.learn-variants{display:block;margin-top:28px}
.learn-courses-title{margin:56px 0 18px}
.topic-map{--tm-c0:#2f7fb5;--tm-d0:#1b4a6b;--tm-c1:#2e9b8a;--tm-d1:#1d6c60;--tm-c2:#7a5cc2;--tm-d2:#523b8f;--tm-c3:#d98a2b;--tm-d3:#9c5f16;--tm-c4:#d1567a;--tm-d4:#953452;margin-top:56px}
.tm-head h2{margin:0 0 8px}
.tm-head p.muted{max-width:40em;margin:0}
.tm-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 8px}
.tm-tab{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease-out)}
.tm-tab:hover{border-color:var(--border-strong);transform:translateY(-1px);color:var(--text)}
.tm-tab.is-on{background:var(--text);border-color:var(--text);color:#fff}
.tm-path{position:relative;max-width:820px;margin:0 auto;padding:12px 0 8px}
.tm-unit .tm-banner{max-width:560px;margin:0 auto}
.tm-unit{position:relative;margin-top:34px}
.tm-banner{position:relative;z-index:1;display:grid;gap:2px;padding:16px 20px;border-radius:18px;background:var(--c);color:#fff;box-shadow:0 5px 0 var(--cd)}
.tm-banner h3{margin:0;color:#fff;font-size:1.2rem}
.tm-step,.tm-meta{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.82)}
.tm-step{text-transform:uppercase;letter-spacing:.06em}
.tm-nodes{list-style:none;margin:0;padding:26px 0 6px;display:flex;flex-direction:column;align-items:center;gap:22px}
.tm-node{position:relative;transform:translateX(var(--x,0))}
.tm-node details{position:relative;border:0;padding:0;margin:0;background:none}
.tm-node details > summary:hover{background:none}
/* открытый кружок и его раздел — поверх следующих кружков и разделов */
.tm-unit,.tm-node{z-index:1}
.tm-unit:has(details[open]),.tm-node:has(details[open]){z-index:30}
.tm-node summary{list-style:none;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;width:150px;text-align:center}
.tm-node summary::-webkit-details-marker{display:none}
.tm-dot{display:grid;place-items:center;width:68px;height:62px;border-radius:50%;background:var(--c);color:#fff;font-weight:700;font-size:1.25rem;box-shadow:0 6px 0 var(--cd),0 10px 18px -8px rgba(0,0,0,.35);transition:transform .15s var(--ease-out),box-shadow .15s}
.tm-node summary:hover .tm-dot{transform:translateY(-2px)}
.tm-node summary:active .tm-dot,.tm-node details[open] .tm-dot{transform:translateY(5px);box-shadow:0 1px 0 var(--cd),0 4px 10px -6px rgba(0,0,0,.35)}
.tm-node details[open] .tm-dot{outline:4px solid color-mix(in srgb,var(--c) 30%,transparent);outline-offset:4px}
.tm-label{font-size:.88rem;font-weight:600;line-height:1.25;color:var(--text)}
.tm-node summary:focus-visible .tm-dot{outline:3px solid var(--sky-ink);outline-offset:4px}
.tm-pop{position:absolute;z-index:5;top:calc(100% + 10px);left:50%;width:min(300px,86vw);transform:translateX(-50%);padding:16px 18px;border:2px solid var(--c);border-radius:16px;background:#fff;box-shadow:0 18px 40px -18px rgba(27,74,107,.45);animation:fade-up .25s var(--ease-out)}
.tm-pop::before{content:"";position:absolute;top:-9px;left:50%;width:14px;height:14px;background:#fff;border-left:2px solid var(--c);border-top:2px solid var(--c);transform:translateX(-50%) rotate(45deg)}
.tm-pop .tm-pop-title{margin:0 0 8px;font-weight:700;color:var(--text)}
.tm-points{margin:0 0 12px;padding-left:18px;font-size:.88rem;color:var(--text-muted)}
.tm-points li{margin:3px 0}
.tm-actions{display:flex;flex-wrap:wrap;gap:8px}
.tm-buddy{position:absolute;right:-150px;top:120px;width:120px;height:auto;pointer-events:none;animation:badge-float 4s ease-in-out infinite}
.tm-note{text-align:center;margin-top:28px}
@media (max-width:860px){.tm-buddy{display:none}}
@media (max-width:520px){.tm-node{transform:translateX(calc(var(--x,0) * .55))}.tm-node summary{width:120px}.tm-dot{width:60px;height:55px}.tm-pop{left:calc(50% - var(--x,0) * .55)}.tm-pop::before{left:calc(50% + var(--x,0) * .55)}}

/* ---------- Карта тем: формулы по бокам и Буся-фигурка, прыгающая по темам (решение 204) ---------- */
@keyframes tm-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes tm-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.tm-art{position:absolute;top:6px;left:calc(50% - 300px - var(--x,0px) - 110px);width:220px;padding:10px 14px;border:1.5px dashed color-mix(in srgb,var(--c) 45%,transparent);border-radius:14px;background:color-mix(in srgb,var(--c) 8%,#fff);color:var(--cd);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.02rem;line-height:1.3;text-align:center;rotate:-3deg;animation:tm-float 5s ease-in-out infinite;animation-delay:calc(var(--i,0) * -.7s);pointer-events:none}
.tm-node.art-right .tm-art{left:calc(50% + 300px - var(--x,0px) - 110px);rotate:2.5deg}
.tm-node:nth-child(3n) .tm-art{rotate:1.5deg}
.tm-busya{position:absolute;left:0;top:0;z-index:3;width:76px;pointer-events:none;will-change:transform;transition:opacity .3s}
.tm-busya[hidden]{display:block;opacity:0}
.tm-busya img{display:block;width:100%;height:auto;transform-origin:50% 100%;filter:drop-shadow(0 6px 6px rgba(11,11,11,.18))}
.tm-busya.is-flipped img{scale:-1 1}
.tm-busya:not(.is-hopping) img{animation:tm-bob 2.6s ease-in-out infinite}
/* подставка фигурки */
.tm-busya::after{content:"";display:block;width:74%;height:12px;margin:-7px auto 0;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#e9f2fa,#9ccbeb 70%);box-shadow:0 3px 0 #6f9fc4,0 8px 10px -4px rgba(11,11,11,.3)}
.tm-busya.is-hopping::after{opacity:.35;transition:opacity .15s}
@media (max-width:1000px){.tm-art{display:none}}
@media (max-width:520px){.tm-busya{width:58px}}
/* на странице с картой тем — одна Буся: летающая по сайту (base.html) здесь не нужна */
body:has(.topic-map) .flyby{display:none}
/* переход: кружок и формула темы появляются с «пружинкой», формула — чуть позже */
.tm-anim .tm-node:not(.tm-in) .tm-dot{opacity:0;scale:.4}
.tm-anim .tm-node:not(.tm-in) .tm-label{opacity:0}
.tm-anim .tm-node:not(.tm-in) .tm-art{opacity:0;translate:0 14px}
.tm-anim .tm-node .tm-dot{transition:opacity .3s,scale .55s cubic-bezier(.34,1.56,.64,1),transform .15s var(--ease-out),box-shadow .15s}
.tm-anim .tm-node .tm-label{transition:opacity .4s .12s}
.tm-anim .tm-node .tm-art{transition:opacity .5s .2s,translate .6s .2s var(--ease-out)}

/* Ассистент: левую панель с историей можно спрятать (решение 205) — кнопка вверху панели прячет,
   кнопка в шапке чата возвращает; на узком экране панель по-прежнему выезжает поверх чата */
.history-collapse{display:none}
@media (min-width:1001px){
  .page-chat .history-collapse{display:inline-flex;flex:none;padding:8px;border:0;border-radius:10px;background:none;color:var(--text-muted);cursor:pointer}
  .page-chat .history-collapse:hover{background:#eceff3;color:var(--text)}
  .page-chat .history-collapse:focus-visible,.page-chat .chat-menu-btn:focus-visible{outline:2px solid var(--sky-ink);outline-offset:2px}
  .page-chat .assistant-app{transition:grid-template-columns .3s var(--ease-out)}
  .page-chat .chat-history{transition:visibility 0s}
  .page-chat.history-hidden .assistant-app{grid-template-columns:0 minmax(0,1fr) 268px}
  .page-chat.history-hidden.side-hidden .assistant-app{grid-template-columns:0 minmax(0,1fr)}
  .page-chat.history-hidden .chat-history{visibility:hidden;overflow:hidden;padding-left:0;padding-right:0;border-right:0;transition:visibility 0s .3s}
  .page-chat.history-hidden .chat-menu-btn{display:inline-flex;color:var(--text-muted)}
}
@media (min-width:1001px) and (max-width:1240px){.page-chat.history-hidden .assistant-app,.page-chat.history-hidden.side-hidden .assistant-app{grid-template-columns:0 minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.page-chat .assistant-app{transition:none}}
/* ---------- Обучение: вкладки, прогресс по темам, непонятные темы, конспекты (решение 206) ---------- */
.learn-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 8px}
.learn-tab{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:#fff;color:var(--text);text-decoration:none;transition:border-color .2s,box-shadow .25s,translate .25s var(--ease-out),background .2s}
.learn-tab:hover{translate:0 -2px;border-color:var(--border-strong);box-shadow:0 14px 30px -22px rgba(27,74,107,.5);color:var(--text)}
.learn-tab.is-on{border-color:var(--text);background:var(--sky-soft);box-shadow:inset 0 -3px 0 var(--text)}
.learn-tab-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--sky-soft);font-size:1.4rem}
.learn-tab.is-on .learn-tab-icon{background:#fff}
.learn-tab-text{display:grid;gap:2px}
.learn-tab-text b{font-size:1rem}
.learn-tab-text small{color:var(--text-muted);font-size:.82rem}
@media (max-width:760px){.learn-tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.learn-tab{scroll-snap-align:start}}
.topic-map,.notes{margin-top:22px}

/* сводка прогресса над картой */
.tm-progress{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin:18px 0 0;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,var(--sky-soft),#fff);border:1px solid var(--border)}
.tm-progress-main{flex:1 1 320px;display:grid;gap:8px}
.tm-progress-hard{flex:1 1 280px;display:grid;gap:8px}
.tm-progress-title{margin:0;font-weight:600}
.tm-bar{height:10px;border-radius:999px;background:color-mix(in srgb,var(--sky-strong) 30%,#fff);overflow:hidden}
.tm-bar i{display:block;height:100%;width:calc(var(--done,0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#2f7fb5,#2e9b8a);transition:width .9s var(--ease-out)}
.tm-hard-list{display:flex;flex-wrap:wrap;gap:6px}
.tm-hard{padding:5px 11px;border-radius:999px;background:#fff1ec;border:1px solid #f3b9a6;color:#b0412a;font-size:.84rem;font-weight:500;text-decoration:none;transition:translate .2s var(--ease-out),background .2s}
.tm-hard:hover{translate:0 -1px;background:#ffe3d9;color:#b0412a}

/* кружки: не начата — белый с цветной каймой, начата — дуга прогресса, пройдена — закрашена с ✓ */
.tm-dot{position:relative;background:radial-gradient(closest-side,#fff 74%,transparent 76%),conic-gradient(var(--c) calc(var(--p,0) * 1%),color-mix(in srgb,var(--c) 22%,#fff) 0);color:var(--cd);box-shadow:0 6px 0 color-mix(in srgb,var(--c) 40%,#fff),0 10px 18px -8px rgba(0,0,0,.25)}
.tm-node.is-done .tm-dot{background:var(--c);color:#fff;font-size:1.5rem;box-shadow:0 6px 0 var(--cd),0 10px 18px -8px rgba(0,0,0,.35)}
.tm-node.is-done .tm-dot::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--c) 55%,transparent);animation:tm-spin 18s linear infinite}
@keyframes tm-spin{to{rotate:360deg}}
.tm-node.is-marked .tm-dot::after{content:"?";position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8573a;color:#fff;font-size:.82rem;font-weight:700;box-shadow:0 0 0 3px #fff;animation:pop-in .35s var(--ease-out)}
.tm-node.is-marked .tm-label{color:#b0412a}
.tm-node:target .tm-dot,.tm-node.is-flash .tm-dot{animation:check-pop .6s var(--ease-out) 2}

/* карточка темы: прогресс и флажок «непонятная» */
.tm-pop-progress{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.tm-pop-progress .tm-bar{flex:1;height:8px;background:color-mix(in srgb,var(--c) 18%,#fff)}
.tm-pop-progress .tm-bar i{background:var(--c)}
.tm-pop-note{margin:0 0 8px}
.tm-mark-form{margin:12px 0 0}
.tm-mark{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;border:1px dashed #f3b9a6;border-radius:999px;background:#fff;color:#b0412a;font:inherit;font-size:.84rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s}
.tm-mark-form .tm-mark{margin-top:0}
.tm-mark:hover{background:#fff1ec;color:#b0412a}
.tm-mark.is-on{border-style:solid;background:#fff1ec}

/* конспекты: урок — страница тетради в клетку с полями */
.notes-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:22px 0 18px}
.notes-head .h3{margin:0 0 6px}
.notes-search{margin:22px 0 30px;max-width:680px}
.notes-search-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.notes-group{margin:0 0 36px}
.notes-group>.h3{margin:0 0 18px}
.notes-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.note-card{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 22px 18px 44px;border-radius:6px 16px 16px 6px;background:linear-gradient(90deg,transparent 30px,#f2a3a3 30px,#f2a3a3 31.5px,transparent 31.5px),repeating-linear-gradient(#fff 0 27px,#dbe9f5 27px 28px);background-color:#fff;border:1px solid var(--border);box-shadow:-5px 0 0 var(--sky-ink),0 16px 30px -24px rgba(27,74,107,.55);color:var(--text);text-decoration:none;transition:translate .25s var(--ease-out),rotate .25s var(--ease-out),box-shadow .25s}
.note-card:hover{translate:0 -4px;rotate:-.6deg;box-shadow:-5px 0 0 var(--sky-ink),0 22px 40px -24px rgba(27,74,107,.6);color:var(--text)}
.notes-grid li:nth-child(even) .note-card:hover{rotate:.6deg}
.note-num{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:1.6rem;line-height:1;color:var(--sky-ink)}
.note-title{font-weight:700;font-size:1.08rem;line-height:1.25}
.note-summary{font-size:.9rem;color:var(--text-muted);line-height:1.45}
.note-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:auto;padding-top:6px;font-size:.8rem;color:var(--text-muted)}
.note-open{font-size:.88rem;font-weight:600;color:var(--sky-ink);transition:translate .2s var(--ease-out)}
.note-card:hover .note-open{translate:4px 0}
.notes-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px 32px;margin-top:28px;padding:20px 22px;border:1px dashed var(--border-strong);border-radius:18px}
.notes-resources ul{margin:0}
.notes-resources li{margin:6px 0}
.notes-more-title{margin:44px 0 14px}
/* список заданий темы: решённые — с отметкой, но остаются (решение 206) */
.vt-topic-note{margin:6px 0 0}
.vt-solved-mark{margin-left:12px;padding:2px 9px;border-radius:999px;background:#e6f6ee;color:#1d7a4f;font-size:.78rem;font-weight:600;white-space:nowrap}
.vt-pick.is-solved a{background:linear-gradient(90deg,#f1faf5,transparent 60%)}
.vt-pick.is-solved strong{color:#1d7a4f}

/* ---------- Обучение: один выбор предмета над вкладками (решение 207) ---------- */
@keyframes subject-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
.learn-subjects{display:flex;align-items:flex-start;gap:14px;margin:26px 0 0;padding:14px 16px;border:1px solid var(--border);border-radius:20px;background:#fff}
.learn-subjects-label{flex:none;padding:9px 4px 0;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.learn-subjects-list{display:flex;flex-wrap:wrap;gap:8px}
.learn-subject{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-size:.92rem;font-weight:500;text-decoration:none;animation:subject-in .4s var(--ease-out) both;animation-delay:calc(var(--i,0) * 25ms);transition:background .2s,border-color .2s,color .2s,translate .2s var(--ease-out),box-shadow .2s}
.learn-subject:hover{translate:0 -2px;border-color:var(--border-strong);box-shadow:0 10px 20px -14px rgba(27,74,107,.5);color:var(--text)}
.learn-subject-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sky-soft);color:var(--sky-ink);font-size:.82rem;font-weight:700;line-height:1;transition:background .2s,color .2s,rotate .3s var(--ease-out)}
.learn-subject:hover .learn-subject-icon{rotate:-10deg}
.learn-subject.is-on{background:var(--text);border-color:var(--text);color:#fff}
.learn-subject.is-on .learn-subject-icon{background:#fff;color:var(--text)}
.learn-subjects + .learn-tabs{margin-top:14px}
.learn-empty{display:grid;gap:10px;justify-items:start;margin-top:22px;padding:22px;border:1px dashed var(--border-strong);border-radius:20px;background:var(--sky-soft)}
@media (max-width:760px){.learn-subjects{flex-direction:column;gap:6px;padding:12px}.learn-subjects-list{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:6px;scroll-snap-type:x proximity}.learn-subject{flex:none;scroll-snap-align:start}}

/* ---------- Микро-эффекты по референсам React Bits (решение 209) ---------- */
/* плавный переход между страницами (View Transitions): вкладки и выбор предмета «Обучения» стоят на месте */
@view-transition{navigation:auto}
.learn-subjects{view-transition-name:learn-subjects}
.learn-tabs{view-transition-name:learn-tabs}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}

/* BlurText: слова заголовка проявляются из размытия */
.bt .bt-w{display:inline-block;opacity:0;filter:blur(10px);translate:0 .35em;transition:opacity .6s var(--ease-out),filter .6s var(--ease-out),translate .6s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}
.bt.bt-in .bt-w{opacity:1;filter:none;translate:0 0}

/* SpotlightCard: пятно света за курсором */
[data-spotlight]{position:relative}
[data-spotlight]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--sx,50%) var(--sy,50%),rgba(156,203,235,.32),transparent 65%);transition:opacity .3s}
[data-spotlight]:hover::after{opacity:1}

/* RotatingText */
.rotate-text{display:inline-block;color:var(--sky-ink);transition:opacity .28s,translate .28s var(--ease-out),filter .28s}
.rotate-text.is-out{opacity:0;translate:0 -.4em;filter:blur(4px)}
.rotate-text.is-in{animation:fade-up .45s var(--ease-out)}

/* ClickSpark */
@keyframes spark{0%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:calc(cos(var(--a)) * 26px) calc(sin(var(--a)) * 26px);scale:.4}}
.spark-burst{position:fixed;z-index:60;width:0;height:0;pointer-events:none}
.spark-burst i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--sky-strong);animation:spark .55s var(--ease-out) forwards}

/* Ассистент: поле ввода светится при фокусе (переливающаяся рамка), примеры появляются по очереди */
@property --composer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes composer-spin{to{--composer-angle:360deg}}
.composer-box{transition:box-shadow .3s}
.composer:focus-within .composer-box{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--composer-angle),#9ccbeb,#2f7fb5,#7a5cc2,#9ccbeb) border-box;animation:composer-spin 4s linear infinite;box-shadow:0 14px 40px -24px rgba(47,127,181,.6)}
.starter{animation:fade-up .45s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms + .15s);overflow:hidden}
.chat-empty .chat-hello{animation:fade-up .5s var(--ease-out) both}

/* Обучение: карточки-тетради появляются по очереди */
.note-card{animation:fade-up .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 70ms)}

/* Родителям: живой отчёт и «уведомление» Telegram */
.pf-head{padding-bottom:18px}
.pf-example{padding:8px 0 56px}
.pf-stage{position:relative;max-width:1040px}
.pf-frame{position:relative;padding:0 0 18px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:0 40px 80px -50px rgba(27,74,107,.55)}
.pf-frame > *:not(.pf-browser){margin-left:22px;margin-right:22px}
.pf-browser{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--border);border-radius:24px 24px 0 0;background:var(--sky-soft)}
.pf-browser i{width:10px;height:10px;border-radius:50%;background:#f27c7c}
.pf-browser i:nth-child(2){background:#f2c14e}
.pf-browser i:nth-child(3){background:#5cc98a}
.pf-browser span{margin-left:10px;padding:3px 12px;border-radius:999px;background:#fff;color:var(--text-muted);font-size:.78rem}
.pf-frame-head{padding-top:18px}
.pf-replay{display:block;margin:14px auto 0;padding:6px 14px;border:1px dashed var(--border-strong);border-radius:999px;background:#fff;color:var(--sky-ink);font:inherit;font-size:.85rem;cursor:pointer}
.pf-replay:hover{background:var(--sky-soft)}
/* сборка: до появления на экране блоки «пустые», затем наполняются по очереди */
.pr-live.is-armed .pr-summary,.pr-live.is-armed .pr-block,.pr-live.is-armed .pr-privacy{opacity:0;translate:0 18px;transition:opacity .6s var(--ease-out),translate .6s var(--ease-out)}
.pr-live.is-armed.is-live .pr-summary{opacity:1;translate:0 0}
.pr-live.is-armed.is-live .pr-block{opacity:1;translate:0 0;transition-delay:.35s}
.pr-live.is-armed.is-live .pr-duo .pr-block{transition-delay:.9s}
.pr-live.is-armed.is-live .pr-privacy{opacity:1;translate:0 0;transition-delay:1.3s}
.pr-live.is-armed .pr-verdict{scale:.6;opacity:0;transition:scale .5s cubic-bezier(.34,1.56,.64,1) .2s,opacity .3s .2s}
.pr-live.is-armed.is-live .pr-verdict{scale:1;opacity:1}
.pr-live.is-armed .pr-steps-bar{height:0;transition:height .8s cubic-bezier(.34,1.3,.64,1)}
.pr-live.is-armed.is-live .pr-steps-bar{height:calc(var(--h) * .82)}
.pr-live.is-armed.is-live .pr-steps li:nth-child(1) .pr-steps-bar{transition-delay:.5s}
.pr-live.is-armed.is-live .pr-steps li:nth-child(2) .pr-steps-bar{transition-delay:.58s}
.pr-live.is-armed.is-live .pr-steps li:nth-child(3) .pr-steps-bar{transition-delay:.66s}
.pr-live.is-armed.is-live .pr-steps li:nth-child(4) .pr-steps-bar{transition-delay:.74s}
.pr-live.is-armed.is-live .pr-steps li:nth-child(5) .pr-steps-bar{transition-delay:.82s}
.pr-live.is-armed.is-live .pr-steps li:nth-child(6) .pr-steps-bar{transition-delay:.9s}
.pr-live.is-armed.is-live .pr-steps li:nth-child(7) .pr-steps-bar{transition-delay:.98s}
.pr-live.is-armed .pr-meter span{transition:width 1s var(--ease-out) .9s}
.pr-live.is-armed:not(.is-live) .pr-meter span{width:0!important}
.pr-live.is-armed .pr-chip{transition:scale .4s cubic-bezier(.34,1.56,.64,1) 1.5s,opacity .3s 1.5s}
.pr-live.is-armed:not(.is-live) .pr-chip{scale:.5;opacity:0}
.pr-live.is-armed .pr-talk-list li{transition:opacity .5s 1.6s,translate .5s var(--ease-out) 1.6s}
.pr-live.is-armed .pr-talk-list li + li{transition-delay:1.8s}
.pr-live.is-armed:not(.is-live) .pr-talk-list li{opacity:0;translate:-10px 0}
.pf-toast{position:absolute;z-index:4;top:70px;right:-16px;width:290px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 24px 50px -24px rgba(27,74,107,.55);opacity:0;translate:40px 0;transition:opacity .5s var(--ease-out) 2.2s,translate .6s cubic-bezier(.34,1.4,.64,1) 2.2s}
.pf-stage.is-live .pf-toast{opacity:1;translate:0 0}
.pf-toast-app{font-size:.75rem;color:var(--text-muted)}
.pf-toast-app b{color:var(--text)}
.pf-toast-title{margin:4px 0 2px;font-weight:700}
.pf-toast-text{margin:0;font-size:.86rem;color:var(--text-muted)}
@media (max-width:1100px){.pf-toast{position:relative;top:auto;right:auto;width:auto;max-width:760px;margin:0 auto 14px}}
@media (max-width:620px){.pf-frame > *:not(.pf-browser){margin-left:12px;margin-right:12px}}

/* три шага подключения одной строкой */
.pf-steps{list-style:none;margin:18px 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pf-steps li{position:relative;display:grid;gap:4px;padding:18px 18px 16px;border-radius:18px;background:var(--sky-soft);animation:fade-up .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 110ms)}
.pf-steps li b{font-size:1rem}
.pf-steps li span:last-child{font-size:.88rem;color:var(--text-muted)}
.pf-step-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:6px;border-radius:14px;background:#fff;font-size:1.25rem}
.pf-steps li:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:50%;translate:0 -50%;z-index:1;color:var(--sky-ink);font-weight:700}
@media (max-width:760px){.pf-steps{grid-template-columns:none}.pf-steps li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-15px;translate:-50% 0}}

/* «Я ученик / Я родитель»: сегментированный переключатель с бегущей подложкой */
.pf-switch{max-width:760px}
.pf-seg{position:relative;display:none;grid-template-columns:1fr 1fr;width:min(360px,100%);padding:4px;margin:0 0 16px;border-radius:999px;background:var(--sky-soft)}
.pf-switch.is-ready .pf-seg{display:grid}
.pf-seg button{position:relative;z-index:1;padding:9px 14px;border:0;border-radius:999px;background:none;font:inherit;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .25s}
.pf-seg button.is-on{color:var(--text)}
.pf-seg-pill{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#fff;box-shadow:0 6px 16px -10px rgba(27,74,107,.55);transition:translate .35s cubic-bezier(.34,1.3,.64,1)}
.pf-switch.is-second .pf-seg-pill{translate:100% 0}
.pf-switch .pf-role{animation:fade-up .35s var(--ease-out)}
.pf-switch .pf-role[hidden]{display:none}

/* что видно / что остаётся */
.pf-sees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.pf-ticks,.pf-locks{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.pf-ticks li::before{content:"✓";margin-right:8px;color:#1d7a4f;font-weight:700}
.pf-locks li::before{content:"•";margin-right:8px;color:var(--sky-ink);font-weight:700}
@media (max-width:760px){.pf-sees{grid-template-columns:none}}
details.pf-know{margin-top:36px;padding:16px 20px;border:1px solid var(--border);border-radius:18px}
details.pf-know summary{font-weight:600;font-size:1.05rem}

/* ---------- Главная — воронка подготовки (решение 210): одна мысль на экран, одна главная кнопка ---------- */
.btn-big{min-height:54px;padding:.85em 1.6em;font-size:1rem;border-radius:14px}
.home-hero{position:relative;overflow:hidden;padding:72px 0 64px;background:radial-gradient(60% 70% at 85% 30%,#d6eaf8 0%,rgba(214,234,248,0) 70%),linear-gradient(180deg,#f4f9fd,#fff)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px}
.home-kicker{display:inline-block;margin:0 0 18px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--sky);color:var(--sky-ink);font-size:.85rem;font-weight:600}
.home-title{margin:0;font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:1.04;letter-spacing:-.035em}
.home-lead{margin:20px 0 0;max-width:34em;font-size:1.15rem;line-height:1.55;color:var(--text-muted)}
.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.home-note{margin:14px 0 0;font-size:.88rem;color:var(--text-muted)}
/* игровая карта в миниатюре */
.home-game{position:relative;min-height:420px;padding-top:26px}
.hg-card{position:relative;margin:0 auto;max-width:380px;padding:22px 22px 30px;border-radius:26px;background:#fff;border:1px solid var(--border);box-shadow:0 40px 80px -46px rgba(27,74,107,.55);animation:fade-up .7s var(--ease-out) both}
.hg-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px;font-size:.88rem;color:var(--text-muted)}
.hg-head b{color:var(--text)}
.hg-path{list-style:none;margin:0;padding:10px 0 0;display:grid;gap:18px}
.hg-path li{display:flex;align-items:center;gap:12px;translate:18px 0;animation:fade-up .5s var(--ease-out) both}
.hg-path li:nth-child(2){animation-delay:.12s}.hg-path li:nth-child(3){animation-delay:.24s}.hg-path li:nth-child(4){animation-delay:.36s}
.hg-path li.hg-r{translate:84px 0}
.hg-dot{display:grid;place-items:center;flex:none;width:54px;height:50px;border-radius:50%;font-weight:700;color:#2f7fb5;background:radial-gradient(closest-side,#fff 74%,transparent 76%),conic-gradient(#2f7fb5 calc(var(--p,0) * 1%),#d6eaf8 0);box-shadow:0 5px 0 #b9d6ec}
.hg-path li.is-done .hg-dot{background:#2f7fb5;color:#fff;box-shadow:0 5px 0 #1b4a6b}
.hg-path li.is-now .hg-dot{animation:check-pop 1.6s var(--ease-out) 1s infinite}
.hg-label{font-size:.9rem;font-weight:600}
.hg-busya{position:absolute;right:-18px;bottom:-14px;width:118px;height:auto;filter:drop-shadow(0 8px 10px rgba(11,11,11,.18));animation:badge-float 3.4s ease-in-out infinite}
.hg-bubble{position:absolute;left:0;bottom:6px;max-width:250px;padding:12px 14px;border-radius:16px 16px 16px 4px;background:var(--text);color:#fff;font-size:.86rem;line-height:1.4;box-shadow:0 18px 36px -20px rgba(11,11,11,.6);animation:fade-up .6s var(--ease-out) .9s both}
.hg-chip{position:absolute;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.82rem;font-weight:600;box-shadow:0 14px 30px -20px rgba(27,74,107,.6);animation:fade-up .6s var(--ease-out) both,badge-float 4s ease-in-out 1s infinite}
.hg-chip-a{top:-18px;right:6%;color:#1d7a4f;animation-delay:.6s,1.2s}
.hg-chip-b{top:-18px;left:4%;animation-delay:.75s,1.6s}
@media (max-width:900px){.home-hero{padding:44px 0 40px}.home-hero-grid{grid-template-columns:none;gap:28px}.home-game{min-height:380px}}
@media (max-width:520px){.home-actions .btn{width:100%}.hg-chip-b{display:none}}

.home-h2{margin:0 0 10px;font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.025em;line-height:1.12}
.home-sub{margin:0 0 26px;color:var(--text-muted);max-width:40em}
.home-center{text-align:center;margin:30px 0 0}
/* сравнение с репетитором */
.home-compare{margin-top:26px;border:1px solid var(--border);border-radius:22px;overflow:hidden}
.hc-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--border)}
.hc-row:first-child{border-top:0}
.hc-row > span{padding:14px 18px}
.hc-head > span{font-weight:700;background:#fafbfc}
.hc-row > span[role="rowheader"]{color:var(--text-muted);font-size:.92rem}
.hc-krok{background:var(--sky-soft);font-weight:600;color:var(--sky-ink)}
.hc-head .hc-krok{background:var(--text);color:#fff}
@media (max-width:640px){.hc-row{grid-template-columns:1fr 1fr}.hc-row > span[role="rowheader"]{grid-column:1 / -1;padding-bottom:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.hc-head > span:first-child{display:none}}
/* три шага */
.home-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-steps li{display:grid;gap:6px;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--border);animation:fade-up .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 110ms)}
.home-steps b{font-size:1.1rem}
.home-steps span:last-child{color:var(--text-muted)}
.hs-num{display:grid;place-items:center;width:44px;height:40px;margin-bottom:6px;border-radius:50%;background:#2f7fb5;color:#fff;font-weight:700;box-shadow:0 5px 0 #1b4a6b}
.home-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 0}
.home-facts div{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--border)}
.home-facts dt{font-size:.85rem;color:var(--text-muted)}
.home-facts dd{margin:4px 0 0;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em}
@media (max-width:760px){.home-steps{grid-template-columns:none}.home-facts{grid-template-columns:1fr 1fr}}
/* тарифы */
.home-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-plan{position:relative;display:grid;gap:10px;align-content:start;padding:22px;border-radius:22px;border:1px solid var(--border);background:#fff;color:var(--text);text-decoration:none;transition:translate .25s var(--ease-out),box-shadow .25s}
.home-plan:hover{translate:0 -4px;box-shadow:0 22px 44px -26px rgba(27,74,107,.45);color:var(--text)}
.home-plan.is-featured{border:1.5px solid var(--sky-ink)}
.home-plan-badge{position:absolute;top:-11px;left:20px;padding:3px 10px;border-radius:999px;background:var(--sky-ink);color:#fff;font-size:.75rem;font-weight:600}
.home-plan-name{font-size:1.15rem;font-weight:700}
.home-plan-price b{font-family:var(--font-display);font-size:1.9rem;letter-spacing:-.02em}
.home-plan-price small{display:block;color:var(--text-muted)}
.home-plan ul{margin:0;padding-left:18px;font-size:.9rem;color:var(--text-muted)}
.home-plan ul b{color:var(--text)}
@media (max-width:860px){.home-plan-grid{grid-template-columns:none}}
/* выбор вуза и подготовка — 4 шага /start на реальном примере */
.hp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:32px 0 0;padding:0;list-style:none;counter-reset:none}
.hp-steps li{position:relative;display:flex;flex-direction:column;gap:4px;padding:0 20px 0 0}
.hp-steps li::before{content:"";position:absolute;top:17px;left:36px;right:0;height:1px;background:var(--text)}
.hp-steps li:last-child::before{display:none}
.hp-n{position:relative;display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:50%;background:var(--text);color:#fff;font-family:var(--font-display);font-weight:600}
.hp-steps b{font-size:1.1rem;line-height:1.25}
.hp-hint{color:var(--text-muted);font-size:.92rem}
.hp-ex{display:flex;flex-direction:column;gap:2px;margin-top:16px;padding:14px 16px;border-radius:var(--radius-large);background:var(--bg-alt);flex:1}
.hp-ex small{margin-top:6px;font-size:.75rem;color:var(--text-muted)}
.hp-ex small:first-child{margin-top:0}
.hp-ex strong{font-weight:600;line-height:1.3}
.hp-dots{display:flex;align-items:center;gap:4px;margin-top:4px}
.hp-dots em{flex:1;min-width:0;font-style:normal;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hp-dots i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--text)}
.hp-dots i.on{background:var(--text)}
.hp-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:32px 0 0}
.hp-cta span{color:var(--text-muted);font-size:.92rem}
@media (max-width:860px){
  .hp-steps{grid-template-columns:none;gap:0}
  .hp-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding:0 0 24px}
  .hp-steps li > *{grid-column:2}
  .hp-steps li .hp-n{grid-column:1;grid-row:1 / span 3;margin:0}
  .hp-steps li::before{top:36px;bottom:0;left:17px;right:auto;width:1px;height:auto}
  .hp-ex{margin-top:10px}
  .hp-cta .btn{width:100%}
}
/* финальный призыв */
.home-final{padding:56px 0;background:var(--text);color:#fff}
.home-final-inner{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.home-final-inner img{width:120px;height:auto}
.home-final-inner > div{flex:1 1 320px}
.home-final h2{margin:0 0 6px;color:#fff;font-size:clamp(1.6rem,3vw,2.2rem)}
.home-final p{margin:0;color:rgba(255,255,255,.75)}

/* «Подготовка»: отсчёт до ближайшего этапа (удержание) */
.learn-countdown{display:inline-flex;align-items:center;gap:8px;margin:6px 0 0;padding:8px 14px;border-radius:999px;background:#fff6e8;border:1px solid #f3d29a;color:#8a5a12;font-weight:500;text-decoration:none}
.learn-countdown:hover{background:#ffeccc;color:#8a5a12}
.learn-countdown b{font-size:1.05rem}
/* шапка (решение 210): пять разделов — на телефоне в одну строку */
@media (max-width:760px){.site-header .main-nav{min-width:0;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto}.site-header .main-nav a{padding:8px 5px;font-size:.8rem}}
@media (max-width:380px){.hdr-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end;padding:4px 0}.hg-path li{width:calc(100% - 18px)}.hg-path li.hg-r{width:calc(100% - 84px)}}

/* ---------- «Мой путь» /start (решение 211): цель → предметы → уровень → план ----------
   Язык сайта: чёрное на белом, тонкие линейки, цифры — главные элементы; без «пилюль» и карточек. */
.pth{padding:28px 0 72px}
.pth-wrap{max-width:820px}
.pth-steps{display:flex;align-items:baseline;gap:20px;margin:0 0 40px;font-size:.85rem;color:var(--text-muted)}
.pth-steps p{margin:0;white-space:nowrap}
.pth-steps b{color:var(--text)}
.pth-steps ol{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:0;list-style:none}
.pth-steps li{padding-top:8px;border-top:3px solid var(--border)}
.pth-steps li.is-done{border-color:var(--text);color:var(--text)}
.pth-steps li.is-now{border-color:var(--text);color:var(--text);font-weight:600}
.pth-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.pth-title{margin:0 0 12px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.02;letter-spacing:-.035em}
.pth-lead{margin:0 0 32px;max-width:36em;font-size:1.08rem;line-height:1.55;color:var(--text-muted)}
.pth-lead b{color:var(--text);font-weight:600}
.pth-busya{flex:none;width:112px;height:auto}
.pth-h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:44px 0 12px;font-size:1.25rem;letter-spacing:-.01em}
.pth-h2 small{font-size:.85rem;font-weight:400;color:var(--text-muted)}
.pth-note{margin:14px 0 0;font-size:.88rem;color:var(--text-muted)}
.pth-empty{color:var(--text-muted);font-size:.92rem}
/* поиск: одно большое поле, подсказки — строками */
.pth-search label{display:block;margin:0 0 6px;font-size:.85rem;font-weight:600}
.pth-search label small{font-weight:400;color:var(--text-muted)}
.pth-search input{width:100%;padding:10px 0;border:0;border-bottom:2px solid var(--text);border-radius:0;background:transparent;font:inherit;font-size:clamp(1.25rem,3vw,1.6rem);font-family:var(--font-display);letter-spacing:-.01em}
.pth-search input::placeholder{color:var(--text-faint)}
.pth-search input:focus{outline:none;border-bottom-color:var(--signal)}
.pth-search-small{margin-top:40px}
.pth-search-small input{font-size:1.1rem}
.pth-found{margin:0;padding:0;list-style:none}
.pth-found a{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}
.pth-found a:hover span{text-decoration:underline;text-underline-offset:3px}
.pth-found small{color:var(--text-muted);white-space:nowrap}
.pth-found code{font-family:var(--font-mono);font-size:.78rem;color:var(--text-faint)}
.pth-alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:48px 0 0;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}
.pth-alt span{color:var(--text-muted)}
.pth-alt:hover b{text-decoration:underline;text-underline-offset:3px}
/* предметы и вузы: строки с полосой доли */
.pth-table{width:100%;border-collapse:collapse}
.pth-table tr,.pth-table tr:hover{background:none}
.pth-table th,.pth-table td{background:none;padding:14px 0;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
.pth-table th{width:38%;padding-right:16px;background:none;color:var(--text);font-size:1.05rem;font-weight:600;text-transform:none;letter-spacing:0}
.pth-table tr.is-quiet th{font-weight:400;color:var(--text-muted)}
.pth-table td:last-child{width:1%;white-space:nowrap;padding-left:12px}
.pth-bar-cell{width:100%;min-width:60px}
.pth-bar{display:block;height:6px;width:var(--w);background:var(--text);border-radius:3px}
.pth-table tr.is-quiet .pth-bar{background:var(--border)}
.pth-table td.pth-num{padding-left:14px}
.pth-num{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.pth-tag{font-size:.78rem;color:var(--signal);font-weight:600}
.pth-more{margin:12px 0 0;font-size:.92rem}
.pth-more summary{cursor:pointer;color:var(--text-muted)}
.pth-more ul{margin:8px 0 0;padding-left:18px;color:var(--text-muted)}
.pth-rank{margin:0;padding:0;list-style:none;counter-reset:r}
.pth-rank li{display:grid;grid-template-columns:2em minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);counter-increment:r}
.pth-rank li::before{content:counter(r);color:var(--text-faint);font-variant-numeric:tabular-nums}
.pth-rank-name{display:grid;min-width:0}
.pth-rank-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}
.pth-rank .pth-num{font-family:var(--font-display);font-size:1.2rem}
.pth-next{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:40px 0 0}
.pth-next span,.pth-next a{color:var(--text-muted);font-size:.92rem}
/* диагностика */
.pth-tasks{margin:0;padding:0;list-style:none;counter-reset:t}
.pth-task{position:relative;padding:22px 0 22px 44px;border-bottom:1px solid var(--border);counter-increment:t}
.pth-task::before{content:counter(t);position:absolute;left:0;top:22px;font-family:var(--font-display);font-size:1.4rem;color:var(--text-faint);font-variant-numeric:tabular-nums}
.pth-task-topic{margin:0 0 8px;font-size:.8rem;color:var(--text-muted)}
.pth-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;margin:14px 0 0;padding:0;list-style:none}
.pth-options label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}
.pth-options label:hover{border-color:var(--text-muted)}
.pth-options input{position:absolute;opacity:0;pointer-events:none}
.pth-opt-n{flex:none;font-size:.78rem;color:var(--text-faint);font-variant-numeric:tabular-nums}
.pth-options label:has(input:checked){border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.pth-options label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.pth-answer{margin-top:12px;width:min(240px,100%);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font:inherit}
.pth-answer:focus{outline:none;border-color:var(--text)}
.pth-sticky{position:sticky;bottom:0;z-index:5;margin:0 -16px;padding:14px 16px;background:linear-gradient(rgba(255,255,255,0),#fff 30%)}
/* план */
.pth-say{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin:0;max-width:240px}
.pth-say figcaption{order:-1;padding:10px 12px;border-radius:12px 12px 2px 12px;background:var(--text);color:#fff;font-size:.85rem;line-height:1.35}
.pth-say .pth-busya{width:84px}
.pth-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:8px 0 36px;border-top:1px solid var(--text);border-bottom:1px solid var(--border)}
.pth-stats div{display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px 18px 0}
.pth-stats div + div{padding-left:20px;border-left:1px solid var(--border)}
.pth-stats dt{font-size:.82rem;color:var(--text-muted)}
.pth-stats dd{margin:2px 0 0;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pth-plan{margin:0;padding:0;list-style:none}
.pth-plan li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--border)}
.pth-plan-main{display:grid;gap:2px;min-width:0}
.pth-plan-main b{font-size:1.05rem}
.pth-plan-main small{color:var(--text-muted)}
.pth-plan a{white-space:nowrap;font-weight:600}
.pth-dots{display:inline-flex;align-items:center;gap:4px}
.pth-dots i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--text)}
.pth-dots i.on{background:var(--text)}
.pth-dots small{margin-left:6px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.pth-save{margin:16px 0 0;padding:12px 14px;border-left:3px solid var(--signal);background:var(--signal-soft);font-size:.92rem}
.pth-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-large)}
.pth-offer{display:flex;flex-direction:column;gap:6px;padding:0 20px 20px}
.pth-offer + .pth-offer{border-left:1px solid var(--border)}
.pth-offer.is-pick{margin:-1px 0 -1px -1px;border:2px solid var(--text);border-radius:var(--radius-large)}
.pth-offer.is-pick + .pth-offer{border-left:0}
.pth-offer-top{margin:0 -20px 8px;padding:8px 20px;font-size:.78rem;font-weight:600;color:var(--text-muted)}
.pth-offer.is-pick .pth-offer-top{background:var(--text);color:#fff;border-radius:8px 8px 0 0;margin:0 -20px 8px}
.pth-offer h3{margin:0;font-size:1.05rem}
.pth-price{margin:0}
.pth-price b{font-family:var(--font-display);font-size:2.2rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pth-term{margin:0 0 6px;min-height:2.6em;font-size:.85rem;color:var(--text-muted)}
.pth-offer ul{flex:1;margin:0 0 14px;padding:0;list-style:none;font-size:.88rem}
.pth-offer li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--border)}
.pth-offer li span{color:var(--text-muted);min-width:0}
.pth-offer li b{white-space:nowrap;font-variant-numeric:tabular-nums}
.pth-offer .btn{width:100%}
@media (max-width:720px){
  .pth{padding-top:16px}
  .pth-steps{margin-bottom:28px}
  .pth-steps li{font-size:0}
  .pth-steps li.is-now{font-size:.85rem}
  .pth-busya{width:76px}
  .pth-intro{align-items:flex-start}
  .pth-intro:has(.pth-say){flex-direction:column;align-items:stretch;gap:0}
  .pth-say{flex-direction:row;align-items:center;max-width:none;margin:0 0 20px}
  .pth-say figcaption{order:1;border-radius:12px 12px 12px 2px}
  .pth-say .pth-busya{width:56px}
  .pth-table th{width:auto}
  .pth-table .pth-bar-cell{display:none}
  .pth-rank li{grid-template-columns:1.4em minmax(0,1fr) auto}
  .pth-task{padding-left:32px}
  .pth-plan li{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .pth-plan li a{grid-column:1 / -1}
  .pth-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pth-stats div{padding-right:8px}
  .pth-stats div + div{padding-left:10px}
  .pth-stats dt{font-size:.75rem}
  .pth-stats dd{font-size:2rem}
  .pth-offers{grid-template-columns:none;border:0;gap:12px}
  .pth-offer{border:1px solid var(--border);border-radius:var(--radius-large)}
  .pth-offer + .pth-offer{border-left:1px solid var(--border)}
  .pth-offer.is-pick{margin:0}
  .pth-offer:not(.is-pick) .pth-offer-top{display:none}
  .pth-offer:not(.is-pick){padding-top:16px}
  .pth-next .btn{width:100%}
}

/* ---------- Путь ученика после тестов (решение 213): лента, главное действие, «вторым уровнем» ---------- */
.jr{flex-wrap:wrap;align-items:center;margin:0 0 24px}
.jr-next{margin-left:auto;font-weight:600;color:var(--text);white-space:nowrap}
.jr-invite{margin:0 0 20px;padding:12px 14px;border-left:3px solid var(--text);background:var(--bg-alt);font-size:.95rem}
.jr-invite a{font-weight:600;white-space:nowrap}
.jr-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:0 0 20px;padding:20px 24px;border:2px solid var(--text);border-radius:var(--radius-large)}
.jr-main > div{display:grid;gap:2px;flex:1 1 280px}
.jr-more{margin:28px 0 0}
.jr-more summary{cursor:pointer;color:var(--text-muted);font-size:.92rem}
.jr-pick{margin-left:8px;font-size:.82rem;font-weight:600}
.pth-skip{padding:0;border:0;background:none;font:inherit;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pth-skip:hover{color:var(--text)}
.pth-compare{margin-bottom:8px}
.pth-compare thead th{background:none;color:var(--text-muted);font-size:.78rem;font-weight:600;text-transform:none;letter-spacing:0}
.pth-compare .pth-num{text-align:right}
@media (max-width:720px){
  .jr-next{margin-left:0;width:100%}
  .jr-main{padding:16px}
  .jr-main .btn{width:100%}
}

/* «В топе» в окне разделов (решение 214): огонёк, тёплая рамка и подпись — главное для ученика */
.sections-item.is-hot{grid-template-columns:1fr;padding-top:20px;padding-bottom:20px;border:1.5px solid #f2b47a;background:linear-gradient(135deg,#fff7ee 0%,#fff 62%);box-shadow:0 14px 30px -20px rgba(214,105,20,.55)}
.sections-item.is-hot:hover{border-color:#e8923f;background:linear-gradient(135deg,#ffefdc 0%,#fff 70%);box-shadow:0 16px 34px -18px rgba(214,105,20,.65)}
.sections-item.is-hot .sections-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:1.2rem}
.sections-item.is-hot::after{color:#c4600f}
.sections-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 7px;border-radius:999px;background:#fff1e0;border:1px solid #f2b47a;color:#8a3f06;font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.01em;line-height:1.5;white-space:nowrap}
.sections-badge span{display:inline-block;transform-origin:50% 90%;animation:fire-flicker 1.8s ease-in-out infinite}
@keyframes fire-flicker{0%,100%{transform:scale(1) rotate(-3deg)}35%{transform:scale(1.14) rotate(3deg)}70%{transform:scale(.96) rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.sections-badge span{animation:none}}
@media (max-width:860px){.sections-group.is-top .sections-grid{grid-template-columns:1fr}}

/* ---------- Движение главной и «Моего пути» (решение 215) ----------
   Приёмы — по референсам React Bits / prompt-motion / Duolingo, на чистом CSS/JS: живая игровая карта в
   первом экране, магнитная кнопка с бликом, цепочка шагов, конфетти, набор чисел, счётчик диагностики.
   Всё — только transform/opacity и под prefers-reduced-motion: no-preference. */
@property --p{syntax:"<number>";inherits:true;initial-value:0}

/* полоса прогресса и часть контента — в «Моём пути» (видны и без движения) */
.pth-meter{display:flex;flex:1 1 100%;align-items:center;gap:12px;font-size:.85rem;color:var(--text-muted)}
.pth-meter:empty,.pth-meter [data-diag-count]:empty{display:none}
.pth-meter-bar{flex:1;max-width:220px;height:4px;border-radius:2px;background:var(--border);overflow:hidden}
.pth-meter-bar b{display:block;height:100%;width:0;background:var(--signal);border-radius:2px;transition:width .35s var(--ease-out)}
.pth-task.is-answered::before{color:var(--signal)}
.hg-xp,.hg-bubble-b{display:none}

@media (prefers-reduced-motion:no-preference){
/* первый экран: медленное северное сияние за картой */
.home-hero::before{content:"";position:absolute;inset:-25% -10%;z-index:0;pointer-events:none;background:radial-gradient(38% 46% at 18% 30%,rgba(156,203,235,.5),transparent 70%),radial-gradient(34% 42% at 82% 72%,rgba(255,205,160,.32),transparent 70%),radial-gradient(30% 36% at 60% 10%,rgba(190,170,240,.22),transparent 70%);animation:glow-drift 18s ease-in-out infinite}
.home-hero-grid{position:relative;z-index:1}

/* главная кнопка: блик + магнит */
.btn-glow{position:relative;overflow:hidden;isolation:isolate}
.btn-glow::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);transform:translateX(-120%) skewX(-18deg);animation:sheen 5s ease-in-out 1.5s infinite}
.btn[data-magnet]{transition:transform .28s var(--ease-out),background .2s,box-shadow .2s;will-change:transform}
.btn-glow:hover{box-shadow:0 14px 28px -14px rgba(11,11,11,.55)}

/* живая игровая карта (9 секунд цикл): кольцо заполняется → галочка → «+10 опыта» → Буся прыгает дальше */
.hg-path.hg-live li.is-now .hg-dot{position:relative;animation:hg-fill 9s ease-in-out infinite}
.hg-path.hg-live li.is-now .hg-dot::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#2f7fb5;color:#fff;box-shadow:0 5px 0 #1b4a6b;opacity:0;animation:hg-check 9s ease-in-out infinite}
.hg-live li:nth-child(4) .hg-dot{animation:hg-next 9s ease-in-out infinite}
.hg-live .is-now{position:relative}
.hg-xp{display:block;position:absolute;left:68px;top:-4px;padding:2px 8px;border-radius:999px;background:var(--signal);color:#fff;font-size:.72rem;font-weight:700;opacity:0;animation:hg-xp 9s ease-out infinite}
.hg-bubble-a{animation:hg-say-a 9s ease-in-out infinite}
.hg-bubble-b{display:block;opacity:0;animation:hg-say-b 9s ease-in-out infinite}
.hg-card:has(.hg-live) .hg-busya{animation:hg-hop 9s ease-in-out infinite}
@keyframes hg-fill{0%{--p:15}34%,88%{--p:100}100%{--p:15}}
@keyframes hg-check{0%,34%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.18)}46%,88%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.8)}}
@keyframes hg-next{0%,44%{box-shadow:0 5px 0 #b9d6ec,0 0 0 0 rgba(47,127,181,.45)}60%{box-shadow:0 5px 0 #b9d6ec,0 0 0 14px rgba(47,127,181,0)}100%{box-shadow:0 5px 0 #b9d6ec,0 0 0 0 rgba(47,127,181,0)}}
@keyframes hg-xp{0%,36%{opacity:0;transform:translateY(8px)}44%{opacity:1;transform:translateY(-6px)}62%{opacity:1;transform:translateY(-16px)}72%,100%{opacity:0;transform:translateY(-24px)}}
@keyframes hg-say-a{0%,34%{opacity:1;transform:none}40%,92%{opacity:0;transform:translateY(8px)}98%,100%{opacity:1;transform:none}}
@keyframes hg-say-b{0%,38%{opacity:0;transform:translateY(8px)}46%,88%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(8px)}}
@keyframes hg-hop{0%,38%{transform:none}41%{transform:translateY(3px) scaleY(.93)}46%{transform:translateY(-58px) rotate(-8deg)}54%{transform:translateY(-8px) rotate(3deg)}58%{transform:translateY(0) scaleY(.94)}62%,100%{transform:none}}

/* появление по очереди: цепочка шагов, числа плана, строки, тарифы */
.anim [data-stagger] > *{opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);transition-delay:calc(var(--k,0) * 110ms)}
.anim [data-stagger].is-in > *{opacity:1;transform:none}
.hp-steps li::before{transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-out) calc(var(--k,0) * 180ms + 350ms)}
.hp-steps.is-in li::before{transform:none}
.anim .hp-steps .hp-n{transform:scale(.4);transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(var(--k,0) * 180ms + 150ms)}
.anim .hp-steps.is-in .hp-n{transform:none}
.pth-dots i{transform:scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1) calc(var(--d,0) * 90ms + 500ms)}
.is-in .pth-dots i{transform:none}
.pth-dots i:nth-of-type(1){--d:0}.pth-dots i:nth-of-type(2){--d:1}.pth-dots i:nth-of-type(3){--d:2}.pth-dots i:nth-of-type(4){--d:3}.pth-dots i:nth-of-type(5){--d:4}

/* «Мой путь»: контент въезжает, отрезки ленты заполняются слева направо */
.anim .pth-wrap > :not(.pth-steps){animation:fade-up .5s var(--ease-out) both}
.anim .pth-wrap > :nth-child(3){animation-delay:.06s}.anim .pth-wrap > :nth-child(4){animation-delay:.12s}.anim .pth-wrap > :nth-child(5){animation-delay:.18s}.anim .pth-wrap > :nth-child(n+6){animation-delay:.24s}
.pth-steps li{position:relative}
.anim .pth-steps li.is-done,.anim .pth-steps li.is-now{border-top-color:var(--border)}
.anim .pth-steps li.is-done::before,.anim .pth-steps li.is-now::before{content:"";position:absolute;left:0;right:0;top:-3px;height:3px;background:var(--text);transform-origin:left;animation:seg-fill .7s var(--ease-out) both;animation-delay:calc(var(--k,0) * 130ms + 120ms)}
.pth-steps li:nth-child(1){--k:0}.pth-steps li:nth-child(2){--k:1}.pth-steps li:nth-child(3){--k:2}.pth-steps li:nth-child(4){--k:3}
@keyframes seg-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pth-steps li.is-now{animation:step-ping 2.4s ease-out 1s 2}
@keyframes step-ping{0%{color:var(--text)}40%{color:var(--signal)}100%{color:var(--text)}}

/* поиск специальности: бегущая линия, подсказки выезжают по очереди */
.pth-search input.htmx-request{background:linear-gradient(90deg,transparent 0,rgba(8,168,122,.7) 50%,transparent 100%) 0 100%/200% 2px no-repeat;animation:shimmer 1s linear infinite}
.pth-found li{animation:fade-up .35s var(--ease-out) both}
.pth-found li:nth-child(2){animation-delay:.05s}.pth-found li:nth-child(3){animation-delay:.1s}.pth-found li:nth-child(4){animation-delay:.15s}.pth-found li:nth-child(n+5){animation-delay:.2s}

/* диагностика: вариант «пружинит», номер задания зеленеет */
.pth-options label:has(input:checked){animation:opt-pop .28s var(--ease-out)}
@keyframes opt-pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}100%{transform:none}}
.pth-task::before{transition:color .3s}
.sections-item.is-hot{animation:hot-glow 3.6s ease-in-out infinite}
@keyframes hot-glow{0%,100%{box-shadow:0 14px 30px -20px rgba(214,105,20,.55)}50%{box-shadow:0 14px 34px -14px rgba(214,105,20,.8)}}

/* конфетти плана */
.cf-piece{position:fixed;left:var(--x);top:var(--y);width:8px;height:12px;border-radius:2px;background:var(--c);pointer-events:none;z-index:300;animation:cf-fly 1.7s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes cf-fly{0%{opacity:1;transform:translate(0,0) rotate(0)}70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}
}

@media (prefers-reduced-motion:no-preference) and (max-width:860px){
.hp-steps li::before{transform:scaleY(0);transform-origin:top}
.hp-steps.is-in li::before{transform:none}
}
.pth-sticky{background:#fff;border-top:1px solid var(--border);margin-top:24px}

/* ---------- Игровая подготовка (решение 216): «Сегодня», серия дней, цель недели, отклик на ответ ---------- */
.today{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:stretch;margin:18px 0 22px}
.today-streak,.today-week,.today-next{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:#fff}
.today-streak.is-alive{border-color:#f2b47a;background:linear-gradient(135deg,#fff7ee,#fff 70%)}
.today-streak.is-risk{border-color:#f2b47a;border-style:dashed}
.today-flame{font-size:2rem;line-height:1;filter:grayscale(1);opacity:.5}
.is-alive .today-flame,.is-risk .today-flame{filter:none;opacity:1}
.today-big{margin:0;font-size:1.05rem;font-weight:600}
.today-big b{font-family:var(--font-display);font-size:1.6rem;letter-spacing:-.02em}
.today-sub{margin:2px 0 0;font-size:.85rem;color:var(--text-muted)}
.today-ring{position:relative;display:grid;place-items:center;flex:none;width:76px;height:76px;border-radius:50%;background:radial-gradient(closest-side,#fff 76%,transparent 78%),conic-gradient(var(--signal) calc(var(--p,0) * 1%),var(--border) 0);text-align:center}
.today-ring b{font-family:var(--font-display);font-size:1.3rem;line-height:1}
.today-ring small{display:block;font-size:.68rem;color:var(--text-muted);line-height:1.2}
.today-ring{align-content:center}
.today-days{display:flex;gap:4px;margin:4px 0 2px}
.today-days i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);font-style:normal;font-size:.62rem;color:var(--text-muted)}
.today-days i.on{background:var(--signal);border-color:var(--signal);color:#fff}
.today-days i.now{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--text)}
.today-next{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;background:var(--text);border-color:var(--text);color:#fff;text-decoration:none;min-width:200px}
.today-next:hover{color:#fff;background:#222}
.today-next small{font-size:.75rem;color:rgba(255,255,255,.65)}
.today-next b{font-size:1.02rem}
.today-next span{font-size:.82rem;color:rgba(255,255,255,.75)}
.today-guest{margin:14px 0 20px;padding:12px 14px;border-left:3px solid #f2b47a;background:#fff7ee;font-size:.95rem}
.today-guest a{font-weight:600;white-space:nowrap}
.xp-chip,.streak-chip{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:.78rem;font-weight:700;vertical-align:1px}
.xp-chip{background:var(--signal);color:#fff}
.streak-chip{background:#fff1e0;border:1px solid #f2b47a;color:#8a3f06}
.tm-node.is-just-done .tm-dot{animation:tm-flash 1.4s ease-out 2}
@keyframes tm-flash{0%{box-shadow:0 5px 0 var(--cd,#1b4a6b),0 0 0 0 rgba(8,168,122,.55)}60%{box-shadow:0 5px 0 var(--cd,#1b4a6b),0 0 0 22px rgba(8,168,122,0)}100%{box-shadow:0 5px 0 var(--cd,#1b4a6b),0 0 0 0 rgba(8,168,122,0)}}
@media (max-width:900px){.today{grid-template-columns:1fr}.today-next{min-width:0}}
@media (prefers-reduced-motion:no-preference){
.today-ring{animation:ring-in 1.2s var(--ease-out) both}
@keyframes ring-in{from{--p:0}}
.is-alive .today-flame{animation:flame 1.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes flame{0%,100%{transform:scale(1) rotate(-3deg)}40%{transform:scale(1.12) rotate(3deg)}70%{transform:scale(.97) rotate(-2deg)}}
.tutor-verdict.is-pop{animation:ans-pop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes ans-pop{0%{transform:scale(.9);opacity:0}100%{transform:none;opacity:1}}
.xp-chip{animation:xp-float 1.1s ease-out both}
@keyframes xp-float{0%{transform:translateY(8px) scale(.6);opacity:0}30%{transform:translateY(-2px) scale(1.15);opacity:1}100%{transform:none;opacity:1}}
.streak-chip{animation:ans-pop .5s cubic-bezier(.3,1.6,.5,1) .25s both}
.tutor-verdict.is-shake{animation:nudge .42s ease-in-out}
}

/* ---------- Единые отклики и заглушки (решение 217) ---------- */
.btn:active{transform:translateY(0) scale(.97)}
.btn.is-loading,.btn.htmx-request,form.htmx-request .btn[type=submit]{position:relative;color:transparent!important;pointer-events:none}
.btn.is-loading::after,.btn.htmx-request::after,form.htmx-request .btn[type=submit]::after{content:"";position:absolute;width:18px;height:18px;margin:auto;inset:0;border:2px solid currentColor;border-color:rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
.btn-ghost.is-loading::after,.btn-ghost.htmx-request::after{border-color:rgba(11,11,11,.2);border-top-color:var(--text)}
@keyframes spin{to{transform:rotate(360deg)}}
.site-header{transition:box-shadow .25s,background .2s,border-color .2s,color .2s}
.site-header.is-scrolled{box-shadow:0 8px 24px -16px rgba(11,11,11,.35)}
a:not(.btn):not(.sections-item):not([class*="card"]){text-underline-offset:3px;text-decoration-thickness:1px}
/* пустые состояния и страница «не найдено» */
.empty-state{display:flex;align-items:center;gap:18px;margin:18px 0;padding:18px 20px;border:1px dashed var(--sky-strong);border-radius:16px;background:var(--sky-soft)}
.empty-state img{flex:none;width:72px;height:auto}
.empty-title{margin:0 0 2px;font-weight:600}
.empty-text{margin:0 0 10px;color:var(--text-muted);font-size:.92rem}
.err-page{text-align:center}
.err-busya{width:110px;height:auto;margin:0 auto 4px}
.err-code{margin:0;font-family:var(--font-display);font-size:clamp(3.2rem,12vw,5.5rem);line-height:1;letter-spacing:-.04em;color:var(--sky-strong)}
.err-search{display:flex;gap:8px;max-width:460px;margin:22px auto}
.err-search input{flex:1;min-width:0;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;background:#fff}
.err-search input:focus{outline:none;border-color:var(--text)}
.err-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:720px;margin:0 auto 22px;padding:0;list-style:none;text-align:left}
.err-links a{display:grid;gap:2px;height:100%;padding:14px 16px;border:1px solid var(--border);border-radius:14px;color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s var(--ease-out)}
.err-links a:hover{border-color:var(--text);transform:translateY(-2px)}
.err-links span{color:var(--text-muted);font-size:.85rem}
@media (max-width:640px){.err-links{grid-template-columns:1fr}.empty-state{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.btn.is-loading::after,.btn.htmx-request::after,form.htmx-request .btn[type=submit]::after{animation-duration:1.6s}}
@media (prefers-reduced-motion:no-preference){
.err-busya{animation:bob 3.4s ease-in-out infinite}
.empty-state img{animation:bob 4s ease-in-out infinite}
html{scroll-behavior:smooth}
}

/* Темы по спецификации без заданий («скоро», решение 218) */
.tm-node.is-soon .tm-dot{border-style:dashed;opacity:.6}
.tm-node.is-soon .tm-label{color:var(--text-muted)}
.tm-soon{margin-left:4px;padding:1px 7px;border-radius:999px;background:var(--sky-soft);color:var(--sky-ink);font-size:.68rem;font-weight:600;vertical-align:1px}

/* «Выбираешь, куда поступать» — четыре острова волной (решение 220): каждый остров — ссылка
   на свой шаг /start, пунктирная тропинка проходит через номера и связывает их */
.hp-isles-wrap{position:relative;margin-top:40px}
.hp-trail{position:absolute;left:0;right:0;top:-22px;width:100%;height:120px;overflow:visible;pointer-events:none}
.hp-trail path{fill:none;stroke:var(--sky-strong);stroke-width:2.5;stroke-dasharray:2 10;stroke-linecap:round;vector-effect:non-scaling-stroke}
.anim .hp-trail path{animation:hp-trail 2.4s linear infinite}
@keyframes hp-trail{to{stroke-dashoffset:-48}}
.hp-isles{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(14px,2vw,26px);margin:0;padding:0;list-style:none}
.hp-isle{min-width:0}
.hp-isle:nth-child(even){margin-top:68px}          /* волна: острова то выше, то ниже */
.hp-isle-card{position:relative;display:flex;flex-direction:column;gap:4px;min-height:100%;padding:38px 20px 18px;border:1px solid var(--sky);border-radius:30px 30px 30px 30px/26px 26px 34px 34px;background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%);color:var(--text);text-decoration:none;box-shadow:0 20px 34px -26px rgba(27,74,107,.45);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .2s}
/* «берег» под островом: мягкая тень, как от парящего острова */
.hp-isle-card::after{content:"";position:absolute;left:12%;right:12%;bottom:-16px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(27,74,107,.16),transparent);transition:transform .35s var(--ease-out),opacity .35s;pointer-events:none}
.hp-isle-card:hover{transform:translateY(-6px);border-color:var(--sky-strong);box-shadow:0 28px 40px -26px rgba(27,74,107,.55);color:var(--text)}
.hp-isle-card:hover::after{transform:scaleX(.85);opacity:.7}
.hp-isle-card:focus-visible{outline:2px solid var(--sky-ink);outline-offset:4px}
.hp-isle-card .hp-n{position:absolute;top:-18px;left:50%;margin:0;transform:translateX(-50%);box-shadow:0 0 0 6px var(--bg)}
.hp-isle-card b{font-size:1.06rem;line-height:1.25}
.hp-isle-card .hp-ex{flex:1;margin-top:12px;background:rgba(214,234,248,.45)}
.hp-go{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.88rem;font-weight:600;color:var(--sky-ink)}
.hp-go::after{content:"→";transition:transform .25s var(--ease-out)}
.hp-isle-card:hover .hp-go::after{transform:translateX(4px)}
.anim .hp-isles .hp-n{scale:.4;transition:scale .5s cubic-bezier(.3,1.6,.5,1) calc(var(--k,0) * 110ms + 200ms)}
.anim .hp-isles.is-in .hp-n{scale:1}
@media (max-width:860px){
  /* на телефоне острова идут столбиком и чуть смещаются влево-вправо, тропинка — вертикальная */
  .hp-trail{display:none}
  .hp-isles{grid-template-columns:minmax(0,1fr);gap:34px}
  .hp-isles::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2.5px dotted var(--sky-strong)}
  .hp-isle:nth-child(even){margin-top:0;padding-left:9%}
  .hp-isle:nth-child(odd){padding-right:9%}
  /* номер — на тропинке посередине: у смещённых островов центр карточки не совпадает с ней */
  .hp-isle:nth-child(even) .hp-n{left:45%}
  .hp-isle:nth-child(odd) .hp-n{left:55%}
}
@media (prefers-reduced-motion:reduce){.anim .hp-trail path{animation:none}.hp-isle-card,.hp-isle-card::after{transition:none}}

/* Варианты по подписке (решение 226): закрытые в списке приглушены и помечены замком */
.vt-years li.is-locked a{color:var(--text-muted)}
.vt-years li.is-locked a strong{color:var(--text-muted)}
.vt-lock{margin-left:10px;padding:2px 9px;border-radius:999px;background:var(--bg-alt);color:var(--sky-ink);font-size:.78rem;font-weight:500;white-space:nowrap}
.vt-years a > .muted.small:has(+ .vt-lock){margin-left:auto}
.vt-access{margin-top:20px;max-width:46em}
/* страница закрытого варианта (решение 229): карточка «только с подпиской» вместо ошибки 403 */
.vt-locked{padding-top:8px}
.vt-locked-card{max-width:720px;margin:0 auto;padding:40px 36px;border:1px solid var(--border);border-radius:var(--radius-large);background:var(--bg-alt);text-align:center}
.vt-locked-icon{display:inline-grid;place-items:center;width:60px;height:60px;margin-bottom:16px;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--sky-ink)}
.vt-locked-card .eyebrow{justify-content:center}
main .vt-locked-card .eyebrow:not(.hero .eyebrow)::before{display:none}
main .section .vt-locked-card h1:not(.hero h1)::after{margin-inline:auto;transform-origin:50% 50%}
.vt-locked-card h1{font-size:clamp(2rem,4.4vw,2.9rem);text-wrap:balance}
.vt-locked-card .lead{max-width:34em;margin-inline:auto}
.vt-locked-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.vt-locked-login{margin:16px 0 0}
@media (max-width:560px){.vt-locked-card{padding:28px 20px}.vt-locked-actions .btn{flex:1 1 100%}}