/* =========================================================
   STYLE.CSS — НУМ | АКТУАЛЬНА ОПТИМІЗОВАНА ВЕРСІЯ

   Архітектура файла:
   1) legacy / базова сумісність для сторінок, які ще її використовують;
   2) глобальна дизайн-система та спільні компоненти;
   3) сторінкові блоки;
   4) фінальні mobile-overrides для складних адаптивних композицій.

   Аудит: 2026-09-18.
   Перевірені актуальні сторінки: index, prices, num-pedagog, about-num,
   expert, персональна сторінка педагога, сторінки для батьків і педагогів.

   Принцип безпеки: код видаляється лише тоді, коли підтверджено, що це
   дубль, повністю перекритий старий шар або застаріла версія компонента.
   Непідтверджені legacy / сторінкові блоки залишені для сумісності.
   ========================================================= */

/* =========================================================
   1. LEGACY / БАЗОВА СУМІСНІСТЬ
   Старі глобальні правила, форми, AI-віджет та сумісність.
   Цей блок навмисно стоїть ДО сучасної .num-* системи.
   ========================================================= */

/* Шрифти: Open Sans і Jura */
@font-face{font-family:OpenSansBold;font-display:swap;src:url("../fonts/OpenSansBold.woff2") format("woff2"), url("../fonts/OpenSansBold.woff") format("woff");font-weight:400;font-style:normal;}
@font-face{font-family:JuraDemiBold;font-display:swap;src:url("../fonts/JuraDemiBold.woff2") format("woff2"), url("../fonts/JuraDemiBold.woff") format("woff");font-weight:400;font-style:normal;}
@font-face{font-family:OpenSansRegular;font-display:swap;src:url("../fonts/OpenSansRegular.woff2") format("woff2"), url("../fonts/OpenSansRegular.woff") format("woff");font-weight:400;font-style:normal;}
/* Базовий reset, body, посилання, кнопки та списки */
*{margin:0;padding:0;}
p:last-of-type{margin-bottom:0;}
a{outline:none;}
a:hover,a:focus{outline:none;}
main section ul li{margin-left:25px;}
button,button:focus,button:active{outline:none;cursor:pointer;}
body{font-family:"OpenSansRegular", sans-serif;font-size:15px;color:#4d4d4d;min-width:320px;}
/* СТАРИЙ КОД — desktop/mobile меню */
.menu{background-color:#0671b4;}
.menu__list{display:flex;text-align:justify;justify-content:center;list-style:none;padding:0;margin:0;}
.menu__item{text-align:center;flex-grow:1;border-left:1px solid;border-color:rgba(255, 255, 255, 0.2);}
.menu__item:last-of-type{border-right:1px solid;border-color:rgba(255, 255, 255, 0.2);}
.menu__item a{display:block;height:100%;padding-top:12px;padding-bottom:12px;color:white;line-height:1.733;}
.menu__item a_active,.menu__item a:hover{text-decoration:none;}
.menu__item:hover{background-color:#f99a11;}
.desktop-menu{display:block;}
.mobile-menu-bar,.mobile-menu-panel,.mobile-menu-overlay{display:none;}
@media (max-width: 767px){
    .desktop-menu{display:none!important;}
    .mobile-menu-bar{display:flex;position:fixed;top:60px;left:8px;bottom:auto;z-index:10000;padding:0;background:transparent;border:0;}
    .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#f99a11;color:#fff;box-shadow:0 4px 16px rgba(0, 0, 0, 0.3);cursor:pointer;}
    .mobile-menu-toggle > span:last-child{display:none;}
    .mobile-menu-toggle__icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:25px;height:22px;}
    .mobile-menu-toggle__icon span{display:block;width:25px;height:3px;margin:0;background:#fff;border-radius:2px;}
    .mobile-menu-panel{display:block;position:fixed;z-index:10002;top:0;left:0;width:min(86vw,360px);height:100vh;height:100dvh;background:#fff;box-shadow:4px 0 20px rgba(0,0,0,.2);transform:translateX(-105%);transition:transform .3s ease;overflow-y:auto;pointer-events:none;}
    .mobile-menu-panel.is-open{transform:translateX(0);pointer-events:auto;}
    .mobile-menu-panel__header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #e5e5e5;}
    .mobile-menu-panel__title{font-size:20px;font-weight:700;}
    .mobile-menu-close{width:40px;height:40px;border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;}
    .mobile-menu-list{list-style:none;margin:0;padding:8px 0;}
    .mobile-menu-list li{margin:0;padding:0;border-bottom:1px solid #eee;}
    .mobile-menu-list a{display:block;padding:15px 20px;color:#222;text-decoration:none;font-size:17px;line-height:1.35;}
    .mobile-menu-list a:hover,.mobile-menu-list a:focus{background:#f3f3f3;}
    .mobile-menu-overlay{display:block;position:fixed;z-index:10001;inset:0;background:rgba(0, 0, 0, 0.45);opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;}
    .mobile-menu-overlay.is-open{opacity:1;visibility:visible;}
    body.mobile-menu-open{overflow:hidden;}
}
@media (prefers-reduced-motion: reduce){
    .mobile-menu-panel,.mobile-menu-overlay{transition:none;}
}
/* СТАРИЙ КОД — секція .about; залишено для сумісності інших сторінок */
.about{overflow:hidden;background-color:white;padding:17px 0 20px;}
/* СТАРИЙ КОД — базова структура форми заявки */
.request-form__age{display:flex;align-items:center;gap:20px;margin-bottom:20px;}
.request-form__age .request-form__note{margin-bottom:0;}
.request-form__age .child-age-wrapper{padding-bottom:unset!important;}
.request-form__element{padding:5px 6px;border:1px solid #798992;border-radius:7px;}
.request-form .phone-wrapper,.request-form .name-wrapper,.request-form .child-age-wrapper{position:relative;padding-bottom:20px;}
.request-form .rf-message{display:none;position:absolute;left:0;bottom:0;font-size:12px;color:red;}
.request-form input{display:block;font-style:italic;letter-spacing:0.04em;}
.request-form .w-280{min-width:280px;}
.request-form .user-message-wrapper{position:relative;max-width:600px;border:1px solid #798992;border-radius:7px;overflow:hidden;}
.request-form .user-message-wrapper textarea{border:none;}
.request-form .request-form__notification{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:clamp(15px,2.5vw,25px);background-color:#279627;}
.request-form .rf-note__inner{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;}
.request-form .rf-note__inner-first{font-weight:600;font-size:18px;}
.request-form .rf-note__inner-second{font-size:16px;}
.request-form textarea{display:block;width:100%;min-height:100px;}
.request-form__note{margin-bottom:5px;}
.request-form__note span{color:#f99a11;}
.request-form__subjects{display:flex;column-gap:20px;flex-wrap:wrap;max-width:300px;}
.request-form__subjects-item{margin:5px 0;padding:5px 0;display:flex;align-items:center;min-width:calc(50% - 20px);column-gap:10px;line-height:1;}
.request-form__subjects-item input{cursor:pointer;}
.request-form__subjects-item input:checked ~ label{font-weight:600;}
.request-form__subjects-item label{margin:0;cursor:pointer;}
.request-form-subjects-legend{font-style:italic;margin-top:5px;}
.request-form-message-legend{margin-top:15px;margin-bottom:5px;}
.request-form__dest-wrapper{margin-top:20px;}
.request-form__dest-wrapper .request-form__note{margin-bottom:15px;}
.request-form__dest{position:relative;padding-bottom:20px;display:inline-flex;column-gap:10px;}
.request-form .dest-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;}
.request-form .dest-item.disabled{filter:grayscale(100%);}
.request-form .dest-item__img{width:30px;height:30px;}
.request-form .dest-item__name{margin-top:5px;font-size:12px;}
.request-form__submit{margin-top:10px;padding:10px;display:block;width:150px;text-align:center;line-height:1;}
/* СТАРИЙ КОД — h2, форма відгуків і повідомлення */
h2{position:relative;font-family:JuraDemiBold;font-size:30px;line-height:1.7;text-transform:uppercase;color:#0671b4;padding:18px 0;margin:0;}
h2:after{position:absolute;left:0;bottom:10px;content:"";width:68px;height:2px;background-color:#f99a11;}
.feedback-form{margin-top:30px;width:100%;}
.feedback-form__text{width:100%;min-height:150px;padding:15px;font-size:18px;border:1px solid #ccc;border-radius:10px;}
.feedback-form__autor{min-width:400px;height:40px;padding:0 15px;line-height:40px;margin-top:20px;border:1px solid #ccc;border-radius:10px;}
.feedback-form__btn{min-width:200px;margin-top:20px;font-size:18px;line-height:39px;}
.textarea-wrapper{margin-right:30px;position:relative;border-radius:10px;overflow:hidden;}
.text-danger{color:red;}
.success-message{display:none;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background-color:green;}
.success-message__text{text-align:center;font-size:18px;line-height:1.5;color:#fff;}
.success-accent{font-size:22px;}
/* СТАРИЙ КОД — header-simple */
.header-simple{background:radial-gradient(circle at 12% 20%,rgba(249,154,17,.18) 0 2px,transparent 2.5px),radial-gradient(circle at 88% 68%,rgba(6,113,180,.16) 0 2px,transparent 2.5px),linear-gradient(110deg,#f8fcff 0%,#ffffff 46%,#fff8ef 100%);padding:20px 24px;position:relative;z-index:20;}
.header-logo{position:relative;display:block;top:-10px;width:115px;height:115px;}
.header-logo img{position:absolute;inset:0;top:-10px;width:115px;height:115px;}
.logo-blue{opacity:1;animation:logoBlue 6s infinite;}
.logo-orange{opacity:0;animation:logoOrange 6s infinite;}
.header-description{text-align:center;}
.header-title{margin:0;font-size:32px;color:#1f4f8f;}
.header-subtitle{font-size:22px;color:#d58b00;}
@keyframes logoBlue{
    0%, 45%{opacity:1;}
    50%, 95%{opacity:0;}
    100%{opacity:1;}
}
@keyframes logoOrange{
    0%, 45%{opacity:0;}
    50%, 95%{opacity:1;}
    100%{opacity:0;}
}
@media (max-width: 768px){
    .header-simple{padding:16px 14px;}
    .header-logo{width:90px;height:90px;}
    .header-logo img{width:90px;height:90px;}
    .header-title{font-size:26px;}
    .header-subtitle{font-size:18px;}
}
/* СТАРИЙ КОД — expert-post і details профілів */
details > summary::-webkit-details-marker{display:none;}
.expert-post{background:#fff;border-radius:18px;padding:34px 36px;margin-bottom:32px;box-shadow:0 4px 18px rgba(0, 0, 0, 0.06);}
.expert-post__content{font-size:18px;line-height:1.8;color:#394956;}
.expert-post__content p{margin-bottom:22px;}
.expert-post__content strong{color:#1d2c39;}
details.expert-post{margin-bottom:24px;}
details.expert-post > summary{cursor:pointer;list-style:none;font-size:24px;font-weight:700;line-height:1.4;color:#1e2a36;margin-bottom:18px;}
details.expert-post > summary::-webkit-details-marker{display:none;}
@media (max-width: 768px){
    .expert-post{padding:24px 20px;}
    .expert-post__content{font-size:16px;}
}
/* СТАРИЙ КОД — розширене оформлення request-form */
#request-form-block{padding:70px 0;background:linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);}
.request-form{display:none;position:relative;max-width:760px;margin:0 auto;padding:36px;border-radius:22px;background:#fff;box-shadow:0 8px 30px rgba(0, 0, 0, 0.08);}
.request-form select{width:100%;padding:14px 16px;border:1px solid #d8e2ea;border-radius:14px;background:#fff;font-size:16px;line-height:1.5;color:#2a3947;transition:0.25s ease;}
.request-form select:focus{border-color:#0671b4;box-shadow:0 0 0 3px rgba(6, 113, 180, 0.12);}
.rf-message{margin-top:18px;padding:14px 18px;border-radius:14px;font-size:15px;line-height:1.6;}
.rf-message.success{background:#eefaf1;color:#1f6b37;border:1px solid #bfe5c9;}
.rf-message.error{background:#fff3f1;color:#8d2f24;border:1px solid #f0c2bc;}
.iti{width:100%;}
.iti__country-list{border-radius:14px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);}
@media (max-width: 768px){
    #request-form-block{padding:50px 0;}
    .request-form{padding:24px 20px;}
}
/* СТАРИЙ КОД — картки children-history */
.history-card{position:relative;padding:30px;border-radius:22px;background:#fff;border:1px solid #e7edf2;box-shadow:0 6px 24px rgba(0, 0, 0, 0.06);transition:0.25s ease;}
.history-card:hover{transform:translateY(-4px);box-shadow:0 12px 34px rgba(0, 0, 0, 0.08);}
.history-card details{margin-top:20px;}
.history-card summary{cursor:pointer;list-style:none;font-size:16px;font-weight:700;color:#0671b4;}
.history-card summary::-webkit-details-marker{display:none;}
@media (max-width: 768px){
    .history-card{padding:22px;}
}
/* СТАРИЙ КОД — допоміжні класи header-simple */
.w-100{width:100%;}
.header-col{min-width:180px;}
.header-simple a{color:#000;text-decoration:none;}
.header-simple a:hover{text-decoration:underline;}
.header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;position:relative;padding-left:140px;}
.header-logo-wrap{flex:0 0 auto;position:absolute;left:0;top:0;z-index:30;}
@media (max-width: 768px){
    .header-row{flex-direction:column;align-items:flex-start;padding-left:0;}
    .header-logo-wrap{position:relative;}
    .header-description{text-align:left;}
}
/* СТАРИЙ КОД — відкриття request-form у details */
#request-form-block details > summary{cursor:pointer;}
#request-form-block details[open] > form.request-form{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;overflow:visible!important;}
#request-form-block details > form.request-form{margin-top:16px;}
#request-form-block details[open] .request-form__name,#request-form-block details[open] .request-form__phone,#request-form-block details[open] .request-form__age,#request-form-block details[open] .request-form__subjects,#request-form-block details[open] .request-form__dest-wrapper,#request-form-block details[open] .request-form__submit,#request-form-block details[open] .request-form__consent-text,#request-form-block details[open] .user-message-wrapper{visibility:visible!important;opacity:1!important;max-height:none!important;}
#request-form-block details .rf-message,#request-form-block details .rf-note,#request-form-block details .request-form__message{display:none;}
/* СТАРИЙ КОД — AI-віджет: кнопка, чат, поле вводу */
#num-ai-toggle{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#f99a11;color:#fff;font-weight:700;font-size:18px;border:0;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);z-index:10000;}
#num-ai-box{position:fixed;right:22px;bottom:92px;width:360px;max-width:calc(100vw - 44px);height:520px;max-height:calc(100vh - 130px);display:none;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0, 0, 0, 0.28);overflow:hidden;z-index:9999;}
#num-ai-box.active{display:flex;}
#num-ai-header{background:#0671b4;color:#fff;padding:14px 16px;font-weight:700;font-size:18px;}
#num-ai-messages{flex:1;padding:14px;overflow-y:auto;background:#f6f9fb;}
.num-ai-message{max-width:88%;margin-bottom:10px;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.45;}
.num-ai-message.bot{background:#fff;color:#4d4d4d;border:1px solid #e5e5e5;}
.num-ai-message.user{margin-left:auto;background:#0671b4;color:#fff;}
#num-ai-controls{padding:12px;background:#fff;border-top:1px solid #e5e5e5;}
#num-ai-input{width:100%;min-height:76px;resize:none;padding:10px;border:1px solid #d7d7d7;border-radius:10px;font-family:Arial, sans-serif;font-size:14px;}
#num-ai-buttons{display:flex;gap:10px;margin-top:10px;}
#num-ai-mic,#num-ai-send{flex:1;padding:10px;border-radius:10px;color:#fff;font-weight:700;border:0;cursor:pointer;}
#num-ai-mic{background:#0671b4;}
#num-ai-send{background:#f99a11;}
@media (max-width: 768px){
    #num-ai-box{right:10px;bottom:82px;width:calc(100vw - 20px);}
    #num-ai-toggle{right:14px;bottom:14px;}
}
/* СТАРИЙ КОД — адаптивність меню, форм і відгуків */
@media (max-width: 1199.98px){
    .menu__item a{font-size:13px;}
}
@media (max-width: 991.98px){
    .menu{display:none;}
    .menu__list{display:block;text-align:left;}
    .menu__item{border:none;}
    .menu__item:last-of-type{border:none;}
}
@media (max-width: 767.98px){
    .request-form textarea{min-height:unset;height:56px;}
    .feedback-form__text{font-size:16px;}
}
@media (max-width: 575.98px){
    h2{font-size:22px;}
    .feedback-form .input-wrapper{margin-right:15px;}
    .feedback-form__autor{min-width:270px;display:block;width:100%;}
}

/* =========================================================
   2. ЗАГАЛЬНА ДИЗАЙН-СИСТЕМА НУМ
   Токени, шапка, базове меню, контейнер, типографіка,
   картки, сітки, кнопки, details, CTA та callback.
   ========================================================= */

/* МОДАЛЬНА ФОРМА ЗАЯВКИ */
.num-request-modal{width:min(560px,calc(100vw - 32px));max-height:90vh;padding:0;border:0;border-radius:14px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28);overflow:hidden}
.num-request-modal::backdrop{background:rgba(20,30,40,.58)}
.num-request-modal__close{position:absolute;z-index:5;top:7px;right:9px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fff;color:#44515a;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.num-request-modal__frame{width:100%;max-height:90vh;overflow:auto}
.num-request-modal__iframe{display:block;width:100%;height:650px;border:0;background:transparent}
body.num-request-open{overflow:hidden}

@media(max-width:600px){
.num-request-modal{width:calc(100vw - 12px);max-height:94vh;border-radius:12px}
.num-request-modal__frame{max-height:94vh}
.num-request-modal__iframe{height:90vh}
}

/* Дизайн-токени: кольори, шрифти, розміри, контейнер, тіні */
:root {--num-blue:#0671b4;--num-blue-dark:#055a8f;--num-blue-soft:#eef7ff;--num-orange:#f99a11;--num-orange-dark:#e58d0d;--num-orange-soft:#fff8ef;--num-text:#4d5b66;--num-text-dark:#1f2d39;--num-text-muted:#667685;--num-bg:#fff;--num-bg-soft:#f7fbff;--num-bg-gray:#f6f9fb;--num-border:#e1e8ee;--num-border-blue:#d7e9f6;--num-font-text:"OpenSansRegular",sans-serif;--num-font-bold:"OpenSansBold",sans-serif;--num-font-title:"JuraDemiBold",sans-serif;--num-text-sm:14px;--num-text-md:16px;--num-text-lg:18px;--num-title-sm:22px;--num-title-lg:34px;--num-line-normal:1.6;--num-line-relaxed:1.75;--num-container:1140px;--num-content:920px;--num-card-radius:9px;--num-shadow:0 2px 7px rgba(15,23,42,.04);--num-shadow-hover:0 3px 10px rgba(15,23,42,.07);--num-transition:.2s ease;--num-flow-symbol-size:34px;--num-flow-symbol-compact:28px;--num-flow-symbol-weight:900;--num-flow-symbol-shadow:drop-shadow(0 1px 0 rgba(120,67,0,.18));}
/* Ізоляція базових .num-* компонентів від глобальних правил */
.num-header,.num-header *,.num-menu,.num-menu *,.num-section,.num-section * {box-sizing:border-box;}
.num-title,.num-subtitle,.num-cta__title,.num-home-section-title,.num-home-final-cta h2 {position:static;padding:0;text-transform:none;letter-spacing:normal;}
.num-title::after,.num-subtitle::after,.num-cta__title::after,.num-home-section-title::after,.num-home-final-cta h2::after {display:none!important;content:none!important;}
/* Загальна шапка .num-header */
.num-header {position:relative;z-index:20;width:100%;padding:1px 0;background:radial-gradient(circle at 12% 20%,rgba(249,154,17,.18) 0 2px,transparent 2.5px),radial-gradient(circle at 88% 68%,rgba(6,113,180,.16) 0 2px,transparent 2.5px),linear-gradient(110deg,#f8fcff 0%,#ffffff 46%,#fff8ef 100%);}
.num-header__inner {display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;max-width:var(--num-container);min-height:60px;margin:0 auto;padding:0 12px;}
.num-header__logo-wrap {position:relative;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:1px 0 0;}
.num-header__copyright {display:block;margin-top:-1px;font-family:var(--num-font-text);font-size:7px;line-height:1.05;white-space:nowrap;color:var(--num-text-muted);}
.num-header__logo {position:relative;display:block;width:58px;height:58px;margin:0;padding:0;line-height:0;}
.num-header__logo img {position:absolute;inset:0;display:block;width:58px;height:58px;margin:0;padding:0;}
.num-header__logo-blue {opacity:1;animation:numLogoBlue 6s infinite;}
.num-header__logo-orange {opacity:0;animation:numLogoOrange 6s infinite;}
.num-header__description {margin:0;padding:0;text-align:left;}
.num-header__title {margin:0;padding:0;font-family:var(--num-font-title);font-size:22px;line-height:1.08;font-weight:400;color:var(--num-blue);}
.num-header__subtitle {margin:1px 0 0;padding:0;font-family:var(--num-font-text);font-size:15px;line-height:1.1;color:var(--num-orange);}
.num-header__contacts {display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;margin-left:auto;padding-left:8px;}
.num-header__phone {font-family:var(--num-font-bold);font-size:15px;line-height:1.15;white-space:nowrap;color:var(--num-blue);text-decoration:none;}
.num-header__phone:hover,.num-header__phone:focus {color:var(--num-orange);text-decoration:none;}
.num-header__socials {display:flex;align-items:center;gap:5px;margin:0;}
.num-header__social {display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:10px;background:rgba(255,255,255,.88);font-size:60px;line-height:1;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.12);transition:transform var(--num-transition),box-shadow var(--num-transition),background var(--num-transition);}
.num-header__social--instagram {color:#e1306c;}
.num-header__social--youtube {color:#f00;}
.num-header__social:hover,.num-header__social:focus {transform:translateY(-1px);background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.18);text-decoration:none;}
@keyframes numLogoBlue{0%,45%{opacity:1;}50%,95%{opacity:0;}100%{opacity:1;}}
@keyframes numLogoOrange{0%,45%{opacity:0;}50%,95%{opacity:1;}100%{opacity:0;}}
/* Загальне меню .num-menu */
.num-menu {width:100%;margin:0;padding:0;background:var(--num-blue);}
.num-menu__inner {width:100%;max-width:var(--num-container);margin:0 auto;padding:0 12px;}
.num-menu__list {display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;width:100%;margin:0;padding:0;list-style:none;}
.num-menu__item {display:flex;flex:1 1 auto;align-items:stretch;justify-content:center;margin:0;padding:0;border-left:1px solid rgba(255,255,255,.18);}
.num-menu__item:last-child {border-right:1px solid rgba(255,255,255,.18);}
.num-menu__link {display:flex;align-items:center;justify-content:center;width:100%;min-height:24px;margin:0;padding:3px 7px;font-family:var(--num-font-text);font-size:14px;line-height:1.15;text-align:center;color:#fff;text-decoration:none;transition:background var(--num-transition),color var(--num-transition);}
.num-menu__link:hover,.num-menu__link:focus,.num-menu__link--active {background:var(--num-orange);color:#fff;text-decoration:none;}
/* Контейнери, секції та типографіка */
.num-container {width:100%;max-width:var(--num-container);margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;}
.num-content {width:100%;max-width:var(--num-content);margin-left:auto;margin-right:auto;}
.num-section {padding:2px 0;}
.num-section--large {padding:3px 0;}
.num-section--soft {background:var(--num-bg-soft);}
.num-section--gray {background:var(--num-bg-gray);}
.num-title {margin:0 0 4px;font-family:var(--num-font-title);font-size:27px;line-height:1.2;font-weight:400;color:var(--num-blue);}
.num-title--large {font-size:var(--num-title-lg);}
.num-title--dark {color:var(--num-text-dark);}
.num-subtitle {margin:0 0 3px;font-family:var(--num-font-bold);font-size:var(--num-title-sm);line-height:1.3;color:var(--num-text-dark);}
.num-text {margin:0;font-family:var(--num-font-text);font-size:var(--num-text-md);line-height:var(--num-line-normal);color:var(--num-text);}
.num-text+.num-text {margin-top:2px;}
.num-lead {font-size:var(--num-text-lg);line-height:var(--num-line-relaxed);}
.num-text--small {font-size:var(--num-text-sm);color:var(--num-text-muted);}
.num-text--strong {font-family:var(--num-font-bold);color:var(--num-text-dark);}
.num-text--center {text-align:center;}
.num-group {display:flex;flex-direction:column;gap:2px;}
.num-row {display:flex;flex-wrap:wrap;align-items:center;gap:2px;}
/* Картки та сітки */
.num-card {padding:2px;background:var(--num-bg);border:1px solid var(--num-border);border-radius:var(--num-card-radius);box-shadow:var(--num-shadow);}
.num-card--flat {box-shadow:none;}
.num-card--soft {background:var(--num-bg-soft);}
.num-card--accent {border-color:var(--num-border-blue);background:var(--num-blue-soft);}
.num-card--orange {border-color:#f7d8a8;background:var(--num-orange-soft);}
.num-grid,.num-home-grid {display:grid;align-items:stretch;width:100%;gap:5px;}
.num-grid--2,.num-home-grid--2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.num-grid--3,.num-home-grid--3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.num-grid--4,.num-home-grid--4 {grid-template-columns:repeat(4,minmax(0,1fr));}
.num-grid--auto {grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
/* Кнопки, посилання, нотатки та списки */
.num-button {display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 9px;border:0;border-radius:7px;font-family:var(--num-font-bold);font-size:15px;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background var(--num-transition),transform var(--num-transition),box-shadow var(--num-transition);}
.num-button:hover {transform:translateY(-1px);text-decoration:none;}
.num-button--blue {background:var(--num-blue);color:#fff;}
.num-button--blue:hover {background:var(--num-blue-dark);color:#fff;}
.num-button--orange {background:var(--num-orange);color:#fff;}
.num-button--orange:hover {background:var(--num-orange-dark);color:#fff;}
.num-button--light {border:1px solid var(--num-border-blue);background:var(--num-blue-soft);color:var(--num-blue);}
.num-button--light:hover {background:var(--num-blue);color:#fff;}
.num-button--full {width:100%;}
.num-link {color:var(--num-blue);font-family:var(--num-font-bold);text-decoration:none;transition:color var(--num-transition);}
.num-link:hover {color:var(--num-orange);text-decoration:none;}
.num-note {padding:2px;border-left:3px solid var(--num-blue);border-radius:0 var(--num-card-radius) var(--num-card-radius) 0;background:var(--num-bg-soft);color:var(--num-text);}
.num-note--orange {border-left-color:var(--num-orange);background:var(--num-orange-soft);}
.num-note p {margin:0;font-size:var(--num-text-md);line-height:var(--num-line-normal);}
.num-list {display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;}
.num-list li {position:relative;margin:0;padding-left:13px;font-size:var(--num-text-md);line-height:var(--num-line-normal);color:var(--num-text);}
.num-list li::before {content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--num-blue);}
.num-list--orange li::before {background:var(--num-orange);}
/* Розкривні блоки .num-details */
.num-details {overflow:hidden;background:var(--num-bg);border:1px solid var(--num-border);border-radius:var(--num-card-radius);}
.num-details+.num-details {margin-top:2px;}
.num-details>summary {position:relative;padding:3px 28px 3px 6px;list-style:none;cursor:pointer;font-family:var(--num-font-bold);font-size:16px;line-height:1.3;color:var(--num-text-dark);}
.num-details>summary::-webkit-details-marker {display:none;}
.num-details>summary::after {content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--num-font-text);font-size:18px;font-weight:400;color:var(--num-blue);transition:transform var(--num-transition);}
.num-details[open]>summary::after {transform:translateY(-50%) rotate(45deg);}
.num-details__content {padding:0 6px 3px;font-size:var(--num-text-md);line-height:var(--num-line-normal);color:var(--num-text);}
/* CTA та callback */
.num-cta {padding:2px;border:1px solid var(--num-border-blue);border-radius:var(--num-card-radius);background:linear-gradient(135deg,var(--num-blue-soft) 0%,#fff 100%);}
.num-cta__title {margin:0 0 3px;font-family:var(--num-font-bold);font-size:23px;line-height:1.25;color:var(--num-text-dark);}
.num-cta__text {margin:0;font-size:var(--num-text-md);line-height:var(--num-line-normal);color:var(--num-text);}
.num-cta__actions {display:flex;flex-wrap:wrap;gap:2px;margin-top:2px;}
.num-callback {display:block;width:100%;margin-top:4px;text-align:left;}
.num-callback__text {margin:0 0 4px;font-family:var(--num-font-text);font-size:14px;line-height:1.35;text-align:left;color:var(--num-text);}
.num-callback__form {display:flex;align-items:center;gap:4px;width:100%;margin:0;}
.num-callback__input {width:220px;min-height:34px;margin:0;padding:5px 8px;border:1px solid var(--num-border);border-radius:7px;background:#fff;font-family:var(--num-font-text);font-size:14px;color:var(--num-text-dark);}
.num-callback__message {width:100%;margin-top:3px;font-family:var(--num-font-text);font-size:13px;line-height:1.3;text-align:left;}

/* =========================================================
   3. СПІЛЬНІ ВІЗУАЛЬНІ КОМПОНЕНТИ
   Section-head, process, change, route, proof, result,
   system-card, final CTA та спільна адаптивність.
   ========================================================= */

/* INDEX — заголовки секцій */
.num-home-section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 6px;padding:0 2px;}
.num-home-section-head--center {justify-content:center;text-align:center;}
.num-home-section-title {margin:0!important;font-family:var(--num-font-title);font-size:25px;line-height:1.2;font-weight:400;color:var(--num-blue);}
.num-home-section-text {max-width:760px;margin:3px auto 0;font-family:var(--num-font-text);font-size:14px;line-height:1.4;color:var(--num-text-muted);}
/* INDEX — блоки «Батьки / Педагоги» */
.num-home-audience-card {display:grid;grid-template-columns:115px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:12px 14px;border:1px solid var(--num-border-blue);border-radius:12px;background:linear-gradient(135deg,#f8fcff 0%,#eef7ff 100%);box-shadow:var(--num-shadow);}
.num-home-audience-card--teachers {border-color:#f5d8ac;background:linear-gradient(135deg,#fffdf9 0%,#fff5e8 100%);}
.num-home-audience-card__label {display:flex;align-items:center;justify-content:center;align-self:stretch;padding:8px;border-radius:9px;background:var(--num-blue);font-family:var(--num-font-bold);font-size:15px;line-height:1.2;text-align:center;color:#fff;}
.num-home-audience-card--teachers .num-home-audience-card__label {background:var(--num-orange);}
.num-home-audience-card__content h3 {margin:0 0 3px;font-family:var(--num-font-bold);font-size:19px;line-height:1.25;color:var(--num-text-dark);}
.num-home-audience-card__content p {margin:0;font-family:var(--num-font-text);font-size:14px;line-height:1.4;color:var(--num-text);}
.num-home-audience-card__link {display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 10px;border-radius:7px;background:#fff;font-family:var(--num-font-bold);font-size:13px;white-space:nowrap;color:var(--num-blue);text-decoration:none;box-shadow:0 1px 4px rgba(15,23,42,.07);}
.num-home-audience-card--teachers .num-home-audience-card__link {color:var(--num-orange-dark);}
.num-home-audience-card__link:hover {transform:translateY(-1px);text-decoration:none;}
/* INDEX — відеовітрина */
.num-home-video-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.num-home-video-card {display:block;overflow:hidden;border:1px solid var(--num-border);border-radius:10px;background:#fff;color:var(--num-text-dark);text-decoration:none;box-shadow:var(--num-shadow);transition:transform var(--num-transition),box-shadow var(--num-transition);}
.num-home-video-card:hover {transform:translateY(-2px);color:var(--num-text-dark);text-decoration:none;box-shadow:var(--num-shadow-hover);}
.num-home-video-card__visual {position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/8;overflow:hidden;background-image:linear-gradient(135deg,#0671b4 0%,#1292d3 55%,#f99a11 130%);background-position:center;background-size:cover;}
.num-home-video-card__visual::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.23));}
.num-home-video-card__play {position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding-left:3px;border-radius:50%;background:rgba(255,255,255,.94);font-size:20px;color:#e83030;box-shadow:0 3px 12px rgba(0,0,0,.18);}
.num-home-video-card__youtube {position:absolute;right:7px;bottom:5px;z-index:2;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.58);font-family:var(--num-font-bold);font-size:10px;color:#fff;}
.num-home-video-card__title {padding:7px 8px;font-family:var(--num-font-bold);font-size:14px;line-height:1.25;color:var(--num-text-dark);}
/* INDEX — процес роботи та ситуації звернення */
.num-home-major-card {height:100%;padding:12px;border:1px solid var(--num-border);border-radius:12px;background:#fff;box-shadow:var(--num-shadow);}
.num-home-process {display:grid;grid-template-columns:1fr;gap:4px;}
.num-home-process__item {display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:start;padding:5px 6px;border-radius:7px;background:var(--num-bg-soft);}
.num-home-process__number {display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--num-blue);font-family:var(--num-font-bold);font-size:12px;color:#fff;}
.num-home-process__item strong {display:block;margin:0 0 1px;font-family:var(--num-font-bold);font-size:14px;line-height:1.25;color:var(--num-text-dark);}
.num-home-process__item p {margin:0;font-family:var(--num-font-text);font-size:13px;line-height:1.35;color:var(--num-text);}
.num-home-process__item .num-details {margin-top:4px;}
.num-home-change-list {display:grid;grid-template-columns:1fr;gap:5px;}
.num-home-change {display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px;padding:7px;border:1px solid var(--num-border);border-radius:8px;background:var(--num-bg-soft);}
.num-home-change>div:not(.num-home-change__arrow) {display:flex;flex-direction:column;gap:1px;}
.num-home-change strong {font-family:var(--num-font-bold);font-size:13px;line-height:1.25;color:var(--num-text-dark);}
.num-home-change span {font-family:var(--num-font-text);font-size:12px;line-height:1.3;color:var(--num-text-muted);}
.num-home-change__arrow {font-family:var(--num-font-title);font-size:25px;line-height:1;text-align:center;color:var(--num-orange);}
/* INDEX — маршрут «симптом → міф → рішення» */
.num-home-route {padding:7px 0!important;background:linear-gradient(180deg,#f8fbfd 0%,#fff 100%);}
.num-home-route__cards {position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:27px;}
.num-home-route__cards::before {content:"";position:absolute;top:14px;left:16.6%;right:16.6%;height:2px;background:linear-gradient(90deg,var(--num-blue) 0%,#9cbfd5 50%,var(--num-orange) 100%);}
.num-home-route-card {position:relative;min-width:0;padding:13px;border:1px solid var(--num-border-blue);border-radius:11px;background:#fff;box-shadow:var(--num-shadow);}
.num-home-route-card::before {content:attr(data-step);position:absolute;top:-27px;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:3px solid #f8fbfd;border-radius:50%;transform:translateX(-50%);background:var(--num-blue);font-family:var(--num-font-bold);font-size:11px;color:#fff;}
.num-home-route-card--myth::before {background:#5c8298;}
.num-home-route-card--solution {border-color:#f2c47f;background:linear-gradient(135deg,#fffdf9,#fff7ea);}
.num-home-route-card--solution::before {background:var(--num-orange);}
.num-home-route-card__label {margin-bottom:2px;font-family:var(--num-font-text);font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;color:var(--num-text-muted);}
.num-home-route-card h3 {margin:0 0 6px;font-family:var(--num-font-bold);font-size:20px;line-height:1.2;color:var(--num-text-dark);}
.num-home-route-card ul {display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;margin:0 0 8px;padding:0;list-style:none;}
.num-home-route-card li {position:relative;margin:0;padding-left:10px;font-family:var(--num-font-text);font-size:13px;line-height:1.3;color:var(--num-text);}
.num-home-route-card li::before {content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--num-blue);}
.num-home-route-card p {margin:6px 0;font-family:var(--num-font-text);font-size:13px;line-height:1.4;color:var(--num-text);}
.num-home-route-card__links {display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;}
.num-home-route-card__links a {padding:3px 6px;border-radius:5px;background:var(--num-blue-soft);font-family:var(--num-font-bold);font-size:11px;color:var(--num-blue);text-decoration:none;}
.num-home-route-card__main-link {display:inline-block;margin-top:5px;font-family:var(--num-font-bold);font-size:13px;color:var(--num-blue);text-decoration:none;}
.num-home-myths {display:flex;flex-wrap:wrap;gap:4px;}
.num-home-myths span {padding:4px 6px;border-radius:6px;background:#f1f4f6;font-family:var(--num-font-bold);font-size:12px;line-height:1.2;color:#52616d;}
.num-home-solution-flow {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin:6px 0;}
.num-home-solution-flow span {padding:4px 6px;border-radius:6px;background:#fff;font-family:var(--num-font-bold);font-size:11px;line-height:1.2;color:var(--num-text-dark);}
.num-home-solution-flow b {font-size:15px;color:var(--num-orange);}
/* INDEX — результати та відгуки */
.num-home-proof-card {height:100%;padding:12px;border:1px solid var(--num-border);border-radius:12px;background:#fff;box-shadow:var(--num-shadow);}
.num-home-proof-card__head {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px;}
.num-home-proof-card__eyebrow {margin-bottom:1px;font-family:var(--num-font-bold);font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;color:var(--num-orange);}
.num-home-result-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;}
.num-home-result {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px;padding:5px;border-radius:8px;background:var(--num-blue-soft);text-align:center;}
.num-home-result strong {font-family:var(--num-font-title);font-size:25px;line-height:1;color:var(--num-blue);}
.num-home-result span {margin-top:3px;font-family:var(--num-font-text);font-size:10px;line-height:1.2;color:var(--num-text-muted);}
.num-home-proof-card__note {margin:7px 0 0;font-family:var(--num-font-text);font-size:12px;line-height:1.35;color:var(--num-text-muted);}
.num-home-reviews .num-details+.num-details {margin-top:5px;}
.num-home-reviews .feedbacks-scroll {max-height:260px;overflow:auto;padding:5px;}
.num-home-reviews .feedback-form {width:100%;margin:0;}
.num-home-reviews .textarea-wrapper {margin:0;}
.num-home-reviews .feedback-form__text {width:100%;min-height:85px;margin:0;padding:7px;border:1px solid var(--num-border);border-radius:7px;font-size:14px;}
.num-home-reviews .feedback-form__autor {width:100%;min-width:0;height:34px;margin:4px 0 0;padding:4px 7px;border:1px solid var(--num-border);border-radius:7px;font-size:14px;}
.num-home-reviews .feedback-form__btn {min-width:130px;margin-top:4px;font-size:14px;line-height:1.2;}
/* INDEX — системні переходи */
.num-home-system-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.num-home-system-card {position:relative;display:flex;flex-direction:column;min-height:150px;padding:12px 13px;border:1px solid var(--num-border);border-radius:11px;background:var(--num-bg-soft);color:var(--num-text-dark);text-decoration:none;box-shadow:var(--num-shadow);transition:transform var(--num-transition),box-shadow var(--num-transition);}
.num-home-system-card:hover {transform:translateY(-2px);color:var(--num-text-dark);text-decoration:none;box-shadow:var(--num-shadow-hover);}
.num-home-system-card--leader {border-color:#f2d1a1;background:var(--num-orange-soft);}
.num-home-system-card__number {position:absolute;right:10px;top:7px;font-family:var(--num-font-title);font-size:27px;line-height:1;color:rgba(6,113,180,.14);}
.num-home-system-card--leader .num-home-system-card__number {color:rgba(229,141,13,.18);}
.num-home-system-card h3 {max-width:85%;margin:0 0 5px;font-family:var(--num-font-bold);font-size:18px;line-height:1.25;color:var(--num-text-dark);}
.num-home-system-card p {margin:0;font-family:var(--num-font-text);font-size:13px;line-height:1.4;color:var(--num-text);}
.num-home-system-card>span:last-child {margin-top:auto;padding-top:8px;font-family:var(--num-font-bold);font-size:12px;color:var(--num-blue);}
.num-home-system-card--leader>span:last-child {color:var(--num-orange-dark);}
/* INDEX — фінальний CTA */
.num-home-final-cta {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid var(--num-border-blue);border-radius:11px;background:linear-gradient(135deg,var(--num-blue-soft) 0%,#fff 65%,var(--num-orange-soft) 100%);}
.num-home-final-cta h2 {margin:0 0 2px;font-family:var(--num-font-bold);font-size:22px;line-height:1.2;color:var(--num-text-dark);}
.num-home-final-cta p {margin:0;font-family:var(--num-font-text);font-size:13px;line-height:1.35;color:var(--num-text);}
.num-home-final-cta__actions {display:flex;align-items:center;gap:6px;flex-shrink:0;}

.num-story{--story-blue:#175f9e;--story-blue-dark:#104a7d;--story-blue-soft:#eef6fc;--story-orange:#f28c28;--story-orange-soft:#fff4e8;--story-green:#3f8061;--story-green-soft:#eef7f2;--story-ink:#24313d;--story-muted:#617080;--story-line:#d9e3eb;--story-shadow:0 12px 35px rgba(33,62,88,.08)}
.num-story *,.num-story *::before,.num-story *::after{box-sizing:border-box}
.num-story .num-section{padding:3px 0!important}
.num-story p,.num-story li{font-size:1.05rem;line-height:1.55}
.num-story h2{margin:0!important;padding:0!important;line-height:1.18}
.num-story h2::after{display:none!important}
.num-story h3{line-height:1.25}
.num-story__marker,.num-story__marker-blue{display:inline;padding:.05em .28em;border-radius:.35em;font-weight:800;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.num-story__marker{background:var(--story-orange-soft);color:#9a4d00}
.num-story__marker-blue{background:var(--story-blue-soft);color:var(--story-blue-dark)}

/* Заголовок story-секцій — актуальна компактна версія */
.num-story-head{max-width:960px;margin:0 auto 5px!important;text-align:center}
.num-story-head__kicker{display:inline-flex;align-items:center;margin-bottom:2px;padding:7px 13px;border-radius:999px;background:var(--story-blue-soft);color:var(--story-blue-dark);font-weight:800}
.num-story-head h2{margin:0}
.num-story-head p{max-width:820px;margin:12px auto 0;color:var(--story-muted)}

/* «Чим НУМ відрізняється» */
.num-difference{background:radial-gradient(circle at 10% 15%,rgba(242,140,40,.08),transparent 26%),radial-gradient(circle at 88% 80%,rgba(23,95,158,.08),transparent 27%)}
.num-difference__flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:stretch}
.num-difference__card{position:relative;display:grid;grid-template-columns:38px 1fr;gap:4px 9px;padding:13px 15px;border:1px solid var(--story-line);border-radius:24px;background:#fff;box-shadow:var(--story-shadow)}
.num-difference__card--focus{border:2px solid rgba(23,95,158,.35);background:linear-gradient(145deg,#fff,var(--story-blue-soft))}
.num-difference__card--result{background:linear-gradient(145deg,#fff,var(--story-green-soft))}
.num-difference__number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;border-radius:50%;background:var(--story-blue);color:#fff;font-weight:900}
.num-difference__card--result .num-difference__number{background:var(--story-green)}
.num-difference__icon{position:static;display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:16px;background:var(--story-blue-soft);color:var(--story-blue)}
.num-difference__card h3,.num-difference__card p{grid-column:2;margin:0}
.num-difference__arrow{align-self:center;color:var(--story-orange);font-size:2rem;font-weight:900}
.num-difference__statement{max-width:850px;margin:6px auto 0;padding:15px 22px;border-radius:16px;background:var(--story-ink);color:#fff;text-align:center;font-size:1.08rem}
.num-difference__statement strong{color:#ffc078}

/* Формати навчання — актуальні картки */
.num-format-grid-new{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.num-format-new{display:flex;flex-direction:column;padding:10px 11px;border:1px solid var(--story-line);border-radius:15px;background:#fff;box-shadow:var(--story-shadow)}
.num-format-new--accent{background:linear-gradient(155deg,#fff,var(--story-blue-soft))}
.num-format-new--warm{background:linear-gradient(155deg,#fff,var(--story-orange-soft))}
.num-format-new__top{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:5px}
.num-format-new__icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:var(--story-blue-soft);color:var(--story-blue)}
.num-format-new__tag{padding:3px 7px;border-radius:999px;background:#f4f6f8;color:var(--story-muted);font-size:11px;font-weight:700}
.num-format-new h3{margin:0 0 4px}
.num-format-new p{margin:0 0 6px;flex-grow:1;line-height:1.4}
.num-format-new__micro{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 7px}
.num-format-new__micro span{padding:3px 6px;border-radius:7px;background:#f3f6f8;font-size:11px;font-weight:700}

/* Рівні допомоги — актуальна desktop-пропорція: III рівень ширший */
.num-depth{background:linear-gradient(180deg,#fff,#f7fafc)}
.num-depth__map{display:grid;grid-template-columns:.8fr auto .8fr auto 1.4fr;gap:9px;align-items:stretch}
.num-depth__card{padding:11px 12px;border:1px solid var(--story-line);border-radius:15px;background:#fff}
.num-depth__card--two{background:var(--story-blue-soft)}
.num-depth__card--three{background:var(--story-orange-soft)}
.num-depth__level{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:5px;border-radius:50%;background:#435260;color:#fff;font-weight:900;font-size:1rem}
.num-depth__card--two .num-depth__level{background:var(--story-blue)}
.num-depth__card--three .num-depth__level{background:var(--story-orange)}
.num-depth__price{display:block;padding-top:5px;border-top:1px solid rgba(80,100,115,.17);font-weight:800}
.num-depth__price strong{font-size:1.1rem}
.num-depth__arrow{display:flex;flex-direction:column;justify-content:center;align-items:center;width:48px;text-align:center;color:var(--story-muted);font-size:11px}
.num-depth__arrow b{color:var(--story-orange);font-size:1.35rem}

/* Підбір педагога */
.num-match{background:linear-gradient(135deg,rgba(23,95,158,.05),transparent 40%),linear-gradient(315deg,rgba(242,140,40,.07),transparent 40%)}
.num-match__visual{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center}
.num-match__node{display:grid;grid-template-columns:42px 1fr;gap:3px 9px;min-height:0;padding:13px 14px;border:1px solid var(--story-line);border-radius:24px;background:#fff;box-shadow:var(--story-shadow)}
.num-match__node--center{background:var(--story-blue-soft)}
.num-match__node--teacher{background:var(--story-orange-soft)}
.num-match__node-icon{display:flex;grid-row:1/4;width:40px;height:40px;align-items:center;justify-content:center;margin:0;border-radius:18px;background:#f3f6f8;color:var(--story-blue)}
.num-match__node h3,.num-match__node p{grid-column:2;margin:0}
.num-match__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;margin-bottom:4px}
.num-match__tags span{padding:5px 9px;border:1px solid rgba(80,100,115,.14);border-radius:999px;background:#fff;font-weight:700}
.num-match__connector{width:80px;text-align:center;color:var(--story-muted)}
.num-match__connector b{display:block;color:var(--story-orange);font-size:1.8rem}

/* Коли звичайних занять недостатньо */
.num-when{background:var(--story-ink);color:#fff}
.num-when .num-story-head p{color:#fff}
.num-when .num-story-head__kicker{background:rgba(255,255,255,.1);color:#fff}
.num-when__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.num-when__case{display:grid;grid-template-columns:60px 1fr auto 1fr;gap:15px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.075)}
.num-when__icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:17px;background:rgba(255,255,255,.11);color:#ffc078}
.num-when__before span,.num-when__after span{display:block;opacity:.68}
.num-when__after strong{color:#bde7cf}
.num-when__arrow{color:#ffc078;font-size:1.55rem;font-weight:900}
.num-when__final{max-width:920px;margin:6px auto 0;padding:18px 22px;border-radius:18px;background:#fff;color:var(--story-ink);text-align:center}

/* Маршрут роботи */
.num-mechanism__rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}
.num-mechanism__step{display:grid;grid-template-columns:32px 1fr;gap:2px 8px;padding:11px 12px;border:1px solid var(--story-line);border-radius:22px;background:#fff;box-shadow:var(--story-shadow)}
.num-mechanism__step>span{display:block;grid-row:1/3;margin:0;color:var(--story-blue);font-weight:900}
.num-mechanism__step h3,.num-mechanism__step p{grid-column:2;margin:0}
.num-mechanism__arrow{align-self:center;color:var(--story-orange);font-size:1.8rem}
.num-mechanism__scan{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.num-mechanism__scan span{padding:7px 11px;border-radius:999px;background:var(--story-blue-soft);color:var(--story-blue-dark);font-weight:800}

/* Результати та відгуки */
.num-results-new{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.num-results-new__scores,.num-results-new__reviews{padding:28px;border:1px solid var(--story-line);border-radius:25px;background:#fff;box-shadow:var(--story-shadow)}
.num-results-new__numbers{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0 4px}
.num-results-new__number{padding:16px 8px;border-radius:17px;background:var(--story-blue-soft);text-align:center}
.num-results-new__number strong{display:block;color:var(--story-blue-dark);font-size:1.65rem}

/* Системні переходи */
.num-depth-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.num-depth-link{display:grid;flex-direction:column;grid-template-columns:42px 1fr;gap:3px 9px;min-height:0;padding:13px 14px;border:1px solid var(--story-line);border-radius:23px;background:#fff;color:inherit;text-decoration:none;transition:.2s ease}
.num-depth-link:hover{transform:translateY(-3px);box-shadow:var(--story-shadow)}
.num-depth-link__icon{display:flex;grid-row:1/4;width:40px;height:40px;align-items:center;justify-content:center;margin:0 0 4px;border-radius:18px;background:var(--story-blue-soft);color:var(--story-blue)}
.num-depth-link h3,.num-depth-link p,.num-depth-link b{grid-column:2;margin:0}
.num-depth-link p{flex-grow:1}
.num-depth-link b{color:var(--story-blue)}
#teacher-match>div>div:last-child,#process>div>div:last-child{margin-top:6px!important}

/* Базова адаптивність story-компонентів; сторінкові mobile-сценарії нижче уточнюють композицію */
@media(max-width:980px){.num-difference__flow,.num-depth__map,.num-match__visual,.num-mechanism__rail{grid-template-columns:1fr}.num-difference__arrow,.num-depth__arrow,.num-match__connector,.num-mechanism__arrow{width:auto;min-height:34px;transform:rotate(90deg)}.num-format-grid-new{grid-template-columns:repeat(2,minmax(0,1fr))}.num-results-new{grid-template-columns:1fr}}
@media(max-width:760px){.num-story p,.num-story li{font-size:1rem}.num-format-grid-new,.num-when__grid,.num-depth-links{grid-template-columns:1fr}.num-when__case{grid-template-columns:52px 1fr}.num-when__arrow{display:none}.num-when__after{grid-column:2}.num-results-new__numbers{grid-template-columns:repeat(2,1fr)}}
/* INDEX / NUM-PEDAGOG — адаптивність базових сторінкових компонентів */
@media (max-width:1050px){.num-home-grid--4,.num-home-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}.num-home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.num-home-audience-card{grid-template-columns:100px minmax(0,1fr);}.num-home-audience-card__link{grid-column:2;justify-self:start;}.num-home-result-grid{grid-template-columns:repeat(5,minmax(70px,1fr));}}
@media (max-width:992px){.num-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:767px){
.num-header__copyright{font-size:6px;}
.num-container{padding-left:5px;padding-right:5px;}
.num-grid--2,.num-grid--3,.num-grid--4,.num-home-grid--2,.num-home-grid--3,.num-home-grid--4{grid-template-columns:1fr;}
.num-home-grid{gap:4px;}
.num-title{font-size:23px;}
.num-title--large{font-size:28px;}
.num-subtitle{font-size:20px;}
.num-button{min-height:30px;padding:4px 8px;}
.num-details>summary{padding:3px 26px 3px 5px;font-size:16px;}
.num-details>summary::after{right:5px;}
.num-details__content{padding:0 5px 3px;}
.num-header__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:52px;gap:5px;padding:3px 6px;}
.num-header__logo,.num-header__logo img{width:50px;height:50px;}
.num-header__description{min-width:0;}
.num-header__title{font-size:18px;line-height:1.1;}
.num-header__subtitle{font-size:11px;line-height:1.15;}
.num-header__contacts{display:flex;align-items:center;gap:4px;min-width:0;margin-left:0;padding-left:0;flex-shrink:1;}
.num-header__contacts>div:first-child{display:none;}
.num-header__socials{gap:4px;}
.num-header__social{width:34px;height:34px;border-radius:7px;font-size:30px;}
.num-menu__inner{padding:0 4px;}
.num-menu__link{min-height:22px;padding:2px 5px;font-size:12px;}
.num-callback__form{flex-direction:column;align-items:stretch;}
.num-callback__input,.num-callback__form .num-button{width:100%;}
.num-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;}
.num-subject-button{min-height:38px;padding:5px 4px;font-size:13px;}
.num-subject-panel{margin-top:4px;padding:4px;}
.num-subject-panel__title{font-size:20px;}
.num-subject-panel__intro{margin-bottom:4px;font-size:14px;}
.num-teacher-row{grid-template-columns:1fr;gap:4px;padding:5px;}
.num-teacher-row__photo{width:90px;height:90px;}
.num-teacher-row__help{padding:4px 2px;border-left:0;border-right:0;border-top:1px solid var(--num-border);border-bottom:1px solid var(--num-border);}
.num-teacher-row__price{align-items:stretch;padding:5px;}
.num-teacher-row__price-line{max-width:280px;margin-left:auto;margin-right:auto;}
.num-teacher-row__price-title,.num-teacher-row__price-note{text-align:center;}
.num-home-price-line{gap:4px;}
.num-home-price-line strong{font-size:14px;}
.num-home-section-head{align-items:flex-start;}
.num-home-section-title{font-size:22px;}
.num-home-audience-card{grid-template-columns:1fr;gap:6px;}
.num-home-audience-card__label{align-self:auto;justify-self:start;min-width:105px;}
.num-home-audience-card__link{grid-column:auto;justify-self:start;}
.num-home-route__cards{grid-template-columns:1fr;gap:12px;padding-top:0;padding-left:35px;}
.num-home-route__cards::before{top:20px;bottom:20px;left:14px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,var(--num-blue),#9cbfd5,var(--num-orange));}
.num-home-route-card::before{top:20px;left:-35px;transform:translateX(0);}
.num-home-change{grid-template-columns:1fr;gap:3px;}
.num-home-change__arrow{transform:rotate(90deg);font-size:20px;}
.num-home-system-grid{grid-template-columns:1fr;}
.num-home-result-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
.num-home-result{min-height:58px;}
.num-home-result strong{font-size:21px;}
.num-home-final-cta{flex-direction:column;align-items:flex-start;}
.num-home-final-cta__actions{width:100%;flex-wrap:wrap;}
}
@media (max-width:520px){.num-home-video-grid{grid-template-columns:1fr 1fr;}.num-home-video-card__title{font-size:12px;}.num-home-video-card__play{width:40px;height:40px;font-size:17px;}.num-home-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.num-home-route-card ul{grid-template-columns:1fr;}}
@media (max-width:390px){.num-home-video-grid{grid-template-columns:1fr;}.num-home-final-cta__actions{flex-direction:column;align-items:stretch;}.num-home-final-cta__actions .num-button{width:100%;}}

/* =========================================================
   4. СПІЛЬНІ КОМПОНЕНТИ ЗМІСТОВИХ СТОРІНОК
   Quick-entry, кейси, професійний розбір, evidence
   та повторно використовувані змістові конструкції.
   ========================================================= */

/* Швидкий запис */
.num-quick-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--num-border-blue);border-radius:11px;background:linear-gradient(135deg,var(--num-blue-soft),#fff 68%,var(--num-orange-soft));}
.num-quick-entry--knowledge{background:linear-gradient(135deg,#fff,var(--num-bg-soft));}
.num-quick-entry__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--num-blue);font-size:18px;color:#fff;}
.num-quick-entry__content{min-width:0;}
.num-quick-entry__content .num-home-section-title{font-size:21px;line-height:1.25;}
.num-quick-entry__content .num-text{font-size:17px;line-height:1.48;}
.num-quick-entry__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;}
.num-quick-entry__actions .num-button{gap:5px;}

/* Сітка кейсів */
.num-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.num-case{position:relative;padding:10px;border:1px solid var(--num-border);border-radius:10px;background:#fff;box-shadow:var(--num-shadow);}
.num-case__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:5px;border-radius:9px;background:var(--num-blue-soft);font-size:15px;color:var(--num-blue);}
.num-case:nth-child(even) .num-case__icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.num-case h3{margin:0 0 6px;font-family:var(--num-font-bold);font-size:17px;line-height:1.3;color:var(--num-text-dark);}
.num-case__flow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:stretch;gap:3px;}
.num-case__flow>div{padding:6px;border-radius:7px;background:var(--num-bg-soft);}
.num-case__flow>div:last-of-type{background:#f1faf4;}
.num-case__flow>i{display:flex;align-items:center;justify-content:center;color:var(--num-orange);}
.num-case__flow span{display:block;margin-bottom:2px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--num-text-muted);}
.num-case__flow b{display:block;font-family:var(--num-font-bold);font-size:15px;line-height:1.4;color:var(--num-text-dark);}
.num-case__note{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--num-text-muted);}

/* Професійні кейси */
details.num-case{padding:0;overflow:hidden;}
details.num-case>summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:9px 34px 9px 10px;list-style:none;cursor:pointer;position:relative;}
details.num-case>summary::-webkit-details-marker{display:none;}
details.num-case>summary::after{content:"+";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--num-blue);}
details.num-case[open]>summary::after{content:"−";color:var(--num-orange);}
details.num-case>summary .num-case__icon{margin:0;}
details.num-case>summary b{display:block;font-family:var(--num-font-bold);font-size:14px;line-height:1.3;color:var(--num-text-dark);}
details.num-case>summary small{display:block;margin-top:2px;font-size:11px;color:var(--num-text-muted);}
.num-case__professional-body{padding:0 10px 10px;border-top:1px solid var(--num-border);}
.num-case--professional .num-case__flow{grid-template-columns:1fr 18px 1fr;margin-top:7px;}
.num-case__analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px;}
.num-case__analysis-grid>div{padding:7px;border:1px solid var(--num-border);border-radius:7px;background:var(--num-bg-soft);}
.num-case__analysis-grid strong{display:block;margin-bottom:2px;font-family:var(--num-font-bold);font-size:12px;color:var(--num-blue);}
.num-case__analysis-grid p{margin:0;font-size:12px;line-height:1.4;color:var(--num-text);}

/* Схема професійного розбору */
.num-case-analysis-flow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:3px;}
.num-case-analysis-flow>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:82px;padding:7px;border:1px solid var(--num-border-blue);border-radius:8px;background:#fff;text-align:center;}
.num-case-analysis-flow>div>i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:4px;border-radius:50%;background:var(--num-blue-soft);font-size:13px;color:var(--num-blue);}
.num-case-analysis-flow>div:nth-of-type(4)>i,.num-case-analysis-flow>div:nth-of-type(5)>i{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.num-case-analysis-flow>i{display:flex;align-items:center;justify-content:center;color:var(--num-orange);}
.num-case-analysis-flow b{font-family:var(--num-font-bold);font-size:12px;color:var(--num-text-dark);}
.num-case-analysis-flow span{margin-top:2px;font-size:10px;line-height:1.25;color:var(--num-text-muted);}

/* Доказова база */
.num-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
.num-evidence-card{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:1px 7px;align-items:center;padding:8px;border:1px solid var(--num-border);border-radius:8px;background:#fff;color:var(--num-text-dark);text-decoration:none;}
.num-evidence-card:hover{border-color:var(--num-border-blue);background:var(--num-blue-soft);text-decoration:none;}
.num-evidence-card i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--num-blue-soft);font-size:14px;color:var(--num-blue);}
.num-evidence-card:nth-child(even) i{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.num-evidence-card strong{font-family:var(--num-font-bold);font-size:16px;line-height:1.3;color:var(--num-text-dark);}
.num-evidence-card span{font-size:14px;line-height:1.42;color:var(--num-text-muted);}

/* Адаптивність спільних компонентів */
@media(max-width:900px){
.num-quick-entry{grid-template-columns:auto minmax(0,1fr);}
.num-quick-entry__actions{grid-column:1/-1;justify-content:flex-start;}
.num-case__flow{grid-template-columns:1fr;}.num-case__flow>i{transform:rotate(90deg);}
.num-case-analysis-flow{grid-template-columns:1fr 16px 1fr 16px 1fr;}.num-case-analysis-flow>i:nth-of-type(3),.num-case-analysis-flow>i:nth-of-type(4){display:none;}
.num-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:650px){
.num-case-grid,.num-case__analysis-grid,.num-evidence-grid{grid-template-columns:1fr;}
.num-quick-entry{grid-template-columns:1fr;}
.num-quick-entry__actions{grid-column:auto;}
.num-quick-entry__actions .num-button{width:100%;}
.num-case-analysis-flow{grid-template-columns:1fr;}
.num-case-analysis-flow>i{transform:rotate(90deg);}
.num-case-analysis-flow>i:nth-of-type(3),.num-case-analysis-flow>i:nth-of-type(4){display:flex;}
}
#parent-cases .num-home-section-title,
#parents-cases .num-home-section-title,
#parents-evidence .num-home-section-title,
#parents-quick-help .num-home-section-title,
#quick-entry .num-home-section-title{font-size:22px;line-height:1.25;}

#parent-cases .num-home-section-text,
#parents-cases .num-home-section-text,
#parents-evidence .num-home-section-text{font-size:16px;line-height:1.48;}

/* =========================================================
   5. INDEX.HTML
   Головна сторінка: композиція сцен, карток і тексту.
   Декоративні піктограми прибрані з основних змістових блоків;
   візуальна ієрархія будується кольором, типографікою, цифрами,
   тегами та стрілками, які несуть зміст.
   ========================================================= */

/* Загальні налаштування INDEX */
#home-page .num-home-action__card{height:100%}
#home-page .nh2-center-link,#home-page .num-center-action{text-align:center;padding-top:5px}
#home-page .num-story>.num-scene{position:relative;margin:0!important;padding:6px 0!important;border:0!important}
#home-page .num-story>.num-scene+.num-scene{margin-top:0!important}
#home-page .num-scene .num-story-head{position:relative;z-index:1;margin-bottom:5px!important}
#home-page .num-scene .num-story-head h2{transition:color .2s ease}
#home-page .num-scene .num-text-accent{font-family:var(--num-font-bold);font-weight:400}
#home-page .num-scene::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(30,60,80,.055)}
#why-num::before,#when-lessons-not-enough::before,#num-video-showcase::before,#home-final-cta::before{background:rgba(255,255,255,.10)}

/* Desktop-типографіка CTA і каталогів */
#request-form-block .num-title,#request-form-followup .num-title{font-size:23px;line-height:1.22}
#request-form-block .num-cta__title,#request-form-followup .num-cta__title{font-size:20px;line-height:1.25}
#request-form-block .num-text,#request-form-followup .num-text{font-size:18px;line-height:1.48}
#num-programs .num-home-section-title,#num-video-showcase .num-home-section-title{font-size:21px;line-height:1.25}
#home-final-cta .num-home-final-cta h2{font-size:20px;line-height:1.25}

/* 1. НАШІ МОЖЛИВОСТІ — залишаємо окремим компактним каталогом */
#our-capabilities{max-width:1180px;margin:10px auto 14px!important;padding:0 14px!important;color:#1f2937;background:#fff}
#our-capabilities .num-capabilities__head{max-width:900px;margin:0 auto 10px!important;text-align:center}
#our-capabilities .num-capabilities__label{display:inline-block;margin-bottom:4px;padding:4px 10px;border-radius:999px;background:#fff4df;color:#a45a00;font-size:11px;font-weight:700;letter-spacing:.02em}
#our-capabilities .num-capabilities__head h2{margin:0 0 5px!important;font-size:clamp(22px,3vw,30px)!important;line-height:1.1;color:#172033}
#our-capabilities .num-capabilities__head p{margin:0;color:#667085;font-size:13px!important;line-height:1.4!important}
#our-capabilities .num-capabilities__details{overflow:hidden;border:1px solid #e3e7ee;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,41,55,.05)}
#our-capabilities .num-capabilities__details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:8px 12px!important;cursor:pointer;list-style:none;background:linear-gradient(135deg,#f8fbff,#fff 65%,#fff8ec);font-size:13px!important;font-weight:700;color:#263247;transition:background .2s ease}
#our-capabilities .num-capabilities__details summary::-webkit-details-marker{display:none}
#our-capabilities .num-capabilities__details summary:hover{background:#fafbfc}
#our-capabilities .num-capabilities__details[open] summary{border-bottom:1px solid #edf0f4}
#our-capabilities .num-capabilities__plus{position:relative;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#fff4df}
#our-capabilities .num-capabilities__plus:before,#our-capabilities .num-capabilities__plus:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:#a45a00;transform:translate(-50%,-50%);transition:transform .25s ease}
#our-capabilities .num-capabilities__plus:after{transform:translate(-50%,-50%) rotate(90deg)}
#our-capabilities .num-capabilities__details[open] .num-capabilities__plus:after{transform:translate(-50%,-50%) rotate(0)}
#our-capabilities .num-capabilities__content{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
#our-capabilities .num-capability{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:3px 8px;min-width:0;padding:9px 10px!important;border:1px solid #e8ebf0;border-radius:11px!important;background:#fff;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#our-capabilities .num-capability:hover{transform:translateY(-2px);border-color:#e2d2b7;box-shadow:0 7px 20px rgba(31,41,55,.06)}
#our-capabilities .num-capability__icon{display:flex!important;grid-row:1/3;align-items:center;justify-content:center;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;border-radius:9px;background:#fff1d8;color:#a45a00;font-size:1.15rem;font-weight:700}
#our-capabilities .num-capability>div{min-width:0}
#our-capabilities .num-capability h3{margin:0 0 2px!important;font-size:13px!important;line-height:1.22!important;color:#273247}
#our-capabilities .num-capability p{margin:0!important;font-size:11.5px!important;line-height:1.34!important;color:#667085}
#our-capabilities .num-capabilities__more{grid-column:1/-1;display:flex;gap:9px!important;align-items:flex-start;margin-top:0!important;padding:10px 12px!important;border:1px solid #f0dfc2;border-radius:11px!important;background:#fff8ec}
#our-capabilities .num-capabilities__more-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#fff;color:#a45a00}
#our-capabilities .num-capabilities__more-icon .num-code-icon{width:21px;height:21px}
#our-capabilities .num-capabilities__more h3{margin:0 0 2px!important;font-size:13px!important;color:#273247}
#our-capabilities .num-capabilities__more p{margin:0 0 4px!important;font-size:11.5px!important;line-height:1.35!important;color:#667085}

/* 2. ЗАЯВКА — тепла сцена, два чіткі маршрути без декоративних іконок */
#request-form-block.num-scene--warm{background:linear-gradient(135deg,#fff7e8 0%,#fffdf8 52%,#fbeed8 100%)}
#home-page #request-form-block .num-home-action__card{position:relative;overflow:hidden;padding:11px 13px;border-radius:12px;box-shadow:0 7px 22px rgba(123,83,25,.07)}
#request-form-block .num-home-action__card:first-child{border:1px solid #c9e0ee;background:linear-gradient(145deg,#f4fbff,#fff);box-shadow:inset 0 3px 0 #0b78b2,0 7px 22px rgba(15,82,116,.06)}
#request-form-block .num-home-action__card:last-child{border:1px solid #ecd2aa;background:linear-gradient(145deg,#fff8ec,#fff);box-shadow:inset 0 3px 0 #c66a00,0 7px 22px rgba(123,83,25,.06)}
#request-form-block .num-home-action__card:first-child .num-title{color:#075f91}
#request-form-block .num-home-action__card:last-child .num-title{color:#9a5000}
#request-form-block .num-text-accent{color:#a95000!important}
#request-form-block .num-button{margin-top:7px}
#request-form-block .num-callback{margin-top:7px}

/* ГАРАНТІЇ НУМ ДЛЯ БАТЬКІВ */
#num-guarantees{background:linear-gradient(135deg,#edf5f4 0%,#f8fbfb 52%,#eef3f7 100%)}
#num-guarantees .num-story-head{margin-bottom:6px!important}
#num-guarantees .num-story-head__kicker{background:#e3f0ec;color:#276453}
#num-guarantees .num-guarantee-grid{gap:7px}
#num-guarantees .num-details{background:rgba(255,255,255,.94);border-color:#d7e3e2;box-shadow:0 4px 14px rgba(31,70,64,.05)}
#num-guarantees .num-details>summary strong{display:block;font-size:15px;line-height:1.3;color:#24313d}
#num-guarantees .num-details>summary small{display:block;margin-top:2px;padding-right:8px;font-size:12px;line-height:1.35;font-weight:400;color:var(--num-text-muted)}
#num-guarantees .num-details:nth-child(1)>summary{border-left:3px solid #3f8061}
#num-guarantees .num-details:nth-child(2)>summary{border-left:3px solid #0671b4}
#num-guarantees .num-details:nth-child(3)>summary{border-left:3px solid #f28c28}
#num-guarantees .num-details__content p{margin:0;font-size:14px;line-height:1.45}
#num-guarantees .num-details__content p+p{margin-top:5px}

@media(max-width:600px){
#num-guarantees{padding:7px 0!important;background:linear-gradient(135deg,#edf5f4,#f7faf9)}
#num-guarantees .num-story-head{margin-bottom:5px!important}
#num-guarantees .num-story-head__kicker{display:none}
#num-guarantees .num-story-head h2{font-size:20px!important;line-height:1.15!important}
#num-guarantees .num-guarantee-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;align-items:start}
#num-guarantees .num-details{min-width:0;border-radius:9px;box-shadow:none;background:rgba(255,255,255,.96)}
#home-page #num-guarantees .num-details{overflow:visible}
#num-guarantees .num-details[open] .num-details__content{width:calc(300% + 8px);background:#fff;border-radius:0 0 9px 9px}
#num-guarantees .num-details:nth-child(2)[open] .num-details__content{margin-left:calc(-100% - 4px)}
#num-guarantees .num-details:nth-child(3)[open] .num-details__content{margin-left:calc(-200% - 8px)}
#num-guarantees .num-details>summary{display:flex;align-items:center;justify-content:center;min-height:58px!important;padding:7px 5px 22px!important;text-align:center}
#num-guarantees .num-details>summary strong{font-size:0;line-height:1.15}
#num-guarantees .num-details:nth-child(1)>summary strong::after{content:"Фінансова гарантія";font-size:11px}
#num-guarantees .num-details:nth-child(2)>summary strong::after{content:"Підбір педагога";font-size:11px}
#num-guarantees .num-details:nth-child(3)>summary strong::after{content:"Відбір педагогів";font-size:11px}
#num-guarantees .num-details>summary small{display:none}
#num-guarantees .num-details>summary::after{right:50%;top:auto;bottom:3px;transform:translateX(50%);font-size:15px}
#num-guarantees .num-details__content{padding:7px 8px 8px!important;text-align:left}
#num-guarantees .num-details__content p{font-size:12.5px;line-height:1.38}
#num-guarantees .num-details__content p+p{margin-top:4px}
}

@media(max-width:350px){
#num-guarantees .num-guarantee-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#num-guarantees .num-details:nth-child(3){grid-column:1/-1}
}

/* 3. ЧИМ НУМ ВІДРІЗНЯЄТЬСЯ — номер є маркером, іконки більше не потрібні */
#why-num.num-scene--deep{background:linear-gradient(135deg,#102d49 0%,#0d456c 58%,#075f91 100%);color:#eaf5fc}
#why-num .num-story-head h2{color:#fff!important}
#why-num .num-story-head__kicker{background:rgba(255,255,255,.12)!important;color:#ffd08a!important;border-color:rgba(255,255,255,.18)!important}
#why-num .num-difference__flow{gap:12px}
#why-num .num-difference__card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 9px;align-content:start;padding:11px 13px;border:1px solid rgba(255,255,255,.18)!important;border-radius:16px;background:rgba(255,255,255,.085)!important;box-shadow:0 9px 22px rgba(0,0,0,.09)!important}
#why-num .num-difference__card--focus{background:rgba(255,255,255,.145)!important;border-color:rgba(157,214,245,.34)!important}
#why-num .num-difference__card--result{background:rgba(116,201,158,.12)!important;border-color:rgba(181,229,205,.28)!important}
#why-num .num-difference__number{grid-column:1;grid-row:1/3;align-self:start;width:32px;height:32px;margin:0;background:#fff!important;color:#075f91!important;font-size:13px}
#why-num .num-difference__card--result .num-difference__number{background:#dff5e9!important;color:#17684f!important}
#why-num .num-difference__card h3{grid-column:2;margin:0 0 2px;font-size:18px;color:#fff!important}
#why-num .num-difference__card p{grid-column:2;margin:0;font-size:15px;line-height:1.42;color:#e7f2f8!important}
#why-num .num-difference__arrow{color:#ffbd63!important}
#why-num .num-text-accent,#why-num .num-story__marker-blue{color:#ffd07e!important;background:none!important}

/* 4. ФОРМАТИ — теги залишаються головним маркером */
#learning-formats-preview.num-scene--light{background:#fff}
#learning-formats-preview .num-format-grid-new{gap:9px}
#learning-formats-preview .num-format-new{padding:10px 11px;border:1px solid #dfe7ed;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(15,55,85,.05)}
#learning-formats-preview .num-format-new:nth-child(1){background:linear-gradient(145deg,#edf8fe,#fff);border-color:#c8e4f2}
#learning-formats-preview .num-format-new:nth-child(2){background:linear-gradient(145deg,#f7f9fa,#fff);border-color:#dfe5e9}
#learning-formats-preview .num-format-new:nth-child(3){background:linear-gradient(145deg,#fff5e4,#fff);border-color:#efd8b1}
#learning-formats-preview .num-format-new:nth-child(4){background:linear-gradient(145deg,#eef8f3,#fff);border-color:#d1e6da}
#learning-formats-preview .num-format-new__top{justify-content:flex-start;min-height:0;margin-bottom:4px}
#learning-formats-preview .num-format-new__tag{padding:4px 8px;border-radius:999px;background:#e7f4fb;color:#075f91;font-size:11px;font-weight:800}
#learning-formats-preview .num-format-new:nth-child(2) .num-format-new__tag{background:#eef1f3;color:#53616c}
#learning-formats-preview .num-format-new:nth-child(3) .num-format-new__tag{background:#fff0d7;color:#a65300}
#learning-formats-preview .num-format-new:nth-child(4) .num-format-new__tag{background:#e6f3ec;color:#17684f}
#learning-formats-preview .num-format-new h3{margin:0 0 4px;color:#24313d}
#learning-formats-preview .num-format-new:nth-child(1) h3{color:#075f91}
#learning-formats-preview .num-format-new:nth-child(3) h3{color:#9b5100}
#learning-formats-preview .num-format-new:nth-child(4) h3{color:#17684f}
#learning-formats-preview .num-format-new p{margin:0 0 6px;line-height:1.4;color:#4f606d}
#learning-formats-preview .num-format-new__micro span{background:rgba(255,255,255,.72);border:1px solid rgba(80,100,115,.10);color:#4b5b67}
#learning-formats-preview .num-text-accent{color:#086ca5!important}
#learning-formats-preview .num-format-new:nth-child(3) .num-text-accent{color:#ad5b00!important}
#learning-formats-preview .num-format-new:nth-child(4) .num-text-accent{color:#17684f!important}

/* 5. РІВНІ ДОПОМОГИ — цифри й колір показують глибину */
#service-levels-preview.num-scene--cool{background:linear-gradient(135deg,#edf6fb 0%,#f7fbfd 50%,#e8f2f8 100%)}
#service-levels-preview .num-depth__card{background:rgba(255,255,255,.92);border-color:#cbdde8;box-shadow:0 6px 20px rgba(20,73,104,.07)}
#service-levels-preview .num-depth__card--two{border-color:#9dc9df;background:#f6fbfe}
#service-levels-preview .num-depth__card--three{border-color:#efc581;background:linear-gradient(145deg,#fff8e8,#fff)}
#service-levels-preview .num-depth__level{box-shadow:0 3px 10px rgba(0,0,0,.08)}
#service-levels-preview .num-depth__card h3{color:#324856}
#service-levels-preview .num-depth__card--two h3{color:#075f91}
#service-levels-preview .num-depth__card--three h3{color:#9f5300}
#service-levels-preview .num-depth__card p strong{color:#334d5c}
#service-levels-preview .num-depth__card--two p strong{color:#075f91}
#service-levels-preview .num-depth__card--three p strong{color:#9f5300}
#service-levels-preview .num-depth__price{color:#075f91}
#service-levels-preview .num-depth__card--three .num-depth__price{color:#a85600}
#service-levels-preview .nh2-center-link{margin-top:7px!important}

/* 6. ПЕДАГОГ ПІД ДИТИНУ — три смислові вузли, без піктограм */
#teacher-match.num-scene--sand{background:linear-gradient(135deg,#fbf2df 0%,#fffaf0 52%,#f8ead2 100%)}
#teacher-match .num-match__node{display:block;position:relative;min-height:0;padding:12px 14px;border:1px solid #ead6b4;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(101,69,24,.055)}
#teacher-match .num-match__node:nth-of-type(1){background:linear-gradient(145deg,#fffaf2,#fff);border-color:#e5cfaa}
#teacher-match .num-match__node--center{background:linear-gradient(145deg,#edf8fd,#fff);border-color:#badcea}
#teacher-match .num-match__node--teacher{background:linear-gradient(145deg,#fff4e2,#fff);border-color:#e8bf82}
#teacher-match .num-match__node h3{margin:0 0 4px;font-size:19px;color:#81531b}
#teacher-match .num-match__node--center h3{color:#075f91}
#teacher-match .num-match__node--teacher h3{color:#9f5300}
#teacher-match .num-match__node p{margin:0;color:#4b5b67}
#teacher-match .num-match__connector{color:#98621d}
#teacher-match .num-match__connector span{font-family:var(--num-font-bold);font-size:16px;color:#845114}
#teacher-match .num-match__connector b{color:#d77800}
#teacher-match .num-text-accent{color:#a64f00!important}
#teacher-match .num-center-action{margin-top:6px!important}

/* 7. КОЛИ ЗАНЯТЬ НЕДОСТАТНЬО — зміст читається через «було → стало» */
#when-lessons-not-enough.num-scene--night{background:linear-gradient(140deg,#17212d 0%,#1e3447 55%,#183f58 100%);color:#eef6fb}
#when-lessons-not-enough .num-story-head h2{color:#fff!important}
#when-lessons-not-enough .num-story-head__kicker{background:rgba(255,255,255,.10)!important;color:#ffcc7b!important;border-color:rgba(255,255,255,.16)!important}
#when-lessons-not-enough .num-when__grid{gap:12px}
#when-lessons-not-enough .num-when__case{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.15)!important;border-radius:16px;background:rgba(255,255,255,.075)!important;box-shadow:none!important}
#when-lessons-not-enough .num-when__before,#when-lessons-not-enough .num-when__after{min-width:0;color:#eaf4fa}
#when-lessons-not-enough .num-when__before span,#when-lessons-not-enough .num-when__after span{display:block;margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9fc9df!important;opacity:1}
#when-lessons-not-enough .num-when__before strong{color:#fff!important}
#when-lessons-not-enough .num-when__after strong{color:#bde7cf!important}
#when-lessons-not-enough .num-when__arrow{color:#ffbd63!important;font-size:1.35rem}
#when-lessons-not-enough .num-when__final{margin-top:6px;padding:13px 18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.10)!important;color:#fff!important;text-align:center}
#when-lessons-not-enough .num-story__marker,#when-lessons-not-enough .num-text-accent{background:none!important;color:#ffd07a!important}
#when-lessons-not-enough .num-when__after .num-text-accent{color:#bde7cf!important}

/* 8. МАРШРУТ — цифри 01–04 залишаються функціональними маркерами */
#process.num-scene--sky{background:linear-gradient(135deg,#eaf7fd 0%,#f8fcff 50%,#e2f3fb 100%)}
#process .num-mechanism__step{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-content:start;padding:10px 11px;border-color:#c8e2ef;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(15,84,120,.055)}
#process .num-mechanism__step>span{display:flex;grid-column:1;grid-row:1/3;align-items:center;justify-content:center;align-self:start;width:30px;height:30px;margin:0;border-radius:9px;background:#0877b5;color:#fff;font-size:11px;font-weight:900}
#process .num-mechanism__step h3{grid-column:2;margin:0 0 2px;color:#075f91}
#process .num-mechanism__step p{grid-column:2;margin:0;color:#4a6070}
#process .num-mechanism__arrow{color:#e67c00}
#process .num-text-accent{color:#006aa3!important}
#process .num-center-action{margin-top:6px!important}

/* 9. ДРУГИЙ CTA — той самий принцип: синій маршрут / теплий маршрут */
#request-form-followup.num-scene--action{background:linear-gradient(120deg,#f4f9fc 0%,#fff 45%,#fff5e7 100%)}
#home-page #request-form-followup .num-home-action__card{position:relative;overflow:hidden;padding:11px 13px;border-radius:12px;box-shadow:0 7px 22px rgba(15,56,82,.06)}
#request-form-followup .num-cta{border:1px solid #bcdcea;background:linear-gradient(145deg,#edf8fe,#fff);box-shadow:inset 0 3px 0 #0b78b2}
#request-form-followup .num-card--soft{border:1px solid #ecd5b1;background:linear-gradient(145deg,#fff7e9,#fff);box-shadow:inset 0 3px 0 #c66a00}
#request-form-followup .num-cta__title{color:#075f91}
#request-form-followup .num-title{color:#9a5000}
#request-form-followup .num-text-accent{color:#076b9f!important}
#request-form-followup .num-button,#request-form-followup .num-callback{margin-top:7px}

/* 10. РЕЗУЛЬТАТИ — теплий доказовий блок */
#home-proof.num-scene--proof{background:linear-gradient(135deg,#fff8e9 0%,#fffdf7 52%,#f7eddb 100%)}
#home-proof .num-results-new__scores,#home-proof .num-results-new__reviews{background:rgba(255,255,255,.94);border-color:#eadcc5;box-shadow:0 7px 22px rgba(92,65,27,.065)}
#home-proof .num-results-new__scores h2{color:#8f4a00}
#home-proof .num-results-new__reviews h2{color:#075f91}
#home-proof .num-results-new__number{background:#fff7e8;border:1px solid #efd9b3}
#home-proof .num-results-new__number strong{color:#a95300!important}
#home-proof .num-text-accent,#home-proof .num-story__marker-blue{color:#075f91!important;background:none!important}

/* 11. БАТЬКИ / ПЕДАГОГИ — роль задається текстовим ярликом і кольором */
#num-programs.num-scene--catalog{background:#f4f6f7}
#num-programs .num-home-audience-card{box-shadow:0 6px 18px rgba(30,48,60,.06)}
#num-programs .num-home-audience-card--parents{background:linear-gradient(145deg,#fff7e6,#fff);border-color:#ead1a2}
#num-programs .num-home-audience-card--teachers{background:linear-gradient(145deg,#edf8fd,#fff);border-color:#c4dfed}
#num-programs .num-home-audience-card__label{gap:0;font-size:14px}
#num-programs .num-home-audience-card--parents .num-home-audience-card__label{background:#a95a00;color:#fff}
#num-programs .num-home-audience-card--teachers .num-home-audience-card__label{background:#075f91;color:#fff}
#num-programs .num-home-audience-card__content h3{font-size:18px;color:#263845}
#num-programs .num-home-audience-card--parents .num-home-audience-card__content h3{color:#8f4a00}
#num-programs .num-home-audience-card--teachers .num-home-audience-card__content h3{color:#075f91}
#num-programs .num-home-audience-card__content p{font-size:16px;line-height:1.45;color:#4f606d}
#num-programs .num-home-audience-card__link{font-size:14px}
#num-programs .num-home-audience-card--parents .num-home-audience-card__link{color:#8f4a00}
#num-programs .num-home-audience-card--teachers .num-home-audience-card__link{color:#075f91}

/* 12. СИСТЕМА — картки читаються через фон, заголовок і посилання */
#home-system-links.num-scene--system{background:linear-gradient(135deg,#dceff8 0%,#eef8fc 52%,#d6ebf5 100%)}
#home-system-links .num-depth-link{display:flex;flex-direction:column;min-height:0;padding:12px 14px;border:1px solid #bad7e6;border-radius:16px;background:#fff;color:inherit;box-shadow:0 6px 18px rgba(15,74,105,.06)}
#home-system-links .num-depth-link:nth-child(2){background:#f4fbff;border-color:#afd5e8}
#home-system-links .num-depth-link:nth-child(3){background:#fff8ec;border-color:#ecd1a7}
#home-system-links .num-depth-link h3{margin:0 0 4px;color:#075f91}
#home-system-links .num-depth-link:nth-child(3) h3{color:#9a5000}
#home-system-links .num-depth-link p{margin:0;color:#4b606d;flex-grow:1}
#home-system-links .num-depth-link b{margin-top:7px;color:#056a9f}
#home-system-links .num-depth-link:nth-child(3) b{color:#9a5000}

/* 13. ВІДЕО — темна медійна сцена, play залишається функціональним */
#num-video-showcase.num-scene--media{background:linear-gradient(135deg,#111c28 0%,#18354b 58%,#124b6c 100%);color:#fff}
#num-video-showcase .num-home-section-title{color:#fff!important}
#num-video-showcase .num-home-section-head .num-link{color:#ffd07a!important}
#num-video-showcase .num-home-video-card{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.09);box-shadow:0 8px 20px rgba(0,0,0,.13)}
#num-video-showcase .num-home-video-card__title{font-size:15px;line-height:1.35;color:#fff!important}
#num-video-showcase .num-home-video-card__youtube{font-size:12px}
#num-video-showcase .num-home-video-card__visual{background-image:linear-gradient(135deg,#086da5 0%,#1494cc 58%,#e58a12 125%)}

/* 14. ФІНАЛЬНИЙ CTA — без телефонної піктограми, акцент через композицію */
#home-final-cta.num-scene--final{background:linear-gradient(125deg,#075f91 0%,#087ab5 52%,#d97b08 145%)}
#home-final-cta .num-home-final-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px 16px;border:0!important;border-left:4px solid #d97b08!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 32px rgba(0,0,0,.16)!important}
#home-final-cta .num-home-final-cta h2{margin:0 0 2px;color:#12334a!important}
#home-final-cta .num-home-final-cta p{font-size:16px;line-height:1.45;color:#405766!important}
#home-final-cta .num-text-accent{color:#a95000!important}

/* 15. ПІСЛЯ СТАРТУ — спокійне зелене завершення без декоративних іконок */
#home-support-system.num-scene--support{background:linear-gradient(135deg,#f2f6f4 0%,#fff 50%,#eaf4ef 100%)}
#home-support-system .num-depth-link{display:flex;flex-direction:column;min-height:0;padding:12px 14px;border:1px solid #d4e1db;border-radius:16px;background:#fff;color:inherit;box-shadow:0 5px 17px rgba(32,64,51,.05)}
#home-support-system .num-depth-link:nth-child(2){background:#eef8f3;border-color:#cce2d7}
#home-support-system .num-depth-link:nth-child(3){background:#f5f9fc;border-color:#d3e2eb}
#home-support-system .num-depth-link h3{margin:0 0 4px;color:#17684f}
#home-support-system .num-depth-link:nth-child(3) h3{color:#075f91}
#home-support-system .num-depth-link p{margin:0;color:#4b5f56;flex-grow:1}
#home-support-system .num-text-accent{color:#17684f!important}
#home-support-system .num-difference__statement{margin-top:6px;padding:13px 18px;border:1px solid #cfe2da;border-radius:14px;background:#eaf6f0;color:#24313d}
#home-support-system .num-difference__statement strong{color:#17684f}

/* DETAILS — одна сучасна мова на INDEX */
#home-page .num-scene .num-details{overflow:hidden;border:1px solid rgba(112,132,145,.22);border-radius:11px;background:rgba(255,255,255,.72)}
#home-page .num-scene .num-details>summary{position:relative;min-height:38px;padding:8px 34px 8px 10px!important;list-style:none;cursor:pointer}
#home-page .num-scene .num-details>summary::after{content:"+";position:absolute;right:11px;top:50%;transform:translateY(-50%);font-family:var(--num-font-bold);font-size:18px;color:var(--num-blue)}
#home-page .num-scene .num-details[open]>summary::after{content:"−";color:var(--num-orange-dark)}
#home-page .num-scene .num-details[open]>summary{background:rgba(235,246,252,.72)}
#home-page .num-scene .num-details__content{padding:8px 10px 10px!important}

/* Кольорові акценти — тільки свідомо позначений текст */
#home-page .num-scene--warm .num-text-accent{color:#a95000}
#home-page .num-scene--light .num-text-accent{color:#076da5}
#home-page .num-scene--cool .num-text-accent{color:#075f91}
#home-page .num-scene--sand .num-text-accent{color:#9d4c00}
#home-page .num-scene--sky .num-text-accent{color:#006b9f}
#home-page .num-scene--action .num-text-accent{color:#076b9f}
#home-page .num-scene--proof .num-text-accent{color:#9c5000}
#home-page .num-scene--catalog .num-text-accent{color:#075f91}
#home-page .num-scene--system .num-text-accent{color:#075f91}
#home-page .num-scene--support .num-text-accent{color:#17684f}

/* INDEX — DESKTOP: ущільнення */
@media(min-width:981px){

/* Типографіка */
#home-page .num-story p,#home-page .num-story li{font-size:1rem;line-height:1.48}
#home-page .num-story-head h2,#home-page #our-capabilities .num-capabilities__head h2{font-size:28px!important;line-height:1.14}
#home-page #why-num .num-difference__card h3,#home-page #teacher-match .num-match__node h3,#home-page #num-programs .num-home-audience-card__content h3{font-size:17px;line-height:1.22}
#home-page #request-form-block .num-title,#home-page #request-form-followup .num-title{font-size:22px;line-height:1.2}
#home-page #request-form-block .num-cta__title,#home-page #request-form-followup .num-cta__title{font-size:19px;line-height:1.22}
#home-page #request-form-block .num-text,#home-page #request-form-followup .num-text{font-size:17px;line-height:1.44}
#home-page #home-proof .num-results-new h2{font-size:26px!important;line-height:1.16}
#home-page #num-video-showcase .num-home-section-title{font-size:20px;line-height:1.22}
#home-page #home-final-cta .num-home-final-cta h2{font-size:19px;line-height:1.18}
#home-page #home-final-cta .num-home-final-cta p{font-size:15px;line-height:1.4}

/* Ширини однорядних блоків */
#home-page #why-num .num-difference__flow{grid-template-columns:minmax(0,1.08fr) auto minmax(0,1.08fr) auto minmax(0,.84fr)}
#home-page #learning-formats-preview .num-format-grid-new{grid-template-columns:minmax(0,.78fr) minmax(0,.98fr) minmax(0,1.10fr) minmax(0,1.14fr)}
#home-page #teacher-match .num-match__visual{grid-template-columns:minmax(0,.90fr) auto minmax(0,1.15fr) auto minmax(0,.95fr)}
#home-page #process .num-mechanism__rail{grid-template-columns:minmax(0,1.20fr) auto minmax(0,1.10fr) auto minmax(0,.65fr) auto minmax(0,1.05fr)}
#home-page #request-form-followup .num-home-grid--2{grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr)}
#home-page #home-system-links .num-depth-links{grid-template-columns:minmax(0,1.10fr) minmax(0,1fr) minmax(0,.90fr)}
#home-page #home-support-system .num-depth-links{grid-template-columns:minmax(0,1fr) minmax(0,.90fr) minmax(0,1.10fr)}

}

/* INDEX — DESKTOP: верхня композиція з фото */
@media(min-width:1200px){
#home-page .num-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,778px) 12px 350px minmax(0,1fr);align-items:start;}
#home-page .num-story::before{content:"";display:block;grid-column:4;grid-row:1/3;align-self:start;width:350px;height:438px;margin-top:10px;border-radius:14px;background:url("/img/1.jpg") center 42%/cover no-repeat;box-shadow:0 8px 24px rgba(31,41,55,.10);pointer-events:none;}
#home-page #our-capabilities{grid-column:2;grid-row:1;width:100%;max-width:none;margin:10px 0 0!important;padding:0 10px!important;}
#home-page #request-form-block{grid-column:2;grid-row:2;width:100%;}
#home-page .num-story>.num-scene:not(#our-capabilities):not(#request-form-block){grid-column:1/-1;}

}

/* INDEX — TABLET / MOBILE */
@media(max-width:900px){
#our-capabilities .num-capabilities__content{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:980px){
#home-page .num-scene .num-story-head{margin-bottom:8px!important}
#why-num .num-difference__card,#when-lessons-not-enough .num-when__case{backdrop-filter:none}
#home-page .num-scene .num-details>summary{min-height:34px;padding:6px 30px 6px 8px!important;font-size:12px!important}
#home-page .num-scene .num-details>summary::after{right:9px;font-size:16px}
#home-page .num-scene .num-details__content{padding:6px 8px 8px!important}
}

@media(max-width:600px){
#our-capabilities{margin:8px auto 12px!important;padding:0 10px!important}
#our-capabilities .num-capabilities__head{position:relative;min-height:118px;margin-bottom:7px!important;padding:8px 40% 8px 2px;overflow:hidden;text-align:left}
#our-capabilities .num-capabilities__head::after{content:"";position:absolute;top:0;right:0;width:36%;height:100%;border-radius:12px;background:url("/img/2.jpg") 58% center/cover no-repeat;pointer-events:none}
#our-capabilities .num-capabilities__head p{font-size:12px!important;line-height:1.35!important}
#our-capabilities .num-capabilities__details summary{min-height:38px;padding:7px 9px!important;font-size:12px!important}
#our-capabilities .num-capabilities__content{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:6px!important}
#our-capabilities .num-capability{display:block!important;padding:7px!important}
#our-capabilities .num-capability__icon{display:none!important}
#our-capabilities .num-capability h3{font-size:12px!important}
#our-capabilities .num-capability p{font-size:10.5px!important;line-height:1.3!important}

#request-form-block.num-scene--warm{background:#fff6e6}
#why-num.num-scene--deep{background:linear-gradient(145deg,#102d49,#0b527b)}
#learning-formats-preview.num-scene--light{background:#fff}
#service-levels-preview.num-scene--cool{background:#eef7fb}
#teacher-match.num-scene--sand{background:#fbf1df}
#when-lessons-not-enough.num-scene--night{background:linear-gradient(145deg,#17212d,#193e56)}
#process.num-scene--sky{background:#eaf7fd}
#request-form-followup.num-scene--action{background:#f8fafb}
#home-proof.num-scene--proof{background:#fff8e9}
#num-programs.num-scene--catalog{background:#f4f6f7}
#home-system-links.num-scene--system{background:#e2f1f8}
#num-video-showcase.num-scene--media{background:linear-gradient(145deg,#111c28,#164766)}
#home-final-cta.num-scene--final{background:linear-gradient(135deg,#076b9f,#b86a09 155%)}
#home-support-system.num-scene--support{background:#f0f6f3}

#home-page .num-scene .num-card,#home-page .num-scene .num-depth__card,#home-page .num-scene .num-match__node,#home-page .num-scene .num-mechanism__step,#home-page .num-scene .num-depth-link,#home-page .num-scene .num-results-new__scores,#home-page .num-scene .num-results-new__reviews,#home-page .num-scene .num-home-audience-card{box-shadow:0 3px 10px rgba(15,35,50,.05)!important}
}

/* =========================================================
   6. PRICES.HTML
   Оплата, QR, фінансові картки, правила, знижки,
   маршрути оплати та адаптивність.
   ========================================================= */

/* PRICES — оплата та QR: єдина канонічна версія */
.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:25px}
.qr{position:relative;width:140px;height:140px;margin:20px auto;line-height:0;cursor:pointer;z-index:2}
.qr img{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);transition:transform .3s}
.qr.qr--active img{transform:translate(-50%,-50%) scale(2)}
@media(max-width:480px){.payment-methods{grid-template-columns:1fr}}
@media(max-width:440px){.qr.qr--active img{transform:translate(-50%,-50%) scale(1.4)}}

.prices-modern .num-text {font-size:17px;line-height:1.48;}
.prices-modern .num-home-section-title {font-size:23px;}
.prices-modern .num-home-section-text {font-size:16px;line-height:1.4;}
.prices-modern .num-home-system-card h3 {font-size:18px;line-height:1.28;}
.prices-modern .num-home-system-card p {font-size:16px;line-height:1.45;}
.prices-modern .num-details>summary {font-size:16px;}
.prices-modern .num-details__content {font-size:16px;line-height:1.48;}
.prices-modern .num-list li {font-size:16px;line-height:1.48;}

/* Hero і ключові факти */
.prices-hero {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 15px;border-color:var(--num-border-blue);background:linear-gradient(135deg,#eef8ff 0%,#fff 57%,#fff7ea 100%);}
.prices-hero__content {display:flex;align-items:center;gap:11px;min-width:0;}
.prices-hero__icon {display:flex;align-items:center;justify-content:center;flex:0 0 50px;width:50px;height:50px;border-radius:14px;background:var(--num-blue);font-size:22px;color:#fff;box-shadow:0 4px 12px rgba(6,113,180,.18);}
.prices-hero .num-home-proof-card__eyebrow {font-size:12px;}
.prices-hero .num-title {font-size:25px;}
.prices-hero__facts {display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:5px;}
.prices-fact {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;padding:7px;border:1px solid var(--num-border);border-radius:9px;background:#fff;text-align:center;}
.prices-fact i {margin-bottom:3px;font-size:16px;}
.prices-fact strong {font-family:var(--num-font-bold);font-size:15px;line-height:1.2;color:var(--num-text-dark);}
.prices-fact span {margin-top:2px;font-size:12px;line-height:1.25;color:var(--num-text-muted);}
.prices-fact--blue {border-color:var(--num-border-blue);background:#f5fbff;}
.prices-fact--blue i {color:var(--num-blue);}
.prices-fact--green {border-color:#d8eadf;background:#f3fbf5;}
.prices-fact--green i {color:#4b8b55;}
.prices-fact--orange {border-color:#f2d7ae;background:#fff8ef;}
.prices-fact--orange i {color:var(--num-orange-dark);}

/* Основні фінансові картки */
.prices-feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.prices-feature-card {min-height:100%;padding:12px 13px;border-radius:12px;background:#fff;}
.prices-feature-card--discount {border-color:var(--num-border-blue);background:linear-gradient(145deg,#fff,#f4faff);}
.prices-feature-card--bonus {border-color:#f2d1a1;background:linear-gradient(145deg,#fff,#fff8ee);}
.prices-feature-card--payment {border-color:#d9e7d6;background:linear-gradient(145deg,#fff,#f5fbf5);}
.prices-feature-card__icon {display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:6px;border-radius:10px;background:var(--num-blue-soft);font-size:17px;color:var(--num-blue);}
.prices-feature-card--bonus .prices-feature-card__icon {background:var(--num-orange-soft);color:var(--num-orange-dark);}
.prices-feature-card--payment .prices-feature-card__icon {background:#edf8ec;color:#4b8b55;}
.prices-feature-card__label {display:inline-flex;margin-bottom:4px;padding:3px 7px;border-radius:999px;background:#eef5fa;font-family:var(--num-font-bold);font-size:12px;color:var(--num-blue);}
.prices-feature-card--bonus .prices-feature-card__label {background:var(--num-orange-soft);color:var(--num-orange-dark);}
.prices-feature-card--payment .prices-feature-card__label {background:#edf8ec;color:#4b8b55;}

/* Ключові правила вартості */
.prices-big-rule {display:flex;align-items:baseline;gap:7px;margin:7px 0;padding:9px;border:1px solid var(--num-border-blue);border-radius:10px;background:#fff;}
.prices-big-rule strong {font-family:var(--num-font-title);font-size:34px;line-height:1;color:var(--num-blue);}
.prices-big-rule span {font-family:var(--num-font-bold);font-size:15px;color:var(--num-text-dark);}
.prices-gift-rule {display:flex;align-items:center;gap:10px;margin:8px 0;padding:9px;border:1px solid #f1d5aa;border-radius:10px;background:#fff;}
.prices-gift-rule__number {display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:var(--num-orange);font-family:var(--num-font-title);font-size:30px;color:#fff;}
.prices-gift-rule strong {display:block;font-family:var(--num-font-bold);font-size:17px;color:var(--num-text-dark);}
.prices-gift-rule span {display:block;margin-top:2px;font-size:14px;color:var(--num-text-muted);}
.prices-inline-note {display:flex;align-items:flex-start;gap:7px;margin:6px 0;padding:7px 8px;border-radius:8px;background:#eef7ff;font-size:14px;line-height:1.35;color:var(--num-text-dark);}
.prices-inline-note i {margin-top:2px;color:var(--num-blue);}
.prices-inline-note--orange {background:#fff4e5;}
.prices-inline-note--orange i {color:var(--num-orange-dark);}

/* Шкала знижок */
.prices-discount-preview {overflow:hidden;margin:7px 0;border:1px solid #dce8f1;border-radius:9px;background:#fff;}
.prices-discount-preview__head,.prices-discount-preview__row {display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;gap:4px;}
.prices-discount-preview__head {padding:5px 6px;background:#eef7ff;font-family:var(--num-font-bold);font-size:11px;line-height:1.2;text-align:center;color:var(--num-blue);}
.prices-discount-preview__row {padding:5px 6px;border-top:1px solid #edf1f4;text-align:center;}
.prices-discount-preview__row strong {font-family:var(--num-font-title);font-size:18px;color:var(--num-text-dark);}
.prices-discount-preview__row span {padding:3px 4px;border-radius:5px;background:#f7fafc;font-family:var(--num-font-bold);font-size:13px;color:var(--num-blue);}
.prices-discount-preview__row--max {background:#fff8ef;}
.prices-discount-preview__row--max span {background:#fff0d8;color:var(--num-orange-dark);}

/* Маршрут оплати */
.prices-payment-flow {display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;gap:4px;margin:8px 0;}
.prices-payment-flow>div {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;padding:7px;border:1px solid #dce9d9;border-radius:9px;background:#fff;text-align:center;}
.prices-payment-flow>div i {display:flex;align-items:center;justify-content:center;width:29px;height:29px;margin-bottom:4px;border-radius:50%;background:#edf8ec;font-size:13px;color:#4b8b55;}
.prices-payment-flow>div strong {font-size:13px;line-height:1.25;}
.prices-payment-flow>b {text-align:center;font-size:18px;color:var(--num-orange);}
.prices-pay-actions {display:grid;gap:4px;margin-top:7px;}
.prices-payment-method {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border:1px solid var(--num-border);border-radius:9px;background:#fff;text-align:center;}
.prices-payment-method__icon {display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:5px;border-radius:9px;background:var(--num-blue-soft);font-size:16px;color:var(--num-blue);}

/* Правила оплати */
.prices-rules-grid {display:grid;grid-template-columns:1.45fr .8fr .8fr;gap:8px;}
.prices-rule-card {padding:12px 13px;border-radius:12px;background:#fff;}
.prices-rule-card--cancel {border-color:#f1d5aa;background:linear-gradient(145deg,#fff,#fff9f1);}
.prices-rule-card--contract {border-color:var(--num-border-blue);background:linear-gradient(145deg,#fff,#f4faff);}
.prices-rule-card--manager {border-color:#f1d5aa;background:linear-gradient(145deg,#fff,#fff7ea);}
.prices-time-rule {display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0;}
.prices-time-rule>div {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px;padding:8px;border-radius:9px;text-align:center;}
.prices-time-rule i {margin-bottom:4px;font-size:19px;}
.prices-time-rule strong {font-family:var(--num-font-title);font-size:21px;}
.prices-time-rule span {margin-top:2px;font-size:14px;line-height:1.3;}
.prices-time-rule__safe {border:1px solid #d6eadc;background:#f1faf4;color:#3f8150;}
.prices-time-rule__late {border:1px solid #f0d5ad;background:#fff6ea;color:#a56a12;}
.prices-consequence-flow {display:grid;grid-template-columns:1fr 22px 1fr 22px 1.2fr;align-items:center;gap:4px;margin:7px 0;}
.prices-consequence-flow>div {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:73px;padding:6px;border:1px solid #eadfd2;border-radius:8px;background:#fff;text-align:center;}
.prices-consequence-flow span {font-size:12px;color:var(--num-text-muted);}
.prices-consequence-flow strong {margin-top:3px;font-family:var(--num-font-bold);font-size:16px;color:var(--num-orange-dark);}
.prices-consequence-flow>b {text-align:center;font-size:17px;color:var(--num-orange);}

/* Договір і менеджер */
.prices-simple-visual {display:flex;align-items:center;gap:9px;margin:9px 0;padding:9px;border:1px solid var(--num-border-blue);border-radius:9px;background:#fff;}
.prices-simple-visual>i {display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:9px;background:var(--num-blue-soft);font-size:17px;color:var(--num-blue);}
.prices-simple-visual strong {display:block;font-size:15px;line-height:1.25;color:var(--num-text-dark);}
.prices-simple-visual span {display:block;margin-top:2px;font-size:13px;line-height:1.3;color:var(--num-text-muted);}
.prices-simple-visual--manager {border-color:#f1d5aa;}
.prices-simple-visual--manager>i {background:var(--num-orange-soft);color:var(--num-orange-dark);}
.prices-card-button {margin-top:auto;}
.prices-manager-actions {display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;}
.prices-manager-actions .num-link {font-size:14px;}

/* Нижній CTA */
.prices-bottom-cta {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;}
.prices-bottom-cta__icon {display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:var(--num-orange);font-size:18px;color:#fff;box-shadow:0 3px 10px rgba(249,154,17,.2);}
.prices-bottom-cta p {font-size:16px;line-height:1.4;}

/* Адаптивність PRICES */
@media (max-width:1050px){.prices-hero{grid-template-columns:1fr;}.prices-hero__facts{grid-template-columns:repeat(3,minmax(0,1fr));}.prices-feature-grid{grid-template-columns:1fr 1fr;}.prices-feature-card--payment{grid-column:1/-1;}.prices-rules-grid{grid-template-columns:1fr 1fr;}.prices-rule-card--cancel{grid-column:1/-1;}}
@media (max-width:767px){.prices-modern .num-text{font-size:16px;}.prices-modern .num-home-section-title{font-size:21px;}.prices-hero{padding:10px;}.prices-hero__content{align-items:flex-start;}.prices-hero__icon{width:43px;height:43px;flex-basis:43px;font-size:19px;}.prices-hero .num-title{font-size:22px;}.prices-feature-grid,.prices-rules-grid{grid-template-columns:1fr;}.prices-feature-card--payment,.prices-rule-card--cancel{grid-column:auto;}.prices-payment-flow{grid-template-columns:1fr 20px 1fr 20px 1fr;}.prices-bottom-cta{grid-template-columns:auto 1fr;}.prices-bottom-cta .num-home-final-cta__actions{grid-column:1/-1;}.prices-discount-preview__head{font-size:10px;}}
@media (max-width:520px){.prices-hero__facts{grid-template-columns:1fr;}.prices-fact{min-height:58px;}.prices-payment-flow,.prices-consequence-flow{grid-template-columns:1fr;}.prices-payment-flow>b,.prices-consequence-flow>b{transform:rotate(90deg);}.prices-time-rule{grid-template-columns:1fr;}.prices-discount-preview__head,.prices-discount-preview__row{grid-template-columns:40px 1fr 1fr;}.prices-discount-preview__row span{font-size:12px;}.prices-bottom-cta{grid-template-columns:1fr;}.prices-bottom-cta__icon{margin-bottom:2px;}}

/* =========================================================
   7. NUM-PEDAGOG.HTML
   Предмети, картки педагогів, «зараз → після»,
   рівні допомоги, психологічний блок і CTA.
   ========================================================= */

/* NUM-PEDAGOG — базові предметні компоненти */
.num-subject-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:5px;}
.num-subject-button {display:flex;align-items:center;justify-content:center;min-height:38px;padding:5px 8px;border:1px solid var(--num-border-blue);border-radius:8px;background:var(--num-blue-soft);font-family:var(--num-font-bold);font-size:15px;line-height:1.2;text-align:center;color:var(--num-blue);cursor:pointer;transition:background var(--num-transition),color var(--num-transition),border-color var(--num-transition);}
.num-subject-button:hover {border-color:var(--num-blue);background:var(--num-blue);color:#fff;}
.num-subject-button[aria-expanded="true"] {border-color:var(--num-orange);background:var(--num-orange);color:#fff;}
.num-subject-panel {margin-top:6px;padding:5px;border:1px solid var(--num-border);border-radius:9px;background:var(--num-bg-gray);}
.num-subject-panel[hidden] {display:none;}
.num-subject-panel__title {margin:0 0 3px;padding:0;font-family:var(--num-font-title);font-size:22px;line-height:1.25;text-transform:none;color:var(--num-blue);}
.num-subject-panel__title::after {display:none!important;content:none!important;}
.num-subject-panel__intro {margin:0 0 5px;font-family:var(--num-font-text);font-size:15px;line-height:1.4;color:var(--num-text);}
/* NUM-PEDAGOG — картки педагогів і вартість */
.num-teacher-list {display:flex;flex-direction:column;gap:5px;}
.num-teacher-row {display:grid;grid-template-columns:170px minmax(0,1fr) 180px;gap:8px;align-items:stretch;padding:6px;border:1px solid var(--num-border);border-radius:9px;background:var(--num-bg);box-shadow:var(--num-shadow);}
.num-teacher-row__identity {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2px;text-align:center;}
.num-teacher-row__photo {display:block;width:105px;height:105px;margin:0 auto 3px;object-fit:cover;border-radius:10px;}
.num-teacher-row__name {margin:0 0 2px;font-family:var(--num-font-bold);font-size:16px;line-height:1.2;color:var(--num-text-dark);}
.num-teacher-row__subjects {margin:0;font-family:var(--num-font-text);font-size:13px;line-height:1.3;color:var(--num-text-muted);}
.num-teacher-row__profile {display:inline-block;margin-top:3px;font-family:var(--num-font-bold);font-size:12px;line-height:1.2;color:var(--num-blue);text-decoration:none;}
.num-teacher-row__profile:hover {color:var(--num-orange);text-decoration:none;}
.num-teacher-row__help {padding:2px 4px;border-left:1px solid var(--num-border);border-right:1px solid var(--num-border);}
.num-teacher-row__help h4 {margin:0 0 1px;font-family:var(--num-font-bold);font-size:14px;line-height:1.25;color:var(--num-blue);}
.num-teacher-row__help p {margin:0 0 4px;font-family:var(--num-font-text);font-size:14px;line-height:1.4;color:var(--num-text);}
.num-teacher-row__help p:last-child {margin-bottom:0;}
.num-teacher-row__price {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:5px;border-radius:8px;background:var(--num-blue-soft);text-align:center;}
.num-teacher-row__price-title {width:100%;margin-bottom:3px;font-family:var(--num-font-bold);font-size:13px;line-height:1.2;color:var(--num-text-dark);}
.num-teacher-row__price-line {display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px;padding:3px 4px;border-radius:5px;background:rgba(255,255,255,.65);}
.num-teacher-row__price-line span {font-family:var(--num-font-text);font-size:12px;line-height:1.2;color:var(--num-text-dark);}
.num-teacher-row__price-line strong {font-family:var(--num-font-bold);font-size:15px;line-height:1.2;white-space:nowrap;color:var(--num-blue);}
.num-teacher-row__price-note {width:100%;margin-top:3px;padding-top:3px;border-top:1px solid rgba(0,0,0,.08);font-family:var(--num-font-text);font-size:11px;line-height:1.3;color:var(--num-text-muted);}
.num-teacher-row__price--special {justify-content:center;background:var(--num-bg-gray);}
.num-teacher-row__price-label {display:block;margin-bottom:2px;font-family:var(--num-font-bold);font-size:13px;line-height:1.25;color:var(--num-text-dark);}
.num-teacher-row__price--special>strong {display:block;font-family:var(--num-font-bold);font-size:20px;line-height:1.2;color:var(--num-blue);}
.num-teacher-row__price-extra {display:block;margin-top:3px;font-family:var(--num-font-text);font-size:12px;line-height:1.3;color:var(--num-text-muted);}

/* Типографіка сторінки */
#subject-directions .num-title,#teacher-selection-cta-bottom .num-title,#num-pedagog-info .num-title {font-size:23px;line-height:1.22;}
#subject-directions .num-title--large {font-size:28px;}
#teacher-selection-cta-bottom .num-cta__title {font-size:20px;line-height:1.25;}
#num-pedagog-info .num-subtitle {font-size:18px;line-height:1.3;}
#subject-directions .num-text,#teacher-selection-cta-bottom .num-text,#num-pedagog-info .num-text {font-size:18px;line-height:1.52;}
#subject-directions .num-details__content,#teacher-selection-cta-bottom .num-details__content,#num-pedagog-info .num-details__content {font-size:17px;line-height:1.5;}
#subject-directions .num-note p,#teacher-selection-cta-bottom .num-note p,#num-pedagog-info .num-note p {font-size:17px;line-height:1.5;}

/* Верхня картка */
#subject-directions>.num-container>.num-home-major-card {position:relative;overflow:hidden;padding:14px;border-color:var(--num-border-blue);background:linear-gradient(135deg,#fff 0%,#f6fbff 55%,#fff9f0 100%);}
#subject-directions>.num-container>.num-home-major-card::before {content:"";position:absolute;right:-36px;top:-46px;width:150px;height:150px;border:22px solid rgba(6,113,180,.06);border-radius:50%;pointer-events:none;}
#subject-directions>.num-container>.num-home-major-card::after {content:"";position:absolute;left:42%;top:8px;width:60px;height:24px;background-image:radial-gradient(circle,var(--num-orange) 1.5px,transparent 1.6px);background-size:9px 9px;opacity:.28;pointer-events:none;}
#subject-directions .num-home-proof-card__eyebrow {display:inline-flex;align-items:center;gap:5px;margin:0 0 5px;padding:4px 8px;border-radius:999px;background:var(--num-blue-soft);font-size:13px;color:var(--num-blue);}
#subject-directions .num-home-proof-card__eyebrow::before {content:"★";font-size:12px;color:var(--num-orange);}

/* Кнопки предметів і піктограми */
#subject-directions .num-subject-grid {position:relative;z-index:1;gap:7px;margin-top:9px;}
#subject-directions .num-subject-button {gap:7px;justify-content:flex-start;min-height:46px;padding:6px 9px;border-width:1px;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.05);}
#subject-directions .num-subject-button__icon {display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:var(--num-blue-soft);font-size:15px;color:var(--num-blue);transition:background var(--num-transition),color var(--num-transition),transform var(--num-transition);}
#subject-directions .num-subject-button:hover .num-subject-button__icon,#subject-directions .num-subject-button[aria-expanded="true"] .num-subject-button__icon {background:rgba(255,255,255,.92);color:inherit;transform:scale(1.05);}
#subject-directions .num-subject-button:nth-child(2) {border-color:#d9e7d6;color:#3f7b48;}
#subject-directions .num-subject-button:nth-child(2) .num-subject-button__icon {background:#edf8ec;color:#4b9656;}
#subject-directions .num-subject-button:nth-child(3) {border-color:#e4dcf3;color:#7354a6;}
#subject-directions .num-subject-button:nth-child(3) .num-subject-button__icon {background:#f4effc;color:#7654a8;}
#subject-directions .num-subject-button:nth-child(4) {border-color:#f3d8a8;color:#a5680d;}
#subject-directions .num-subject-button:nth-child(4) .num-subject-button__icon {background:#fff5e7;color:#d17a00;}
#subject-directions .num-subject-button:nth-child(5) {border-color:#d6e9e7;color:#327f79;}
#subject-directions .num-subject-button:nth-child(5) .num-subject-button__icon {background:#edf9f7;color:#2d8e84;}
#subject-directions .num-subject-button:nth-child(6) {border-color:#f0dce9;color:#a04c7a;}
#subject-directions .num-subject-button:nth-child(6) .num-subject-button__icon {background:#fff0f7;color:#b15484;}
#subject-directions .num-subject-button:nth-child(7) {border-color:#d9e4f5;color:#416da5;}
#subject-directions .num-subject-button:nth-child(7) .num-subject-button__icon {background:#eef5ff;color:#4476b4;}
#subject-directions .num-subject-button:nth-child(8) {border-color:#f1d5c6;color:#ad6542;}
#subject-directions .num-subject-button:nth-child(8) .num-subject-button__icon {background:#fff1e9;color:#c96b3e;}
#subject-directions .num-subject-button[aria-expanded="true"] {border-color:var(--num-orange);background:var(--num-orange);color:#fff;box-shadow:0 4px 12px rgba(249,154,17,.2);}

/* Панель вибраного предмета */
#subject-directions .num-subject-panel {position:relative;margin-top:8px;padding:10px;border-color:var(--num-border-blue);background:linear-gradient(180deg,#fafdff 0%,#f6f9fb 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85);}
#subject-directions .num-subject-panel__title {display:flex;align-items:center;gap:7px;margin-bottom:2px;font-size:20px;}
#subject-directions .num-subject-panel__intro {font-size:17px;line-height:1.45;}
#subject-directions .num-subject-panel__title::before {display:block!important;content:"";width:8px;height:8px;border-radius:50%;background:var(--num-orange);box-shadow:12px 0 0 rgba(6,113,180,.35);}

/* Картка педагога */
#subject-directions .num-teacher-list {gap:8px;}
#subject-directions .num-teacher-row {position:relative;grid-template-columns:165px minmax(0,1.35fr) minmax(205px,.65fr);gap:10px;padding:10px;border-color:#dfe8ef;border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.05);transition:transform var(--num-transition),box-shadow var(--num-transition),border-color var(--num-transition);}
#subject-directions .num-teacher-row:hover {transform:translateY(-2px);border-color:#c8ddec;box-shadow:0 8px 22px rgba(15,23,42,.08);}
#subject-directions .num-teacher-row::before {content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--num-blue),var(--num-orange));}
#subject-directions .num-teacher-row__identity {justify-content:center;padding:4px 6px;}
#subject-directions .num-teacher-row__photo {width:112px;height:112px;border:4px solid #fff;border-radius:15px;box-shadow:0 4px 12px rgba(15,23,42,.11);}
#subject-directions .num-teacher-row__name {margin-top:3px;font-size:17px;}
#subject-directions .num-teacher-row__subjects {max-width:150px;font-size:15px;line-height:1.4;}

/* Блок «зараз → після роботи» */
#subject-directions .num-teacher-row__help {display:flex;align-items:center;padding:3px 8px;border-left:1px solid var(--num-border);border-right:1px solid var(--num-border);}
#subject-directions .num-home-change-list {width:100%;gap:5px;}
#subject-directions .num-home-change {grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:7px;padding:7px 8px;border:0;background:transparent;}
#subject-directions .num-home-change:nth-child(odd)>div:first-child {background:#f4f8fc;}
#subject-directions .num-home-change:nth-child(even)>div:first-child {background:#fff6ef;}
#subject-directions .num-home-change>div:not(.num-home-change__arrow) {min-height:54px;justify-content:center;padding:7px 8px;border:1px solid #e7edf2;border-radius:8px;}
#subject-directions .num-home-change>div:last-child {border-color:#d9eadf;background:#f3fbf5;}
#subject-directions .num-home-change strong {display:flex;align-items:center;gap:5px;font-size:14px;text-transform:uppercase;letter-spacing:.03em;}
#subject-directions .num-home-change>div:first-child strong {color:#7c8791;}
#subject-directions .num-home-change>div:last-child strong {color:#3f8751;}
#subject-directions .num-home-change>div:first-child strong i {color:var(--num-orange);}
#subject-directions .num-home-change>div:last-child strong i {color:#4a9a5e;}
#subject-directions .num-home-change span {font-size:16px;line-height:1.38;color:var(--num-text-dark);}
#subject-directions .num-home-change__arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:auto;border-radius:50%;background:#fff4cf;font-size:18px;color:#d6a000}

/* Рівні допомоги */
#subject-directions .num-teacher-row__price{justify-content:center;gap:4px;padding:8px;border:1px solid #dbeaf5;border-radius:10px;background:linear-gradient(160deg,#f4faff 0%,#eef7ff 100%)}
#subject-directions .num-teacher-row__price--expert{border-color:#dbeaf5;background:linear-gradient(160deg,#f4faff 0%,#eef7ff 100%)}
#subject-directions .num-teacher-row__price-title{margin-bottom:4px;font-size:16px;color:var(--num-text-dark)}
#subject-directions .num-teacher-row__price .num-home-process{gap:5px}
#subject-directions .num-teacher-row__price .num-home-process__item{grid-template-columns:31px minmax(0,1fr);gap:7px;padding:6px;border:1px solid rgba(6,113,180,.1);background:rgba(255,255,255,.78)}
#subject-directions .num-teacher-row__price .num-home-process__number{width:29px;height:29px;background:var(--num-blue);font-size:12px}
#subject-directions .num-teacher-row__price--expert .num-home-process__number{background:var(--num-blue)}
#subject-directions .num-teacher-row__price .num-home-process__item strong{font-size:17px;color:var(--num-blue)}
#subject-directions .num-teacher-row__price--expert .num-home-process__item strong{color:var(--num-blue)}
#subject-directions .num-teacher-row__price .num-home-process__item p {font-size:15px;line-height:1.38;color:var(--num-text-muted);}
#subject-directions .num-teacher-row__price-note {margin-top:4px;padding:5px;border-top:0;border-radius:6px;background:rgba(255,255,255,.7);font-size:14px;line-height:1.4;}

/* Спеціальна ціна малювання */
#subject-directions .num-teacher-row__price--special {border-color:#eadfd7;background:linear-gradient(160deg,#fff 0%,#fff8f3 100%);}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line {padding:5px 6px;border:1px solid #f1e4dc;background:#fff;}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line span {font-size:14px;}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line strong {font-size:17px;color:#b76a40;}

/* CTA заявки та консультації */
#teacher-selection-cta-bottom .num-home-grid {gap:8px;}
#teacher-selection-cta-bottom .num-cta,#teacher-selection-cta-bottom .num-card {position:relative;overflow:hidden;padding:12px 14px;border-radius:12px;}
#teacher-selection-cta-bottom .num-cta {background:linear-gradient(135deg,#eef8ff 0%,#fff 72%);}
#teacher-selection-cta-bottom .num-card {border-color:#f2d8b2;background:linear-gradient(135deg,#fffdf9 0%,#fff6e9 100%);}
#teacher-selection-cta-bottom .num-cta::after,#teacher-selection-cta-bottom .num-card::after {content:"";position:absolute;right:-18px;bottom:-22px;width:75px;height:75px;border:12px solid rgba(6,113,180,.055);border-radius:50%;pointer-events:none;}
#teacher-selection-cta-bottom .num-card::after {border-color:rgba(249,154,17,.08);}
#teacher-selection-cta-bottom .num-cta__title i,#teacher-selection-cta-bottom .num-title i {margin-right:5px;color:var(--num-orange);}

/* Схема «ситуація → робота → результат» */
#num-pedagog-info .num-home-major-card {position:relative;overflow:hidden;padding:13px 14px;border-radius:12px;}
#num-pedagog-info .num-home-major-card:first-child {border-color:var(--num-border-blue);background:linear-gradient(145deg,#fff 0%,#f4faff 100%);}
#num-pedagog-info .num-home-major-card:last-child {border-color:#f1d6ad;background:linear-gradient(145deg,#fff 0%,#fff8ef 100%);}
#num-pedagog-info .num-home-proof-card__eyebrow {display:inline-flex;margin-bottom:4px;padding:3px 7px;border-radius:999px;background:var(--num-blue-soft);font-size:12px;color:var(--num-blue);}
#num-pedagog-info #psychological-support .num-home-proof-card__eyebrow {background:var(--num-orange-soft);color:var(--num-orange-dark);}
#num-pedagog-info .num-home-solution-flow {display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:stretch;gap:4px;margin:10px 0;}
#num-pedagog-info .num-home-solution-flow span {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;padding:7px 6px;border:1px solid var(--num-border-blue);border-radius:9px;background:#fff;text-align:center;font-size:14px;line-height:1.32;box-shadow:0 2px 6px rgba(15,23,42,.04);}
#num-pedagog-info .num-home-solution-flow span i {display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:4px;border-radius:50%;background:var(--num-blue-soft);font-size:14px;color:var(--num-blue);}
#num-pedagog-info .num-home-solution-flow b{display:flex;align-items:center;justify-content:center;font-size:18px;color:#d6a000}
#num-pedagog-info #psychological-support .num-home-solution-flow span {border-color:#f1d8b5;}
#num-pedagog-info #psychological-support .num-home-solution-flow span i {background:var(--num-orange-soft);color:var(--num-orange-dark);}

/* Профіль психолога */
#psychological-support>.num-card {margin-top:7px;padding:9px;border-color:#efd9b9;background:rgba(255,255,255,.88);}
#psychological-support>.num-card>.num-row {display:grid;grid-template-columns:95px minmax(0,1fr);align-items:center;gap:10px;}
#psychological-support>.num-card>.num-row .num-teacher-row__photo {width:88px;height:88px;margin:0;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(15,23,42,.1);}
#psychological-support .num-home-myths {margin-top:5px;}
#psychological-support .num-home-myths span {display:inline-flex;align-items:center;gap:4px;background:#fff3e3;color:#98600d;font-size:14px;}
#psychological-support .num-home-myths span::before {content:"•";font-size:13px;color:var(--num-orange);}
#psychological-support>.num-card>.num-details {margin-top:7px;}
#psychological-support>.num-card>.num-note {margin-top:7px;}

/* Декоративні акценти */
#num-pedagog-info .num-home-major-card::after {content:"";position:absolute;right:8px;top:8px;width:38px;height:16px;background-image:radial-gradient(circle,rgba(6,113,180,.24) 1px,transparent 1.2px);background-size:7px 7px;pointer-events:none;}
#num-pedagog-info #psychological-support::after {background-image:radial-gradient(circle,rgba(249,154,17,.28) 1px,transparent 1.2px);}

/* Адаптивність NUM-PEDAGOG + desktop-ущільнення */
#pedagog-capabilities .num-capabilities-map,#pedagog-capabilities .num-capabilities-desktop-cta{display:none}

@media(max-width:1050px){#subject-directions .num-teacher-row{grid-template-columns:150px minmax(0,1fr) 210px}#num-pedagog-info .num-home-solution-flow{grid-template-columns:repeat(5,minmax(0,1fr))}#num-pedagog-info .num-home-solution-flow b{display:none}}

@media(min-width:981px){

/* Типографіка всієї desktop-сторінки — в ритмі INDEX */
#subject-directions .num-title--large{font-size:27px;line-height:1.16}
#subject-directions .num-title,#teacher-selection-cta-bottom .num-title,#num-pedagog-info .num-title{font-size:22px;line-height:1.2}
#teacher-selection-cta-bottom .num-cta__title{font-size:19px;line-height:1.22}
#num-pedagog-info .num-subtitle{font-size:17px;line-height:1.24}
#subject-directions .num-text,#teacher-selection-cta-bottom .num-text,#num-pedagog-info .num-text{font-size:16px;line-height:1.48}
#subject-directions .num-details__content,#teacher-selection-cta-bottom .num-details__content,#num-pedagog-info .num-details__content{font-size:15px;line-height:1.45}
#subject-directions .num-note p,#teacher-selection-cta-bottom .num-note p,#num-pedagog-info .num-note p{font-size:15px;line-height:1.45}

/* Верхній вибір предмета */
#subject-directions>.num-container>.num-home-major-card{padding:12px}
#subject-directions .num-home-proof-card__eyebrow{font-size:11.5px}
#subject-directions .num-subject-grid{gap:5px;margin-top:7px}
#subject-directions .num-subject-button{min-height:42px;padding:5px 8px;font-size:14px}
#subject-directions .num-subject-button__icon{flex-basis:28px;width:28px;height:28px;font-size:14px}
#subject-directions .num-subject-panel{margin-top:7px;padding:8px}
#subject-directions .num-subject-panel__title{font-size:19px}
#subject-directions .num-subject-panel__intro{font-size:15px;line-height:1.4}

/* Картка педагога: фото вужче, ціна ширше */
#subject-directions .num-teacher-list{gap:6px}
#subject-directions .num-teacher-row{grid-template-columns:145px minmax(0,1fr) 255px;gap:8px;padding:8px}
#subject-directions .num-teacher-row__identity{padding:3px 4px}
#subject-directions .num-teacher-row__photo{width:98px;height:98px;border-radius:13px}
#subject-directions .num-teacher-row__name{font-size:16px}
#subject-directions .num-teacher-row__subjects{max-width:140px;font-size:13px;line-height:1.35}
#subject-directions .num-teacher-row__profile{margin-top:4px;padding:3px 6px;font-size:12px}
#subject-directions .num-teacher-row__help{padding:2px 6px}
#subject-directions .num-home-change-list{gap:4px}
#subject-directions .num-home-change{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:5px;padding:4px 5px}
#subject-directions .num-home-change>div:not(.num-home-change__arrow){min-height:46px;padding:5px 6px}
#subject-directions .num-home-change strong{gap:4px;font-size:11px;letter-spacing:.025em}
#subject-directions .num-home-change span{font-size:14px;line-height:1.32}
#subject-directions .num-home-change__arrow{width:24px;height:24px;font-size:15px}

/* Рівні та ціна: ширша права колонка скорочує переноси */
#subject-directions .num-teacher-row__price{gap:3px;padding:6px}
#subject-directions .num-teacher-row__price-title{margin-bottom:3px;font-size:14px}
#subject-directions .num-teacher-row__price .num-home-process{gap:4px}
#subject-directions .num-teacher-row__price .num-home-process__item{grid-template-columns:27px minmax(0,1fr);gap:5px;padding:5px}
#subject-directions .num-teacher-row__price .num-home-process__number{width:25px;height:25px;font-size:10px}
#subject-directions .num-teacher-row__price .num-home-process__item strong{font-size:15px}
#subject-directions .num-teacher-row__price .num-home-process__item p{font-size:12.5px;line-height:1.3}
#subject-directions .num-teacher-row__price-note{margin-top:3px;padding:4px;font-size:12px;line-height:1.3}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line{padding:4px 5px}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line span{font-size:12.5px}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line strong{font-size:15px}

/* Заявка / консультація: друга картка ширша */
#teacher-selection-cta-bottom .num-home-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:7px}
#teacher-selection-cta-bottom .num-cta,#teacher-selection-cta-bottom .num-card{padding:10px 12px}
#teacher-selection-cta-bottom .num-cta__title i,#teacher-selection-cta-bottom .num-title i{display:none}
#teacher-selection-cta-bottom .num-callback{margin-top:5px}

/* Підбір педагога / психолог: ширина віддана змістовнішому правому блоку */
#num-pedagog-info>.num-container>.num-home-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:8px}
#num-pedagog-info .num-home-major-card{height:auto;padding:11px 12px}
#num-pedagog-info .num-home-proof-card__eyebrow{font-size:10.5px}
#num-pedagog-info .num-home-major-card>.num-text{margin-bottom:5px}
#num-pedagog-intro .num-home-solution-flow{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1.05fr);gap:3px;margin:7px 0}
#psychological-support .num-home-solution-flow{grid-template-columns:minmax(0,.9fr) 16px minmax(0,1.15fr) 16px minmax(0,1fr) 16px minmax(0,.95fr);gap:3px;margin:7px 0}
#num-pedagog-info .num-home-solution-flow b{display:flex;font-size:15px}
#num-pedagog-info .num-home-solution-flow span{min-height:48px;padding:5px 4px;font-size:12px;line-height:1.25;box-shadow:none}
#num-pedagog-info .num-home-solution-flow span i{display:none}
#num-pedagog-info #teacher-selection-cta-top{padding:7px}
#num-pedagog-info .num-details>summary{font-size:14px}
#psychological-support>.num-card{margin-top:6px;padding:7px}
#psychological-support>.num-card>.num-row{grid-template-columns:80px minmax(0,1fr);gap:8px}
#psychological-support>.num-card>.num-row .num-teacher-row__photo{width:76px;height:76px;border-width:3px}
#psychological-support .num-home-myths{gap:3px;margin-top:4px}
#psychological-support .num-home-myths span{padding:3px 5px;font-size:12px}
#psychological-support>.num-card>.num-details,#psychological-support>.num-card>.num-note{margin-top:5px}

/* «Наші можливості»: desktop-карта */
#pedagog-capabilities{margin:7px 0 0;padding:11px 0 13px;background:linear-gradient(135deg,#edf7fc 0%,#fff 48%,#fff4e4 100%)}
#pedagog-capabilities .num-capabilities__head{max-width:880px;margin:0 auto 8px;text-align:center}
#pedagog-capabilities .num-capabilities__eyebrow{display:inline-flex;margin-bottom:3px;padding:4px 9px;border-radius:999px;background:#fff0d8;font-family:var(--num-font-bold);font-size:11px;line-height:1.2;color:#9a5000}
#pedagog-capabilities .num-capabilities__head h2{position:static;margin:0 0 4px!important;padding:0!important;font-family:var(--num-font-title);font-size:28px!important;line-height:1.14;text-transform:none;color:#24313d}
#pedagog-capabilities .num-capabilities__head h2::after{display:none!important;content:none!important}
#pedagog-capabilities .num-capabilities__head p{margin:0;font-size:16px;line-height:1.48;color:#5b6b78}

/* Три зони: найбільше місця віддаємо предметам */
#pedagog-capabilities .num-capabilities-map{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(0,.82fr);align-items:start;gap:8px;margin-bottom:8px}
#pedagog-capabilities .num-capabilities-map__group{min-width:0;padding:10px 11px;border-radius:14px;box-shadow:0 5px 16px rgba(26,59,80,.05)}
#pedagog-capabilities .num-capabilities-map__group--subjects{border-color:#bfddea;background:linear-gradient(145deg,#eef8fd,#fff)}
#pedagog-capabilities .num-capabilities-map__group--goals{border-color:#edd1a7;background:linear-gradient(145deg,#fff6e8,#fff)}
#pedagog-capabilities .num-capabilities-map__group--situation{border-color:#cfe3d8;background:linear-gradient(145deg,#eef8f3,#fff)}
#pedagog-capabilities .num-capabilities-map__label{display:inline-flex;margin-bottom:4px;padding:3px 7px;border-radius:999px;background:#dff1fa;font-family:var(--num-font-bold);font-size:10.5px;color:#075f91}
#pedagog-capabilities .num-capabilities-map__group--goals .num-capabilities-map__label{background:#ffebcb;color:#9a5000}
#pedagog-capabilities .num-capabilities-map__group--situation .num-capabilities-map__label{background:#e0f2e9;color:#17684f}
#pedagog-capabilities .num-capabilities-map__group h3{margin:0 0 3px;font-family:var(--num-font-bold);font-size:17px;line-height:1.22;color:#075f91}
#pedagog-capabilities .num-capabilities-map__group--goals h3{color:#9a5000}
#pedagog-capabilities .num-capabilities-map__group--situation h3{color:#17684f}
#pedagog-capabilities .num-capabilities-map__group p{margin:0 0 6px;font-size:14px;line-height:1.38;color:#536572}
#pedagog-capabilities .num-capabilities-map__tags{display:flex;flex-wrap:wrap;gap:4px}
#pedagog-capabilities .num-capabilities-map__tags span{padding:3px 6px;border:1px solid rgba(70,100,120,.10);border-radius:7px;background:rgba(255,255,255,.82);font-family:var(--num-font-bold);font-size:11px;line-height:1.2;color:#40515d}

/* Повний список 22 напрямів */
#pedagog-capabilities .num-capabilities__details{overflow:hidden;border:1px solid #d8e3ea;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 5px 16px rgba(30,60,80,.045)}
#pedagog-capabilities .num-capabilities__details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:7px 11px!important;list-style:none;cursor:pointer;background:linear-gradient(90deg,#f5fbfe,#fff 52%,#fff7ea);font-family:var(--num-font-bold);font-size:13px;color:#263845}
#pedagog-capabilities .num-capabilities__details summary::-webkit-details-marker{display:none}
#pedagog-capabilities .num-capabilities__details summary .num-code-icon{display:none!important}
#pedagog-capabilities .num-capabilities__details summary small{font-size:10.5px;color:#75838e}
#pedagog-capabilities .num-capabilities__details[open] summary{border-bottom:1px solid #e5ebef}
#pedagog-capabilities .num-capabilities__content{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start;gap:6px!important;padding:7px!important}
#pedagog-capabilities .num-capability{display:block!important;min-width:0;padding:8px 9px!important;border:1px solid #e4e9ed;border-radius:10px!important;background:#fff;box-shadow:none}
#pedagog-capabilities .num-capability__icon{display:none!important}
#pedagog-capabilities .num-capability h3{margin:0 0 3px!important;font-family:var(--num-font-bold);font-size:14px!important;line-height:1.23;color:#075f91}
#pedagog-capabilities .num-capability p{margin:0!important;font-size:12px!important;line-height:1.34;color:#5f6f7b}
#pedagog-capabilities .num-capability:nth-child(n+15):nth-child(-n+18){background:#fffaf2;border-color:#eeddbf}
#pedagog-capabilities .num-capability:nth-child(n+15):nth-child(-n+18) h3{color:#9a5000}
#pedagog-capabilities .num-capability:nth-child(n+19){background:#f4faf7;border-color:#d7e7df}
#pedagog-capabilities .num-capability:nth-child(n+19) h3{color:#17684f}
#pedagog-capabilities .num-capabilities__more{display:none!important}

/* Завершальний CTA */
#pedagog-capabilities .num-capabilities-desktop-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:8px;padding:11px 13px;border:0;border-left:4px solid #d97b08;background:linear-gradient(135deg,#075f91,#087ab5 72%,#17684f 145%);box-shadow:0 8px 22px rgba(12,72,105,.12);color:#fff}
#pedagog-capabilities .num-capabilities-desktop-cta__label{display:block;margin-bottom:2px;font-family:var(--num-font-bold);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:#ffd08a}
#pedagog-capabilities .num-capabilities-desktop-cta h3{margin:0 0 2px;font-family:var(--num-font-bold);font-size:17px;line-height:1.22;color:#fff}
#pedagog-capabilities .num-capabilities-desktop-cta p{margin:0;font-size:14px;line-height:1.38;color:#e7f3f9}
#pedagog-capabilities .num-capabilities-desktop-cta .num-button{min-height:34px;white-space:nowrap}
}

@media(max-width:767px){#subject-directions .num-title,#teacher-selection-cta-bottom .num-title,#num-pedagog-info .num-title{font-size:21px}#subject-directions .num-title--large{font-size:25px}#subject-directions .num-text,#teacher-selection-cta-bottom .num-text,#num-pedagog-info .num-text{font-size:17px}#subject-directions>.num-container>.num-home-major-card{padding:9px}#subject-directions .num-subject-button{justify-content:flex-start;min-height:44px}#subject-directions .num-teacher-row{grid-template-columns:1fr;padding:8px}#subject-directions .num-teacher-row__identity{padding-bottom:7px}#subject-directions .num-teacher-row__help{padding:7px 0;border-left:0;border-right:0;border-top:1px solid var(--num-border);border-bottom:1px solid var(--num-border)}#subject-directions .num-home-change{grid-template-columns:1fr 24px 1fr;padding:4px 0}#subject-directions .num-home-change__arrow{width:24px;height:24px;font-size:15px;transform:none}#subject-directions .num-home-change>div:not(.num-home-change__arrow){min-height:48px;padding:6px}#subject-directions .num-teacher-row__price{margin-top:2px}#num-pedagog-info .num-home-solution-flow{grid-template-columns:1fr 1fr;gap:5px}#num-pedagog-info .num-home-solution-flow span{min-height:70px;font-size:13px}#psychological-support>.num-card>.num-row{grid-template-columns:78px minmax(0,1fr)}#psychological-support>.num-card>.num-row .num-teacher-row__photo{width:72px;height:72px}}

@media(max-width:520px){#subject-directions .num-subject-grid{grid-template-columns:1fr 1fr}#subject-directions .num-home-change{grid-template-columns:1fr}#subject-directions .num-home-change__arrow{margin:0 auto;transform:rotate(90deg)}#num-pedagog-info .num-home-solution-flow{grid-template-columns:1fr}#psychological-support>.num-card>.num-row{grid-template-columns:1fr;text-align:center}#psychological-support>.num-card>.num-row .num-teacher-row__photo{margin:0 auto}#psychological-support .num-home-myths{justify-content:center}}

/* =========================================================
   8. PARENTS.HTML
   Батьківська карта, маршрути, ситуації, механізми,
   варіанти допомоги та змістові ілюстрації.
   ========================================================= */

#parents-intro,#parents-route,#parents-thinking-route,#parents-situations,#parents-mechanisms,#parents-options,#parents-webinars,#parents-quick-map,#parents-cta{padding:10px 0}
.parents-v2{--p-blue:#0671b4;--p-blue-dark:#055a8f;--p-blue-soft:#eef7ff;--p-orange:#f99a11;--p-orange-soft:#fff8ef;--p-text:#4d5b66;--p-dark:#1f2d39;--p-muted:#667685;--p-line:#dfe7ed}
.parents-v2 h1,.parents-v2 h2,.parents-v2 h3,.parents-v2 h4{margin-top:0;color:var(--p-dark)}
.parents-v2 p{margin:5px 0 0;color:var(--p-text)}
.pv2-head{margin-bottom:8px}
.pv2-head h2{margin:0;font:26px/1.12 JuraDemiBold,Arial,sans-serif}
.pv2-head p{max-width:800px}
.pv2-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;align-items:stretch}
.pv2-intro__main{padding:16px;border:1px solid #cfe1ee;border-left:6px solid var(--p-blue);background:#fff}
.pv2-intro__main h1{margin:0 0 7px;font:32px/1.08 JuraDemiBold,Arial,sans-serif}
.pv2-intro__flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:stretch;margin-top:12px}
.pv2-mini{padding:10px;background:#f8fafc;border:1px solid var(--p-line)}
.pv2-mini i{color:var(--p-blue);font-size:20px}
.pv2-mini strong{display:block;margin-top:4px;color:var(--p-dark)}
.pv2-mini span{display:block;margin-top:2px;font-size:12px;color:var(--p-muted)}
.pv2-arrow{display:grid;place-items:center;color:var(--p-orange);font-size:20px}
.pv2-intro__side{display:grid;gap:6px}
.pv2-side-line{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid var(--p-line);background:#fff}
.pv2-side-line i{width:36px;height:36px;display:grid;place-items:center;background:var(--p-blue-soft);color:var(--p-blue)}
.pv2-side-line strong{display:block;color:var(--p-dark)}
.pv2-side-line small{display:block;color:var(--p-muted)}

.pv2-route{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;border:1px solid var(--p-line);background:#fff}
.pv2-route__node{padding:12px}
.pv2-route__node:nth-child(1){background:#f8fafc}
.pv2-route__node:nth-child(3){background:var(--p-blue-soft)}
.pv2-route__node:nth-child(5){background:var(--p-orange-soft)}
.pv2-route__label{font:11px OpenSansBold,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--p-muted)}
.pv2-route__node h3{margin:3px 0 4px;font:18px/1.15 JuraDemiBold,Arial,sans-serif}
.pv2-route__connector{display:grid;place-items:center;color:var(--p-orange);font-size:20px}

.pv2-thinking{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pv2-thinking__card{padding:12px;border:1px solid var(--p-line);background:#fff}
.pv2-thinking__card h3{margin:0 0 5px;font:20px/1.1 JuraDemiBold,Arial,sans-serif}
.pv2-thinking__map{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;align-items:center;margin-top:8px}
.pv2-thinking__map span{padding:7px;background:#f8fafc;border:1px solid var(--p-line);text-align:center;font-size:12px}
.pv2-thinking__map b{text-align:center;color:var(--p-orange)}
.pv2-cross{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;margin-top:8px;padding:9px;border:1px solid #d7e9f6;background:var(--p-blue-soft)}
.pv2-cross strong{color:var(--p-blue-dark)}
.pv2-cross>span{text-align:center;color:var(--p-orange);font-size:20px}

.pv2-situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pv2-situation-grid .num-subject-button{min-height:58px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;text-align:left!important;border-radius:0!important}
.pv2-situation-grid .num-subject-button i{width:28px;height:28px;display:grid;place-items:center;background:var(--p-blue-soft);color:var(--p-blue)}
.pv2-panels{margin-top:6px}
.pv2-panel{padding:12px;border:1px solid var(--p-line);border-left:5px solid var(--p-blue);background:#fff}
.pv2-panel h3{margin:0 0 4px;font:21px/1.1 JuraDemiBold,Arial,sans-serif}
.pv2-panel__summary{margin-bottom:8px!important;font-weight:700;color:var(--p-dark)!important}
.pv2-panel__map{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:stretch}
.pv2-panel__item{padding:9px;background:#f8fafc;border:1px solid var(--p-line)}
.pv2-panel__item b{display:block;margin-bottom:3px;color:var(--p-dark)}
.pv2-panel__item span{font-size:13px;color:var(--p-text)}
.pv2-panel__arrow{display:grid;place-items:center;color:var(--p-orange);font-size:18px}
.pv2-panel__links{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;padding-top:7px;border-top:1px solid var(--p-line)}
.pv2-panel__links a{font-weight:700;color:var(--p-blue-dark)}

.pv2-mechanism-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pv2-mechanism-grid .num-subject-button{min-height:54px!important;padding:7px 9px!important;border-radius:0!important}
.pv2-mechanism-panel{padding:12px;border:1px solid var(--p-line);border-left:5px solid var(--p-orange);background:#fff;margin-top:6px}
.pv2-mechanism-panel h3{margin:0 0 6px;font:21px/1.1 JuraDemiBold,Arial,sans-serif}
.pv2-mech-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pv2-mech-step{padding:8px;border:1px solid var(--p-line);background:#f8fafc}
.pv2-mech-step strong{display:block;color:var(--p-dark)}
.pv2-mech-step span{display:block;margin-top:2px;font-size:12px;color:var(--p-muted)}

.pv2-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pv2-option{padding:10px;border:1px solid var(--p-line);background:#fff}
.pv2-option i{font-size:22px;color:var(--p-blue)}
.pv2-option h3{margin:5px 0 3px;font:18px/1.1 JuraDemiBold,Arial,sans-serif}
.pv2-option p{font-size:13px}
.pv2-option a{display:inline-block;margin-top:5px;font-weight:700;color:var(--p-blue-dark)}

.pv2-evidence{display:grid;grid-template-columns:1.1fr .9fr;gap:8px}
.pv2-evidence__left,.pv2-evidence__right{padding:12px;border:1px solid var(--p-line);background:#fff}
.pv2-evidence__left{border-left:5px solid var(--p-blue)}
.pv2-evidence__right{border-left:5px solid var(--p-orange)}
.pv2-webinar-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.pv2-webinar-tags span{padding:6px 8px;background:#f8fafc;border:1px solid var(--p-line);font-size:12px}
.pv2-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}

.pv2-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pv2-quick__card{padding:12px;border:1px solid var(--p-line);background:#fff}
.pv2-change{display:grid;grid-template-columns:.8fr 26px 1.2fr;align-items:center;gap:4px;padding:6px 0;border-bottom:1px solid var(--p-line)}
.pv2-change:last-child{border-bottom:0}
.pv2-change b{color:var(--p-dark)}
.pv2-change i{text-align:center;color:var(--p-orange)}
.pv2-step{display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:start;padding:6px 0}
.pv2-step span{width:28px;height:28px;display:grid;place-items:center;background:var(--p-blue);color:#fff;font-weight:700}
.pv2-step strong{display:block;color:var(--p-dark)}
.pv2-step small{display:block;color:var(--p-muted)}

.pv2-cta{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}
.pv2-cta__main,.pv2-cta__manager{padding:13px;border:1px solid var(--p-line)}
.pv2-cta__main{background:var(--p-blue-dark);color:#fff}
.pv2-cta__main h2,.pv2-cta__main p{color:#fff}
.pv2-cta__manager{background:var(--p-orange-soft);border-color:#f0d6ae}
.pv2-cta__manager a{color:var(--p-blue-dark);font-weight:700}

@media(max-width:900px){
.pv2-intro,.pv2-thinking,.pv2-evidence,.pv2-quick,.pv2-cta{grid-template-columns:1fr}
.pv2-route,.pv2-panel__map{grid-template-columns:1fr}
.pv2-route__connector,.pv2-panel__arrow{height:24px;transform:rotate(90deg)}
.pv2-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv2-mechanism-grid,.pv2-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv2-mech-line{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
#parents-intro,#parents-route,#parents-thinking-route,#parents-situations,#parents-mechanisms,#parents-options,#parents-webinars,#parents-quick-map,#parents-cta{padding:7px 0}
.pv2-intro__main h1{font-size:27px}
.pv2-intro__flow{grid-template-columns:1fr}.pv2-arrow{height:22px;transform:rotate(90deg)}
.pv2-situation-grid,.pv2-mechanism-grid,.pv2-options,.pv2-mech-line{grid-template-columns:1fr}
.pv2-thinking__map{grid-template-columns:1fr}.pv2-thinking__map b{height:18px;transform:rotate(90deg)}
.pv2-cross{grid-template-columns:1fr}.pv2-cross>span{height:20px;transform:rotate(90deg)}
}

/* PARENTS — змістові ілюстрації */
.num-parent-visual-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;}
.num-parent-visual-row__content{min-width:0;}
.num-parent-visual{display:block;width:100%;max-width:110px;height:auto;margin:0 auto;}
.num-parent-visual-row--intro{grid-template-columns:minmax(0,1fr) 125px;}
.num-parent-visual-row--intro .num-parent-visual{max-width:125px;}
.num-parent-visual-row--route{grid-template-columns:minmax(0,1fr) 105px;margin-bottom:8px;}
.num-parent-visual-row--mechanism{grid-template-columns:minmax(0,1fr) 95px;margin-bottom:8px;}
.num-parent-visual-row--mechanism .num-parent-visual{max-width:95px;}
.num-parent-panel-visual{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:10px;align-items:center;margin-bottom:8px;}
.num-parent-panel-visual .num-subject-panel__intro{margin:0;}
.num-parent-panel-visual .num-parent-visual{max-width:95px;}
.num-parent-manager-card{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:10px;align-items:center;}
.num-parent-manager-card .num-parent-visual{max-width:80px;}

@media (max-width:767px){
.num-parent-visual-row,.num-parent-visual-row--intro,.num-parent-visual-row--route,.num-parent-visual-row--mechanism,.num-parent-panel-visual,.num-parent-manager-card{grid-template-columns:1fr;}
.num-parent-visual,.num-parent-visual-row--intro .num-parent-visual,.num-parent-visual-row--mechanism .num-parent-visual,.num-parent-panel-visual .num-parent-visual,.num-parent-manager-card .num-parent-visual{max-width:100px;}
.num-parent-visual-row--intro .num-parent-visual{max-width:110px;}
.num-parent-visual-row--route,.num-parent-visual-row--mechanism{margin-bottom:4px;}
.num-parent-manager-card .num-parent-visual{max-width:85px;}}

/* =========================================================
   NUM-PROGRAMS.HTML — ІНФОГРАФІЧНИЙ ШАР
   Призначення:
   - головна карта 6 програм
   - інфографіка 2-го рівня для кожної програми
   - інфографіка 3-го рівня для механізмів усередині програм
   - адаптивність без окремих графічних файлів
   Додано: 2026-08-31
   ========================================================= */

/* Загальна композиція сторінки */
#num-programs-page .np-hero{position:relative;overflow:hidden;padding:16px;border:1px solid var(--num-border-blue);border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f5fbff 58%,#fff8ef 100%);box-shadow:var(--num-shadow);}
#num-programs-page .np-hero::after{content:"";position:absolute;right:-42px;top:-52px;width:180px;height:180px;border:24px solid rgba(6,113,180,.055);border-radius:50%;pointer-events:none;}
#num-programs-page .np-hero__intro{position:relative;z-index:1;max-width:900px;}
#num-programs-page .np-hero__intro .num-title{font-size:30px;}
#num-programs-page .np-hero__intro .num-text{font-size:17px;line-height:1.5;}

/* Головна карта програм: ядро → шість напрямів */
#num-programs-page .np-system-map{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px;}
#num-programs-page .np-system-core{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--num-border-blue);border-radius:12px;background:#fff;}
#num-programs-page .np-system-core__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--num-blue);color:#fff;}
#num-programs-page .np-system-core__icon .num-code-icon{width:24px;height:24px;}
#num-programs-page .np-system-core strong{display:block;font-family:var(--num-font-title);font-size:22px;line-height:1.2;color:var(--num-text-dark);}
#num-programs-page .np-system-core span{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:var(--num-text-muted);}
#num-programs-page .np-system-core__formula{font-family:var(--num-font-bold);font-size:13px;line-height:1.35;text-align:right;color:var(--num-orange-dark);}

#num-programs-page .np-program-button{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;min-height:82px;padding:10px 12px;border:1px solid var(--num-border);border-radius:11px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 2px 7px rgba(15,23,42,.045);transition:transform var(--num-transition),box-shadow var(--num-transition),border-color var(--num-transition),background var(--num-transition);}
#num-programs-page .np-program-button:hover{transform:translateY(-2px);border-color:var(--num-border-blue);box-shadow:0 7px 18px rgba(15,23,42,.075);}
#num-programs-page .np-program-button[aria-expanded="true"]{border-color:var(--num-orange);background:linear-gradient(135deg,#fff,#fff7e9);box-shadow:0 6px 18px rgba(249,154,17,.14);}
#num-programs-page .np-program-button__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--num-blue-soft);color:var(--num-blue);}
#num-programs-page .np-program-button[aria-expanded="true"] .np-program-button__icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
#num-programs-page .np-program-button strong{display:block;font-family:var(--num-font-bold);font-size:16px;line-height:1.25;color:var(--num-text-dark);}
#num-programs-page .np-program-button small{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--num-text-muted);}

/* Панель вибраної програми */
#num-programs-page .num-subject-panel{margin-top:10px;padding:12px;border:1px solid var(--num-border-blue);border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f6f9fb);}
#num-programs-page .num-subject-panel__title{font-size:24px;}
#num-programs-page .num-subject-panel__intro{font-size:16px;line-height:1.45;}

/* Спільна мова інфографіки */
#num-programs-page .np-infographic{margin:10px 0 12px;padding:12px;border:1px solid var(--num-border);border-radius:12px;background:#fff;}
#num-programs-page .np-infographic__head{display:flex;align-items:center;gap:9px;margin-bottom:8px;}
#num-programs-page .np-infographic__head-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--num-blue-soft);color:var(--num-blue);}
#num-programs-page .np-infographic__head h3{margin:0;font-family:var(--num-font-title);font-size:20px;line-height:1.2;color:var(--num-text-dark);}
#num-programs-page .np-infographic__head p{margin:2px 0 0;font-size:13px;line-height:1.35;color:var(--num-text-muted);}

/* Лінійні маршрути */
#num-programs-page .np-flow{display:grid;grid-template-columns:repeat(11,auto);align-items:stretch;justify-content:stretch;gap:4px;}
#num-programs-page .np-flow--7{grid-template-columns:repeat(13,auto);}
#num-programs-page .np-flow__node{display:flex;flex:1 1 0;min-width:0;min-height:78px;flex-direction:column;align-items:center;justify-content:center;padding:7px;border:1px solid var(--num-border-blue);border-radius:9px;background:#f8fcff;text-align:center;}
#num-programs-page .np-flow__node--orange{border-color:#f1d5aa;background:var(--num-orange-soft);}
#num-programs-page .np-flow__node--green{border-color:#d7eadc;background:#f2faf4;}
#num-programs-page .np-flow__node .num-code-icon{width:22px;height:22px;margin-bottom:5px;color:var(--num-blue);}
#num-programs-page .np-flow__node--orange .num-code-icon{color:var(--num-orange-dark);}
#num-programs-page .np-flow__node strong{font-family:var(--num-font-bold);font-size:13px;line-height:1.25;color:var(--num-text-dark);}
#num-programs-page .np-flow__node span{margin-top:2px;font-size:11px;line-height:1.3;color:var(--num-text-muted);}
#num-programs-page .np-flow__arrow{display:flex;align-items:center;justify-content:center;min-width:18px;font-family:var(--num-font-title);font-size:19px;color:var(--num-orange);}

/* Карти 2-го рівня */
#num-programs-page .np-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px;}
#num-programs-page .np-level-card{position:relative;min-height:128px;padding:10px;border:1px solid var(--num-border);border-radius:10px;background:#fff;}
#num-programs-page .np-level-card::before{content:attr(data-level);position:absolute;right:8px;top:5px;font-family:var(--num-font-title);font-size:28px;line-height:1;color:rgba(6,113,180,.10);}
#num-programs-page .np-level-card:nth-child(even)::before{color:rgba(249,154,17,.16);}
#num-programs-page .np-level-card__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:6px;border-radius:9px;background:var(--num-blue-soft);color:var(--num-blue);}
#num-programs-page .np-level-card:nth-child(even) .np-level-card__icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
#num-programs-page .np-level-card strong{display:block;font-family:var(--num-font-bold);font-size:15px;line-height:1.3;color:var(--num-text-dark);}
#num-programs-page .np-level-card p{margin:3px 0 0;font-size:12px;line-height:1.4;color:var(--num-text-muted);}

/* Карта двох входів у мислення */
#num-programs-page .np-entry-map{display:grid;grid-template-columns:1fr 60px 1fr;gap:8px;align-items:stretch;margin-top:8px;}
#num-programs-page .np-entry-route{padding:10px;border:1px solid var(--num-border-blue);border-radius:10px;background:#f8fcff;}
#num-programs-page .np-entry-route--meaning{border-color:#f1d5aa;background:#fff9f1;}
#num-programs-page .np-entry-route h4{margin:0 0 6px;font-family:var(--num-font-bold);font-size:15px;color:var(--num-text-dark);}
#num-programs-page .np-entry-route__line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;}
#num-programs-page .np-entry-route__line span{padding:4px 6px;border-radius:6px;background:#fff;font-size:12px;color:var(--num-text-dark);}
#num-programs-page .np-entry-route__line b{color:var(--num-orange);}
#num-programs-page .np-entry-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--num-blue);}
#num-programs-page .np-entry-center .num-code-icon{width:28px;height:28px;}
#num-programs-page .np-entry-center span{margin-top:4px;font-family:var(--num-font-bold);font-size:10px;line-height:1.25;color:var(--num-text-muted);}

/* Логіка: центральне ядро та правила */
#num-programs-page .np-logic-map{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;align-items:stretch;}
#num-programs-page .np-logic-core{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-radius:11px;background:var(--num-blue-dark);text-align:center;color:#fff;}
#num-programs-page .np-logic-core .num-code-icon{width:34px;height:34px;margin-bottom:6px;}
#num-programs-page .np-logic-core strong{font-family:var(--num-font-title);font-size:19px;}
#num-programs-page .np-logic-core span{margin-top:4px;font-size:11px;line-height:1.35;color:#dcebf5;}
#num-programs-page .np-logic-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
#num-programs-page .np-logic-rule{padding:8px;border:1px solid var(--num-border);border-radius:8px;background:#fff;}
#num-programs-page .np-logic-rule strong{display:block;font-family:var(--num-font-bold);font-size:13px;color:var(--num-text-dark);}
#num-programs-page .np-logic-rule span{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:var(--num-text-muted);}

/* Математика: приклади контролю */
#num-programs-page .np-error-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px;}
#num-programs-page .np-error-card{padding:8px;border:1px solid #f0d7b5;border-radius:8px;background:#fff9f1;}
#num-programs-page .np-error-card code{display:block;font-family:var(--num-font-bold);font-size:14px;white-space:normal;color:var(--num-orange-dark);}
#num-programs-page .np-error-card span{display:block;margin-top:3px;font-size:11px;line-height:1.3;color:var(--num-text-muted);}

/* Історія: розгалуження вибору */
#num-programs-page .np-choice-map{display:grid;grid-template-columns:1fr 34px 1fr;gap:7px;align-items:stretch;margin-top:8px;}
#num-programs-page .np-choice-source{display:flex;flex-direction:column;justify-content:center;padding:10px;border:1px solid var(--num-border-blue);border-radius:9px;background:#f8fcff;}
#num-programs-page .np-choice-source strong{font-family:var(--num-font-bold);font-size:15px;color:var(--num-text-dark);}
#num-programs-page .np-choice-source span{margin-top:3px;font-size:12px;color:var(--num-text-muted);}
#num-programs-page .np-choice-arrow{display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--num-orange);}
#num-programs-page .np-choice-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
#num-programs-page .np-choice-branch{padding:8px;border:1px solid var(--num-border);border-radius:8px;background:#fff;text-align:center;}
#num-programs-page .np-choice-branch strong{display:block;font-size:12px;color:var(--num-text-dark);}
#num-programs-page .np-choice-branch span{display:block;margin-top:2px;font-size:10px;color:var(--num-text-muted);}

/* Повний текст після інфографіки */
#num-programs-page .np-depth-label{display:flex;align-items:center;gap:7px;margin:10px 0 6px;padding-top:8px;border-top:1px solid var(--num-border);}
#num-programs-page .np-depth-label .num-code-icon{width:18px;height:18px;color:var(--num-orange);}
#num-programs-page .np-depth-label strong{font-family:var(--num-font-bold);font-size:13px;color:var(--num-text-muted);}

/* Нижні переходи */
#num-programs-page .np-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
#num-programs-page .np-bottom-card{position:relative;padding:12px;border:1px solid var(--num-border);border-radius:11px;background:#fff;}
#num-programs-page .np-bottom-card:first-child{border-color:var(--num-border-blue);background:linear-gradient(135deg,#fff,#f4faff);}
#num-programs-page .np-bottom-card:last-child{border-color:#f1d5aa;background:linear-gradient(135deg,#fff,#fff8ef);}

/* Адаптивність */
@media(max-width:980px){
    #num-programs-page .np-system-map{grid-template-columns:repeat(2,minmax(0,1fr));}
    #num-programs-page .np-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    #num-programs-page .np-flow,#num-programs-page .np-flow--7{grid-template-columns:1fr;}
    #num-programs-page .np-flow__arrow{min-height:20px;transform:rotate(90deg);}
    #num-programs-page .np-error-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767px){
    #num-programs-page .np-hero{padding:10px;}
    #num-programs-page .np-hero__intro .num-title{font-size:25px;}
    #num-programs-page .np-hero__intro .num-text{font-size:16px;}
    #num-programs-page .np-system-core{grid-template-columns:auto minmax(0,1fr);}
    #num-programs-page .np-system-core__formula{grid-column:1/-1;text-align:left;}
    #num-programs-page .np-logic-map{grid-template-columns:1fr;}
    #num-programs-page .np-logic-rules{grid-template-columns:repeat(2,minmax(0,1fr));}
    #num-programs-page .np-entry-map{grid-template-columns:1fr;}
    #num-programs-page .np-entry-center{min-height:44px;}
    #num-programs-page .np-choice-map{grid-template-columns:1fr;}
    #num-programs-page .np-choice-arrow{min-height:24px;transform:rotate(90deg);}
    #num-programs-page .np-bottom-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
    #num-programs-page .np-system-map,#num-programs-page .np-level-grid,#num-programs-page .np-error-grid{grid-template-columns:1fr;}
    #num-programs-page .np-program-button{min-height:70px;}
    #num-programs-page .np-logic-rules{grid-template-columns:1fr;}
    #num-programs-page .np-choice-branches{grid-template-columns:1fr;}
}


/* =========================================================
   10. PERSONAL TEACHER PAGES
   Спільні стилі персональних сторінок педагогів:
   hero, фото, процес, компетентності, відгуки.
   ========================================================= */

/* Статус педагога */
.num-teacher-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--num-blue-dark,#055a8f);font-family:OpenSansBold,sans-serif;font-size:14px;line-height:1.4;}
.num-teacher-eyebrow i{color:var(--num-orange,#f99a11);font-size:18px;}

/* Верхній блок профілю */
.num-teacher-hero{align-items:stretch;}
.num-teacher-photo-card{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(230px,1.2fr);gap:20px;align-items:center;}
.num-teacher-photo-card__info{display:flex;flex-direction:column;gap:12px;}
.num-teacher-photo-card__photo{display:flex;align-items:center;justify-content:center;}
.num-teacher-photo-card__photo img{display:block;width:100%;max-width:330px;height:auto;border-radius:var(--num-radius,16px);object-fit:cover;box-shadow:var(--num-shadow,0 4px 18px rgba(15,23,42,.06));}
.num-teacher-mini-feature{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--num-border,#e1e8ee);border-radius:12px;background:#fff;}
.num-teacher-mini-feature__icon{display:flex;flex:0 0 38px;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:var(--num-blue-soft,#eef7ff);color:var(--num-blue,#0671b4);font-size:17px;}
.num-teacher-mini-feature strong{display:block;color:var(--num-text-dark,#1f2d39);font-size:14px;line-height:1.3;}
.num-teacher-mini-feature span{display:block;margin-top:2px;color:var(--num-text-muted,#667685);font-size:12px;line-height:1.35;}
.num-teacher-strengths{margin-top:24px;}

/* Горизонтальний процес роботи */
.num-teacher-process-row{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:8px;align-items:center;}
.num-teacher-step{position:relative;min-height:150px;padding:18px 16px;border:1px solid var(--num-border,#e1e8ee);border-radius:14px;background:#fff;text-align:center;box-shadow:var(--num-shadow,0 4px 18px rgba(15,23,42,.06));}
.num-teacher-step__number{position:absolute;top:10px;left:10px;display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--num-blue,#0671b4);color:#fff;font-family:OpenSansBold,sans-serif;font-size:12px;}
.num-teacher-step__icon{display:block;margin:2px auto 10px;color:var(--num-orange,#f99a11);font-size:28px;}
.num-teacher-step strong{display:block;color:var(--num-text-dark,#1f2d39);font-size:16px;line-height:1.3;}
.num-teacher-step p{margin:6px 0 0;color:var(--num-text,#4d5b66);font-size:14px;line-height:1.5;}
.num-teacher-process-arrow{display:flex;align-items:center;justify-content:center;color:var(--num-orange,#f99a11);font-size:24px;}
.num-teacher-process-turn{display:flex;justify-content:flex-end;padding:8px calc(16.666% - 5px) 8px 0;color:var(--num-orange,#f99a11);font-size:28px;}

/* Карта компетентностей */
.num-teacher-competency-details{overflow:hidden;border:1px solid var(--num-border-blue,#d7e9f6);border-radius:16px;background:#fff;box-shadow:var(--num-shadow,0 4px 18px rgba(15,23,42,.06));}
.num-teacher-competency-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:var(--num-blue-soft,#eef7ff);color:var(--num-blue-dark,#055a8f);font-family:OpenSansBold,sans-serif;font-size:18px;line-height:1.4;cursor:pointer;}
.num-teacher-competency-details summary span{display:flex;align-items:center;gap:10px;}
.num-teacher-competency-details summary i{color:var(--num-orange,#f99a11);}
.num-teacher-competency-details summary small{font-family:OpenSansRegular,sans-serif;color:var(--num-text-muted,#667685);font-size:13px;font-weight:400;}
.num-teacher-competency-content{padding:24px;}
.num-teacher-competency-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.num-teacher-legend{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-family:OpenSansBold,sans-serif;font-size:12px;}
.num-teacher-legend--base{background:#f1f4f6;color:#4d5b66;}
.num-teacher-legend--plus{background:var(--num-blue-soft,#eef7ff);color:var(--num-blue-dark,#055a8f);border:1px solid var(--num-border-blue,#d7e9f6);}
.num-teacher-legend--expert{background:var(--num-orange-soft,#fff8ef);color:#a95d00;border:1px solid #f5d9ae;}
.num-teacher-competency-group{margin-top:24px;}
.num-teacher-competency-group:first-of-type{margin-top:0;}
.num-teacher-competency-group h3{display:flex;align-items:center;gap:9px;margin:0;padding:12px 16px;border-radius:12px 12px 0 0;background:var(--num-blue,#0671b4);color:#fff;font-family:OpenSansBold,sans-serif;font-size:17px;line-height:1.35;}
.num-teacher-competency-group h3 i{color:#fff;}
.num-teacher-table-wrap{overflow-x:auto;border:1px solid var(--num-border,#e1e8ee);border-top:0;border-radius:0 0 12px 12px;}
.num-teacher-competency-table{width:100%;min-width:680px;border-collapse:collapse;background:#fff;}
.num-teacher-competency-table th,.num-teacher-competency-table td{padding:11px 14px;border-right:1px solid var(--num-border,#e1e8ee);border-bottom:1px solid var(--num-border,#e1e8ee);vertical-align:middle;font-size:14px;line-height:1.4;}
.num-teacher-competency-table th:last-child,.num-teacher-competency-table td:last-child{border-right:0;}
.num-teacher-competency-table tbody tr:last-child td{border-bottom:0;}
.num-teacher-competency-table thead th{font-family:OpenSansBold,sans-serif;text-align:center;}
.num-teacher-competency-table thead th:first-child{width:61%;background:#f6f9fb;color:var(--num-text-dark,#1f2d39);text-align:left;}
.num-teacher-competency-table thead th:nth-child(2){width:13%;background:#f1f4f6;color:#4d5b66;}
.num-teacher-competency-table thead th:nth-child(3){width:13%;background:var(--num-blue-soft,#eef7ff);color:var(--num-blue-dark,#055a8f);}
.num-teacher-competency-table thead th:nth-child(4){width:13%;background:var(--num-orange-soft,#fff8ef);color:#a95d00;}
.num-teacher-competency-table tbody td:first-child{color:var(--num-text-dark,#1f2d39);font-weight:600;}
.num-teacher-competency-table tbody td:not(:first-child){text-align:center;}
.num-teacher-competency-table tbody tr:nth-child(even) td:first-child{background:#fbfdff;}
.num-teacher-competency-table td.is-plus{background:var(--num-blue-soft,#eef7ff);color:var(--num-blue-dark,#055a8f);font-family:OpenSansBold,sans-serif;}
.num-teacher-competency-table td.is-expert{background:var(--num-orange-soft,#fff8ef);color:#a95d00;font-family:OpenSansBold,sans-serif;}

/* Адаптивність профілю педагога */
@media (max-width:900px){
    .num-teacher-photo-card{grid-template-columns:1fr 1.25fr;}
    .num-teacher-process-row{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);}
    .num-teacher-step{min-height:165px;padding:18px 12px;}
    .num-teacher-process-turn{padding-right:15%;}
}
@media (max-width:700px){
    .num-teacher-photo-card{grid-template-columns:1fr;}
    .num-teacher-photo-card__photo{order:1;}
    .num-teacher-photo-card__info{order:2;display:grid;grid-template-columns:1fr 1fr;}
    .num-teacher-photo-card__photo img{max-width:300px;}
    .num-teacher-process-row{display:flex;flex-direction:column;gap:8px;}
    .num-teacher-step{width:100%;min-height:0;}
    .num-teacher-process-arrow{height:24px;transform:rotate(90deg);}
    .num-teacher-process-turn{justify-content:center;padding:8px;transform:none;}
    .num-teacher-competency-details summary{align-items:flex-start;flex-direction:column;padding:16px 18px;}
    .num-teacher-competency-content{padding:16px;}
}
@media (max-width:480px){
    .num-teacher-photo-card__info{grid-template-columns:1fr;}
    .num-teacher-mini-feature{padding:9px 10px;}
    .num-teacher-competency-table th,.num-teacher-competency-table td{padding:9px 10px;font-size:13px;}
}

/* =========================================================
   11. INDIVIDUAL-LEARNING.HTML
   Сторінковий шар індивідуального навчання.
   ========================================================= */

/* Ритм сторінки */
#learning-formats-page .num-section{padding:7px 0;}
#learning-formats-page .num-format-grid{gap:8px;margin-top:8px;}
#learning-formats-page .num-format-card{padding:11px 12px;border-radius:10px;}
#learning-formats-page .num-format-card .num-subtitle{font-size:18px;line-height:1.3;}
#learning-formats-page .num-format-card .num-text{font-size:16px;line-height:1.5;}
#learning-formats-page .num-format-card .num-list li{font-size:16px;line-height:1.5;}

/* Верхня картка */
#learning-formats-hub>.num-container>.num-home-major-card{position:relative;overflow:hidden;padding:14px 15px;border-color:var(--num-border-blue);background:linear-gradient(135deg,#fff 0%,#f6fbff 55%,#fff9f0 100%);}
#learning-formats-hub>.num-container>.num-home-major-card::before{content:"";position:absolute;right:-38px;top:-48px;width:150px;height:150px;border:22px solid rgba(6,113,180,.055);border-radius:50%;pointer-events:none;}
#learning-formats-hub>.num-container>.num-home-major-card::after{content:"";position:absolute;right:10px;top:10px;width:44px;height:18px;background-image:radial-gradient(circle,rgba(6,113,180,.23) 1px,transparent 1.3px);background-size:7px 7px;pointer-events:none;}
#learning-formats-hub .num-home-proof-card__eyebrow{display:inline-flex;position:relative;z-index:1;margin-bottom:5px;padding:4px 8px;border-radius:999px;background:var(--num-blue-soft);font-size:13px;color:var(--num-blue);}
#learning-formats-hub .num-title--large{position:relative;z-index:1;font-size:28px;}
#learning-formats-page .num-format-intro{position:relative;z-index:1;max-width:920px;font-size:18px;line-height:1.52;}

/* Кнопки форматів */
#learning-formats-page .num-format-buttons{position:relative;z-index:1;gap:7px;margin-top:10px;}
#learning-formats-page .num-format-buttons .num-subject-button{gap:8px;justify-content:flex-start;min-height:54px;padding:7px 10px;border-width:1px;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.05);}
#learning-formats-page .num-subject-button__icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:var(--num-blue-soft);font-size:16px;color:var(--num-blue);transition:background var(--num-transition),color var(--num-transition),transform var(--num-transition);}
#learning-formats-page .num-format-buttons .num-subject-button:nth-child(2){border-color:#d9e7d6;color:#3f7b48;}
#learning-formats-page .num-format-buttons .num-subject-button:nth-child(2) .num-subject-button__icon{background:#edf8ec;color:#4b9656;}
#learning-formats-page .num-format-buttons .num-subject-button:nth-child(3){border-color:#f3d8a8;color:#a5680d;}
#learning-formats-page .num-format-buttons .num-subject-button:nth-child(3) .num-subject-button__icon{background:#fff4e5;color:#d17a00;}
#learning-formats-page .num-format-buttons .num-subject-button:nth-child(4){border-color:#e4dcf3;color:#7354a6;}
#learning-formats-page .num-format-buttons .num-subject-button:nth-child(4) .num-subject-button__icon{background:#f4effc;color:#7654a8;}
#learning-formats-page .num-format-buttons .num-subject-button:hover .num-subject-button__icon,#learning-formats-page .num-format-buttons .num-subject-button[aria-expanded="true"] .num-subject-button__icon{background:rgba(255,255,255,.94);color:inherit;transform:scale(1.05);}
#learning-formats-page .num-format-buttons .num-subject-button[aria-expanded="true"]{border-color:var(--num-orange);background:var(--num-orange);color:#fff;box-shadow:0 4px 12px rgba(249,154,17,.2);}

/* Панелі форматів */
#learning-formats-page .num-format-panels{margin-top:8px;}
#learning-formats-page .num-format-panels>.num-subject-panel{position:relative;margin-top:0;padding:12px;border-color:var(--num-border-blue);background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);box-shadow:0 4px 14px rgba(15,23,42,.045);}
#learning-formats-page .num-format-panels>.num-subject-panel[hidden]{display:none;}
#learning-formats-page .num-format-panel-head{position:relative;margin-bottom:8px;padding:10px 11px;border:1px solid var(--num-border-blue);border-radius:10px;background:linear-gradient(135deg,#eef7ff 0%,#fff 72%);}
#learning-formats-page #mini-groups .num-format-panel-head{border-color:#d9e7d6;background:linear-gradient(135deg,#f0f9ef 0%,#fff 72%);}
#learning-formats-page #summer .num-format-panel-head{border-color:#f3d8a8;background:linear-gradient(135deg,#fff7eb 0%,#fff 72%);}
#learning-formats-page #school-year .num-format-panel-head{border-color:#e4dcf3;background:linear-gradient(135deg,#f6f2fc 0%,#fff 72%);}
#learning-formats-page .num-format-panel-head .num-home-proof-card__eyebrow{display:inline-flex;margin-bottom:4px;padding:3px 7px;border-radius:999px;background:#fff;font-size:12px;color:var(--num-blue);}
#learning-formats-page .num-format-panel-head .num-title{font-size:25px;line-height:1.22;}
#learning-formats-page .num-format-panel-head .num-text{max-width:920px;font-size:17px;line-height:1.5;}

/* Схема «ситуація → результат» */
#learning-formats-page .num-format-flow{margin:7px 0 9px;}
#learning-formats-page .num-format-flow .num-home-change{padding:7px 8px;background:#fff;}
#learning-formats-page .num-format-flow .num-home-change>div:not(.num-home-change__arrow){min-height:58px;justify-content:center;padding:7px 8px;border:1px solid var(--num-border);border-radius:8px;}
#learning-formats-page .num-format-flow .num-home-change>div:last-child{border-color:#d9eadf;background:#f3fbf5;}
#learning-formats-page .num-format-flow .num-home-change strong{font-size:14px;}
#learning-formats-page .num-format-flow .num-home-change span{font-size:15px;line-height:1.38;}
#learning-formats-page .num-format-flow .num-home-change__arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:auto;border-radius:50%;background:var(--num-orange-soft);font-size:18px;color:var(--num-orange);}

/* Заголовки внутрішніх блоків */
#learning-formats-page .num-format-section-head{margin:11px 0 5px;}
#learning-formats-page .num-format-section-head .num-home-section-title{font-size:22px;}
#learning-formats-page .num-format-section-head .num-home-section-text{font-size:15px;line-height:1.45;}

/* Розкривні блоки */
#learning-formats-page .num-format-details{margin-top:8px;}
#learning-formats-page .num-format-details .num-details+.num-details{margin-top:5px;}
#learning-formats-page .num-details{background:#fff;}
#learning-formats-page .num-details>summary{padding:9px 34px 9px 10px;font-size:17px;line-height:1.35;}
#learning-formats-page .num-details>summary::after{right:10px;}
#learning-formats-page .num-details__content{padding:2px 10px 10px;font-size:16px;line-height:1.5;}
#learning-formats-page .num-details__content p+p{margin-top:6px;}
#learning-formats-page .num-details__content .num-list{margin:6px 0;}
#learning-formats-page .num-details__content .num-list li{font-size:16px;line-height:1.5;}

/* Примітки */
#learning-formats-page .num-note{margin-top:7px;padding:8px 10px;}
#learning-formats-page .num-note p{font-size:16px;line-height:1.48;}

/* Таблиця вартості мінігруп */
#learning-formats-page .num-format-table-wrap{width:100%;overflow-x:auto;margin-top:7px;}
#learning-formats-page .num-format-price-table{width:100%;border-collapse:collapse;background:#fff;}
#learning-formats-page .num-format-price-table th,#learning-formats-page .num-format-price-table td{padding:9px 10px;border:1px solid var(--num-border);font-size:15px;line-height:1.4;text-align:left;}
#learning-formats-page .num-format-price-table th{background:var(--num-blue-soft);font-family:var(--num-font-bold);color:var(--num-blue-dark);}
#learning-formats-page .num-format-price-table td:last-child{font-family:var(--num-font-bold);color:var(--num-orange-dark);}

/* CTA форматів */
#learning-formats-page .num-format-cta{margin-top:9px;padding:10px 12px;}
#learning-formats-page .num-format-cta .num-cta__title{font-size:20px;}
#learning-formats-page .num-format-cta .num-cta__text{font-size:16px;line-height:1.45;}
#learning-formats-page .num-format-cta .num-cta__actions{margin-top:7px;gap:6px;}

/* Фінальний блок */
#learning-formats-final .num-format-card{height:100%;}
#learning-formats-final .num-format-card>.num-home-process__number{margin-bottom:6px;}
#learning-formats-final .num-format-card>p:last-child{margin-top:8px;}

/* Адаптивність INDIVIDUAL-LEARNING */
@media(max-width:767px){
#learning-formats-page .num-section{padding:5px 0;}
#learning-formats-hub>.num-container>.num-home-major-card{padding:10px;}
#learning-formats-hub .num-title--large{font-size:25px;}
#learning-formats-page .num-format-intro{font-size:17px;line-height:1.5;}
#learning-formats-page .num-format-buttons{grid-template-columns:1fr 1fr;}
#learning-formats-page .num-format-buttons .num-subject-button{min-height:50px;padding:6px 8px;font-size:14px;}
#learning-formats-page .num-format-panels>.num-subject-panel{padding:8px;}
#learning-formats-page .num-format-panel-head{padding:8px;}
#learning-formats-page .num-format-panel-head .num-title{font-size:22px;}
#learning-formats-page .num-format-panel-head .num-text{font-size:16px;}
#learning-formats-page .num-format-card .num-text,#learning-formats-page .num-format-card .num-list li,#learning-formats-page .num-details__content,#learning-formats-page .num-details__content .num-list li{font-size:16px;}
#learning-formats-page .num-format-flow .num-home-change{grid-template-columns:1fr 24px 1fr;}
}

@media(max-width:520px){
#learning-formats-page .num-format-buttons{grid-template-columns:1fr;}
#learning-formats-page .num-format-flow .num-home-change{grid-template-columns:1fr;}
#learning-formats-page .num-format-flow .num-home-change__arrow{transform:rotate(90deg);}
#learning-formats-page .num-format-price-table{min-width:560px;}
}

/* =========================================================
   12. ЗАГАЛЬНА НАВІГАЦІЯ — ПІДМЕНЮ «МАТЕРІАЛИ»
   Desktop/mobile поведінка підменю.
   ========================================================= */

.num-menu__item--has-submenu {position:relative;}
.num-menu__trigger {border:0;background:transparent;cursor:pointer;}
.num-menu__caret {margin-left:6px;font-size:11px;line-height:1;transition:transform var(--num-transition);}
.num-menu__item--has-submenu:hover .num-menu__caret,.num-menu__item--has-submenu:focus-within .num-menu__caret,.num-menu__item--has-submenu.is-open .num-menu__caret {transform:rotate(180deg);}
.num-submenu {position:absolute;z-index:10010;top:100%;left:50%;width:300px;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid var(--num-border);border-radius:0 0 12px 12px;box-shadow:var(--num-shadow-hover);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity var(--num-transition),transform var(--num-transition),visibility var(--num-transition);}
.num-menu__item--has-submenu:hover .num-submenu,.num-menu__item--has-submenu:focus-within .num-submenu,.num-menu__item--has-submenu.is-open .num-submenu {opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
.num-submenu li {margin:0;padding:0;border-bottom:1px solid var(--num-border);}
.num-submenu li:last-child {border-bottom:0;}
.num-submenu a {display:block;padding:10px 16px;font-family:var(--num-font-text);font-size:14px;line-height:1.3;color:var(--num-text-dark);text-decoration:none;background:#fff;transition:background var(--num-transition),color var(--num-transition);}
.num-submenu a:hover,.num-submenu a:focus {background:var(--num-blue-soft);color:var(--num-blue);text-decoration:none;}
/* Мобільний другий рівень меню */
.mobile-menu-list[hidden] {display:none!important;}
.mobile-menu-submenu-open,.mobile-menu-back {display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:15px 20px;border:0;background:#fff;color:#222;font-family:inherit;font-size:17px;line-height:1.35;text-align:left;cursor:pointer;}
.mobile-menu-submenu-open:hover,.mobile-menu-submenu-open:focus,.mobile-menu-back:hover,.mobile-menu-back:focus {background:#f3f3f3;}
.mobile-menu-back {justify-content:flex-start;font-weight:700;color:var(--num-blue);}

/* =========================================================
   13. КОДОВА СИСТЕМА ІКОНОК НУМ
   Inline SVG та /inc/icons.php. Filled і line-symbols
   не уніфікуються глобальним stroke/fill.
   ========================================================= */

/*
   Для index.html Font Awesome та окремі SVG-файли піктограм більше не потрібні. */
*,*::before,*::after{box-sizing:border-box;}
button,input,select,textarea{font:inherit;}
img,svg{vertical-align:middle;}

.num-svg-sprite{
    position:absolute!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
}

.num-code-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1em;
    height:1em;
    line-height:1;
    color:inherit;
    vertical-align:-.125em;
}

.num-code-icon>svg{
    display:block;
    width:1em;
    height:1em;
    overflow:visible;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.num-code-icon .num-icon-fill{
    fill:currentColor;
    stroke:none;
}

/* Брендові іконки месенджерів — теж повністю кодові */
.dest-item__img{
    display:flex;
    align-items:center;
    justify-content:center;
}
.dest-item__img .num-brand-icon{
    display:block;
    width:100%;
    height:100%;
    overflow:visible;
}
.num-brand-icon .num-brand-bg{stroke:none;}
.num-brand-icon .num-brand-mark{fill:#fff;stroke:none;}
.num-brand-icon .num-brand-line{fill:none;stroke:#fff;stroke-width:1.45;stroke-linecap:round;}
.dest-item__img--telegram .num-brand-bg{fill:#229ED9;}
.dest-item__img--viber .num-brand-bg{fill:#7360F2;}
.dest-item__img--whatsapp .num-brand-bg{fill:#25D366;}
.dest-item__img--messenger .num-brand-bg{fill:#168AFF;}

/* Instagram / YouTube: геометрія SVG наслідує колір уже наявної дизайн-системи */
.num-header__social .num-code-icon{font-size:.72em;}
.num-header__social .num-code-icon>svg{stroke-width:1.7;}
.num-header__social--youtube .num-code-icon>svg>use{color:inherit;}

/* SVG у компактних декоративних контейнерах */
.num-home-action__visual-icon .num-code-icon,
.num-home-final-cta__icon .num-code-icon{
    width:1em;
    height:1em;
}

/* =========================================================
   14. ДІАГНОСТИКА
   Візуалізація NUM-Діагностики та пов'язаних блоків.
   ========================================================= */

#learn-diagnosis-page .num-code-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
#learn-diagnosis-page .num-code-icon svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* ЛОГІЧНИЙ ЛАНЦЮЖОК */
.num-diagnostic-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:22px 0;counter-reset:diag;}
.num-diagnostic-flow__item{position:relative;text-align:center;padding:18px 10px 14px;border:1px solid var(--num-border);border-radius:14px;background:#fff;}
.num-diagnostic-flow__item:not(:last-child)::after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:700;color:var(--num-orange);}
.num-diagnostic-flow__icon{width:48px;height:48px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--num-blue-soft);color:var(--num-blue);font-size:24px;}
.num-diagnostic-flow__item:nth-child(4) .num-diagnostic-flow__icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.num-diagnostic-flow__item:nth-child(5) .num-diagnostic-flow__icon{background:var(--num-orange);color:#fff;}
.num-diagnostic-flow__item strong{display:block;font-size:15px;margin-bottom:4px;}
.num-diagnostic-flow__item span{display:block;font-size:13px;line-height:1.35;color:var(--num-text-muted);}

/* КАРТКИ ПРИЧИН */
.num-diagnostic-causes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;}
.num-diagnostic-cause{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--num-border);border-radius:12px;background:#fff;}
.num-diagnostic-cause>.num-code-icon{flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:var(--num-blue-soft);color:var(--num-blue);font-size:17px;}
.num-diagnostic-cause strong{display:block;font-size:14px;margin-bottom:3px;}
.num-diagnostic-cause span{display:block;font-size:13px;line-height:1.4;color:var(--num-text-muted);}

/* КАРТКИ ПАРАМЕТРІВ */
.num-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;}
.num-profile-item{position:relative;padding:16px 14px 15px 54px;border:1px solid var(--num-border);border-radius:13px;background:#fff;min-height:112px;}
.num-profile-item>.num-code-icon{position:absolute;left:14px;top:15px;width:30px;height:30px;border-radius:9px;background:var(--num-blue-soft);color:var(--num-blue);font-size:16px;}
.num-profile-item:nth-child(3n)>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.num-profile-item h3{margin:0 0 5px;font-size:15px;}
.num-profile-item p{margin:0;font-size:13px;line-height:1.45;color:var(--num-text-muted);}

/* МАРКЕР + КОНТЕКСТ */
.num-marker-context{display:grid;grid-template-columns:1fr 90px 1fr;align-items:stretch;gap:10px;margin:20px 0;}
.num-marker-context__card{padding:18px;border-radius:14px;border:1px solid var(--num-border);background:#fff;}
.num-marker-context__card .num-code-icon{width:42px;height:42px;border-radius:11px;background:var(--num-blue-soft);color:var(--num-blue);font-size:22px;margin-bottom:9px;}
.num-marker-context__card--context .num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.num-marker-context__bridge{display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--num-orange);}

/* ККД */
.num-efficiency-map{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;gap:10px;margin:20px 0;}
.num-efficiency-map__node{text-align:center;padding:18px 12px;border:1px solid var(--num-border);border-radius:14px;background:#fff;}
.num-efficiency-map__node>.num-code-icon{width:44px;height:44px;margin:0 auto 9px;border-radius:50%;background:var(--num-blue-soft);color:var(--num-blue);font-size:22px;}
.num-efficiency-map__node:last-child{background:var(--num-orange-soft);}
.num-efficiency-map__node:last-child>.num-code-icon{background:var(--num-orange);color:#fff;}
.num-efficiency-map__arrow{text-align:center;font-size:28px;color:var(--num-orange);font-weight:700;}

/* МАРШРУТ */
.num-route-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:22px 0;}
.num-route-map::before{content:"";position:absolute;left:16%;right:16%;top:29px;height:2px;background:var(--num-border);z-index:0;}
.num-route-step{position:relative;z-index:1;text-align:center;}
.num-route-step__icon{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--num-blue);color:var(--num-blue);font-size:27px;}
.num-route-step:last-child .num-route-step__icon{border-color:var(--num-orange);background:var(--num-orange);color:#fff;}
.num-route-step strong{display:block;margin-bottom:4px;}
.num-route-step span{font-size:13px;line-height:1.4;color:var(--num-text-muted);}

/* МОЖЕ / НЕ МОЖЕ */
.num-diagnosis-boundary{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.num-diagnosis-boundary__card{padding:18px;border:1px solid var(--num-border);border-radius:14px;background:#fff;}
.num-diagnosis-boundary__head{display:flex;align-items:center;gap:9px;margin-bottom:8px;}
.num-diagnosis-boundary__head>.num-code-icon{width:32px;height:32px;border-radius:9px;background:var(--num-blue-soft);color:var(--num-blue);font-size:17px;}
.num-diagnosis-boundary__card--no .num-diagnosis-boundary__head>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}

/* ВУЗЛИ ВНИЗУ */
.num-diagnostic-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.num-diagnostic-link{display:block;text-decoration:none;padding:14px;border:1px solid var(--num-border);border-radius:12px;background:#fff;transition:.18s ease;}
.num-diagnostic-link:hover{transform:translateY(-2px);border-color:var(--num-blue);}
.num-diagnostic-link>.num-code-icon{width:34px;height:34px;border-radius:9px;background:var(--num-blue-soft);color:var(--num-blue);font-size:18px;margin-bottom:8px;}
.num-diagnostic-link h3{font-size:14px;margin:0 0 5px;}
.num-diagnostic-link p{font-size:12px;line-height:1.4;margin:0;color:var(--num-text-muted);}

/* МОБІЛЬНИЙ */
@media(max-width:800px){
.num-diagnostic-flow{grid-template-columns:1fr;gap:12px;}
.num-diagnostic-flow__item:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-21px;transform:translateX(-50%);}
.num-diagnostic-causes,.num-profile-grid{grid-template-columns:1fr 1fr;}
.num-marker-context{grid-template-columns:1fr;}
.num-marker-context__bridge{height:30px;font-size:0;}
.num-marker-context__bridge::after{content:"↓";font-size:26px;}
.num-efficiency-map{grid-template-columns:1fr;}
.num-efficiency-map__arrow{height:26px;font-size:0;}
.num-efficiency-map__arrow::after{content:"↓";font-size:25px;}
.num-route-map{grid-template-columns:1fr;gap:15px;}
.num-route-map::before{display:none;}
.num-diagnostic-links{grid-template-columns:1fr 1fr;}
}
@media(max-width:520px){
.num-diagnostic-causes,.num-profile-grid,.num-diagnosis-boundary,.num-diagnostic-links{grid-template-columns:1fr;}
}

/* =========================================================
   15. AI.HTML
   Сторінкова візуальна логіка AI.
   ========================================================= */

#ai-page .num-code-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
#ai-page .num-code-icon svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* ГОЛОВНИЙ ЛАНЦЮГ */
.ai-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:22px 0;}
.ai-flow__item{position:relative;padding:16px 10px;text-align:center;border:1px solid var(--num-border);border-radius:14px;background:#fff;}
.ai-flow__item:not(:last-child)::after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:700;color:var(--num-orange);}
.ai-flow__icon{width:46px;height:46px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--num-blue-soft);color:var(--num-blue);font-size:23px;}
.ai-flow__item:nth-child(4) .ai-flow__icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.ai-flow__item:last-child .ai-flow__icon{background:var(--num-orange);color:#fff;}
.ai-flow__item strong{display:block;font-size:14px;margin-bottom:3px;}
.ai-flow__item span{display:block;font-size:12px;line-height:1.4;color:var(--num-text-muted);}

/* 7 ПОМИЛОК / КЛАСТЕРІВ */
.ai-error-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;}
.ai-error-card{position:relative;padding:16px 14px 15px 55px;border:1px solid var(--num-border);border-radius:13px;background:#fff;min-height:105px;}
.ai-error-card>.num-code-icon{position:absolute;left:14px;top:15px;width:31px;height:31px;border-radius:9px;background:var(--num-blue-soft);color:var(--num-blue);font-size:17px;}
.ai-error-card:nth-child(3n)>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.ai-error-card h3{margin:0 0 5px;font-size:15px;}
.ai-error-card p{margin:0;font-size:13px;line-height:1.45;color:var(--num-text-muted);}

/* ЛОКАЛЬНА / СИСТЕМНА */
.ai-problem-split{display:grid;grid-template-columns:1fr 80px 1fr;align-items:stretch;gap:12px;margin:20px 0;}
.ai-problem-card{padding:18px;border:1px solid var(--num-border);border-radius:14px;background:#fff;}
.ai-problem-card>.num-code-icon{width:42px;height:42px;border-radius:11px;background:var(--num-blue-soft);color:var(--num-blue);font-size:22px;margin-bottom:8px;}
.ai-problem-card--system>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.ai-problem-card h3{margin:0 0 7px;}
.ai-problem-card p{margin:0;font-size:14px;line-height:1.5;}
.ai-problem-split__vs{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--num-orange);font-size:18px;}

/* AI / ПЕДАГОГ / ЕКСПЕРТ */
.ai-routing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:22px 0;position:relative;}
.ai-routing::before{content:"";position:absolute;left:15%;right:15%;top:29px;height:2px;background:var(--num-border);}
.ai-routing__item{position:relative;z-index:1;text-align:center;}
.ai-routing__icon{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--num-blue);color:var(--num-blue);font-size:26px;}
.ai-routing__item:nth-child(2) .ai-routing__icon{border-color:var(--num-orange);color:var(--num-orange-dark);}
.ai-routing__item:last-child .ai-routing__icon{border-color:var(--num-orange);background:var(--num-orange);color:#fff;}
.ai-routing__item strong{display:block;margin-bottom:4px;}
.ai-routing__item span{font-size:13px;line-height:1.45;color:var(--num-text-muted);}

/* ВІДПОВІДАТИ / УТОЧНЮВАТИ */
.ai-decision-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;}
.ai-decision-card{padding:18px;border:1px solid var(--num-border);border-radius:14px;background:#fff;}
.ai-decision-card__head{display:flex;align-items:center;gap:9px;margin-bottom:8px;}
.ai-decision-card__head>.num-code-icon{width:34px;height:34px;border-radius:9px;background:var(--num-blue-soft);color:var(--num-blue);font-size:18px;}
.ai-decision-card--question .ai-decision-card__head>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}

/* 7-КРОКОВИЙ АЛГОРИТМ */
.ai-algorithm{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;margin:22px 0;}
.ai-algorithm__item{position:relative;text-align:center;}
.ai-algorithm__item:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:23px;color:var(--num-orange);font-weight:700;}
.ai-algorithm__icon{width:46px;height:46px;margin:0 auto 7px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--num-blue-soft);color:var(--num-blue);font-size:21px;}
.ai-algorithm__item:last-child .ai-algorithm__icon{background:var(--num-orange);color:#fff;}
.ai-algorithm__item strong{display:block;font-size:13px;margin-bottom:3px;}
.ai-algorithm__item span{display:block;font-size:11px;line-height:1.35;color:var(--num-text-muted);}

/* AI ↔ ПЕДАГОГ */
.ai-parallel{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:12px;margin:20px 0;}
.ai-parallel__card{padding:18px;border:1px solid var(--num-border);border-radius:14px;background:#fff;}
.ai-parallel__card>.num-code-icon{width:40px;height:40px;border-radius:10px;background:var(--num-blue-soft);color:var(--num-blue);font-size:21px;margin-bottom:8px;}
.ai-parallel__card--human>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.ai-parallel__bridge{text-align:center;font-size:26px;font-weight:700;color:var(--num-orange);}

/* DETAILS: ПІКТОГРАМИ В ЗАГОЛОВКАХ */
.ai-details-title{display:inline-flex;align-items:center;gap:8px;}
.ai-details-title>.num-code-icon{width:24px;height:24px;border-radius:7px;background:var(--num-blue-soft);color:var(--num-blue);font-size:14px;}
#myth-reality-clusters .num-details:nth-of-type(3n) .ai-details-title>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}

/* МОБІЛЬНИЙ */
@media(max-width:900px){
.ai-flow{grid-template-columns:1fr;gap:12px;}
.ai-flow__item:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-21px;transform:translateX(-50%);}
.ai-error-grid{grid-template-columns:1fr 1fr;}
.ai-algorithm{grid-template-columns:1fr;gap:12px;}
.ai-algorithm__item:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-15px;}
}
@media(max-width:700px){
.ai-problem-split,.ai-parallel{grid-template-columns:1fr;}
.ai-problem-split__vs,.ai-parallel__bridge{height:28px;font-size:0;}
.ai-problem-split__vs::after{content:"↓";font-size:24px;}
.ai-parallel__bridge::after{content:"↕";font-size:24px;}
.ai-routing{grid-template-columns:1fr;gap:15px;}
.ai-routing::before{display:none;}
.ai-decision-split{grid-template-columns:1fr;}
}
@media(max-width:520px){
.ai-error-grid{grid-template-columns:1fr;}
}

/* =========================================================
   16. MATERIAL.HTML
   Предмети, карти, хаби та трирівнева візуалізація.
   ========================================================= */

.material-subjects-intro{margin-bottom:18px;}
.material-subjects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;}
.material-subject{border:1px solid var(--num-border);border-radius:16px;background:#fff;overflow:hidden;}
.material-subject[open]{grid-column:1/-1;border-color:rgba(0,92,170,.3);box-shadow:0 8px 28px rgba(20,46,70,.07);}
.material-subject>summary{list-style:none;cursor:pointer;padding:17px 48px 17px 17px;position:relative;display:flex;align-items:center;gap:13px;}
.material-subject>summary::-webkit-details-marker{display:none;}
.material-subject>summary::after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:600;color:var(--num-blue);}
.material-subject[open]>summary::after{content:"−";}
.material-subject__icon{width:46px;height:46px;flex:0 0 46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--num-blue-soft);color:var(--num-blue);font-size:24px;}
.material-subject:nth-child(even) .material-subject__icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.material-subject__head strong{display:block;font-size:17px;margin-bottom:3px;}
.material-subject__head span{display:block;font-size:13px;line-height:1.4;color:var(--num-text-muted);}
.material-subject__body{padding:0 17px 20px;border-top:1px solid var(--num-border);}

/* ГОЛОВНА СХЕМА ПРЕДМЕТА */
.material-subject-flow{display:grid;grid-template-columns:repeat(var(--flow-count,6),minmax(0,1fr));gap:22px;margin:20px 0;}
.material-subject-flow__item{position:relative;text-align:center;padding:12px 7px;}
.material-subject-flow__item:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:27px;color:var(--num-orange);font-size:20px;font-weight:700;}
.material-subject-flow__icon{width:42px;height:42px;margin:0 auto 7px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--num-blue-soft);color:var(--num-blue);font-size:20px;}
.material-subject-flow__item:last-child .material-subject-flow__icon{background:var(--num-orange);color:#fff;}
.material-subject-flow__item strong{display:block;font-size:13px;}
.material-subject-flow__item span{display:block;margin-top:2px;font-size:11px;line-height:1.35;color:var(--num-text-muted);}

/* ПІКТОГРАМНА КАРТА */
.material-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0;}
.material-concept{position:relative;padding:14px 12px 13px 50px;border:1px solid var(--num-border);border-radius:12px;background:#fff;min-height:92px;}
.material-concept>.num-code-icon{position:absolute;left:12px;top:13px;width:28px;height:28px;border-radius:8px;background:var(--num-blue-soft);color:var(--num-blue);font-size:15px;}
.material-concept:nth-child(3n)>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.material-concept strong{display:block;font-size:14px;margin-bottom:3px;}
.material-concept span{display:block;font-size:12px;line-height:1.4;color:var(--num-text-muted);}

/* ДОДАТКОВИЙ РІВЕНЬ ВСЕРЕДИНІ ПРЕДМЕТА */
.material-deep{margin-top:14px;border:1px solid var(--num-border);border-radius:12px;background:var(--num-blue-soft);}
.material-deep>summary{list-style:none;cursor:pointer;padding:12px 40px 12px 14px;position:relative;font-weight:700;}
.material-deep>summary::-webkit-details-marker{display:none;}
.material-deep>summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--num-blue);}
.material-deep[open]>summary::after{content:"−";}
.material-deep__body{padding:0 14px 14px;}
.material-deep__body .num-text:last-child{margin-bottom:0;}

/* ДВІ ЛОГІКИ / ПОРІВНЯННЯ */
.material-dual{display:grid;grid-template-columns:1fr 50px 1fr;gap:10px;align-items:center;margin:17px 0;}
.material-dual__card{padding:14px;border:1px solid var(--num-border);border-radius:12px;background:#fff;}
.material-dual__card>.num-code-icon{width:34px;height:34px;border-radius:9px;background:var(--num-blue-soft);color:var(--num-blue);font-size:18px;margin-bottom:7px;}
.material-dual__card--orange>.num-code-icon{background:var(--num-orange-soft);color:var(--num-orange-dark);}
.material-dual__bridge{text-align:center;font-size:24px;font-weight:700;color:var(--num-orange);}

/* SVG */
.material-subjects-grid .num-code-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.material-subjects-grid .num-code-icon svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* MOBILE */
@media(max-width:850px){
.material-subject-flow{grid-template-columns:1fr;gap:8px;}
.material-subject-flow__item{display:grid;grid-template-columns:42px 1fr;text-align:left;column-gap:10px;align-items:center;padding:6px 8px;}
.material-subject-flow__icon{grid-row:1/3;margin:0;}
.material-subject-flow__item:not(:last-child)::after{content:"↓";right:auto;left:27px;top:auto;bottom:-12px;font-size:18px;}
.material-concept-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
.material-subjects-grid,.material-concept-grid{grid-template-columns:1fr;}
.material-subject[open]{grid-column:auto;}
.material-dual{grid-template-columns:1fr;}
.material-dual__bridge{font-size:0;height:25px;}
.material-dual__bridge::after{content:"↓";font-size:22px;}
}

/* pedagog.html — visual system */
.ped-visual-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin:28px 0}
.ped-visual-step{min-width:0;padding:22px 16px;border:1px solid rgba(6,113,180,.14);border-radius:20px;background:#fff;text-align:center;box-shadow:0 12px 34px rgba(18,48,74,.06)}
.ped-visual-step__scene{width:84px;height:84px;margin:0 auto 14px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:#eef7fc;color:#0671b4}
.ped-visual-step__scene .num-code-icon svg{width:42px;height:42px}
.ped-visual-step strong{display:block;font-size:18px;line-height:1.25;margin-bottom:7px;color:#18384f}
.ped-visual-step span{display:block;font-size:14px;line-height:1.45;color:#667985}
.ped-visual-arrow{align-self:center;font-size:30px;line-height:1;color:#f58220;font-weight:700}

.ped-evolution{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.ped-evolution__step{position:relative;padding:26px 22px;border-radius:22px;background:#fff;border:1px solid rgba(6,113,180,.14)}
.ped-evolution__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:#eef7fc;color:#0671b4;margin-bottom:16px}
.ped-evolution__icon .num-code-icon svg{width:36px;height:36px}
.ped-evolution__step:nth-child(3) .ped-evolution__icon{background:#fff2e8;color:#f58220}
.ped-evolution__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#71818c}
.ped-evolution__step h3{margin:7px 0;font-size:22px}
.ped-evolution__step p{margin:0;color:#5f717d;line-height:1.55}

.ped-symbol-card{display:flex;gap:15px;align-items:flex-start;padding:18px;border-radius:18px;background:#f7fafc;border:1px solid rgba(6,113,180,.1)}
.ped-symbol-card__icon{flex:0 0 56px;width:56px;height:56px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:#fff;color:#0671b4}
.ped-symbol-card__icon .num-code-icon svg{width:28px;height:28px}
.ped-symbol-card h3,.ped-symbol-card h4{margin:0 0 5px}
.ped-symbol-card p{margin:0}

.ped-mini-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:22px 0}
.ped-mini-flow__item{padding:16px 13px;border-radius:16px;background:#f7fafc;text-align:center}
.ped-mini-flow__icon{width:48px;height:48px;margin:0 auto 8px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#fff;color:#0671b4}
.ped-mini-flow__icon .num-code-icon svg{width:25px;height:25px}
.ped-mini-flow__item strong{display:block;font-size:15px}
.ped-mini-flow__item span{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:#687a85}
.ped-mini-flow__arrow{font-size:24px;color:#f58220;font-weight:700}

.ped-contrast{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:20px 0}
.ped-contrast__side{padding:20px;border-radius:18px;background:#f7fafc}
.ped-contrast__side--result{background:#edf8f1}
.ped-contrast__side strong{display:block;margin-bottom:5px}
.ped-contrast__arrow{font-size:30px;color:#f58220;font-weight:700}

.ped-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ped-module{padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(6,113,180,.12)}
.ped-module__icon{width:62px;height:62px;border-radius:19px;display:flex;align-items:center;justify-content:center;background:#eef7fc;color:#0671b4;margin-bottom:13px}
.ped-module__icon .num-code-icon svg{width:31px;height:31px}
.ped-module h3{margin:0 0 7px}
.ped-module p{margin:0;color:#60737f;line-height:1.5}

#teacher-professional-map .num-subject-button{display:flex;align-items:center;gap:9px}
#teacher-professional-map .num-subject-button .num-code-icon{flex:0 0 auto}
#teacher-professional-map .num-subject-button .num-code-icon svg{width:21px;height:21px}

@media(max-width:900px){
.ped-visual-flow{grid-template-columns:1fr}
.ped-visual-arrow{transform:rotate(90deg);justify-self:center}
.ped-evolution,.ped-module-grid{grid-template-columns:1fr}
.ped-mini-flow{grid-template-columns:1fr}
.ped-mini-flow__arrow{transform:rotate(90deg);justify-self:center}
}

@media(max-width:640px){
.ped-contrast{grid-template-columns:1fr}
.ped-contrast__arrow{transform:rotate(90deg);justify-self:center}
.ped-visual-step{padding:18px 14px}
.ped-visual-step__scene{width:72px;height:72px}
}

/* expert.html */
.expert-system-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:24px 0}
.expert-system-map__node{min-height:150px;padding:20px 16px;border-radius:20px;background:#fff;border:1px solid rgba(6,113,180,.13);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.expert-system-map__icon{width:68px;height:68px;margin-bottom:12px;border-radius:20px;background:#eef7fc;color:#0671b4;display:flex;align-items:center;justify-content:center}
.expert-system-map__icon .num-code-icon svg{width:34px;height:34px}
.expert-system-map__node strong{font-size:17px;color:#18384f}
.expert-system-map__node span{margin-top:5px;font-size:13px;line-height:1.4;color:#677985}
.expert-system-map__arrow{font-size:28px;color:#f58220;font-weight:700}

.expert-role-map{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.expert-role-node{position:relative;padding:24px;border-radius:22px;background:#fff;border:1px solid rgba(6,113,180,.13)}
.expert-role-node__icon{width:66px;height:66px;border-radius:20px;background:#eef7fc;color:#0671b4;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.expert-role-node__icon .num-code-icon svg{width:32px;height:32px}
.expert-role-node:nth-child(3) .expert-role-node__icon{background:#fff2e7;color:#f58220}
.expert-role-node h3{margin:0 0 7px;font-size:20px}
.expert-role-node p{margin:0;color:#647681;line-height:1.5}

.expert-audience{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.expert-audience__card{padding:24px;border-radius:22px;border:1px solid rgba(6,113,180,.13);background:#fff}
.expert-audience__head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.expert-audience__icon{width:64px;height:64px;flex:0 0 64px;border-radius:20px;background:#eef7fc;color:#0671b4;display:flex;align-items:center;justify-content:center}
.expert-audience__icon .num-code-icon svg{width:31px;height:31px}
.expert-audience__head h3{margin:0;font-size:23px}

.expert-work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.expert-work{padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(6,113,180,.12)}
.expert-work__icon{width:58px;height:58px;border-radius:18px;background:#eef7fc;color:#0671b4;display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.expert-work__icon .num-code-icon svg{width:29px;height:29px}
.expert-work:nth-child(4n) .expert-work__icon{background:#fff2e8;color:#f58220}
.expert-work h3{margin:0 0 7px;font-size:18px}
.expert-work p{margin:0;color:#637581;line-height:1.48}
.expert-work .num-link{display:inline-block;margin-top:10px}

.expert-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.expert-entry{padding:20px;border-radius:20px;background:#f7fafc;border:1px solid rgba(6,113,180,.1);text-decoration:none;color:inherit;transition:.2s ease}
.expert-entry:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(19,55,77,.08)}
.expert-entry__icon{width:52px;height:52px;border-radius:16px;background:#fff;color:#0671b4;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.expert-entry__icon .num-code-icon svg{width:26px;height:26px}
.expert-entry h3{margin:0 0 5px}
.expert-entry p{margin:0;color:#677985}

@media(max-width:1000px){
.expert-system-map{grid-template-columns:1fr}
.expert-system-map__arrow{transform:rotate(90deg);justify-self:center}
.expert-work-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
.expert-role-map,.expert-audience,.expert-entry-grid{grid-template-columns:1fr}
}

@media(max-width:560px){
.expert-work-grid{grid-template-columns:1fr}
}

/* num-ai-map.html */
.num-ai-map-page{--aim-blue:#0671b4;--aim-blue-dark:#055a8f;--aim-blue-soft:#eef7ff;--aim-orange:#f99a11;--aim-orange-soft:#fff8ef;--aim-text:#4d5b66;--aim-text-dark:#1f2d39;--aim-muted:#667685;--aim-bg:#fff;--aim-soft:#f7fbff;--aim-gray:#f5f8fa;--aim-border:#e1e8ee;--aim-border-blue:#d7e9f6;--aim-shadow:0 8px 26px rgba(24,56,79,.055);--aim-radius:14px;--aim-container:1140px;color:var(--aim-text);background:var(--aim-bg);font-size:15px;line-height:1.55}
.num-ai-map-page .wrap{width:min(var(--aim-container),calc(100% - 30px));margin:auto}
.num-ai-map-page code{display:inline-block;padding:2px 6px;border-radius:6px;background:#eef2f7;color:#334155;font-size:.84em}

.num-ai-map-page .hero{padding:26px 0 22px;background:linear-gradient(135deg,var(--aim-blue-dark),var(--aim-blue));color:#fff}
.num-ai-map-page .eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:5px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.num-ai-map-page .eyebrow:before{content:"";width:20px;height:2px;background:var(--aim-orange);border-radius:99px}
.num-ai-map-page .hero h1{max-width:920px;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.1;color:#fff}
.num-ai-map-page .hero p{max-width:900px;margin:8px 0 0;color:rgba(255,255,255,.9)}
.num-ai-map-page .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}
.num-ai-map-page .metric{padding:12px 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.09)}
.num-ai-map-page .metric strong{display:block;font-size:25px;line-height:1.05;color:#fff}
.num-ai-map-page .metric span{font-size:12px;color:rgba(255,255,255,.86)}

.num-ai-map-page .nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--aim-border);backdrop-filter:blur(8px)}
.num-ai-map-page .nav .wrap{display:flex;gap:6px;overflow:auto;padding:8px 0}
.num-ai-map-page .nav a{white-space:nowrap;padding:6px 10px;border:1px solid var(--aim-border);border-radius:999px;background:#fff;font-size:12px;color:var(--aim-text-dark);text-decoration:none}
.num-ai-map-page .nav a:hover{color:var(--aim-blue)}

.num-ai-map-page main section{padding:28px 0}
.num-ai-map-page main section:nth-child(even){background:var(--aim-soft)}
.num-ai-map-page .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.num-ai-map-page .section-head>div{max-width:850px}
.num-ai-map-page .section-head h2{margin:0;color:var(--aim-text-dark);font-size:clamp(22px,2.6vw,30px);line-height:1.15}
.num-ai-map-page .section-head p{margin:6px 0 0;color:var(--aim-muted)}

.num-ai-map-page .callout{padding:16px 18px;border:1px solid var(--aim-border-blue);border-left:4px solid var(--aim-blue);border-radius:var(--aim-radius);background:var(--aim-blue-soft)}
.num-ai-map-page .callout strong{color:var(--aim-text-dark)}

.num-ai-map-page .ai-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin-top:18px}
.num-ai-map-page .ai-flow__node{min-height:128px;padding:17px 12px;border:1px solid var(--aim-border);border-radius:16px;background:#fff;text-align:center;box-shadow:var(--aim-shadow)}
.num-ai-map-page .ai-flow__icon{width:52px;height:52px;margin:0 auto 9px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--aim-blue-soft);color:var(--aim-blue)}
.num-ai-map-page .ai-flow__icon .num-code-icon{width:27px;height:27px}
.num-ai-map-page .ai-flow__node strong{display:block;color:var(--aim-text-dark);font-size:14px}
.num-ai-map-page .ai-flow__node span{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:var(--aim-muted)}
.num-ai-map-page .ai-flow__arrow{font-size:24px;font-weight:800;color:var(--aim-orange)}

.num-ai-map-page .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.num-ai-map-page .node-card{min-width:0;padding:16px;border:1px solid var(--aim-border);border-radius:var(--aim-radius);background:#fff;box-shadow:var(--aim-shadow)}
.num-ai-map-page .node-card__top{display:flex;gap:12px;align-items:flex-start}
.num-ai-map-page .node-card__icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--aim-blue-soft);color:var(--aim-blue);display:flex;align-items:center;justify-content:center}
.num-ai-map-page .node-card__icon .num-code-icon{width:23px;height:23px}
.num-ai-map-page .node-card__body{min-width:0;flex:1}
.num-ai-map-page .node-card__meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}
.num-ai-map-page .node-card__meta span{font-size:10px;color:var(--aim-muted);text-align:right}
.num-ai-map-page .node-card h3{margin:0 0 5px;font-size:16px;line-height:1.3}
.num-ai-map-page .node-card p{margin:0;color:var(--aim-muted);font-size:12.5px}
.num-ai-map-page .links-mini{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
.num-ai-map-page .links-mini span{padding:3px 6px;border-radius:6px;background:var(--aim-gray);font-size:10px;color:var(--aim-muted)}

.num-ai-map-page .top-grid .node-card{border-top:3px solid var(--aim-blue)}
.num-ai-map-page .top-grid .node-card:nth-child(3){border-top-color:var(--aim-orange)}
.num-ai-map-page .top-grid .node-card:nth-child(4),.num-ai-map-page .top-grid .node-card:nth-child(5){border-top-color:#7b8bb2}

.num-ai-map-page .system-grid .node-card{box-shadow:none}
.num-ai-map-page .system-grid .node-card__icon{background:#f4f7fa;color:#536d7d}

.num-ai-map-page .teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.num-ai-map-page .teacher-grid .node-card{border-left:3px solid var(--aim-orange)}
.num-ai-map-page .teacher-grid .node-card__icon{background:var(--aim-orange-soft);color:#d87900}

.num-ai-map-page .routes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.num-ai-map-page .route-card{padding:16px;border:1px solid var(--aim-border);border-radius:var(--aim-radius);background:#fff}
.num-ai-map-page .route-card__head{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.num-ai-map-page .route-card__icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--aim-blue-soft);color:var(--aim-blue);display:flex;align-items:center;justify-content:center}
.num-ai-map-page .route-card__icon .num-code-icon{width:21px;height:21px}
.num-ai-map-page .route-card h3{margin:0;color:var(--aim-text-dark);font-size:15px}
.num-ai-map-page .route-path{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:10px 11px;border-radius:10px;background:var(--aim-soft);font-size:12px}
.num-ai-map-page .route-path b{color:var(--aim-orange);font-size:15px}
.num-ai-map-page .route-card p{margin:9px 0 0;color:var(--aim-muted);font-size:12px}

.num-ai-map-page .retired-list{display:grid;gap:10px}
.num-ai-map-page .retired-card{display:grid;grid-template-columns:1.2fr auto .8fr;align-items:center;gap:12px;padding:14px;border:1px solid var(--aim-border);border-radius:var(--aim-radius);background:#fff}
.num-ai-map-page .retired-old{display:flex;flex-wrap:wrap;gap:4px}
.num-ai-map-page .retired-arrow{font-size:22px;font-weight:800;color:var(--aim-orange)}
.num-ai-map-page .retired-new{display:flex;flex-wrap:wrap;gap:5px;font-size:12px}
.num-ai-map-page .retired-card p{grid-column:1/-1;margin:0;color:var(--aim-muted);font-size:12px}

.num-ai-map-page .machine-layer{position:relative;padding:22px;border:1px solid var(--aim-border-blue);border-radius:20px;background:linear-gradient(145deg,#f7fbff,#fff)}
.num-ai-map-page .machine-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.num-ai-map-page .machine-head__icon{width:60px;height:60px;border-radius:18px;background:var(--aim-blue);color:#fff;display:flex;align-items:center;justify-content:center}
.num-ai-map-page .machine-head__icon .num-code-icon{width:30px;height:30px}
.num-ai-map-page .machine-head h2{margin:0}
.num-ai-map-page .machine-head p{margin:3px 0 0;color:var(--aim-muted)}

.num-ai-map-page .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.num-ai-map-page .resource{padding:15px;border-radius:var(--aim-radius);border:1px solid var(--aim-border-blue);background:#fff}
.num-ai-map-page .resource__icon{width:42px;height:42px;border-radius:13px;background:var(--aim-blue-soft);color:var(--aim-blue);display:flex;align-items:center;justify-content:center;margin-bottom:9px}
.num-ai-map-page .resource__icon .num-code-icon{width:21px;height:21px}
.num-ai-map-page .resource h3{margin:0 0 5px;color:var(--aim-text-dark);font-size:14px}
.num-ai-map-page .resource p{margin:0;font-size:12px;color:var(--aim-muted)}

.num-ai-map-page .contact{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:14px 16px;border-radius:var(--aim-radius);background:var(--aim-orange-soft);border:1px solid #f4d7a8}
.num-ai-map-page .contact strong{color:var(--aim-text-dark)}
.num-ai-map-page .contact a{font-weight:700}

.num-ai-map-page footer{padding:18px 0 28px;color:var(--aim-muted);font-size:12px}

@media(max-width:1000px){
.num-ai-map-page .grid,.num-ai-map-page .teacher-grid,.num-ai-map-page .resource-grid{grid-template-columns:repeat(2,1fr)}
.num-ai-map-page .ai-flow{grid-template-columns:1fr}
.num-ai-map-page .ai-flow__arrow{transform:rotate(90deg);justify-self:center}
}

@media(max-width:720px){
.num-ai-map-page .metrics,.num-ai-map-page .grid,.num-ai-map-page .teacher-grid,.num-ai-map-page .routes,.num-ai-map-page .resource-grid{grid-template-columns:1fr}
.num-ai-map-page .section-head{display:block}
.num-ai-map-page .retired-card{grid-template-columns:1fr}
.num-ai-map-page .retired-arrow{transform:rotate(90deg);justify-self:start}
.num-ai-map-page .retired-card p{grid-column:auto}
.num-ai-map-page .contact{display:block}
.num-ai-map-page .contact a{display:inline-block;margin-top:6px}
.num-ai-map-page .node-card__top{align-items:center}
}

@media(max-width:520px){
.num-ai-map-page .wrap{width:min(var(--aim-container),calc(100% - 20px))}
.num-ai-map-page .hero{padding:22px 0}
.num-ai-map-page .metric{padding:10px 12px}
.num-ai-map-page main section{padding:24px 0}
}

/* verkhoturova.html */
.teacher-profile-page .teacher-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:stretch}
.teacher-profile-page .teacher-hero__content{padding:28px;border-radius:24px;background:linear-gradient(145deg,#f7fbff,#fff);border:1px solid rgba(6,113,180,.13)}
.teacher-profile-page .teacher-hero__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:13px;font-weight:700;color:#0671b4}
.teacher-profile-page .teacher-hero__eyebrow .num-code-icon{width:22px;height:22px}
.teacher-profile-page .teacher-hero__lead{font-size:18px;line-height:1.55;color:#344f60}
.teacher-profile-page .teacher-photo{position:relative;min-height:480px;max-width:200px;margin-left:auto;border-radius:24px;overflow:hidden;background:#eef5f8}
.teacher-profile-page .teacher-photo img{display:block;width:100%;height:auto;object-fit:cover}
.teacher-profile-page .teacher-photo__badge{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);font-size:12px}
.teacher-profile-page .teacher-photo__badge strong{display:block;color:#18384f;font-size:17px}
.teacher-profile-page .teacher-photo__badge span{display:block;margin-top:3px;color:#667985;font-size:13px}

.teacher-profile-page .teacher-core-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:26px}
.teacher-profile-page .teacher-core-step{min-height:160px;padding:20px 14px;border-radius:21px;background:#fff;border:1px solid rgba(6,113,180,.12);text-align:center}
.teacher-profile-page .teacher-core-step__icon{width:68px;height:68px;margin:0 auto 12px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#eef7fc;color:#0671b4}
.teacher-profile-page .teacher-core-step__icon .num-code-icon{width:34px;height:34px}
.teacher-profile-page .teacher-core-step strong{display:block;color:#18384f;font-size:17px}
.teacher-profile-page .teacher-core-step span{display:block;margin-top:5px;color:#667985;font-size:13px;line-height:1.4}
.teacher-profile-page .teacher-core-arrow{font-size:28px;font-weight:700;color:#f58220}

.teacher-profile-page .teacher-subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.teacher-profile-page .teacher-subject{display:flex;gap:13px;align-items:center;padding:17px;border-radius:18px;background:#f7fafc;border:1px solid rgba(6,113,180,.1)}
.teacher-profile-page .teacher-subject__icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;color:#0671b4}
.teacher-profile-page .teacher-subject__icon .num-code-icon{width:27px;height:27px}
.teacher-profile-page .teacher-subject strong{display:block;color:#18384f}
.teacher-profile-page .teacher-subject span{display:block;margin-top:2px;font-size:13px;color:#687985}

.teacher-profile-page .teacher-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.teacher-profile-page .teacher-fit-card{padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(6,113,180,.11)}
.teacher-profile-page .teacher-fit-card__icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#eef7fc;color:#0671b4}
.teacher-profile-page .teacher-fit-card__icon .num-code-icon{width:29px;height:29px}
.teacher-profile-page .teacher-fit-card h3{margin:0 0 6px;font-size:18px}
.teacher-profile-page .teacher-fit-card p{margin:0;color:#647681;line-height:1.5}

.teacher-profile-page .teacher-problem-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}
.teacher-profile-page .teacher-problem-stage{padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(6,113,180,.12)}
.teacher-profile-page .teacher-problem-stage__head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.teacher-profile-page .teacher-problem-stage__icon{width:50px;height:50px;border-radius:15px;background:#eef7fc;color:#0671b4;display:flex;align-items:center;justify-content:center}
.teacher-profile-page .teacher-problem-stage__icon .num-code-icon{width:25px;height:25px}
.teacher-profile-page .teacher-problem-stage h3{margin:0}
.teacher-profile-page .teacher-problem-stage p{margin:0;color:#647681}

.teacher-profile-page .teacher-method-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:22px}
.teacher-profile-page .teacher-method-step{position:relative;padding:18px 12px;border-radius:18px;background:#fff;text-align:center;border:1px solid rgba(6,113,180,.12)}
.teacher-profile-page .teacher-method-step:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);z-index:2;font-size:19px;color:#f58220;font-weight:800}
.teacher-profile-page .teacher-method-step__number{display:block;margin-bottom:7px;font-size:11px;font-weight:800;color:#f58220}
.teacher-profile-page .teacher-method-step__icon{width:50px;height:50px;margin:0 auto 9px;border-radius:15px;background:#eef7fc;color:#0671b4;display:flex;align-items:center;justify-content:center}
.teacher-profile-page .teacher-method-step__icon .num-code-icon{width:25px;height:25px}
.teacher-profile-page .teacher-method-step strong{display:block;font-size:14px;color:#18384f}
.teacher-profile-page .teacher-method-step span{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:#697a85}

.teacher-profile-page .teacher-level-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:22px}
.teacher-profile-page .teacher-level-node{padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(6,113,180,.12);text-align:center}
.teacher-profile-page .teacher-level-node strong{display:block;color:#18384f;font-size:17px}
.teacher-profile-page .teacher-level-node span{display:block;margin-top:4px;color:#687985;font-size:13px}
.teacher-profile-page .teacher-level-arrow{font-size:27px;color:#f58220;font-weight:700}

.teacher-profile-page .teacher-competency-details{border:1px solid rgba(6,113,180,.14);border-radius:20px;background:#fff;overflow:hidden}
.teacher-profile-page .teacher-competency-details>summary{cursor:pointer;padding:20px 22px;font-weight:700;color:#18384f;background:#f7fbfd}
.teacher-profile-page .teacher-competency-details>summary small{display:block;margin-top:4px;font-weight:400;color:#6b7c87}
.teacher-profile-page .teacher-competency-content{padding:20px}
.teacher-profile-page .teacher-competency-group{margin-top:22px}
.teacher-profile-page .teacher-competency-group:first-child{margin-top:0}
.teacher-profile-page .teacher-competency-group h3{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.teacher-profile-page .teacher-competency-group h3 .num-code-icon{width:22px;height:22px;color:#0671b4}

@media(max-width:1000px){
.teacher-profile-page .teacher-hero{grid-template-columns:1fr}
.teacher-profile-page .teacher-photo{min-height:560px}
.teacher-profile-page .teacher-method-flow{grid-template-columns:repeat(3,1fr)}
.teacher-profile-page .teacher-method-step:nth-child(3):after{display:none}
}

@media(max-width:780px){
.teacher-profile-page .teacher-core-flow{grid-template-columns:1fr}
.teacher-profile-page .teacher-core-arrow{transform:rotate(90deg);justify-self:center}
.teacher-profile-page .teacher-subjects,.teacher-profile-page .teacher-fit-grid,.teacher-profile-page .teacher-problem-flow{grid-template-columns:1fr}
.teacher-profile-page .teacher-level-flow{grid-template-columns:1fr}
.teacher-profile-page .teacher-level-arrow{transform:rotate(90deg);justify-self:center}
}

@media(max-width:620px){
.teacher-profile-page .teacher-method-flow{grid-template-columns:1fr}
.teacher-profile-page .teacher-method-step:not(:last-child):after{content:"↓";right:50%;top:auto;bottom:-14px;transform:translateX(50%)}
.teacher-profile-page .teacher-method-step:nth-child(3):after{display:block}
.teacher-profile-page .teacher-photo{min-height:420px}
}

/* вирівнювання таблиці компетентостей викладачів в 2 рядки */
.teacher-profile-page .teacher-competency-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px;
align-items:start;
}

.teacher-profile-page .teacher-competency-grid .teacher-competency-group{
margin-top:0;
min-width:0;
}

.teacher-profile-page .teacher-competency-grid .num-teacher-table-wrap{
width:100%;
min-width:0;
overflow:visible!important;
}

.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table{
width:100%!important;
min-width:0!important;
max-width:100%!important;
table-layout:fixed!important;
border-collapse:collapse;
font-size:12px;
}

.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table th,
.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table td{
min-width:0!important;
padding:7px 5px!important;
vertical-align:middle;
box-sizing:border-box;
}

.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table th:first-child,
.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table td:first-child{
width:auto!important;
white-space:normal!important;
overflow-wrap:break-word!important;
word-break:normal!important;
line-height:1.3;
text-align:left;
}

.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table th:nth-child(2),
.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table td:nth-child(2){
width:62px!important;
}

.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table th:nth-child(3),
.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table td:nth-child(3){
width:70px!important;
}

.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table th:nth-child(4),
.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table td:nth-child(4){
width:62px!important;
}

.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table th:nth-child(n+2),
.teacher-profile-page .teacher-competency-grid .num-teacher-competency-table td:nth-child(n+2){
text-align:center;
white-space:nowrap!important;
padding-left:2px!important;
padding-right:2px!important;
}

@media(max-width:700px){
.teacher-profile-page .teacher-competency-grid{
grid-template-columns:1fr;
}
}

/* =========================================================
   PERSONAL TEACHER PAGES — DESKTOP
   Спільне ущільнення і композиція персональних сторінок.
   Mobile / tablet не змінюються.
   ========================================================= */
@media(min-width:1001px){

/* Загальний ритм сторінки */
body.teacher-profile-page main .num-section{padding:7px 0}
body.teacher-profile-page main .num-title{font-size:22px;line-height:1.18}
body.teacher-profile-page main .num-title--large{font-size:29px;line-height:1.12}
body.teacher-profile-page main .num-home-section-title{font-size:22px;line-height:1.18}
body.teacher-profile-page main .num-home-section-text{margin-top:2px;font-size:14px;line-height:1.38}
body.teacher-profile-page main .num-text{font-size:15px;line-height:1.43}
body.teacher-profile-page main .num-lead{font-size:16px;line-height:1.45}
body.teacher-profile-page main .num-cta__title{font-size:19px;line-height:1.2}
body.teacher-profile-page main .num-cta__text{font-size:14px;line-height:1.4}
body.teacher-profile-page main .num-home-section-head{margin-bottom:6px}

/* Секції як окремі композиційні сцени */
body.teacher-profile-page #teacher-intro{background:linear-gradient(135deg,#edf7fc 0%,#fff 58%,#fff6e8 100%)}
body.teacher-profile-page #teacher-fit{background:#fff}
body.teacher-profile-page #teacher-method{background:linear-gradient(135deg,#edf7fc,#f8fcfe)}
body.teacher-profile-page #teacher-education{background:linear-gradient(135deg,#fff8eb,#fff)}
body.teacher-profile-page #teacher-level{background:linear-gradient(135deg,#eef7fb,#fff 70%)}
body.teacher-profile-page #teacher-feedbacks{background:#fff}
body.teacher-profile-page #teacher-competencies{background:#f5f8fa}
body.teacher-profile-page #teacher-actions{background:linear-gradient(120deg,#f4f9fc,#fff 48%,#fff5e7)}
body.teacher-profile-page #teacher-links{background:#f3f6f7}
body.teacher-profile-page #teacher-final-cta{background:linear-gradient(125deg,#075f91 0%,#087ab5 55%,#b86a09 150%)}

/* HERO: прибираємо зайву висоту і декоративні піктограми */
body.teacher-profile-page #teacher-intro .teacher-hero{grid-template-columns:minmax(0,1fr) 190px;gap:10px;align-items:start}
body.teacher-profile-page #teacher-intro .teacher-hero__content{padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 5px 16px rgba(20,70,100,.05)}
body.teacher-profile-page #teacher-intro .teacher-hero__eyebrow{display:inline-flex;margin:0 0 4px;padding:3px 7px;border-radius:999px;background:#e8f4fa;font-size:11px;line-height:1.2}
body.teacher-profile-page #teacher-intro .teacher-hero__eyebrow .num-code-icon{display:none}
body.teacher-profile-page #teacher-intro .teacher-hero__lead{margin:0 0 5px;font-size:16px;line-height:1.42}
body.teacher-profile-page #teacher-intro .teacher-photo{align-self:start;width:190px;max-width:190px;min-height:0;margin:0;border-radius:14px}
body.teacher-profile-page #teacher-intro .teacher-photo img{width:100%;height:auto;object-fit:cover}
body.teacher-profile-page #teacher-intro .teacher-photo__badge{left:7px;right:7px;bottom:7px;padding:6px 7px;border-radius:8px}
body.teacher-profile-page #teacher-intro .teacher-photo__badge strong{font-size:13px;line-height:1.2}
body.teacher-profile-page #teacher-intro .teacher-photo__badge span{margin-top:1px;font-size:10px;line-height:1.2}

/* Головна логіка педагога: текст + стрілки замість піктограм */
body.teacher-profile-page #teacher-intro .teacher-core-flow{grid-template-columns:minmax(0,.90fr) 16px minmax(0,1.08fr) 16px minmax(0,1.05fr) 16px minmax(0,.97fr);gap:4px;margin-top:8px}
body.teacher-profile-page #teacher-intro .teacher-core-step{min-height:0;padding:7px 8px;border-radius:9px;border-top:3px solid #0877b5;background:#f7fbfd}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(3){border-top-color:#6b8798;background:#f7f9fa}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(5){border-top-color:#d77a08;background:#fff8ed}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(7){border-top-color:#3f8061;background:#f1f8f4}
body.teacher-profile-page #teacher-intro .teacher-core-step__icon{display:none}
body.teacher-profile-page #teacher-intro .teacher-core-step strong{font-size:14px;line-height:1.2}
body.teacher-profile-page #teacher-intro .teacher-core-step span{margin-top:2px;font-size:11.5px;line-height:1.28}
body.teacher-profile-page #teacher-intro .teacher-core-arrow{font-size:16px}

/* Предмети: колір замість трьох великих піктограм */
body.teacher-profile-page #teacher-intro .teacher-subjects{gap:6px;margin-top:7px}
body.teacher-profile-page #teacher-intro .teacher-subject{display:block;padding:7px 9px;border-radius:9px}
body.teacher-profile-page #teacher-intro .teacher-subject:nth-child(1){background:#eef8fd;border-color:#c7e2ef}
body.teacher-profile-page #teacher-intro .teacher-subject:nth-child(2){background:#fff7e9;border-color:#ecd5af}
body.teacher-profile-page #teacher-intro .teacher-subject:nth-child(3){background:#eef8f3;border-color:#d2e5da}
body.teacher-profile-page #teacher-intro .teacher-subject__icon{display:none}
body.teacher-profile-page #teacher-intro .teacher-subject strong{font-size:14px;line-height:1.2;color:#24313d}
body.teacher-profile-page #teacher-intro .teacher-subject span{margin-top:2px;font-size:11px;line-height:1.25}

/* Коли педагог особливо доречний */
body.teacher-profile-page #teacher-fit .teacher-fit-grid{gap:6px;align-items:start}
body.teacher-profile-page #teacher-fit .teacher-fit-card{padding:9px 10px;border-radius:10px;box-shadow:none}
body.teacher-profile-page #teacher-fit .teacher-fit-card:nth-child(3n+1){background:#f3f9fc;border-color:#d3e6f0}
body.teacher-profile-page #teacher-fit .teacher-fit-card:nth-child(3n+2){background:#fff8ee;border-color:#ecdcc2}
body.teacher-profile-page #teacher-fit .teacher-fit-card:nth-child(3n){background:#f2f8f5;border-color:#d8e7df}
body.teacher-profile-page #teacher-fit .teacher-fit-card__icon{display:none}
body.teacher-profile-page #teacher-fit .teacher-fit-card h3{margin:0 0 3px;font-size:15px;line-height:1.22;color:#24313d}
body.teacher-profile-page #teacher-fit .teacher-fit-card p{font-size:13px;line-height:1.36;color:#596a76}

/* Методика: цифри вже виконують роль маркера, іконки зайві */
body.teacher-profile-page #teacher-method .num-home-major-card{padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.94)}
body.teacher-profile-page #teacher-method .teacher-method-flow{grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.08fr) minmax(0,.94fr) minmax(0,1.08fr) minmax(0,.95fr);gap:5px;margin-top:7px}
body.teacher-profile-page #teacher-method .teacher-method-step{min-width:0;padding:7px 6px;border-radius:9px;background:#fff}
body.teacher-profile-page #teacher-method .teacher-method-step__icon{display:none}
body.teacher-profile-page #teacher-method .teacher-method-step__number{display:flex;align-items:center;justify-content:center;width:23px;height:23px;margin:0 auto 4px;border-radius:50%;background:#0877b5;font-size:9px;color:#fff}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(n+4) .teacher-method-step__number{background:#d77800}
body.teacher-profile-page #teacher-method .teacher-method-step strong{font-size:13px;line-height:1.18}
body.teacher-profile-page #teacher-method .teacher-method-step span:last-child{margin-top:2px;font-size:11px;line-height:1.26}
body.teacher-profile-page #teacher-method .teacher-method-step:not(:last-child)::after{right:-8px;font-size:15px}

/* Освіта / професійна основа: змістовніша друга картка ширша */
body.teacher-profile-page #teacher-education .num-home-grid--2{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:6px;align-items:start}
body.teacher-profile-page #teacher-education .num-home-major-card{padding:9px 11px;border-radius:10px;box-shadow:none}
body.teacher-profile-page #teacher-education .num-home-major-card:first-child{background:#f2f8fc;border-color:#d1e4ef}
body.teacher-profile-page #teacher-education .num-home-major-card:last-child{background:#fff8ed;border-color:#ebd7b8}
body.teacher-profile-page #teacher-education .teacher-problem-stage__head{margin-bottom:4px}
body.teacher-profile-page #teacher-education .teacher-problem-stage__icon{display:none}
body.teacher-profile-page #teacher-education .num-title{font-size:18px}
body.teacher-profile-page #teacher-education .num-text,body.teacher-profile-page #teacher-education .num-lead{font-size:14px;line-height:1.38}

/* Рівень педагога */
body.teacher-profile-page #teacher-level .num-home-major-card{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.94)}
body.teacher-profile-page #teacher-level .teacher-hero__eyebrow{display:inline-flex;margin:0 0 4px;padding:3px 7px;border-radius:999px;background:#e7f3f9;font-size:11px}
body.teacher-profile-page #teacher-level .teacher-hero__eyebrow .num-code-icon{display:none}
body.teacher-profile-page #teacher-level .num-title--large{font-size:25px}
body.teacher-profile-page #teacher-level>.num-container>.num-home-major-card>.num-text{font-size:14.5px;line-height:1.4}
body.teacher-profile-page #teacher-level .teacher-level-flow{grid-template-columns:minmax(0,.95fr) 18px minmax(0,1.10fr) 18px minmax(0,.95fr);gap:4px;margin-top:7px}
body.teacher-profile-page #teacher-level .teacher-level-node{padding:8px 7px;border-radius:9px}
body.teacher-profile-page #teacher-level .teacher-level-node:nth-child(1){background:#f4f7f9}
body.teacher-profile-page #teacher-level .teacher-level-node:nth-child(3){background:#edf8fd;border-color:#c5e1ee}
body.teacher-profile-page #teacher-level .teacher-level-node:nth-child(5){background:#fff6e8;border-color:#ecd1a6}
body.teacher-profile-page #teacher-level .teacher-level-node strong{font-size:14px;line-height:1.18}
body.teacher-profile-page #teacher-level .teacher-level-node span{margin-top:2px;font-size:11px;line-height:1.25}
body.teacher-profile-page #teacher-level .teacher-level-arrow{font-size:16px}
body.teacher-profile-page #teacher-level .teacher-fit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;margin-top:8px!important;align-items:start}
body.teacher-profile-page #teacher-level .teacher-fit-card{padding:8px 9px;border-radius:9px}
body.teacher-profile-page #teacher-level .teacher-fit-card__icon{display:none}
body.teacher-profile-page #teacher-level .teacher-fit-card h3{margin:0 0 2px;font-size:14px;line-height:1.2}
body.teacher-profile-page #teacher-level .teacher-fit-card p{font-size:12px;line-height:1.3}

/* Відгуки */
body.teacher-profile-page #teacher-feedbacks .teacher-competency-details{border-radius:12px}
body.teacher-profile-page #teacher-feedbacks .teacher-competency-details>summary{padding:9px 12px;font-size:14px;line-height:1.25}
body.teacher-profile-page #teacher-feedbacks .teacher-competency-details>summary small{margin-top:2px;font-size:11px}
body.teacher-profile-page #teacher-feedbacks .teacher-competency-content{padding:8px}
body.teacher-profile-page #teacher-feedbacks .num-home-grid--2{align-items:start;gap:6px}
body.teacher-profile-page #teacher-feedbacks .num-card{align-self:start;padding:7px 8px}
body.teacher-profile-page #teacher-feedbacks .num-card .num-text{font-size:13px;line-height:1.36}
body.teacher-profile-page #teacher-feedbacks .num-card .num-note{margin-top:4px;font-size:10px;line-height:1.2}

/* Компетентності: лишаємо маленькі категорійні піктограми як навігаційні */
body.teacher-profile-page #teacher-competencies .teacher-competency-details{border-radius:12px}
body.teacher-profile-page #teacher-competencies .teacher-competency-details>summary{padding:9px 12px;font-size:14px;line-height:1.25}
body.teacher-profile-page #teacher-competencies .teacher-competency-details>summary small{margin-top:2px;font-size:11px}
body.teacher-profile-page #teacher-competencies .teacher-competency-content{padding:9px}
body.teacher-profile-page #teacher-competencies .teacher-competency-grid{gap:8px}
body.teacher-profile-page #teacher-competencies .teacher-competency-group h3{gap:5px;margin:0 0 4px;font-size:14px;line-height:1.2}
body.teacher-profile-page #teacher-competencies .teacher-competency-group h3 .num-code-icon{width:16px;height:16px}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table{font-size:11.5px}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table th,body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td{padding:5px 4px!important}

/* CTA: друга картка має більше тексту */
body.teacher-profile-page #teacher-actions .num-home-grid--2{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:6px;align-items:start}
body.teacher-profile-page #teacher-actions .num-cta,body.teacher-profile-page #teacher-actions .num-home-major-card{padding:9px 11px;border-radius:10px}
body.teacher-profile-page #teacher-actions .num-cta{background:linear-gradient(145deg,#edf8fe,#fff)}
body.teacher-profile-page #teacher-actions .num-home-major-card{background:linear-gradient(145deg,#fff7e9,#fff);border-color:#ecd5b1}
body.teacher-profile-page #teacher-actions .num-title{font-size:18px}
body.teacher-profile-page #teacher-actions .num-cta__title{font-size:18px}
body.teacher-profile-page #teacher-actions .num-text,body.teacher-profile-page #teacher-actions .num-cta__text{font-size:14px;line-height:1.38}

/* Системні переходи: колір і текст замість декоративних піктограм */
body.teacher-profile-page #teacher-links .num-home-grid--3{gap:6px}
body.teacher-profile-page #teacher-links .num-home-action__card{display:block;padding:9px 11px;border:1px solid var(--num-border);border-radius:10px;background:#fff;color:inherit;text-decoration:none}
body.teacher-profile-page #teacher-links .num-home-action__card:nth-child(1){background:#eef8fd;border-color:#c9e2ee}
body.teacher-profile-page #teacher-links .num-home-action__card:nth-child(2){background:#fff8ed;border-color:#ecd8b8}
body.teacher-profile-page #teacher-links .num-home-action__card:nth-child(3){background:#eef8f3;border-color:#d1e5da}
body.teacher-profile-page #teacher-links .teacher-fit-card__icon{display:none}
body.teacher-profile-page #teacher-links .num-title{margin-bottom:2px;font-size:16px}
body.teacher-profile-page #teacher-links .num-text{font-size:12.5px;line-height:1.34}

/* Фінальний CTA у логіці INDEX */
body.teacher-profile-page #teacher-final-cta .num-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 16px;padding:10px 13px;border:0;border-left:4px solid #d97b08;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 9px 24px rgba(0,0,0,.13)}
body.teacher-profile-page #teacher-final-cta .num-cta__title{grid-column:1;grid-row:1;margin:0;font-size:19px;color:#12334a}
body.teacher-profile-page #teacher-final-cta .num-cta__text{grid-column:1;grid-row:2;font-size:13.5px;line-height:1.36;color:#405766}
body.teacher-profile-page #teacher-final-cta .num-cta__actions{grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap}

}

/* Кінець кодової системи іконок */

/* =========================================================
   17. CHILDREN-HISTORY.HTML
   Двоколонкова база історій, «Запит / Результат»,
   розгорнуті кейси та адаптивність.
   ========================================================= */

#children-history-page .history-intro-card{position:relative;overflow:hidden}
#children-history-page .history-intro-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
#children-history-page .history-intro-step{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:rgba(255,255,255,.72)}
#children-history-page .history-intro-step__icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff}
#children-history-page .history-intro-step__icon .num-code-icon{width:21px;height:21px}
#children-history-page .history-intro-step strong{display:block;margin-bottom:4px}
#children-history-page .history-intro-step span{display:block;font-size:14px;line-height:1.45}

#children-history-page .history-meaning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#children-history-page .history-meaning-card{height:100%}
#children-history-page .history-meaning-card__icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-bottom:14px}
#children-history-page .history-meaning-card__icon .num-code-icon{width:24px;height:24px}

#children-history-page .history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
#children-history-page .history-card{display:flex;flex-direction:column;gap:16px;min-width:0;height:100%;padding:22px}
#children-history-page .history-card:has(details[open]){grid-column:1/-1}
#children-history-page .history-card__top{display:flex;gap:14px;align-items:center}
#children-history-page .history-card__avatar{flex:0 0 46px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(242,140,40,.12)}
#children-history-page .history-card__avatar .num-code-icon{width:24px;height:24px}
#children-history-page .history-card__identity{min-width:0}
#children-history-page .student-name{margin:0 0 4px}
#children-history-page .student-meta{margin:0;font-size:14px;line-height:1.4;opacity:.78}

#children-history-page .history-card__summary{display:grid;grid-template-columns:1fr;gap:12px}
#children-history-page .history-mini-card{padding:15px 16px;border-radius:15px;border:1px solid rgba(0,0,0,.07)}
#children-history-page .history-mini-card--request{background:rgba(6,113,180,.055)}
#children-history-page .history-mini-card--result{background:rgba(242,140,40,.075)}
#children-history-page .history-mini-card__head{display:flex;align-items:center;gap:8px;margin-bottom:7px}
#children-history-page .history-mini-card__icon{display:inline-flex;align-items:center;justify-content:center}
#children-history-page .history-mini-card__icon .num-code-icon{width:18px;height:18px}
#children-history-page .history-mini-card__text{margin:0;font-size:15px;line-height:1.55}

#children-history-page .history-card details{margin-top:auto}
#children-history-page .history-card details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-weight:700}
#children-history-page .history-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
#children-history-page .full-history-section{padding:18px;border-radius:16px;background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.06)}
#children-history-page .full-history-title{display:flex;align-items:center;gap:9px;margin-bottom:10px}
#children-history-page .full-history-title .num-code-icon{width:19px;height:19px}
#children-history-page .full-history-text{line-height:1.62}
#children-history-page .full-history-text ul{margin:0;padding-left:20px}

#children-history-page .history-counter-card{display:flex;align-items:center;justify-content:space-between;gap:18px}
#children-history-page .history-counter-card__number{font-size:46px;font-weight:800;line-height:1}
#children-history-page .history-counter-card__text{max-width:760px}

@media(max-width:900px){
    #children-history-page .history-intro-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
    #children-history-page .history-grid{grid-template-columns:1fr}
    #children-history-page .history-card:has(details[open]){grid-column:auto}
    #children-history-page .history-details-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
    #children-history-page .history-intro-flow{grid-template-columns:1fr}
    #children-history-page .history-meaning-grid{grid-template-columns:1fr}
    #children-history-page .history-counter-card{align-items:flex-start;flex-direction:column}
    #children-history-page .history-card{padding:17px}
}

/* INDEX — повний мобільний сценарій. Замінює попередню версію v2. */
@media (max-width:980px){

/* Чим НУМ відрізняється: 1 → 2, потім ↓ до спільного результату */
#why-num .num-difference__flow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 7px!important;align-items:stretch}
#why-num .num-difference__arrow{display:none!important}
#why-num .num-difference__card{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto 1fr;column-gap:7px;align-content:start;min-width:0;min-height:0;padding:9px 8px!important;border-radius:13px!important;box-shadow:none!important}
#why-num .num-difference__card:nth-of-type(1){grid-column:1;grid-row:1}
#why-num .num-difference__card:nth-of-type(2){grid-column:2;grid-row:1}
#why-num .num-difference__card:nth-of-type(3){grid-column:1/-1;grid-row:2;padding:9px 12px!important}
#why-num .num-difference__number{grid-column:1;grid-row:1/3;width:28px!important;height:28px!important;margin:0!important;font-size:12px}
#why-num .num-difference__icon{display:none!important}
#why-num .num-difference__card h3{grid-column:2;margin:0 0 3px!important;font-size:15px!important;line-height:1.18}
#why-num .num-difference__card p{grid-column:2;margin:0!important;font-size:13px!important;line-height:1.32}
#why-num .num-difference__card:nth-of-type(1)::after{content:"→"!important;position:absolute;top:50%;right:-14px;bottom:auto;z-index:3;transform:translateY(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#why-num .num-difference__card:nth-of-type(2)::after{content:"↓"!important;position:absolute;left:50%;right:auto;top:auto;bottom:-19px;z-index:3;transform:translateX(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#why-num .num-difference__card:nth-of-type(3)::after{content:none!important}
#why-num .num-difference__statement{margin-top:7px!important;padding:8px 10px!important;font-size:13px!important;line-height:1.35}

/* Формати навчання: чотири картки 2 × 2 */
#learning-formats-preview .num-format-grid-new{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#learning-formats-preview .num-format-new{display:flex!important;min-width:0!important;min-height:0!important;width:auto!important;padding:9px 8px!important;border-radius:13px!important;box-shadow:none!important}
#learning-formats-preview .num-format-new__top{min-height:22px;margin:0 0 4px!important;justify-content:flex-end!important}
#learning-formats-preview .num-format-new__icon{display:none!important}
#learning-formats-preview .num-format-new__tag{padding:3px 6px!important;font-size:11px!important;line-height:1.2}
#learning-formats-preview .num-format-new h3{margin:0 0 4px!important;font-size:15px!important;line-height:1.18}
#learning-formats-preview .num-format-new p{margin:0 0 5px!important;font-size:13px!important;line-height:1.32}
#learning-formats-preview .num-format-new__micro{gap:3px!important;margin:0 0 6px!important}
#learning-formats-preview .num-format-new__micro span{padding:2px 4px!important;font-size:10.5px!important;line-height:1.2}
#learning-formats-preview .num-format-new .num-link{margin-top:auto;font-size:12px!important;line-height:1.25}
}

@media (max-width:370px){
#why-num .num-difference__card p,#learning-formats-preview .num-format-new p{font-size:12px!important}
#why-num .num-difference__card h3,#learning-formats-preview .num-format-new h3{font-size:14px!important}
}

/* =========================================================
   Решта головної сторінки — двоколонкова мобільна композиція
   ========================================================= */
@media (max-width:980px){

/* Заявка + консультація: дві картки поруч; відкрита форма займає весь ряд */
#request-form-block .num-home-grid,#request-form-followup .num-home-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#request-form-block .num-home-action__card,#request-form-followup .num-home-action__card{min-width:0!important;padding:9px 8px!important;border-radius:13px!important}
#request-form-block .num-home-action__visual-icon,#request-form-followup .num-home-action__visual-icon{display:none!important}
#request-form-block .num-title,#request-form-followup h2{margin:0 0 4px!important;font-size:15px!important;line-height:1.2}
#request-form-block .num-text,#request-form-followup p{margin:0 0 6px!important;font-size:12.5px!important;line-height:1.34}
#request-form-block .num-details>summary{min-height:34px;padding:5px 26px 5px 7px!important;font-size:12.5px!important}
#request-form-block .num-callback__form,#request-form-followup .num-callback__form{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
#request-form-block .num-callback__input,#request-form-followup .num-callback__input{width:100%!important;min-width:0;height:34px;padding:5px 7px;font-size:12px}
#request-form-block .num-button,#request-form-followup .num-button{width:100%;min-height:34px!important;padding:5px 7px!important;font-size:12px!important;white-space:normal}
#request-form-block .num-home-action__card:has(.num-details[open]){grid-column:1/-1}

/* Глибина допомоги: I → II, потім ↓ до III */
#service-levels-preview .num-depth__map{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 7px!important;align-items:stretch}
#service-levels-preview .num-depth__arrow{display:none!important}
#service-levels-preview .num-depth__card{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr;column-gap:7px;align-content:start;position:relative;min-width:0;min-height:0;padding:9px 8px!important;border-radius:13px!important}
#service-levels-preview .num-depth__card:nth-of-type(1){grid-column:1;grid-row:1}
#service-levels-preview .num-depth__card:nth-of-type(2){grid-column:2;grid-row:1}
#service-levels-preview .num-depth__card:nth-of-type(3){grid-column:1/-1;grid-row:2;padding:9px 12px!important}
#service-levels-preview .num-depth__level{grid-column:1;grid-row:1/4;width:28px!important;height:28px!important;margin:0!important;font-size:12px!important}
#service-levels-preview .num-depth__card h3{grid-column:2;margin:0 0 3px!important;font-size:15px!important;line-height:1.18}
#service-levels-preview .num-depth__card p{grid-column:2;margin:0 0 5px!important;font-size:12.5px!important;line-height:1.32}
#service-levels-preview .num-depth__price{grid-column:2;margin-top:auto;padding-top:5px!important;font-size:11px!important}
#service-levels-preview .num-depth__card>details{grid-column:2;min-width:0}
#service-levels-preview .num-depth__price strong{font-size:14px!important}
#service-levels-preview .num-depth__card:nth-of-type(1)::after{content:"→";position:absolute;top:50%;right:-14px;z-index:3;transform:translateY(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#service-levels-preview .num-depth__card:nth-of-type(2)::after{content:"↓";position:absolute;left:50%;bottom:-19px;z-index:3;transform:translateX(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#service-levels-preview .nh2-center-link{margin-top:7px!important}

/* Предмет + ситуація = педагог */
#teacher-match .num-match__visual{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 7px!important;align-items:stretch}
#teacher-match .num-match__connector{display:none!important}
#teacher-match .num-match__node{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;column-gap:7px;align-content:start;position:relative;min-width:0;min-height:0;padding:9px 8px!important;border-radius:13px!important;box-shadow:none!important}
#teacher-match .num-match__node:nth-of-type(1){grid-column:1;grid-row:1}
#teacher-match .num-match__node:nth-of-type(2){grid-column:2;grid-row:1}
#teacher-match .num-match__node:nth-of-type(3){grid-column:1/-1;grid-row:2;padding:9px 12px!important}
#teacher-match .num-match__node-icon{display:none!important}
#teacher-match .num-match__node h3{grid-column:1/-1;margin:0 0 3px!important;font-size:15px!important;line-height:1.18}
#teacher-match .num-match__node p{grid-column:1/-1;margin:0!important;font-size:12.5px!important;line-height:1.32}
#teacher-match .num-match__node:nth-of-type(1)::after{content:"+";position:absolute;top:50%;right:-13px;z-index:3;transform:translateY(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#teacher-match .num-match__node:nth-of-type(2)::after{content:"=";position:absolute;left:50%;bottom:-19px;z-index:3;transform:translateX(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#teacher-match>div>div:last-child{margin-top:7px!important}

/* Коли варто дивитися глибше: змійка 1 → 2 ↓ 3 ← 4 */
#when-lessons-not-enough .num-when__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 7px!important}
#when-lessons-not-enough .num-when__case{display:grid!important;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)!important;gap:3px;align-items:center;position:relative;min-width:0;padding:8px 7px!important;border-radius:12px!important}
#when-lessons-not-enough .num-when__case:nth-of-type(1){grid-area:1/1}
#when-lessons-not-enough .num-when__case:nth-of-type(2){grid-area:1/2}
#when-lessons-not-enough .num-when__case:nth-of-type(3){grid-area:2/2}
#when-lessons-not-enough .num-when__case:nth-of-type(4){grid-area:2/1}
#when-lessons-not-enough .num-when__icon{display:none!important}
#when-lessons-not-enough .num-when__arrow{display:block!important;grid-column:2!important;transform:none!important;text-align:center;font-size:14px!important}
#when-lessons-not-enough .num-when__before{grid-column:1!important}
#when-lessons-not-enough .num-when__after{grid-column:3!important}
#when-lessons-not-enough .num-when__before span,#when-lessons-not-enough .num-when__after span{font-size:9.5px!important}
#when-lessons-not-enough .num-when__before strong,#when-lessons-not-enough .num-when__after strong{font-size:11.5px!important;line-height:1.24}
#when-lessons-not-enough .num-when__case:nth-of-type(1)::after{content:"→";position:absolute;top:50%;right:-14px;z-index:3;transform:translateY(-50%);color:#ffc078;font-size:19px;font-weight:900}
#when-lessons-not-enough .num-when__case:nth-of-type(2)::after{content:"↓";position:absolute;left:50%;bottom:-21px;z-index:3;transform:translateX(-50%);color:#ffc078;font-size:19px;font-weight:900}
#when-lessons-not-enough .num-when__case:nth-of-type(3)::after{content:"←";position:absolute;top:50%;left:-14px;z-index:3;transform:translateY(-50%);color:#ffc078;font-size:19px;font-weight:900}
#when-lessons-not-enough .num-when__final{margin-top:7px!important;padding:8px 10px!important;border-radius:11px!important;font-size:13px!important;line-height:1.35}

/* Маршрут роботи: змійка 01 → 02 ↓ 03 ← 04 */
#process .num-mechanism__rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 7px!important}
#process .num-mechanism__arrow{display:none!important}
#process .num-mechanism__step{display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;gap:2px 6px;position:relative;min-width:0;min-height:0;padding:9px 8px!important;border-radius:12px!important;box-shadow:none!important}
#process .num-mechanism__step:nth-of-type(1){grid-area:1/1}
#process .num-mechanism__step:nth-of-type(2){grid-area:1/2}
#process .num-mechanism__step:nth-of-type(3){grid-area:2/2}
#process .num-mechanism__step:nth-of-type(4){grid-area:2/1}
#process .num-mechanism__step>span{grid-column:1;grid-row:1/3;margin:0!important;font-size:10px!important}
#process .num-mechanism__step h3{grid-column:2;margin:0 0 2px!important;font-size:15px!important;line-height:1.18}
#process .num-mechanism__step p{grid-column:2;margin:0!important;font-size:12px!important;line-height:1.3}
#process .num-mechanism__step:nth-of-type(1)::after{content:"→";position:absolute;top:50%;right:-14px;z-index:3;transform:translateY(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#process .num-mechanism__step:nth-of-type(2)::after{content:"↓";position:absolute;left:50%;bottom:-21px;z-index:3;transform:translateX(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#process .num-mechanism__step:nth-of-type(3)::after{content:"←";position:absolute;top:50%;left:-14px;z-index:3;transform:translateY(-50%);color:var(--story-orange);font-size:19px;font-weight:900}
#process .num-mechanism__step:nth-of-type(4)::after{content:none!important}
#process>div>div:last-child{margin-top:7px!important}

/* Результати + відгуки: дві паралельні картки */
#home-proof .num-results-new{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#home-proof .num-results-new__scores,#home-proof .num-results-new__reviews{min-width:0;padding:9px 8px!important;border-radius:13px!important;box-shadow:none!important}
#home-proof .num-results-new h2{font-size:15px!important;line-height:1.2}
#home-proof .num-results-new__numbers{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;margin:6px 0!important}
#home-proof .num-results-new__number{min-width:0;padding:6px 1px!important;border-radius:7px!important}
#home-proof .num-results-new__number strong{font-size:14px!important}
#home-proof .num-results-new__number span{font-size:7.5px!important}
#home-proof .num-results-new p{font-size:11.5px!important;line-height:1.3}
#home-proof .num-results-new .num-link,#home-proof .num-details>summary{font-size:11px!important}
#home-proof .num-results-new__reviews:has(.num-details[open]){grid-column:1/-1}

/* Батьки + педагоги: дві картки поруч */
#num-programs .num-home-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#num-programs .num-home-audience-card{display:flex!important;flex-direction:column;align-items:flex-start;min-width:0;min-height:0;padding:9px 8px!important;gap:5px!important;border-radius:13px!important}
#num-programs .num-home-audience-card__label{align-self:flex-start;min-width:0;padding:4px 7px!important;font-size:10.5px!important}
#num-programs .num-home-audience-card__label .num-code-icon{display:none!important}
#num-programs .num-home-audience-card__content h3{margin:0 0 3px!important;font-size:14px!important;line-height:1.2}
#num-programs .num-home-audience-card--parents .num-home-audience-card__content h3+h3{display:none}
#num-programs .num-home-audience-card__content p{margin:0!important;font-size:12px!important;line-height:1.32}
#num-programs .num-home-audience-card__link{align-self:stretch;min-height:30px;margin-top:auto;padding:4px 6px!important;font-size:11px!important}

/* Три системні переходи: два поруч + один широкий */
#home-system-links .num-depth-links,#home-support-system .num-depth-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#home-system-links .num-depth-link,#home-support-system .num-depth-link{display:flex!important;position:relative;min-width:0;min-height:0;padding:9px 8px!important;border-radius:12px!important;box-shadow:none!important}
#home-system-links .num-depth-link:nth-child(3),#home-support-system .num-depth-link:nth-child(3){grid-column:1/-1}
#home-system-links .num-depth-link__icon,#home-support-system .num-depth-link__icon{display:none!important}
#home-system-links .num-depth-link h3,#home-support-system .num-depth-link h3{margin:0 0 3px!important;font-size:14px!important;line-height:1.2}
#home-system-links .num-depth-link p,#home-support-system .num-depth-link p{margin:0 0 4px!important;font-size:12px!important;line-height:1.32}
#home-system-links .num-depth-link b{margin-top:auto;font-size:11px!important}
#home-support-system .num-difference__statement{margin-top:7px!important;padding:8px 10px!important;font-size:13px!important;line-height:1.35}

/* Відео: 2 × 2 */
#num-video-showcase .num-home-video-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#num-video-showcase .num-home-video-card__title{padding:5px 6px!important;font-size:11.5px!important;line-height:1.24}
#num-video-showcase .num-home-video-card__play{width:34px!important;height:34px!important;font-size:14px!important}

/* Фінальний заклик: текст і дії в одному горизонтальному блоці */
#home-final-cta .num-home-final-cta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:7px!important;padding:9px 10px!important}
#home-final-cta .num-home-final-cta__icon{display:none!important}
#home-final-cta .num-home-final-cta h2{font-size:16px!important}
#home-final-cta .num-home-final-cta p{font-size:12px!important;line-height:1.3}
#home-final-cta .num-home-final-cta__actions{width:auto!important;flex-direction:column;align-items:stretch;gap:4px!important}
#home-final-cta .num-home-final-cta__actions .num-button{min-height:32px;padding:4px 7px;font-size:11px;white-space:nowrap}

/* Наші можливості: змістовий перелік теж залишається у двох колонках */
#our-capabilities{margin:18px auto 12px!important;padding:0 10px!important}
#our-capabilities .num-capabilities__head{margin-bottom:9px!important}
#our-capabilities .num-capabilities__head h2{font-size:23px!important}
#our-capabilities .num-capabilities__head p{font-size:13px!important;line-height:1.38}
#our-capabilities .num-capabilities__details summary{padding:10px!important;font-size:13px!important}
#our-capabilities .num-capabilities__content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:4px 7px 8px!important}
#our-capabilities .num-capability{display:block!important;min-width:0;padding:8px!important;border-radius:10px!important}
#our-capabilities .num-capability__icon{display:none!important}
#our-capabilities .num-capability h3{margin:0 0 3px!important;font-size:13px!important;line-height:1.22}
#our-capabilities .num-capability p{margin:0!important;font-size:11px!important;line-height:1.32}
#our-capabilities .num-capabilities__more{grid-column:1/-1;padding:9px!important}
}

@media (max-width:370px){
#request-form-block .num-text,#request-form-followup p,#service-levels-preview .num-depth__card p,#teacher-match .num-match__node p{font-size:11.5px!important}
#when-lessons-not-enough .num-when__before strong,#when-lessons-not-enough .num-when__after strong{font-size:10.5px!important}
#home-proof .num-results-new__number span{font-size:7px!important}
#our-capabilities .num-capability p{font-size:10px!important}
}

/* =========================================================
   NUM-PEDAGOG — фінальний мобільний сценарій
   Тримати після базових стилів сторінки; HTML змінювати не потрібно
   ========================================================= */
@media (max-width:980px){

/* Загальний ритм сторінки */
#subject-directions,#teacher-selection-cta-bottom,#num-pedagog-info,#pedagog-capabilities{padding-top:12px!important;padding-bottom:12px!important}
#subject-directions .num-container,#teacher-selection-cta-bottom .num-container,#num-pedagog-info .num-container,#pedagog-capabilities .num-container{padding-left:9px;padding-right:9px}
#subject-directions .num-title--large{font-size:23px!important;line-height:1.16}
#subject-directions .num-text,#teacher-selection-cta-bottom .num-text,#num-pedagog-info .num-text{font-size:13px!important;line-height:1.38}

/* Предмети: компактна сітка 4 × 2; багатослівні назви складаються за словами */
#subject-directions>.num-container>.num-home-major-card{padding:10px!important;border-radius:13px}
#subject-directions .num-subject-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch;gap:5px 3px!important;margin-top:7px!important}
#subject-directions .num-subject-button{justify-self:center;align-self:stretch;justify-content:center!important;width:fit-content;max-width:100%;min-width:62px;min-height:44px!important;padding:4px 5px!important;font-size:11.5px!important;line-height:1.12;text-align:center}
#subject-directions .num-subject-button__icon{display:none!important}
#subject-directions .num-subject-button>span:last-child{display:block;width:min-content;max-width:100%;margin:auto;white-space:normal;text-align:center;hyphens:none}

/* Панель вибраного предмета */
#subject-directions .num-subject-panel{margin-top:7px!important;padding:7px!important;border-radius:12px}
#subject-directions .num-subject-panel__title{margin:0 0 2px!important;font-size:19px!important}
#subject-directions .num-subject-panel__intro{margin:0 0 6px!important;font-size:12.5px!important;line-height:1.34}
#subject-directions .num-teacher-list{gap:7px!important}

/* Картка педагога: педагог | ціна; нижче ситуації */
#subject-directions .num-teacher-row{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;grid-template-areas:"identity price" "help help";gap:6px!important;align-items:stretch;min-width:0;padding:7px!important;border-radius:12px!important;box-shadow:none!important}
#subject-directions .num-teacher-row__identity{grid-area:identity;min-width:0;padding:4px!important;border:1px solid #e2ebf1;border-radius:9px;background:#fff;text-align:center}
#subject-directions .num-teacher-row__photo{width:70px!important;height:70px!important;margin:0 auto 3px!important;border-width:3px!important;border-radius:12px!important}
#subject-directions .num-teacher-row__name{margin:0 0 2px!important;font-size:13.5px!important;line-height:1.18}
#subject-directions .num-teacher-row__subjects{max-width:none!important;margin:0!important;font-size:10.5px!important;line-height:1.28}
#subject-directions .num-teacher-row__profile{margin-top:4px!important;padding:3px 5px!important;font-size:10.5px!important;line-height:1.2}

/* Ціна й рівні у правій верхній частині */
#subject-directions .num-teacher-row__price{grid-area:price;min-width:0;margin:0!important;padding:5px!important;border-radius:9px!important}
#subject-directions .num-teacher-row__price-title{margin-bottom:3px!important;font-size:12px!important}
#subject-directions .num-teacher-row__price .num-home-process{gap:3px!important}
#subject-directions .num-teacher-row__price .num-home-process__item{grid-template-columns:23px minmax(0,1fr)!important;gap:4px!important;min-width:0;padding:4px!important;border-radius:6px!important}
#subject-directions .num-teacher-row__price .num-home-process__number{width:22px!important;height:22px!important;font-size:9px!important}
#subject-directions .num-teacher-row__price .num-home-process__item strong{font-size:12.5px!important;line-height:1.15}
#subject-directions .num-teacher-row__price .num-home-process__item p{margin:1px 0 0!important;font-size:9.5px!important;line-height:1.24}
#subject-directions .num-teacher-row__price-note{margin-top:3px!important;padding:3px!important;font-size:9.5px!important;line-height:1.25}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line{gap:3px!important;padding:4px!important}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line span{font-size:10px!important}
#subject-directions .num-teacher-row__price--special .num-teacher-row__price-line strong{font-size:12px!important}

/* «Зараз → після роботи»: дві картки в ряд */
#subject-directions .num-teacher-row__help{grid-area:help;padding:0!important;border:0!important}
#subject-directions .num-home-change-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
#subject-directions .num-home-change{display:grid!important;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)!important;gap:2px!important;align-items:stretch;min-width:0;padding:0!important;border:1px solid #e5ebef!important;border-radius:8px!important;background:#fff!important;overflow:hidden}
#subject-directions .num-home-change:last-child:nth-child(odd){grid-column:1/-1}
#subject-directions .num-home-change>div:not(.num-home-change__arrow){min-width:0;min-height:0!important;padding:5px!important;border:0!important;border-radius:0!important}
#subject-directions .num-home-change>div:first-child{background:#fff7f0!important}
#subject-directions .num-home-change>div:last-child{background:#f2faf4!important}
#subject-directions .num-home-change strong{display:block!important;margin:0 0 2px!important;font-size:8.5px!important;line-height:1.15;letter-spacing:.02em}
#subject-directions .num-home-change strong .num-code-icon{display:none!important}
#subject-directions .num-home-change span{font-size:10.5px!important;line-height:1.25!important}
#subject-directions .num-home-change__arrow{display:flex!important;align-items:center;justify-content:center;width:14px!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:0!important;transform:none!important;background:#fff!important;font-size:12px!important}

/* Заявка + консультація: дві картки поруч */
#teacher-selection-cta-bottom .num-home-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#teacher-selection-cta-bottom .num-home-action__card{min-width:0;padding:9px 8px!important;border-radius:12px!important}
#teacher-selection-cta-bottom .num-cta__title,#teacher-selection-cta-bottom .num-title{margin:0 0 4px!important;font-size:14.5px!important;line-height:1.2}
#teacher-selection-cta-bottom h2 .num-code-icon{display:none!important}
#teacher-selection-cta-bottom .num-cta__text,#teacher-selection-cta-bottom .num-text{margin:0 0 6px!important;font-size:12px!important;line-height:1.32}
#teacher-selection-cta-bottom .num-callback__form{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
#teacher-selection-cta-bottom .num-callback__input{width:100%!important;min-width:0;height:34px;padding:5px 7px;font-size:12px}
#teacher-selection-cta-bottom .num-button{width:100%;min-height:34px!important;padding:5px 7px!important;font-size:11.5px!important;white-space:normal}

/* Підбір педагога + психологічний супровід: дві колонки */
#num-pedagog-info>.num-container>.num-home-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#num-pedagog-info .num-home-major-card{min-width:0;padding:9px 8px!important;border-radius:12px!important}
#num-pedagog-info .num-home-major-card:has(.num-details[open]){grid-column:1/-1}
#num-pedagog-info .num-home-proof-card__eyebrow{padding:3px 6px!important;font-size:9.5px!important}
#num-pedagog-info .num-title{margin:0 0 3px!important;font-size:15.5px!important;line-height:1.18}
#num-pedagog-info .num-home-major-card>.num-text{margin:0 0 5px!important;font-size:11.5px!important;line-height:1.32}

/* Маршрути всередині двох карток */
#num-pedagog-info .num-home-solution-flow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 5px!important;margin:7px 0!important}
#num-pedagog-info .num-home-solution-flow b{display:none!important}
#num-pedagog-info .num-home-solution-flow span{position:relative;min-width:0;min-height:0!important;padding:6px 4px!important;border-radius:7px!important;font-size:10px!important;line-height:1.22!important;box-shadow:none!important}
#num-pedagog-info .num-home-solution-flow span i{display:none!important}
#num-pedagog-info .num-home-solution-flow span:nth-of-type(1){grid-area:1/1}
#num-pedagog-info .num-home-solution-flow span:nth-of-type(2){grid-area:1/2}
#num-pedagog-info .num-home-solution-flow span:nth-of-type(3){grid-area:2/2}
#num-pedagog-info .num-home-solution-flow span:nth-of-type(4){grid-area:2/1}
#num-pedagog-intro .num-home-solution-flow span:nth-of-type(5){grid-area:3/1/4/3}
#num-pedagog-info .num-home-solution-flow span:nth-of-type(1)::after{content:"→";position:absolute;top:50%;right:-12px;z-index:2;transform:translateY(-50%);color:var(--num-orange);font-size:15px;font-weight:900}
#num-pedagog-info .num-home-solution-flow span:nth-of-type(2)::after{content:"↓";position:absolute;left:50%;bottom:-16px;z-index:2;transform:translateX(-50%);color:var(--num-orange);font-size:15px;font-weight:900}
#num-pedagog-info .num-home-solution-flow span:nth-of-type(3)::after{content:"←";position:absolute;top:50%;left:-12px;z-index:2;transform:translateY(-50%);color:var(--num-orange);font-size:15px;font-weight:900}
#num-pedagog-intro .num-home-solution-flow span:nth-of-type(4)::after{content:"↓";position:absolute;left:50%;bottom:-16px;z-index:2;transform:translateX(-50%);color:var(--num-orange);font-size:15px;font-weight:900}

/* Внутрішні картки та розкривні пояснення */
#num-pedagog-info #teacher-selection-cta-top{padding:6px!important;border-radius:8px!important}
#num-pedagog-info #teacher-selection-cta-top .num-text{font-size:10.5px!important;line-height:1.28}
#num-pedagog-info .num-details>summary{padding:5px 25px 5px 6px!important;font-size:11px!important}
#psychological-support>.num-card{margin-top:5px!important;padding:6px!important}
#psychological-support>.num-card>.num-row{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:6px!important;text-align:left!important}
#psychological-support>.num-card>.num-row .num-teacher-row__photo{width:50px!important;height:50px!important;margin:0!important;border-width:2px!important}
#psychological-support .num-subtitle{margin:0!important;font-size:13px!important}
#psychological-support .num-home-myths{gap:3px!important;margin-top:3px!important;justify-content:flex-start!important}
#psychological-support .num-home-myths span{padding:2px 4px!important;font-size:8.5px!important}
#psychological-support .num-note{margin-top:5px!important;padding:6px!important}
#psychological-support .num-note p{font-size:10.5px!important;line-height:1.3}

/* Наші можливості: 22 напрями у двох колонках */
#pedagog-capabilities{margin:16px auto 12px!important;padding:0!important}
#pedagog-capabilities .num-capabilities__head{margin-bottom:8px!important}
#pedagog-capabilities .num-capabilities__head h2{font-size:22px!important}
#pedagog-capabilities .num-capabilities__head p{font-size:12.5px!important;line-height:1.34}
#pedagog-capabilities .num-capabilities__details{border-radius:13px!important}
#pedagog-capabilities .num-capabilities__details summary{padding:9px!important;font-size:12px!important}
#pedagog-capabilities .num-capabilities__details summary small{font-size:9px!important}
#pedagog-capabilities .num-capabilities__content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:5px 7px 8px!important}
#pedagog-capabilities .num-capability{display:block!important;min-width:0;padding:8px!important;border-radius:9px!important}
#pedagog-capabilities .num-capability__icon{display:none!important}
#pedagog-capabilities .num-capability h3{margin:0 0 3px!important;font-size:12.5px!important;line-height:1.22}
#pedagog-capabilities .num-capability p{margin:0!important;font-size:10.5px!important;line-height:1.3}
#pedagog-capabilities .num-capabilities__more{grid-column:1/-1;padding:8px!important;font-size:11px!important}
}

@media (max-width:370px){
#subject-directions .num-teacher-row__photo{width:62px!important;height:62px!important}
#subject-directions .num-home-change span{font-size:9.5px!important}
#subject-directions .num-teacher-row__price .num-home-process__item p{font-size:8.5px!important}
#num-pedagog-info .num-home-solution-flow span{font-size:9px!important}
#pedagog-capabilities .num-capability p{font-size:9.5px!important}
}

/* =========================================================
   PRICES — фінальний мобільний сценарій
   Тримати після базових стилів сторінки; HTML змінювати не потрібно
   ========================================================= */
@media (max-width:980px){

/* Загальний ритм */
.prices-modern{padding-top:12px!important;padding-bottom:12px!important}
.prices-modern .num-container{padding-left:9px;padding-right:9px}
.prices-modern .num-home-section-head{margin-bottom:7px!important;align-items:flex-start}
.prices-modern .num-home-section-title{font-size:21px!important;line-height:1.16}
.prices-modern .num-home-section-text{margin-top:2px!important;font-size:12.5px!important;line-height:1.32}
.prices-modern .num-text{font-size:12.5px!important;line-height:1.35}

/* Верхній блок: заголовок і дія; три короткі правила в один ряд */
#financial-hub .prices-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center;padding:10px!important;border-radius:13px!important}
#financial-hub .prices-hero__content{grid-column:1;display:block!important;min-width:0}
#financial-hub .prices-hero__icon{display:none!important}
#financial-hub .prices-hero .num-home-proof-card__eyebrow{margin-bottom:3px!important;font-size:9.5px!important}
#financial-hub .prices-hero .num-title{margin:0 0 3px!important;font-size:20px!important;line-height:1.15}
#financial-hub .prices-hero .num-text{margin:0!important;font-size:11.5px!important;line-height:1.3}
#financial-hub .prices-hero__facts{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
#financial-hub .prices-fact{min-width:0;min-height:0!important;padding:6px 4px!important;border-radius:8px!important}
#financial-hub .prices-fact i{display:none!important}
#financial-hub .prices-fact strong{font-size:12px!important;line-height:1.16}
#financial-hub .prices-fact span{margin-top:2px!important;font-size:9.5px!important;line-height:1.2}
#financial-hub .num-home-final-cta__actions{grid-column:2;grid-row:1;width:auto!important}
#financial-hub .num-home-final-cta__actions .num-button{min-height:34px;padding:5px 7px!important;font-size:10.5px!important;line-height:1.2;white-space:normal}

/* Знижки | бонуси; оплата широким завершенням */
#financial-main .prices-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#financial-main .prices-feature-card{position:relative;min-width:0;min-height:0!important;padding:9px 8px!important;border-radius:12px!important;box-shadow:none!important}
#financial-main .prices-feature-card--discount{grid-column:1;grid-row:1}
#financial-main .prices-feature-card--bonus{grid-column:2;grid-row:1}
#financial-main .prices-feature-card--payment{grid-column:1/-1;grid-row:2}
#financial-main .prices-feature-card__icon{display:none!important}
#financial-main .num-home-system-card__number{top:6px!important;right:7px!important;font-size:20px!important}
#financial-main .prices-feature-card__label{margin-bottom:3px!important;padding:2px 5px!important;font-size:9.5px!important}
#financial-main .prices-feature-card h3{max-width:88%;margin:0 0 5px!important;font-size:14.5px!important;line-height:1.2}
#financial-main .prices-feature-card>.num-text{margin:5px 0!important;font-size:11.5px!important;line-height:1.3}

/* Короткі правила знижки та бонусу */
#financial-main .prices-big-rule{gap:5px!important;margin:5px 0!important;padding:6px!important;border-radius:7px!important}
#financial-main .prices-big-rule strong{font-size:25px!important}
#financial-main .prices-big-rule span{font-size:11px!important}
#financial-main .prices-gift-rule{gap:6px!important;margin:5px 0!important;padding:6px!important;border-radius:7px!important}
#financial-main .prices-gift-rule__number{flex-basis:32px!important;width:32px!important;height:32px!important;font-size:19px!important}
#financial-main .prices-gift-rule strong{font-size:12px!important;line-height:1.18}
#financial-main .prices-gift-rule span{font-size:9.5px!important;line-height:1.2}
#financial-main .prices-inline-note{gap:3px!important;margin:4px 0!important;padding:5px!important;font-size:10px!important;line-height:1.25}
#financial-main .prices-inline-note i{display:none!important}

/* Шкала знижок */
#financial-main .prices-discount-preview{margin:5px 0!important;border-radius:7px!important}
#financial-main .prices-discount-preview__head,#financial-main .prices-discount-preview__row{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr)!important;gap:2px!important;padding:3px!important}
#financial-main .prices-discount-preview__head{font-size:7.5px!important;line-height:1.15}
#financial-main .prices-discount-preview__row strong{font-size:12px!important}
#financial-main .prices-discount-preview__row span{padding:2px!important;font-size:9px!important;line-height:1.15}
#financial-main .num-details>summary{min-height:30px;padding:4px 24px 4px 6px!important;font-size:10.5px!important}

/* Оплата: уся послідовність в один горизонтальний ряд */
#financial-terms-payment .prices-payment-flow{display:grid!important;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr)!important;gap:3px!important;margin:6px 0!important}
#financial-terms-payment .prices-payment-flow>div{min-width:0;min-height:45px!important;padding:5px 3px!important;border-radius:7px!important}
#financial-terms-payment .prices-payment-flow>div i{display:none!important}
#financial-terms-payment .prices-payment-flow>div strong{font-size:10.5px!important;line-height:1.18}
#financial-terms-payment .prices-payment-flow>b{transform:none!important;font-size:13px!important}
#financial-terms-payment .prices-pay-actions{gap:4px!important;margin-top:5px!important}
#financial-terms-payment .payment-methods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
#financial-terms-payment .prices-payment-method{min-width:0;padding:6px!important}
#financial-terms-payment .prices-payment-method__icon{display:none!important}

/* Організаційні правила: широкий блок і дві картки під ним */
#financial-rules .prices-rules-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#financial-rules .prices-rule-card{position:relative;min-width:0;min-height:0!important;padding:9px 8px!important;border-radius:12px!important;box-shadow:none!important}
#financial-rules .prices-rule-card--cancel{grid-column:1/-1;grid-row:1}
#financial-rules .prices-rule-card--contract{grid-column:1;grid-row:2}
#financial-rules .prices-rule-card--manager{grid-column:2;grid-row:2}
#financial-rules .prices-feature-card__icon{display:none!important}
#financial-rules .num-home-system-card__number{top:6px!important;right:7px!important;font-size:20px!important}
#financial-rules .prices-rule-card h3{max-width:88%;margin:0 0 5px!important;font-size:14.5px!important;line-height:1.2}
#financial-rules .num-details>summary{min-height:30px;padding:4px 24px 4px 6px!important;font-size:10.5px!important}

/* Скасування: дві умови та три наслідки в ряд */
#financial-terms-cancellations .prices-time-rule{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:5px 0!important}
#financial-terms-cancellations .prices-time-rule>div{min-width:0;min-height:48px!important;padding:5px!important;border-radius:7px!important}
#financial-terms-cancellations .prices-time-rule i{display:none!important}
#financial-terms-cancellations .prices-time-rule strong{font-size:14px!important;line-height:1.15}
#financial-terms-cancellations .prices-time-rule span{margin-top:2px!important;font-size:10px!important;line-height:1.2}
#financial-terms-cancellations .prices-consequence-flow{display:grid!important;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1.2fr)!important;gap:3px!important;margin:5px 0!important}
#financial-terms-cancellations .prices-consequence-flow>div{min-width:0;min-height:45px!important;padding:4px!important;border-radius:7px!important}
#financial-terms-cancellations .prices-consequence-flow span{font-size:9px!important;line-height:1.15}
#financial-terms-cancellations .prices-consequence-flow strong{margin-top:2px!important;font-size:11.5px!important;line-height:1.16}
#financial-terms-cancellations .prices-consequence-flow>b{transform:none!important;font-size:13px!important}

/* Договір | менеджер: короткі горизонтальні компоненти */
#financial-contract .prices-simple-visual,#financial-manager .prices-simple-visual{display:block!important;margin:5px 0!important;padding:6px!important;border-radius:7px!important}
#financial-contract .prices-simple-visual>i,#financial-manager .prices-simple-visual>i{display:none!important}
#financial-contract .prices-simple-visual strong,#financial-manager .prices-simple-visual strong{font-size:11.5px!important;line-height:1.2}
#financial-contract .prices-simple-visual span,#financial-manager .prices-simple-visual span{font-size:9.5px!important;line-height:1.22}
#financial-contract .prices-card-button{width:100%;min-height:33px;margin-top:auto!important;padding:5px!important;font-size:10.5px!important;white-space:normal}
#financial-manager .prices-manager-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;margin-top:auto!important}
#financial-manager .prices-manager-actions .num-button{min-height:33px;padding:5px!important;font-size:10.5px!important;white-space:normal}
#financial-manager .prices-manager-actions .num-link{font-size:10px!important;line-height:1.2}

/* Нижній CTA: текст і дві дії в одному рядку */
#prices-page-cta .prices-bottom-cta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:7px!important;padding:9px!important;border-radius:12px!important}
#prices-page-cta .prices-bottom-cta__icon{display:none!important}
#prices-page-cta .prices-bottom-cta h2{margin:0 0 2px!important;font-size:16px!important;line-height:1.18}
#prices-page-cta .prices-bottom-cta p{margin:0!important;font-size:11.5px!important;line-height:1.3}
#prices-page-cta .num-home-final-cta__actions{grid-column:2!important;display:flex!important;flex-direction:row!important;width:auto!important;gap:4px!important}
#prices-page-cta .num-home-final-cta__actions .num-button{min-height:32px;padding:4px 6px!important;font-size:10.5px!important;white-space:nowrap}
}

@media (max-width:370px){
#financial-hub .prices-hero{grid-template-columns:1fr!important}
#financial-hub .num-home-final-cta__actions{grid-column:1;grid-row:3}
#financial-hub .num-home-final-cta__actions .num-button{width:100%}
#financial-main .prices-feature-card h3,#financial-rules .prices-rule-card h3{font-size:13.5px!important}
#financial-main .prices-inline-note{font-size:9px!important}
#financial-terms-cancellations .prices-consequence-flow strong{font-size:10.5px!important}
#prices-page-cta .prices-bottom-cta{grid-template-columns:1fr!important}
#prices-page-cta .num-home-final-cta__actions{grid-column:1!important}
}

/* =========================================================
   MYKHAILO-KOMAR-FOR-PARENTS — INDEPENDENT PAGE DESIGN
   Header, menu and global site typography remain shared.
   Everything below the menu is scoped to #mkp-page.
   ========================================================= */

#mkp-page{
  --mkp-blue:var(--num-blue,#0671b4);
  --mkp-blue-dark:var(--num-blue-dark,#055a8f);
  --mkp-orange:var(--num-orange,#f99a11);
  --mkp-orange-dark:var(--num-orange-dark,#b85f00);
  --mkp-text:var(--num-text,#334155);
  --mkp-text-dark:var(--num-text-dark,#1f2937);
  --mkp-muted:var(--num-text-muted,#667085);
  --mkp-border:var(--num-border,#dce5eb);
  --mkp-border-blue:var(--num-border-blue,#bfd9e8);
  --mkp-blue-soft:var(--num-blue-soft,#eef7ff);
  --mkp-orange-soft:var(--num-orange-soft,#fff8ef);
  --mkp-title:var(--num-font-title,Jura,sans-serif);
  --mkp-bold:var(--num-font-bold,OpenSansBold,Arial,sans-serif);
  --mkp-font:var(--num-font-text,OpenSans,Arial,sans-serif);
  color:var(--mkp-text);
  font-family:var(--mkp-font);
}

#mkp-page *,#mkp-page *::before,#mkp-page *::after{box-sizing:border-box}
#mkp-page a{text-decoration:none}
#mkp-page img{max-width:100%}

#mkp-page .mkp-section{padding:9px 0;border-top:1px solid rgba(15,50,75,.055)}
#mkp-page .mkp-section:first-child{border-top:0}
#mkp-page .mkp-container{width:100%;max-width:1180px;margin:0 auto;padding:0 10px}

#mkp-page .mkp-kicker{display:inline-flex;align-items:center;margin:0 0 4px;padding:3px 8px;border-radius:999px;background:var(--mkp-blue-soft);font-family:var(--mkp-bold);font-size:12px;line-height:1.2;letter-spacing:.02em;color:var(--mkp-blue)}
#mkp-page .mkp-title{margin:0;font-family:var(--mkp-title);font-size:30px;line-height:1.12;font-weight:400;color:var(--mkp-text-dark)}
#mkp-page .mkp-h2{margin:0;font-family:var(--mkp-title);font-size:21px;line-height:1.18;font-weight:400;color:var(--mkp-blue)}
#mkp-page .mkp-h3{margin:0;font-family:var(--mkp-bold);font-size:14px;line-height:1.22;color:var(--mkp-text-dark)}
#mkp-page .mkp-lead{margin:6px 0 0;font-size:15px;line-height:1.42;color:var(--mkp-text)}
#mkp-page .mkp-text{margin:4px 0 0;font-size:13px;line-height:1.38;color:var(--mkp-text)}
#mkp-page .mkp-muted{font-size:12px;line-height:1.2;color:var(--mkp-muted)}
#mkp-page .mkp-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-bottom:6px}
#mkp-page .mkp-head p{margin:2px 0 0;font-size:12.5px;line-height:1.3;color:var(--mkp-muted)}
#mkp-page .mkp-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
#mkp-page .mkp-link{font-family:var(--mkp-bold);font-size:12px;line-height:1.2;color:var(--mkp-blue)}
#mkp-page .mkp-link:hover{color:var(--mkp-orange-dark)}

#mkp-page .mkp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 9px;border:1px solid transparent;border-radius:8px;font-family:var(--mkp-bold);font-size:12px;line-height:1.15;text-align:center;transition:.2s ease}
#mkp-page .mkp-btn--orange{background:var(--mkp-orange);border-color:var(--mkp-orange);color:#fff}
#mkp-page .mkp-btn--orange:hover{background:var(--mkp-orange-dark);border-color:var(--mkp-orange-dark);color:#fff}
#mkp-page .mkp-btn--light{background:#fff;border-color:var(--mkp-border-blue);color:var(--mkp-blue)}
#mkp-page .mkp-btn--light:hover{background:var(--mkp-blue-soft);color:var(--mkp-blue-dark)}

/* HERO */
#mkp-page #parent-entry{background:linear-gradient(135deg,#fff 0%,#f4faff 66%,#fff7ea 100%)}
#mkp-page .mkp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:stretch}
#mkp-page .mkp-hero-main{display:flex;flex-direction:column;justify-content:center;padding:10px 3px}
#mkp-page .mkp-route{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);margin-top:7px;overflow:hidden;border:1px solid var(--mkp-border);border-radius:10px;background:#fff}
#mkp-page .mkp-route__node{padding:7px 8px;background:#fff}
#mkp-page .mkp-route__node:nth-of-type(2){background:var(--mkp-blue-soft)}
#mkp-page .mkp-route__node:nth-of-type(3){background:var(--mkp-orange-soft)}
#mkp-page .mkp-route__node strong{display:block;font-family:var(--mkp-bold);font-size:12.5px;line-height:1.2;color:var(--mkp-text-dark)}
#mkp-page .mkp-route__node span{display:block;margin-top:2px;font-size:12px;line-height:1.25;color:var(--mkp-muted)}
#mkp-page .mkp-route__arrow{display:grid;place-items:center;font-family:var(--mkp-title);font-size:15px;color:var(--mkp-blue)}
#mkp-page .mkp-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}
#mkp-page .mkp-hero-actions .mkp-btn{width:100%}
#mkp-page .mkp-photo{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--mkp-border);border-radius:14px;background:#edf2f5;box-shadow:0 7px 22px rgba(30,60,80,.07)}
#mkp-page .mkp-photo img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center top}
#mkp-page .mkp-photo__badge{position:absolute;left:8px;right:8px;bottom:8px;padding:7px 9px;border-left:3px solid var(--mkp-blue);border-radius:8px;background:rgba(255,255,255,.95)}
#mkp-page .mkp-photo__badge strong{display:block;font-family:var(--mkp-bold);font-size:12.5px;line-height:1.2;color:var(--mkp-text-dark)}
#mkp-page .mkp-photo__badge span{display:block;margin-top:2px;font-size:12px;line-height:1.25;color:var(--mkp-muted)}

/* SITUATIONS */
#mkp-page #parent-situations{background:linear-gradient(135deg,#0a446b 0%,#075f91 64%,#086fa4 100%);color:#fff}
#mkp-page #parent-situations .mkp-kicker{background:rgba(255,255,255,.11);color:#ffd08a}
#mkp-page #parent-situations .mkp-h2{color:#fff}
#mkp-page .mkp-situation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#mkp-page .mkp-situation{display:grid;grid-template-columns:minmax(0,.85fr) 20px minmax(0,1.15fr);gap:5px;align-items:stretch;padding:8px 9px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.08)}
#mkp-page .mkp-situation>div:not(.mkp-situation__arrow){display:flex;flex-direction:column;justify-content:center;min-width:0}
#mkp-page .mkp-situation span{font-size:11px;line-height:1.1;text-transform:uppercase;letter-spacing:.04em;color:#bcd7e7}
#mkp-page .mkp-situation strong{margin-top:2px;font-family:var(--mkp-bold);font-size:12.5px;line-height:1.23;color:#fff}
#mkp-page .mkp-situation__after{padding-left:6px;border-left:1px solid rgba(255,255,255,.17)}
#mkp-page .mkp-situation__arrow{display:grid;place-items:center;font-size:14px;color:#ffc078}
#mkp-page .mkp-situation-final{margin-top:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.07);font-size:12px;line-height:1.32;color:#eff8fd}

/* METHOD */
#mkp-page #parent-method{background:#fff}
#mkp-page .mkp-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
#mkp-page .mkp-method-card{display:grid;grid-template-columns:31px minmax(0,1fr);grid-template-rows:auto 1fr;gap:2px 7px;padding:8px 9px;border:1px solid var(--mkp-border);border-radius:10px;background:#fff}
#mkp-page .mkp-method-card:nth-child(2){background:#f6fbff}
#mkp-page .mkp-method-card:nth-child(3){border-color:#efd8b5;background:#fff8ef}
#mkp-page .mkp-method-num{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--mkp-blue);font-family:var(--mkp-bold);font-size:11px;color:#fff}
#mkp-page .mkp-method-card:nth-child(3) .mkp-method-num{background:var(--mkp-blue)}
#mkp-page .mkp-method-card h3{margin:0;font-family:var(--mkp-bold);font-size:12.5px;line-height:1.2;color:var(--mkp-text-dark)}
#mkp-page .mkp-method-card p{margin:0;font-size:12px;line-height:1.28;color:var(--mkp-text)}

/* FACTS */
#mkp-page #parent-facts{background:linear-gradient(135deg,#eef7fc 0%,#fbfdfe 58%,#fff 100%)}
#mkp-page .mkp-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
#mkp-page .mkp-fact{padding:7px 6px;border:1px solid var(--mkp-border);border-radius:9px;background:#fff;text-align:center}
#mkp-page .mkp-fact:nth-child(even){background:#f7fbfe}
#mkp-page .mkp-fact:nth-child(5){border-color:#efd9b8;background:#fff8ef}
#mkp-page .mkp-fact strong{display:block;font-family:var(--mkp-title);font-size:20px;line-height:1.05;color:var(--mkp-blue)}
#mkp-page .mkp-fact span{display:block;margin-top:2px;font-size:11px;line-height:1.18;color:var(--mkp-muted)}

/* QUICK ENTRY */
#mkp-page #quick-entry{background:linear-gradient(135deg,#fff7e9,#fffdf8)}
#mkp-page .mkp-quick{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:10px;align-items:center;padding:9px 11px;border:1px solid #efd8b5;border-radius:11px;background:#fff}
#mkp-page .mkp-quick p{margin:3px 0 0;font-size:12px;line-height:1.3;color:var(--mkp-muted)}
#mkp-page .mkp-quick__actions{display:grid;grid-template-columns:1fr;gap:5px}
#mkp-page .mkp-quick__actions .mkp-btn{width:100%}

/* TOPICS */
#mkp-page #parent-topics{background:linear-gradient(135deg,#eef7fc 0%,#fbfdfe 58%,#fff 100%)}
#mkp-page .mkp-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:6px}
#mkp-page .mkp-topic{padding:7px 8px;border:1px solid var(--mkp-border);border-radius:9px;background:#fff}
#mkp-page .mkp-topic:nth-child(4n+2),#mkp-page .mkp-topic:nth-child(4n+3){background:#f7fbfe}
#mkp-page .mkp-topic:nth-child(3n){border-color:#eed9b9;background:#fff9f1}
#mkp-page .mkp-topic b{display:block;font-family:var(--mkp-bold);font-size:12px;line-height:1.18;color:var(--mkp-text-dark)}
#mkp-page .mkp-topic small{display:block;margin-top:2px;font-size:11px;line-height:1.2;color:var(--mkp-muted)}

/* REAL CASES */
#mkp-page #parent-cases{background:linear-gradient(135deg,#fff8eb,#fffdf8 55%,#f8f0e5)}
#mkp-page .mkp-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#mkp-page .mkp-case{padding:8px;border:1px solid #eadfce;border-radius:10px;background:#fff}
#mkp-page .mkp-case:nth-child(2),#mkp-page .mkp-case:nth-child(3){background:#fbfdfe}
#mkp-page .mkp-case h3{margin:0 0 5px;font-family:var(--mkp-bold);font-size:12.5px;line-height:1.22;color:var(--mkp-text-dark)}
#mkp-page .mkp-case-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#mkp-page .mkp-case-step{position:relative;padding:5px 6px;border:1px solid var(--mkp-border);border-radius:7px;background:#f8fafc}
#mkp-page .mkp-case-step:not(:last-child)::after{content:"→";position:absolute;right:-8px;top:50%;z-index:2;transform:translateY(-50%);font-family:var(--mkp-bold);font-size:11px;color:var(--mkp-orange)}
#mkp-page .mkp-case-step span{display:block;font-size:10.5px;line-height:1.1;text-transform:uppercase;letter-spacing:.03em;color:var(--mkp-muted)}
#mkp-page .mkp-case-step b{display:block;margin-top:2px;font-family:var(--mkp-bold);font-size:11.5px;line-height:1.22;color:var(--mkp-text-dark)}
#mkp-page .mkp-case-note{margin:5px 0 0;font-size:11px;line-height:1.25;color:var(--mkp-muted)}

/* PROGRAM — 4 × 5 */
#mkp-page #program{background:linear-gradient(135deg,#edf6fb,#f9fcfe 52%,#edf3f7)}
#mkp-page .mkp-program-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;align-items:start}
#mkp-page .mkp-program{min-width:0;overflow:hidden;border:1px solid var(--mkp-border);border-radius:8px;background:#fff}
#mkp-page .mkp-program:nth-child(4n+2),#mkp-page .mkp-program:nth-child(4n+3){background:#f6fbfe}
#mkp-page .mkp-program:nth-child(5n){border-color:#efd8b5;background:#fff9f1}
#mkp-page .mkp-program[open]{grid-column:1/-1;background:#fff}
#mkp-page .mkp-program summary{position:relative;display:flex;align-items:center;min-height:48px;padding:6px 25px 6px 8px;list-style:none;cursor:pointer;font-family:var(--mkp-bold);font-size:12px;line-height:1.18;color:var(--mkp-text-dark)}
#mkp-page .mkp-program summary::-webkit-details-marker{display:none}
#mkp-page .mkp-program summary::after{content:"+";position:absolute;right:7px;top:50%;transform:translateY(-50%);font-family:var(--mkp-font);font-size:15px;color:var(--mkp-blue)}
#mkp-page .mkp-program[open] summary{min-height:38px;background:linear-gradient(90deg,#edf7fd,#fff8ef)}
#mkp-page .mkp-program[open] summary::after{content:"−";color:var(--mkp-orange)}
#mkp-page .mkp-program-body{padding:6px 10px 8px}
#mkp-page .mkp-program-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;margin:0;padding-left:17px}
#mkp-page .mkp-program-body li,#mkp-page .mkp-program-body p{margin:2px 0;font-size:12px;line-height:1.32;color:var(--mkp-text)}
#mkp-page .program-link{display:inline-flex;margin-top:4px;font-family:var(--mkp-bold);font-size:12px;line-height:1.2;color:var(--mkp-blue)}
#mkp-page .program-link:hover{color:var(--mkp-orange-dark)}

/* KКД */
#mkp-page #kkd{background:linear-gradient(135deg,#e9f5fb,#f8fcfe 55%,#e3f1f8)}
#mkp-page .mkp-kkd-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:7px}
#mkp-page .mkp-kkd-core{padding:9px 10px;border-radius:11px;background:linear-gradient(145deg,#075f91,#104a7d);color:#fff}
#mkp-page .mkp-kkd-core .mkp-kicker{background:rgba(255,255,255,.12);color:#ffd08a}
#mkp-page .mkp-kkd-core .mkp-h2{font-size:18px;color:#fff}
#mkp-page .mkp-kkd-core>p{margin:4px 0;font-size:12px;line-height:1.28;color:#e8f3f9}
#mkp-page .mkp-kkd-formula{display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr;align-items:center;margin-top:6px}
#mkp-page .mkp-kkd-formula span{padding:5px 3px;border-radius:6px;background:rgba(255,255,255,.12);font-size:10.5px;line-height:1.13;text-align:center;color:#fff}
#mkp-page .mkp-kkd-formula b{text-align:center;font-size:10px;color:#ffc078}
#mkp-page .mkp-kkd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
#mkp-page .mkp-kkd-item{padding:6px 7px;border:1px solid var(--mkp-border);border-radius:7px;background:#fff}
#mkp-page .mkp-kkd-item:nth-child(even){background:#f7fbff}
#mkp-page .mkp-kkd-item:nth-child(3n){background:#fff8ef}
#mkp-page .mkp-kkd-item:nth-child(13){grid-column:1/-1;background:linear-gradient(90deg,#eef7ff,#fff8ef)}
#mkp-page .mkp-kkd-item strong{display:block;font-family:var(--mkp-bold);font-size:11px;line-height:1.16;color:var(--mkp-text-dark)}
#mkp-page .mkp-kkd-item small{display:block;margin-top:2px;font-size:10.5px;line-height:1.18;color:var(--mkp-muted)}

/* REFRAMES */
#mkp-page #parent-reframes{background:#fff}
#mkp-page .mkp-reframe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px}
#mkp-page .mkp-reframe{padding:7px;border:1px solid var(--mkp-border);border-radius:9px;background:#fff}
#mkp-page .mkp-reframe:nth-child(2),#mkp-page .mkp-reframe:nth-child(3){background:#f7fbfe}
#mkp-page .mkp-reframe h3{margin:0 0 4px;min-height:30px;font-family:var(--mkp-bold);font-size:11px;line-height:1.18;color:var(--mkp-text-dark)}
#mkp-page .mkp-reframe-flow{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:2px;align-items:stretch}
#mkp-page .mkp-reframe-flow span{display:flex;align-items:center;padding:4px;border:1px solid var(--mkp-border);border-radius:6px;background:#f8fafc;font-size:10.5px;line-height:1.18;color:var(--mkp-text)}
#mkp-page .mkp-reframe-flow b{display:grid;place-items:center;font-size:9px;color:var(--mkp-orange)}
#mkp-page .mkp-reframe-result{margin-top:4px;padding:5px;border-left:2px solid var(--mkp-blue);border-radius:0 6px 6px 0;background:var(--mkp-orange-soft);font-size:11px;line-height:1.23;color:var(--mkp-text)}

/* FORMATS */
#mkp-page #parent-formats{background:linear-gradient(135deg,#f5f9fb,#fff 60%,#fff8ef)}
#mkp-page .mkp-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}
#mkp-page .mkp-format{padding:7px 8px;border:1px solid var(--mkp-border);border-radius:9px;background:#fff}
#mkp-page .mkp-format:nth-child(3n+2){background:#f6fbfe}
#mkp-page .mkp-format:nth-child(3n){border-color:#eed9b8;background:#fff9f1}
#mkp-page .mkp-format h3{margin:0 0 2px;font-family:var(--mkp-bold);font-size:12px;line-height:1.16;color:var(--mkp-text-dark)}
#mkp-page .mkp-format p{margin:0;font-size:11.5px;line-height:1.24;color:var(--mkp-text)}
#mkp-page .mkp-free{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:7px;align-items:center;margin-top:6px;padding:7px 9px;border:1px solid #f0d0a3;border-radius:10px;background:var(--mkp-orange-soft)}
#mkp-page .mkp-free>strong{font-family:var(--mkp-title);font-size:15px;line-height:1.1;color:var(--mkp-blue)}
#mkp-page .mkp-free p{margin:0;font-size:11.5px;line-height:1.23;color:var(--mkp-text-dark)}
#mkp-page .mkp-free small{display:block;margin-top:2px;font-size:10.5px;line-height:1.18;color:var(--mkp-muted)}

/* CONTACT */
#mkp-page #contact{background:linear-gradient(135deg,#102d49,#0d456c 58%,#075f91)}
#mkp-page .mkp-contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:7px}
#mkp-page .mkp-contact-main{padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.08);color:#fff}
#mkp-page .mkp-contact-main .mkp-kicker{background:rgba(255,255,255,.1);color:#ffd08a}
#mkp-page .mkp-contact-main .mkp-h2{font-size:18px;color:#fff}
#mkp-page .mkp-contact-main>p{margin:4px 0;font-size:11.5px;line-height:1.3;color:#e7f3f9}
#mkp-page .mkp-contact-phone{font-family:var(--mkp-bold);font-size:16px!important}
#mkp-page .mkp-contact-phone a{color:#fff}
#mkp-page .mkp-contact-main .mkp-btn--light{background:#fff;color:var(--mkp-blue)}
#mkp-page .mkp-contact-side{padding:9px 11px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.97)}
#mkp-page .mkp-contact-side p{margin:3px 0;font-size:11.5px;line-height:1.27;color:var(--mkp-text)}
#mkp-page .mkp-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:6px}
#mkp-page .mkp-related a{display:block;padding:6px 7px;border:1px solid rgba(255,255,255,.35);border-radius:7px;background:rgba(255,255,255,.97);font-family:var(--mkp-bold);font-size:11px;line-height:1.2;color:var(--mkp-blue)}
#mkp-page .mkp-related a:hover{background:var(--mkp-orange-soft);color:var(--mkp-orange-dark)}

/* PARENT REQUEST CATALOG */
#mkp-page #parent-capabilities{background:linear-gradient(135deg,#edf6fb,#fff 52%,#fff5e8)}
#mkp-page .mkp-cap-head{max-width:900px;margin:0 auto 7px;text-align:center}
#mkp-page .mkp-cap-head p{margin:2px 0 0;font-size:12px;line-height:1.28;color:var(--mkp-muted)}
#mkp-page .mkp-cap-details{overflow:hidden;border:1px solid var(--mkp-border);border-radius:11px;background:#fff;box-shadow:0 4px 14px rgba(30,60,80,.04)}
#mkp-page .mkp-cap-details>summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:7px 32px 7px 10px;list-style:none;cursor:pointer;background:linear-gradient(90deg,#f5fbfe,#fff 52%,#fff7ea);font-family:var(--mkp-bold);font-size:11.5px;line-height:1.2;color:var(--mkp-text-dark)}
#mkp-page .mkp-cap-details>summary::-webkit-details-marker{display:none}
#mkp-page .mkp-cap-details>summary::after{content:"+";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--mkp-font);font-size:17px;color:var(--mkp-blue)}
#mkp-page .mkp-cap-details[open]>summary::after{content:"−";color:var(--mkp-orange-dark)}
#mkp-page .mkp-cap-details>summary small{font-size:10.5px;color:var(--mkp-muted)}
#mkp-page .mkp-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}
#mkp-page .mkp-cap{padding:7px 8px;border:1px solid var(--mkp-border);border-radius:8px;background:#fff}
#mkp-page .mkp-cap:nth-child(3n+2){background:#f7fbff}
#mkp-page .mkp-cap:nth-child(3n){border-color:#eeddbf;background:#fffaf2}
#mkp-page .mkp-cap h3{margin:0 0 2px;font-family:var(--mkp-bold);font-size:11px;line-height:1.18;color:var(--mkp-blue)}
#mkp-page .mkp-cap p{margin:0;font-size:11.5px;line-height:1.23;color:var(--mkp-text)}
#mkp-page .mkp-cap-more{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 7px;padding:7px 9px;border:1px solid #efd7b1;border-radius:8px;background:#fff8ef}
#mkp-page .mkp-cap-more strong{font-family:var(--mkp-bold);font-size:11px;color:var(--mkp-text-dark)}
#mkp-page .mkp-cap-more span{font-size:11px;line-height:1.2;color:var(--mkp-muted)}
#mkp-page .mkp-cap-more a{grid-column:1/-1;font-family:var(--mkp-bold);font-size:11px;color:var(--mkp-blue)}


/* =========================================================
   TABLET / MOBILE — independent from Teachers page
   ========================================================= */
@media (max-width:980px){
  #mkp-page .mkp-section{padding:6px 0}
  #mkp-page .mkp-container{padding:0 9px}
  #mkp-page .mkp-kicker{margin-bottom:3px;padding:3px 7px;font-size:9.5px}
  #mkp-page .mkp-title{font-size:22px;line-height:1.14}
  #mkp-page .mkp-h2{font-size:20px;line-height:1.16}
  #mkp-page .mkp-lead{font-size:13.5px;line-height:1.36}
  #mkp-page .mkp-text{font-size:11.5px;line-height:1.3}
  #mkp-page .mkp-head{margin-bottom:5px}
  #mkp-page .mkp-head p{font-size:10.5px}

  #mkp-page .mkp-hero-grid{grid-template-columns:1fr;gap:6px}
  #mkp-page .mkp-hero-main{padding:8px;border:1px solid var(--mkp-border-blue);border-radius:13px;background:linear-gradient(135deg,#fff 0%,#f6fbff 70%,#fff8ef 100%)}
  #mkp-page .mkp-route{grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr);margin-top:6px}
  #mkp-page .mkp-route__node{padding:6px 4px;text-align:center}
  #mkp-page .mkp-route__node strong{font-size:11px}
  #mkp-page .mkp-route__node span{font-size:12px;line-height:1.22}
  #mkp-page .mkp-route__arrow{font-size:12px}
  #mkp-page .mkp-hero-actions{gap:4px;margin-top:6px}
  #mkp-page .mkp-hero-actions .mkp-btn{min-height:31px;padding:4px 5px;font-size:9.5px}
  #mkp-page .mkp-photo{display:grid;grid-template-columns:105px minmax(0,1fr);min-height:0;border-radius:12px;box-shadow:none}
  #mkp-page .mkp-photo img{width:105px;height:100%;min-height:105px;object-fit:cover}
  #mkp-page .mkp-photo__badge{position:static;display:flex;flex-direction:column;justify-content:center;padding:8px;border-left:3px solid var(--mkp-orange);border-radius:0;background:linear-gradient(135deg,#fff,#f7fbff)}
  #mkp-page .mkp-photo__badge strong{font-size:12.5px}
  #mkp-page .mkp-photo__badge span{font-size:10px}

  #mkp-page .mkp-situation-grid{gap:18px 7px}
  #mkp-page .mkp-situation{position:relative;grid-template-columns:minmax(0,.85fr) 12px minmax(0,1.15fr);gap:2px;padding:7px 5px}
  #mkp-page .mkp-situation:nth-child(1){grid-area:1/1}
  #mkp-page .mkp-situation:nth-child(2){grid-area:1/2}
  #mkp-page .mkp-situation:nth-child(3){grid-area:2/2}
  #mkp-page .mkp-situation:nth-child(4){grid-area:2/1}
  #mkp-page .mkp-situation span{font-size:11px}
  #mkp-page .mkp-situation strong{font-size:13px;line-height:1.22}
  #mkp-page .mkp-situation:nth-child(1)::after{content:"→";position:absolute;top:50%;right:-14px;z-index:3;transform:translateY(-50%);color:#ffc078;font-size:18px;font-weight:900}
  #mkp-page .mkp-situation:nth-child(2)::after{content:"↓";position:absolute;left:50%;bottom:-19px;z-index:3;transform:translateX(-50%);color:#ffc078;font-size:18px;font-weight:900}
  #mkp-page .mkp-situation:nth-child(3)::after{content:"←";position:absolute;top:50%;left:-14px;z-index:3;transform:translateY(-50%);color:#ffc078;font-size:18px;font-weight:900}
  #mkp-page .mkp-situation-final{margin-top:7px;font-size:11.5px}

  #mkp-page .mkp-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 7px}
  #mkp-page .mkp-method-card{position:relative;grid-template-columns:27px minmax(0,1fr);padding:7px}
  #mkp-page .mkp-method-card:nth-child(3){grid-column:1/-1;background:linear-gradient(90deg,#eef7ff,#fff8ef)}
  #mkp-page .mkp-method-num{width:27px;height:27px;font-size:11px}
  #mkp-page .mkp-method-card h3{font-size:11.5px}
  #mkp-page .mkp-method-card p{font-size:12px;line-height:1.28}
  #mkp-page .mkp-method-card:nth-child(1)::after{content:"→";position:absolute;top:50%;right:-14px;z-index:2;transform:translateY(-50%);color:var(--mkp-orange);font-size:18px;font-weight:900}
  #mkp-page .mkp-method-card:nth-child(2)::after{content:"↓";position:absolute;left:50%;bottom:-18px;z-index:2;transform:translateX(-50%);color:var(--mkp-orange);font-size:18px;font-weight:900}

  #mkp-page .mkp-facts{gap:3px}
  #mkp-page .mkp-fact{padding:5px 3px}
  #mkp-page .mkp-fact strong{font-size:16px}
  #mkp-page .mkp-fact span{font-size:11px;line-height:1.18}

  #mkp-page .mkp-quick{grid-template-columns:minmax(0,1fr) 134px;gap:6px;padding:8px}
  #mkp-page .mkp-quick .mkp-h2{font-size:15px}
  #mkp-page .mkp-quick p{font-size:12px;line-height:1.3}
  #mkp-page .mkp-quick__actions{gap:4px}
  #mkp-page .mkp-quick__actions .mkp-btn{min-height:31px;padding:4px;font-size:11px}

  #mkp-page .mkp-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #mkp-page .mkp-topic{padding:7px}
  #mkp-page .mkp-topic b{font-size:12px}
  #mkp-page .mkp-topic small{font-size:11.5px;line-height:1.25}

  #mkp-page .mkp-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #mkp-page .mkp-case{padding:7px}
  #mkp-page .mkp-case h3{font-size:11.5px;line-height:1.18}
  #mkp-page .mkp-case-flow{grid-template-columns:1fr;gap:3px}
  #mkp-page .mkp-case-step{display:grid;grid-template-columns:39px minmax(0,1fr);gap:4px;padding:4px}
  #mkp-page .mkp-case-step:not(:last-child)::after{display:none}
  #mkp-page .mkp-case-step span{font-size:10.5px}
  #mkp-page .mkp-case-step b{margin:0;font-size:11.5px;line-height:1.22}
  #mkp-page .mkp-case-note{font-size:11px;line-height:1.25}

  #mkp-page .mkp-program-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  #mkp-page .mkp-program[open]{grid-column:1/-1}
  #mkp-page .mkp-program summary{min-height:42px;padding:6px 22px 6px 6px;font-size:12px;line-height:1.2}
  #mkp-page .mkp-program-body{padding:5px 8px 7px}
  #mkp-page .mkp-program-body ul{display:block;padding-left:16px}
  #mkp-page .mkp-program-body li,#mkp-page .mkp-program-body p{font-size:11.5px;line-height:1.3}

  #mkp-page .mkp-kkd-layout{grid-template-columns:1fr;gap:5px}
  #mkp-page .mkp-kkd-core{padding:8px}
  #mkp-page .mkp-kkd-core .mkp-h2{font-size:16px}
  #mkp-page .mkp-kkd-core>p{font-size:11.5px}
  #mkp-page .mkp-kkd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  #mkp-page .mkp-kkd-item{padding:5px}
  #mkp-page .mkp-kkd-item:nth-child(13){grid-column:1/-1}
  #mkp-page .mkp-kkd-item strong{font-size:11.5px}
  #mkp-page .mkp-kkd-item small{font-size:10.5px}

  #mkp-page .mkp-reframe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #mkp-page .mkp-reframe{padding:6px}
  #mkp-page .mkp-reframe h3{min-height:0;font-size:10.5px}
  #mkp-page .mkp-reframe-flow span{font-size:10.5px}
  #mkp-page .mkp-reframe-result{font-size:11px}

  #mkp-page .mkp-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  #mkp-page .mkp-format{padding:7px}
  #mkp-page .mkp-format h3{font-size:11px}
  #mkp-page .mkp-format p{font-size:11px;line-height:1.25}
  #mkp-page .mkp-free{grid-template-columns:72px minmax(0,1fr) 92px;gap:5px;padding:7px}
  #mkp-page .mkp-free>strong{font-size:12.5px}
  #mkp-page .mkp-free p{font-size:11px;line-height:1.22}
  #mkp-page .mkp-free small{font-size:10.5px;line-height:1.2}
  #mkp-page .mkp-free .mkp-btn{min-height:31px;padding:4px 5px;font-size:10.5px}

  #mkp-page .mkp-contact-grid{grid-template-columns:1fr;gap:5px}
  #mkp-page .mkp-contact-main,#mkp-page .mkp-contact-side{padding:8px}
  #mkp-page .mkp-contact-main .mkp-h2{font-size:16px}
  #mkp-page .mkp-contact-main>p{font-size:12px}
  #mkp-page .mkp-contact-side p{font-size:11.5px}
  #mkp-page .mkp-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  #mkp-page .mkp-related a{font-size:11px}

  #mkp-page .mkp-cap-head{margin-bottom:6px}
  #mkp-page .mkp-cap-head p{font-size:11.5px}
  #mkp-page .mkp-cap-details>summary{min-height:36px;padding:7px 29px 7px 8px;font-size:11px}
  #mkp-page .mkp-cap-details>summary small{font-size:10.5px}
  #mkp-page .mkp-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}
  #mkp-page .mkp-cap{padding:7px}
  #mkp-page .mkp-cap h3{font-size:10.5px}
  #mkp-page .mkp-cap p{font-size:11.5px;line-height:1.28}
}
  
/* Вузькі смартфони: геометрію зберігаємо, текст більше не зменшуємо */
@media (max-width:520px){
  #mkp-page .mkp-title{font-size:20px}
  #mkp-page .mkp-photo{grid-template-columns:96px minmax(0,1fr)}
  #mkp-page .mkp-photo img{width:96px;min-height:98px}
  #mkp-page .mkp-quick{grid-template-columns:minmax(0,1fr) 120px}
}

/* =========================================================
   ПЕРСОНАЛЬНІ СТОРІНКИ ПЕДАГОГІВ — фінальний мобільний сценарій
   Тримати після базових стилів сторінки; HTML змінювати не потрібно
   ========================================================= */
@media (max-width:980px){

/* Сторінковий ритм; правила діють на всіх персональних сторінках педагогів */
body.teacher-profile-page .num-section{padding:7px 0!important}
body.teacher-profile-page .num-container{padding-left:9px!important;padding-right:9px!important}
body.teacher-profile-page #teacher-fit,
body.teacher-profile-page #teacher-level,
body.teacher-profile-page #teacher-links{background:linear-gradient(90deg,#f6fbff,#fff)}
body.teacher-profile-page #teacher-method,
body.teacher-profile-page #teacher-actions{background:linear-gradient(90deg,#fff,#fff8ef)}
body.teacher-profile-page .num-home-section-head{margin-bottom:6px!important}
body.teacher-profile-page .num-home-section-title{font-size:20px!important;line-height:1.16}
body.teacher-profile-page .num-home-section-text{margin-top:2px!important;font-size:12px!important;line-height:1.3}

/* Hero: текст + фото; ключовий маршрут нижче змійкою 2 × 2 */
body.teacher-profile-page #teacher-intro .teacher-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 108px!important;gap:5px 8px!important;align-items:stretch;padding:8px!important;border:1px solid var(--num-border-blue);border-radius:13px;background:linear-gradient(135deg,#fff 0%,#f5fbff 70%,#fff8ef 100%)}
body.teacher-profile-page #teacher-intro .teacher-hero__content{display:contents!important}
body.teacher-profile-page #teacher-intro .teacher-hero__eyebrow{grid-area:1/1;margin:0!important;font-size:10px!important;line-height:1.2}
body.teacher-profile-page #teacher-intro .teacher-hero__eyebrow .num-code-icon{display:none!important}
body.teacher-profile-page #teacher-intro .num-title--large{grid-area:2/1;margin:0!important;font-size:22px!important;line-height:1.12}
body.teacher-profile-page #teacher-intro .teacher-hero__lead{grid-area:3/1;margin:0!important;font-size:13px!important;line-height:1.32}
body.teacher-profile-page #teacher-intro .teacher-hero__content>.num-text{grid-area:4/1;margin:0!important;font-size:11px!important;line-height:1.3}
body.teacher-profile-page #teacher-intro .teacher-photo{grid-area:1/2/5/3;align-self:stretch;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;border-radius:10px!important}
body.teacher-profile-page #teacher-intro .teacher-photo img{width:100%!important;height:100%!important;min-height:180px;object-fit:cover!important;object-position:center top}
body.teacher-profile-page #teacher-intro .teacher-photo__badge{display:none!important}
body.teacher-profile-page #teacher-intro .teacher-core-flow{grid-area:5/1/6/3;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 7px!important;margin-top:3px!important}
body.teacher-profile-page #teacher-intro .teacher-core-arrow{display:none!important}
body.teacher-profile-page #teacher-intro .teacher-core-step{position:relative;display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:1px 5px;min-width:0;min-height:0!important;padding:6px!important;border-radius:9px!important;text-align:left!important}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(1){grid-area:1/1}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(3){grid-area:1/2}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(5){grid-area:2/2}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(7){grid-area:2/1}
body.teacher-profile-page #teacher-intro .teacher-core-step__icon{grid-row:1/3;display:grid!important;place-items:center;width:24px!important;height:24px!important;margin:0!important;border-radius:7px!important}
body.teacher-profile-page #teacher-intro .teacher-core-step__icon .num-code-icon{width:13px!important;height:13px!important}
body.teacher-profile-page #teacher-intro .teacher-core-step strong{grid-column:2;font-size:11.5px!important;line-height:1.16}
body.teacher-profile-page #teacher-intro .teacher-core-step span{grid-column:2;margin:0!important;font-size:9px!important;line-height:1.2}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(1)::after{content:"→";position:absolute;top:50%;right:-14px;z-index:2;transform:translateY(-50%);color:var(--num-orange);font-size:18px;font-weight:900}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(3)::after{content:"↓";position:absolute;left:50%;bottom:-18px;z-index:2;transform:translateX(-50%);color:var(--num-orange);font-size:18px;font-weight:900}
body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(5)::after{content:"←";position:absolute;top:50%;left:-14px;z-index:2;transform:translateY(-50%);color:var(--num-orange);font-size:18px;font-weight:900}

/* Три короткі характеристики — один ряд */
body.teacher-profile-page #teacher-intro .teacher-subjects{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-top:6px!important}
body.teacher-profile-page #teacher-intro .teacher-subject{display:block!important;min-width:0;padding:6px 4px!important;border-radius:8px!important;text-align:center}
body.teacher-profile-page #teacher-intro .teacher-subject__icon{display:none!important}
body.teacher-profile-page #teacher-intro .teacher-subject strong{font-size:11px!important;line-height:1.16}
body.teacher-profile-page #teacher-intro .teacher-subject span{margin-top:2px!important;font-size:8.5px!important;line-height:1.18}

/* Коли педагог доречний — шість компактних ситуацій у двох колонках */
body.teacher-profile-page #teacher-fit .teacher-fit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
body.teacher-profile-page #teacher-fit .teacher-fit-card{min-width:0;padding:7px!important;border-radius:10px!important}
body.teacher-profile-page #teacher-fit .teacher-fit-card:nth-child(4n+2),
body.teacher-profile-page #teacher-fit .teacher-fit-card:nth-child(4n+3){background:#fff8ef}
body.teacher-profile-page #teacher-fit .teacher-fit-card__icon{display:none!important}
body.teacher-profile-page #teacher-fit .teacher-fit-card h3{margin:0 0 2px!important;font-size:12.5px!important;line-height:1.2}
body.teacher-profile-page #teacher-fit .teacher-fit-card p{font-size:10.5px!important;line-height:1.27}

/* Шість етапів роботи — змійка 1 → 2 ↓ 3 ← 4 ↓ 5 → 6 */
body.teacher-profile-page #teacher-method .num-home-major-card{padding:8px!important;border-radius:12px!important}
body.teacher-profile-page #teacher-method .teacher-method-flow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 7px!important;margin-top:6px!important}
body.teacher-profile-page #teacher-method .teacher-method-step{position:relative;display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:auto 1fr;gap:1px 5px;min-width:0;min-height:0!important;padding:6px!important;border-radius:9px!important;text-align:left!important}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(1){grid-area:1/1}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(2){grid-area:1/2}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(3){grid-area:2/2}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(4){grid-area:2/1}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(5){grid-area:3/1}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(6){grid-area:3/2}
body.teacher-profile-page #teacher-method .teacher-method-step__number{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;margin:0!important;border-radius:50%;background:var(--num-blue);font-size:8.5px!important;color:#fff}
body.teacher-profile-page #teacher-method .teacher-method-step__icon{display:none!important}
body.teacher-profile-page #teacher-method .teacher-method-step strong{grid-column:2;font-size:11px!important;line-height:1.17}
body.teacher-profile-page #teacher-method .teacher-method-step span:last-child{grid-column:2;margin:0!important;font-size:9px!important;line-height:1.2}
body.teacher-profile-page #teacher-method .teacher-method-step::after{display:block!important;right:auto!important;top:auto!important;bottom:auto!important;left:auto!important;transform:none!important;color:var(--num-orange)!important;font-size:18px!important;font-weight:900}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(1)::after{content:"→"!important;top:50%!important;right:-14px!important;transform:translateY(-50%)!important}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(2)::after{content:"↓"!important;left:50%!important;bottom:-18px!important;transform:translateX(-50%)!important}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(3)::after{content:"←"!important;top:50%!important;left:-14px!important;transform:translateY(-50%)!important}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(4)::after{content:"↓"!important;left:50%!important;bottom:-18px!important;transform:translateX(-50%)!important}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(5)::after{content:"→"!important;top:50%!important;right:-14px!important;transform:translateY(-50%)!important}
body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(6)::after{display:none!important}

/* Освіта і принцип роботи — дві картки поруч */
body.teacher-profile-page #teacher-education .num-home-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
body.teacher-profile-page #teacher-education .num-home-major-card{min-width:0;padding:8px!important;border-radius:10px!important}
body.teacher-profile-page #teacher-education .teacher-problem-stage__head{margin-bottom:4px!important}
body.teacher-profile-page #teacher-education .teacher-problem-stage__icon{display:none!important}
body.teacher-profile-page #teacher-education .num-title{font-size:14px!important;line-height:1.18}
body.teacher-profile-page #teacher-education .num-text,
body.teacher-profile-page #teacher-education .num-lead{margin:4px 0!important;font-size:10.5px!important;line-height:1.3}

/* ІІ рівень: формула в один ряд; чотири сильні дії — 2 × 2 */
body.teacher-profile-page #teacher-level .num-home-major-card{padding:8px!important;border-radius:12px!important}
body.teacher-profile-page #teacher-level .teacher-hero__eyebrow{margin:0 0 3px!important;font-size:9.5px!important}
body.teacher-profile-page #teacher-level .teacher-hero__eyebrow .num-code-icon{display:none!important}
body.teacher-profile-page #teacher-level .num-title--large{margin:0 0 3px!important;font-size:19px!important;line-height:1.15}
body.teacher-profile-page #teacher-level>.num-container>.num-home-major-card>.num-text{margin:0!important;font-size:11.5px!important;line-height:1.3}
body.teacher-profile-page #teacher-level .teacher-level-flow{display:grid!important;grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr)!important;gap:2px!important;margin-top:6px!important}
body.teacher-profile-page #teacher-level .teacher-level-node{min-width:0;padding:6px 3px!important;border-radius:8px!important}
body.teacher-profile-page #teacher-level .teacher-level-node strong{font-size:11px!important;line-height:1.16}
body.teacher-profile-page #teacher-level .teacher-level-node span{margin-top:2px!important;font-size:8.5px!important;line-height:1.18}
body.teacher-profile-page #teacher-level .teacher-level-arrow{display:grid;place-items:center;transform:none!important;font-size:12px!important}
body.teacher-profile-page #teacher-level .teacher-fit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:6px!important}
body.teacher-profile-page #teacher-level .teacher-fit-card{min-width:0;padding:7px!important;border-radius:9px!important}
body.teacher-profile-page #teacher-level .teacher-fit-card__icon{display:none!important}
body.teacher-profile-page #teacher-level .teacher-fit-card h3{margin:0 0 2px!important;font-size:12px!important;line-height:1.18}
body.teacher-profile-page #teacher-level .teacher-fit-card p{font-size:10px!important;line-height:1.25}

/* Відгуки: закритий компактний блок; після відкриття — дві колонки */
body.teacher-profile-page #teacher-feedbacks .teacher-competency-details{border-radius:11px!important;box-shadow:none!important}
body.teacher-profile-page #teacher-feedbacks .teacher-competency-details>summary{padding:8px 28px 8px 8px!important;font-size:12.5px!important;line-height:1.2}
body.teacher-profile-page #teacher-feedbacks .teacher-competency-details>summary small{margin-top:2px!important;font-size:9.5px!important}
body.teacher-profile-page #teacher-feedbacks .teacher-competency-content{padding:6px!important}
body.teacher-profile-page #teacher-feedbacks .num-home-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;gap:6px!important}
body.teacher-profile-page #teacher-feedbacks .num-card{align-self:start;min-width:0;padding:7px!important;border-radius:8px!important}
body.teacher-profile-page #teacher-feedbacks .num-card .num-text{margin:0!important;font-size:10px!important;line-height:1.28}
body.teacher-profile-page #teacher-feedbacks .num-card .num-note{margin:4px 0 0!important;padding-top:3px!important;font-size:8.5px!important;line-height:1.2}

/* Компетентності: дві колонки груп; кожен рядок = назва + рівень/відсоток */
body.teacher-profile-page #teacher-competencies .teacher-competency-details{border-radius:11px!important;box-shadow:none!important}
body.teacher-profile-page #teacher-competencies .teacher-competency-details>summary{padding:8px 28px 8px 8px!important;font-size:12.5px!important;line-height:1.2}
body.teacher-profile-page #teacher-competencies .teacher-competency-details>summary small{margin-top:2px!important;font-size:9.5px!important}
body.teacher-profile-page #teacher-competencies .teacher-competency-content{padding:6px!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-legend{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;margin-bottom:6px!important}
body.teacher-profile-page #teacher-competencies .num-teacher-legend{justify-content:center;min-width:0;padding:3px!important;font-size:8.5px!important;text-align:center}
body.teacher-profile-page #teacher-competencies .teacher-competency-grid{display:block!important;column-count:2;column-gap:6px}
body.teacher-profile-page #teacher-competencies .teacher-competency-group{display:inline-block;width:100%;min-width:0;margin:0 0 6px!important;break-inside:avoid;border:1px solid var(--num-border);border-radius:8px;overflow:hidden;background:#fff}
body.teacher-profile-page #teacher-competencies .teacher-competency-group h3{gap:4px!important;margin:0!important;padding:5px!important;border-radius:0!important;background:var(--num-blue);font-size:10.5px!important;line-height:1.18;color:#fff}
body.teacher-profile-page #teacher-competencies .teacher-competency-group h3 .num-code-icon{display:none!important}
body.teacher-profile-page #teacher-competencies .num-teacher-table-wrap{width:100%!important;min-width:0!important;overflow:visible!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table thead{display:none!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table tbody{display:block!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table tr{display:grid!important;grid-template-columns:minmax(0,1fr) 43px!important;align-items:stretch;width:100%}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td{width:auto!important;min-width:0!important;padding:4px!important;border-right:0!important;border-bottom:1px solid var(--num-border)!important;white-space:normal!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table tbody tr:last-child td{border-bottom:0!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td:first-child{display:flex!important;align-items:center;grid-column:1;font-size:8.5px!important;line-height:1.18;overflow-wrap:normal!important;word-break:normal!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td:not(:first-child){display:none!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td.is-plus,
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td.is-expert{display:flex!important;grid-column:2;flex-direction:column;align-items:center;justify-content:center;padding:3px 1px!important;font-size:9.5px!important;line-height:1.05}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td.is-plus::before{content:"Педагог+";font-size:5.8px;font-weight:400}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td.is-expert::before{content:"Експерт";font-size:6px;font-weight:400}

/* Заявка і консультація — дві картки поруч */
body.teacher-profile-page #teacher-actions .num-home-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
body.teacher-profile-page #teacher-actions .num-home-action__card,
body.teacher-profile-page #teacher-actions .num-home-major-card{min-width:0;padding:8px!important;border-radius:10px!important}
body.teacher-profile-page #teacher-actions .num-cta__title,
body.teacher-profile-page #teacher-actions .num-title{margin:0 0 3px!important;font-size:14px!important;line-height:1.18}
body.teacher-profile-page #teacher-actions .num-cta__text,
body.teacher-profile-page #teacher-actions .num-text{margin:3px 0!important;font-size:10.5px!important;line-height:1.28}
body.teacher-profile-page #teacher-actions .num-button{width:100%;min-height:31px;padding:4px 5px!important;font-size:9.5px!important;line-height:1.15;text-align:center;white-space:normal}

/* Три переходи — один горизонтальний ряд */
body.teacher-profile-page #teacher-links .num-home-grid--3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
body.teacher-profile-page #teacher-links .num-home-action__card{min-width:0;padding:6px!important;border-radius:8px!important;text-align:center}
body.teacher-profile-page #teacher-links .teacher-fit-card__icon{display:none!important}
body.teacher-profile-page #teacher-links .num-title{margin:0 0 2px!important;font-size:11px!important;line-height:1.16}
body.teacher-profile-page #teacher-links .num-text{margin:0!important;font-size:8.5px!important;line-height:1.18}

/* Фінальний CTA: текст і дві дії в одному горизонтальному блоці */
body.teacher-profile-page #teacher-final-cta .num-cta{display:grid!important;grid-template-columns:minmax(0,1fr) 132px!important;gap:4px 7px!important;align-items:center;padding:8px!important;border-radius:11px!important}
body.teacher-profile-page #teacher-final-cta .num-cta__title{grid-column:1;margin:0!important;font-size:15px!important;line-height:1.18}
body.teacher-profile-page #teacher-final-cta .num-cta__text{grid-column:1;margin:0!important;font-size:10.5px!important;line-height:1.27}
body.teacher-profile-page #teacher-final-cta .num-cta__actions{grid-column:2;grid-row:1/3;display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin:0!important}
body.teacher-profile-page #teacher-final-cta .num-button{justify-content:center;width:100%;min-height:31px;padding:4px!important;font-size:9px!important;line-height:1.14;text-align:center;white-space:normal}
}

@media (max-width:370px){
body.teacher-profile-page #teacher-intro .teacher-hero{grid-template-columns:minmax(0,1fr) 96px!important}
body.teacher-profile-page #teacher-intro .num-title--large{font-size:20px!important}
body.teacher-profile-page #teacher-intro .teacher-hero__lead{font-size:12px!important}
body.teacher-profile-page #teacher-fit .teacher-fit-card p{font-size:9.5px!important}
body.teacher-profile-page #teacher-method .teacher-method-step span:last-child{font-size:8.3px!important}
body.teacher-profile-page #teacher-level .teacher-level-node span{font-size:7.8px!important}
body.teacher-profile-page #teacher-feedbacks .num-card .num-text{font-size:9.3px!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table tr{grid-template-columns:minmax(0,1fr) 39px!important}
body.teacher-profile-page #teacher-competencies .num-teacher-competency-table td:first-child{font-size:7.8px!important}
body.teacher-profile-page #teacher-final-cta .num-cta{grid-template-columns:minmax(0,1fr) 118px!important}
}

/* =========================================================
   MYKHAILO-KOMAR-FOR-TEACHERS — INDEPENDENT PAGE DESIGN
   Працює лише всередині #teacher-webinars-page
   Desktop + tablet + mobile
   ========================================================= */

#teacher-webinars-page{
    --twp-blue:#0671b4;
    --twp-blue-dark:#07527f;
    --twp-blue-soft:#eef7ff;
    --twp-orange:#f99a11;
    --twp-orange-dark:#c87500;
    --twp-orange-soft:#fff8ef;
    --twp-ink:#1f2937;
    --twp-text:#334155;
    --twp-muted:#64748b;
    --twp-border:#dfe7ee;
    --twp-border-blue:#c9e2f2;
    color:var(--twp-text);
}

#teacher-webinars-page *,
#teacher-webinars-page *::before,
#teacher-webinars-page *::after{box-sizing:border-box}

#teacher-webinars-page .twp-section{padding:11px 0}
#teacher-webinars-page .twp-section--blue{background:linear-gradient(90deg,#f5fbff 0%,#fff 100%)}
#teacher-webinars-page .twp-section--warm{background:linear-gradient(90deg,#fff 0%,#fff9f1 100%)}
#teacher-webinars-page .twp-section--dark{background:var(--twp-blue-dark);color:#fff}
#teacher-webinars-page .twp-section--dark h2,
#teacher-webinars-page .twp-section--dark p{color:#fff}

#teacher-webinars-page .twp-kicker{
    display:inline-block;
    margin:0 0 4px;
    padding:3px 7px;
    border-radius:999px;
    background:var(--twp-blue-soft);
    font-family:var(--num-font-bold);
    font-size:10.5px;
    line-height:1.2;
    letter-spacing:.035em;
    text-transform:uppercase;
    color:var(--twp-blue);
}

#teacher-webinars-page .twp-section-head{margin:0 0 7px}
#teacher-webinars-page .twp-section-head--split{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
}
#teacher-webinars-page .twp-h2{
    margin:0;
    font-family:var(--num-font-title);
    font-size:22px;
    line-height:1.18;
    font-weight:400;
    color:var(--twp-blue);
}
#teacher-webinars-page .twp-intro{
    margin:3px 0 0;
    max-width:940px;
    font-size:13.5px;
    line-height:1.38;
    color:var(--twp-muted);
}
#teacher-webinars-page .twp-link{
    font-family:var(--num-font-bold);
    font-size:12px;
    line-height:1.2;
    color:var(--twp-blue);
    text-decoration:none;
}
#teacher-webinars-page .twp-link:hover{text-decoration:underline}


/* =========================
   HERO
   ========================= */

#teacher-webinars-page #teacher-hero{
    padding:10px 0;
    background:linear-gradient(135deg,#fff 0%,#f4faff 73%,#fff8ef 100%);
    border-bottom:1px solid var(--twp-border);
}
#teacher-webinars-page .twp-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:14px;
    align-items:stretch;
}
#teacher-webinars-page .twp-hero__main{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}
#teacher-webinars-page .twp-hero__title{
    margin:0;
    max-width:900px;
    font-family:var(--num-font-title);
    font-size:29px;
    line-height:1.13;
    font-weight:400;
    color:var(--twp-blue);
}
#teacher-webinars-page .twp-hero__lead{
    margin:6px 0 0;
    font-size:14.5px;
    line-height:1.42;
    color:var(--twp-text);
}
#teacher-webinars-page .twp-hero__note{
    margin:5px 0 0;
    font-size:12.5px;
    line-height:1.35;
    color:var(--twp-muted);
}

#teacher-webinars-page .twp-route{
    display:grid;
    grid-template-columns:1fr 22px 1fr 22px 1fr;
    margin-top:8px;
    overflow:hidden;
    border:1px solid var(--twp-border-blue);
    border-radius:10px;
    background:#fff;
}
#teacher-webinars-page .twp-route__node{
    min-width:0;
    padding:7px 8px;
    text-align:center;
}
#teacher-webinars-page .twp-route__node:nth-of-type(2){background:var(--twp-blue-soft)}
#teacher-webinars-page .twp-route__node:nth-of-type(3){background:var(--twp-orange-soft)}
#teacher-webinars-page .twp-route__node strong{
    display:block;
    font-family:var(--num-font-bold);
    font-size:13px;
    line-height:1.18;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-route__node span{
    display:block;
    margin-top:2px;
    font-size:10.5px;
    line-height:1.24;
    color:var(--twp-muted);
}
#teacher-webinars-page .twp-route__arrow{
    display:grid;
    place-items:center;
    font-size:16px;
    color:var(--twp-orange);
}

#teacher-webinars-page .twp-hero__actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
    margin-top:8px;
}
#teacher-webinars-page .twp-hero__actions .num-button{
    justify-content:center;
    min-height:35px;
    padding:6px 9px;
    font-size:11px;
    line-height:1.16;
    text-align:center;
}

#teacher-webinars-page .twp-hero__photo{
    position:relative;
    min-height:310px;
    overflow:hidden;
    border-radius:13px;
    background:#edf2f6;
    box-shadow:0 7px 20px rgba(15,23,42,.08);
}
#teacher-webinars-page .twp-hero__photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
}
#teacher-webinars-page .twp-hero__badge{
    position:absolute;
    left:7px;
    right:7px;
    bottom:7px;
    padding:7px 9px;
    border-left:3px solid var(--twp-orange);
    border-radius:7px;
    background:rgba(255,255,255,.95);
}
#teacher-webinars-page .twp-hero__badge strong{
    display:block;
    font-family:var(--num-font-bold);
    font-size:13px;
    line-height:1.2;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-hero__badge span{
    display:block;
    margin-top:2px;
    font-size:10px;
    line-height:1.24;
    color:var(--twp-muted);
}


/* =========================
   ПРОФЕСІЙНІ СИТУАЦІЇ
   ========================= */

#teacher-webinars-page .twp-situations{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}
#teacher-webinars-page .twp-situation{
    display:grid;
    grid-template-columns:minmax(0,.9fr) 24px minmax(0,1.1fr);
    gap:4px;
    align-items:stretch;
    min-width:0;
    padding:8px;
    border:1px solid var(--twp-border);
    border-radius:10px;
    background:#fff;
}
#teacher-webinars-page .twp-situation__part{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}
#teacher-webinars-page .twp-situation__part span{
    font-size:9px;
    line-height:1.15;
    text-transform:uppercase;
    letter-spacing:.035em;
    color:var(--twp-muted);
}
#teacher-webinars-page .twp-situation__part strong{
    margin-top:2px;
    font-family:var(--num-font-bold);
    font-size:12.5px;
    line-height:1.23;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-situation__arrow{
    display:grid;
    place-items:center;
    font-size:15px;
    color:var(--twp-orange);
}
#teacher-webinars-page .twp-situations__final{
    margin-top:7px;
    padding:8px 10px;
    border-left:3px solid var(--twp-orange);
    border-radius:0 9px 9px 0;
    background:var(--twp-orange-soft);
    font-size:12px;
    line-height:1.34;
}


/* =========================
   3 ПРОФЕСІЙНІ ОПОРИ
   ========================= */

#teacher-webinars-page .twp-logic{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
}
#teacher-webinars-page .twp-logic__card{
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:6px;
    align-items:start;
    min-width:0;
    padding:8px;
    border:1px solid var(--twp-border);
    border-radius:10px;
    background:#fff;
}
#teacher-webinars-page .twp-logic__num{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background:var(--twp-blue);
    font-family:var(--num-font-bold);
    font-size:10px;
    color:#fff;
}
#teacher-webinars-page .twp-logic__card:nth-child(3) .twp-logic__num{background:var(--twp-orange)}
#teacher-webinars-page .twp-logic__card h3{
    margin:0 0 2px;
    font-family:var(--num-font-bold);
    font-size:14px;
    line-height:1.2;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-logic__card p{
    margin:0;
    font-size:11px;
    line-height:1.3;
    color:var(--twp-text);
}


/* =========================
   ПРОФЕСІЙНИЙ РОЗБІР
   ========================= */

#teacher-webinars-page .twp-analysis{
    padding:10px;
    border:1px solid var(--twp-border-blue);
    border-radius:12px;
    background:#fff;
}
#teacher-webinars-page .twp-analysis__flow{
    display:grid;
    grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    gap:3px;
    align-items:stretch;
    margin-top:7px;
}
#teacher-webinars-page .twp-analysis__step{
    min-width:0;
    padding:7px;
    border:1px solid var(--twp-border);
    border-radius:8px;
    background:#f8fbfd;
    text-align:center;
}
#teacher-webinars-page .twp-analysis__step:nth-of-type(2),
#teacher-webinars-page .twp-analysis__step:nth-of-type(4){background:var(--twp-blue-soft)}
#teacher-webinars-page .twp-analysis__step:nth-of-type(5){background:var(--twp-orange-soft)}
#teacher-webinars-page .twp-analysis__step b{
    display:block;
    font-family:var(--num-font-bold);
    font-size:12px;
    line-height:1.18;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-analysis__step span{
    display:block;
    margin-top:2px;
    font-size:9.5px;
    line-height:1.22;
    color:var(--twp-muted);
}
#teacher-webinars-page .twp-analysis__arrow{
    display:grid;
    place-items:center;
    font-size:15px;
    color:var(--twp-orange);
}


/* =========================
   АВТОР + ФАКТИ
   ========================= */

#teacher-webinars-page .twp-author-copy{
    margin:3px 0 7px;
    font-size:12.5px;
    line-height:1.36;
}
#teacher-webinars-page .twp-facts{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:4px;
}
#teacher-webinars-page .twp-fact{
    min-width:0;
    padding:7px 5px;
    border:1px solid var(--twp-border);
    border-radius:8px;
    background:#fff;
    text-align:center;
}
#teacher-webinars-page .twp-fact strong{
    display:block;
    font-family:var(--num-font-title);
    font-size:18px;
    line-height:1.05;
    color:var(--twp-blue);
}
#teacher-webinars-page .twp-fact span{
    display:block;
    margin-top:2px;
    font-size:9px;
    line-height:1.18;
    color:var(--twp-muted);
}


/* =========================
   ШВИДКИЙ ВХІД
   ========================= */

#teacher-webinars-page .twp-quick{
    display:grid;
    grid-template-columns:minmax(0,1fr) 265px;
    gap:10px;
    align-items:center;
    padding:9px 10px;
    border:1px solid var(--twp-border-blue);
    border-radius:11px;
    background:linear-gradient(90deg,#fff,#f4faff);
}
#teacher-webinars-page .twp-quick h2{
    margin:0;
    font-family:var(--num-font-title);
    font-size:18px;
    line-height:1.16;
    color:var(--twp-blue);
}
#teacher-webinars-page .twp-quick p{
    margin:3px 0 0;
    font-size:11.5px;
    line-height:1.3;
}
#teacher-webinars-page .twp-quick__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
}
#teacher-webinars-page .twp-quick__actions .num-button{
    justify-content:center;
    min-height:34px;
    padding:5px 6px;
    font-size:10px;
    line-height:1.15;
    text-align:center;
}


/* =========================
   ПРОФЕСІЙНІ КЕЙСИ — 5
   ========================= */

#teacher-webinars-page .twp-cases{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:6px;
    align-items:start;
}
#teacher-webinars-page .twp-case{
    grid-column:span 2;
    min-width:0;
    overflow:hidden;
    border:1px solid var(--twp-border);
    border-radius:10px;
    background:#fff;
}
#teacher-webinars-page .twp-case:nth-child(4),
#teacher-webinars-page .twp-case:nth-child(5){grid-column:span 3}
#teacher-webinars-page .twp-case[open]{grid-column:1/-1}
#teacher-webinars-page .twp-case summary{
    position:relative;
    min-height:62px;
    padding:8px 28px 8px 9px;
    list-style:none;
    cursor:pointer;
}
#teacher-webinars-page .twp-case summary::-webkit-details-marker{display:none}
#teacher-webinars-page .twp-case summary::after{
    content:"+";
    position:absolute;
    right:9px;
    top:50%;
    transform:translateY(-50%);
    font-size:18px;
    color:var(--twp-blue);
}
#teacher-webinars-page .twp-case[open] summary::after{
    content:"−";
    color:var(--twp-orange);
}
#teacher-webinars-page .twp-case[open] summary{background:var(--twp-blue-soft)}
#teacher-webinars-page .twp-case summary b{
    display:block;
    font-family:var(--num-font-bold);
    font-size:12px;
    line-height:1.22;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-case summary small{
    display:block;
    margin-top:3px;
    font-size:9px;
    line-height:1.16;
    color:var(--twp-muted);
}
#teacher-webinars-page .twp-case__body{padding:7px 9px 9px}
#teacher-webinars-page .twp-case__result{
    display:grid;
    grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);
    gap:4px;
    align-items:stretch;
    margin-bottom:6px;
}
#teacher-webinars-page .twp-case__result>div{
    padding:6px;
    border:1px solid var(--twp-border);
    border-radius:7px;
    background:#f8fafc;
}
#teacher-webinars-page .twp-case__result span{
    display:block;
    font-size:8px;
    line-height:1.1;
    text-transform:uppercase;
    color:var(--twp-muted);
}
#teacher-webinars-page .twp-case__result b{
    display:block;
    margin-top:2px;
    font-size:10.5px;
    line-height:1.2;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-case__result>i{
    display:grid;
    place-items:center;
    font-style:normal;
    color:var(--twp-orange);
}
#teacher-webinars-page .twp-case__analysis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
}
#teacher-webinars-page .twp-case__analysis>div{
    min-width:0;
    padding:6px;
    border-radius:7px;
    background:#f7fafc;
}
#teacher-webinars-page .twp-case__analysis strong{
    display:block;
    font-size:10.5px;
    line-height:1.16;
    color:var(--twp-blue-dark);
}
#teacher-webinars-page .twp-case__analysis p{
    margin:2px 0 0;
    font-size:9.5px;
    line-height:1.25;
}


/* =========================
   12 ПРОГРАМ — 4 × 3
   ========================= */

#teacher-webinars-page .twp-programs{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    align-items:start;
}
#teacher-webinars-page .twp-program{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--twp-border);
    border-radius:8px;
    background:#fff;
}
#teacher-webinars-page .twp-program[open]{grid-column:1/-1}
#teacher-webinars-page .twp-program summary{
    position:relative;
    display:flex;
    align-items:center;
    min-height:50px;
    padding:6px 25px 6px 7px;
    list-style:none;
    cursor:pointer;
    font-family:var(--num-font-bold);
    font-size:11px;
    line-height:1.18;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-program summary::-webkit-details-marker{display:none}
#teacher-webinars-page .twp-program summary::after{
    content:"+";
    position:absolute;
    right:7px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    color:var(--twp-blue);
}
#teacher-webinars-page .twp-program[open] summary{
    background:var(--twp-blue-soft);
}
#teacher-webinars-page .twp-program[open] summary::after{
    content:"−";
    color:var(--twp-orange);
}
#teacher-webinars-page .twp-program__body{
    padding:6px 8px 8px;
}
#teacher-webinars-page .twp-program__body p{
    margin:0;
    font-size:12px;
    line-height:1.34;
}


/* =========================
   ФОРМАТИ + БЕЗКОШТОВНО
   ========================= */

#teacher-webinars-page .twp-formats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
}
#teacher-webinars-page .twp-format{
    min-width:0;
    padding:8px;
    border:1px solid var(--twp-border);
    border-radius:9px;
    background:#fff;
}
#teacher-webinars-page .twp-format h3{
    margin:0 0 2px;
    font-family:var(--num-font-bold);
    font-size:13px;
    line-height:1.18;
    color:var(--twp-ink);
}
#teacher-webinars-page .twp-format p{
    margin:0;
    font-size:10.5px;
    line-height:1.27;
}

#teacher-webinars-page .twp-free{
    display:grid;
    grid-template-columns:105px minmax(0,1fr) 165px;
    gap:8px;
    align-items:center;
    margin-top:6px;
    padding:8px 9px;
    border:1px solid #f0d1a5;
    border-radius:10px;
    background:var(--twp-orange-soft);
}
#teacher-webinars-page .twp-free>strong{
    font-family:var(--num-font-title);
    font-size:17px;
    line-height:1.1;
    color:var(--twp-orange-dark);
}
#teacher-webinars-page .twp-free p{
    margin:0;
    font-size:10.5px;
    line-height:1.22;
}
#teacher-webinars-page .twp-free small{
    display:block;
    margin-top:2px;
    font-size:8.5px;
    line-height:1.18;
    color:var(--twp-muted);
}
#teacher-webinars-page .twp-free .num-button{
    justify-content:center;
    min-height:34px;
    padding:5px 7px;
    font-size:9.5px;
    line-height:1.13;
    text-align:center;
}


/* =========================
   МАТЕРІАЛИ
   ========================= */

#teacher-webinars-page .twp-materials{
    display:grid;
    grid-template-columns:185px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:9px 10px;
    border:1px solid var(--twp-border);
    border-radius:10px;
    background:#fff;
}
#teacher-webinars-page .twp-materials h2{
    margin:0;
    font-family:var(--num-font-title);
    font-size:17px;
    line-height:1.15;
    color:var(--twp-blue);
}
#teacher-webinars-page .twp-materials p{
    margin:0;
    font-size:10.5px;
    line-height:1.26;
}
#teacher-webinars-page .twp-materials .twp-link{white-space:nowrap}


/* =========================
   ФІНАЛЬНИЙ CTA
   ========================= */

#teacher-webinars-page .twp-final{
    display:grid;
    grid-template-columns:minmax(0,1fr) 310px;
    gap:10px;
    align-items:center;
    padding:11px;
    border-radius:12px;
    background:var(--twp-blue-dark);
    color:#fff;
}
#teacher-webinars-page .twp-final h2{
    margin:0;
    font-family:var(--num-font-title);
    font-size:20px;
    line-height:1.17;
    color:#fff;
}
#teacher-webinars-page .twp-final p{
    margin:3px 0 0;
    font-size:11px;
    line-height:1.28;
    color:#e6f0f6;
}
#teacher-webinars-page .twp-final__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
}
#teacher-webinars-page .twp-final__actions .num-button{
    justify-content:center;
    min-height:35px;
    padding:5px 7px;
    font-size:9.5px;
    line-height:1.14;
    text-align:center;
}


/* =========================================================
   TABLET + MOBILE
   ========================================================= */

@media (max-width:980px){

    #teacher-webinars-page .twp-section{padding:6px 0}
    #teacher-webinars-page .num-container{padding-left:9px;padding-right:9px}
    #teacher-webinars-page .twp-kicker{margin-bottom:3px;padding:3px 7px;font-size:9.5px}
    #teacher-webinars-page .twp-h2{font-size:20px;line-height:1.16}
    #teacher-webinars-page .twp-intro{font-size:11.5px;line-height:1.3}
    #teacher-webinars-page .twp-section-head{margin-bottom:6px}

    /* Hero */
    #teacher-webinars-page .twp-hero{
        grid-template-columns:minmax(0,1fr) 108px;
        gap:5px 8px;
        padding:8px;
        border:1px solid var(--twp-border-blue);
        border-radius:13px;
        background:linear-gradient(135deg,#fff 0%,#f5fbff 70%,#fff8ef 100%);
    }
    #teacher-webinars-page .twp-hero__main{display:contents}
    #teacher-webinars-page .twp-kicker{align-self:end}
    #teacher-webinars-page .twp-hero__title{
        grid-column:1;
        margin:0;
        font-size:21px;
        line-height:1.13;
    }
    #teacher-webinars-page .twp-hero__photo{
        grid-column:2;
        grid-row:1/3;
        min-height:132px;
        border-radius:10px;
        box-shadow:none;
    }
    #teacher-webinars-page .twp-hero__badge{display:none}
    #teacher-webinars-page .twp-route{
        grid-column:1/-1;
        grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr);
        margin-top:2px;
    }
    #teacher-webinars-page .twp-route__node{padding:6px 4px}
    #teacher-webinars-page .twp-route__node strong{font-size:11px}
    #teacher-webinars-page .twp-route__node span{font-size:8.5px}
    #teacher-webinars-page .twp-route__arrow{font-size:12px}
    #teacher-webinars-page .twp-hero__lead{
        grid-column:1/-1;
        margin:1px 0;
        font-size:12px;
        line-height:1.32;
    }
    #teacher-webinars-page .twp-hero__note{
        grid-column:1/-1;
        margin:1px 0;
        font-size:10.5px;
        line-height:1.28;
    }
    #teacher-webinars-page .twp-hero__actions{
        grid-column:1/-1;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:4px;
        margin-top:2px;
    }
    #teacher-webinars-page .twp-hero__actions .num-button{
        min-height:31px;
        padding:4px 5px;
        font-size:9.5px;
    }

    /* 4 професійні ситуації */
    #teacher-webinars-page .twp-situations{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }
    #teacher-webinars-page .twp-situation{
        grid-template-columns:minmax(0,.83fr) 12px minmax(0,1.17fr);
        padding:7px 5px;
    }
    #teacher-webinars-page .twp-situation__part span{font-size:8px}
    #teacher-webinars-page .twp-situation__part strong{font-size:10px}
    #teacher-webinars-page .twp-situation__arrow{font-size:11px}
    #teacher-webinars-page .twp-situations__final{
        margin-top:6px;
        padding:7px 8px;
        font-size:11px;
    }

    /* 3 опори */
    #teacher-webinars-page .twp-logic{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
    }
    #teacher-webinars-page .twp-logic__card{
        grid-template-columns:27px minmax(0,1fr);
        padding:7px;
    }
    #teacher-webinars-page .twp-logic__card:nth-child(3){grid-column:1/-1}
    #teacher-webinars-page .twp-logic__num{
        width:27px;
        height:27px;
        font-size:9px;
    }
    #teacher-webinars-page .twp-logic__card h3{font-size:12px}
    #teacher-webinars-page .twp-logic__card p{font-size:10px}

    /* 5 кроків аналізу */
    #teacher-webinars-page .twp-analysis{padding:8px}
    #teacher-webinars-page .twp-analysis__flow{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:5px;
    }
    #teacher-webinars-page .twp-analysis__arrow{display:none}
    #teacher-webinars-page .twp-analysis__step{
        padding:6px;
        text-align:left;
    }
    #teacher-webinars-page .twp-analysis__step:nth-of-type(5){
        grid-column:1/-1;
        text-align:center;
    }
    #teacher-webinars-page .twp-analysis__step b{font-size:11px}
    #teacher-webinars-page .twp-analysis__step span{font-size:8.8px}

    /* Автор */
    #teacher-webinars-page .twp-author-copy{font-size:11.5px}
    #teacher-webinars-page .twp-facts{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
    #teacher-webinars-page .twp-fact{padding:5px 3px}
    #teacher-webinars-page .twp-fact strong{font-size:16px}
    #teacher-webinars-page .twp-fact span{font-size:8px}

    /* Швидкий запис */
    #teacher-webinars-page .twp-quick{
        grid-template-columns:minmax(0,1fr) 134px;
        gap:6px;
        padding:8px;
    }
    #teacher-webinars-page .twp-quick h2{font-size:15px}
    #teacher-webinars-page .twp-quick p{font-size:10px}
    #teacher-webinars-page .twp-quick__actions{grid-template-columns:1fr;gap:4px}
    #teacher-webinars-page .twp-quick__actions .num-button{
        min-height:31px;
        padding:4px;
        font-size:9px;
    }

    /* 5 кейсів */
    #teacher-webinars-page .twp-cases{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
    }
    #teacher-webinars-page .twp-case,
    #teacher-webinars-page .twp-case:nth-child(4),
    #teacher-webinars-page .twp-case:nth-child(5){grid-column:span 1}
    #teacher-webinars-page .twp-case:nth-child(5){grid-column:1/-1}
    #teacher-webinars-page .twp-case[open]{grid-column:1/-1}
    #teacher-webinars-page .twp-case summary{
        min-height:53px;
        padding:6px 23px 6px 7px;
    }
    #teacher-webinars-page .twp-case summary b{font-size:10.5px}
    #teacher-webinars-page .twp-case summary small{font-size:8px}
    #teacher-webinars-page .twp-case__body{padding:6px 7px 7px}
    #teacher-webinars-page .twp-case__result{
        grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr);
        margin-bottom:5px;
    }
    #teacher-webinars-page .twp-case__result>div{padding:5px}
    #teacher-webinars-page .twp-case__result span{font-size:7px}
    #teacher-webinars-page .twp-case__result b{font-size:9.5px}
    #teacher-webinars-page .twp-case__analysis{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:5px;
    }
    #teacher-webinars-page .twp-case__analysis>div{padding:6px}
    #teacher-webinars-page .twp-case__analysis strong{font-size:10.5px}
    #teacher-webinars-page .twp-case__analysis p{font-size:9.5px}

    /* 12 програм: 2 × 6 */
    #teacher-webinars-page .twp-programs{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:5px;
    }
    #teacher-webinars-page .twp-program[open]{grid-column:1/-1}
    #teacher-webinars-page .twp-program summary{
        min-height:43px;
        padding:6px 22px 6px 6px;
        font-size:10.5px;
    }
    #teacher-webinars-page .twp-program__body{padding:5px 8px 7px}
    #teacher-webinars-page .twp-program__body p{font-size:12px}

    /* Формати */
    #teacher-webinars-page .twp-formats{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:5px;
    }
    #teacher-webinars-page .twp-format{padding:7px}
    #teacher-webinars-page .twp-format h3{font-size:11.5px}
    #teacher-webinars-page .twp-format p{font-size:9.2px}
    #teacher-webinars-page .twp-free{
        grid-template-columns:72px minmax(0,1fr) 92px;
        gap:5px;
        padding:7px;
    }
    #teacher-webinars-page .twp-free>strong{font-size:12.5px}
    #teacher-webinars-page .twp-free p{font-size:9px}
    #teacher-webinars-page .twp-free small{font-size:7.5px}
    #teacher-webinars-page .twp-free .num-button{
        min-height:31px;
        padding:4px 5px;
        font-size:8.5px;
    }

    /* Матеріали */
    #teacher-webinars-page .twp-materials{
        grid-template-columns:118px minmax(0,1fr);
        gap:7px;
        padding:8px;
    }
    #teacher-webinars-page .twp-materials h2{font-size:15px}
    #teacher-webinars-page .twp-materials p{font-size:10px}
    #teacher-webinars-page .twp-materials .twp-link{
        grid-column:1/-1;
        font-size:10px;
        white-space:normal;
    }

    /* CTA */
    #teacher-webinars-page .twp-final{
        grid-template-columns:minmax(0,1fr) 130px;
        gap:7px;
        padding:8px;
    }
    #teacher-webinars-page .twp-final h2{font-size:15px}
    #teacher-webinars-page .twp-final p{font-size:10px}
    #teacher-webinars-page .twp-final__actions{grid-template-columns:1fr;gap:4px}
    #teacher-webinars-page .twp-final__actions .num-button{
        min-height:31px;
        padding:4px;
        font-size:8.8px;
    }
}


@media (max-width:370px){

    #teacher-webinars-page .twp-hero{grid-template-columns:minmax(0,1fr) 96px}
    #teacher-webinars-page .twp-hero__title{font-size:19px}
    #teacher-webinars-page .twp-route__node strong{font-size:10px}
    #teacher-webinars-page .twp-route__node span{font-size:7.8px}

    #teacher-webinars-page .twp-situation__part strong{font-size:9.2px}
    #teacher-webinars-page .twp-logic__card p{font-size:9.3px}

    #teacher-webinars-page .twp-analysis__step span{font-size:8px}
    #teacher-webinars-page .twp-fact span{font-size:7.3px}

    #teacher-webinars-page .twp-quick{grid-template-columns:minmax(0,1fr) 120px}

    #teacher-webinars-page .twp-case summary b{font-size:9.7px}
    #teacher-webinars-page .twp-program summary{font-size:9.8px}

    #teacher-webinars-page .twp-format p{font-size:8.5px}
    #teacher-webinars-page .twp-free{grid-template-columns:64px minmax(0,1fr) 84px}
    #teacher-webinars-page .twp-final{grid-template-columns:minmax(0,1fr) 118px}
}

/* =========================================================
   ABOUT-NUM.HTML — фінальний мобільний сценарій
   Тримати після базових стилів сторінки; HTML змінювати не потрібно
   ========================================================= */
@media (max-width:980px){

/* Загальний ритм */
#about-intro,#about-learning-logic,#about-difference,#about-pedagogical-map,#about-author,#about-roles,#about-concepts,#about-proof,#about-final{padding:6px 0!important}
#about-intro .num-container,#about-learning-logic .num-container,#about-difference .num-container,#about-pedagogical-map .num-container,#about-author .num-container,#about-roles .num-container,#about-concepts .num-container,#about-proof .num-container,#about-final .num-container{padding-left:9px!important;padding-right:9px!important}
#about-learning-logic .num-home-section-head,#about-pedagogical-map .num-home-section-head,#about-roles .num-home-section-head,#about-concepts .num-home-section-head{margin-bottom:6px!important}
#about-learning-logic .num-home-section-title,#about-pedagogical-map .num-home-section-title,#about-roles .num-home-section-title,#about-concepts .num-home-section-title{font-size:20px!important;line-height:1.16}
#about-learning-logic .num-home-section-text,#about-pedagogical-map .num-home-section-text,#about-roles .num-home-section-text,#about-concepts .num-home-section-text{margin-top:2px!important;font-size:11.5px!important;line-height:1.3}
#about-learning-logic,#about-author,#about-concepts{background:linear-gradient(90deg,#f6fbff,#fff)}
#about-difference,#about-roles,#about-final{background:linear-gradient(90deg,#fff,#fff8ef)}

/* Вступ: чотири опори НУМ — змійка 1 → 2 ↓ 3 ← 4 */
#about-intro>.num-container>.num-card{padding:8px!important;border-radius:13px!important}
#about-intro>.num-container>.num-card>.num-title{margin:0 0 3px!important;font-size:23px!important;line-height:1.12}
#about-intro>.num-container>.num-card>.num-text{margin:0 0 6px!important;font-size:12px!important;line-height:1.32}
#about-intro .num-home-grid--4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 7px!important}
#about-intro .num-home-grid--4>.num-card{position:relative;display:block!important;min-width:0;padding:7px!important;border-radius:9px!important}
#about-intro .num-home-grid--4>.num-card:nth-child(1){grid-area:1/1}
#about-intro .num-home-grid--4>.num-card:nth-child(2){grid-area:1/2}
#about-intro .num-home-grid--4>.num-card:nth-child(3){grid-area:2/2}
#about-intro .num-home-grid--4>.num-card:nth-child(4){grid-area:2/1}
#about-intro .num-home-process__number{display:none!important}
#about-intro .num-home-grid--4 .num-title{margin:0 0 2px!important;font-size:13px!important;line-height:1.17}
#about-intro .num-home-grid--4 .num-text{margin:0!important;font-size:10.5px!important;line-height:1.26}
#about-intro .num-home-grid--4>.num-card:nth-child(1)::after{content:"→";position:absolute;top:50%;right:-14px;z-index:2;transform:translateY(-50%);color:var(--num-orange);font-size:18px;font-weight:900}
#about-intro .num-home-grid--4>.num-card:nth-child(2)::after{content:"↓";position:absolute;left:50%;bottom:-18px;z-index:2;transform:translateX(-50%);color:var(--num-orange);font-size:18px;font-weight:900}
#about-intro .num-home-grid--4>.num-card:nth-child(3)::after{content:"←";position:absolute;top:50%;left:-14px;z-index:2;transform:translateY(-50%);color:var(--num-orange);font-size:18px;font-weight:900}

/* Навчальна логіка: три етапи в один ряд */
#about-learning-logic .num-home-route__cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;padding:0!important}
#about-learning-logic .num-home-route__cards::before{display:none!important}
#about-learning-logic .num-home-route-card{position:relative;min-width:0;padding:6px 5px 6px 34px!important;border-radius:9px!important}
#about-learning-logic .num-home-route-card::before{top:6px!important;left:5px!important;width:24px!important;height:24px!important;border-width:0!important;transform:none!important;font-size:8.5px!important}
#about-learning-logic .num-home-route-card:nth-child(1)::after,#about-learning-logic .num-home-route-card:nth-child(2)::after{content:"→";position:absolute;top:50%;right:-13px;z-index:2;transform:translateY(-50%);color:var(--num-orange);font-size:17px;font-weight:900}
#about-learning-logic .num-home-route-card__label{margin:0!important;font-size:7.5px!important;line-height:1.1}
#about-learning-logic .num-home-route-card h3{margin:1px 0 2px!important;font-size:11px!important;line-height:1.16}
#about-learning-logic .num-home-route-card p{margin:0!important;font-size:8.5px!important;line-height:1.2}
#about-learning-logic .num-home-change-list{margin-top:6px!important}

/* Спільна компактна формула «було → стало» */
#about-learning-logic .num-home-change,#about-difference .num-home-change,#about-proof .num-home-change{display:grid!important;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)!important;gap:2px!important;align-items:stretch;padding:4px!important}
#about-learning-logic .num-home-change>div:not(.num-home-change__arrow),#about-difference .num-home-change>div:not(.num-home-change__arrow),#about-proof .num-home-change>div:not(.num-home-change__arrow){min-width:0;min-height:0!important;padding:5px!important;border-radius:6px!important}
#about-learning-logic .num-home-change strong,#about-difference .num-home-change strong,#about-proof .num-home-change strong{font-size:10.5px!important;line-height:1.16}
#about-learning-logic .num-home-change span,#about-difference .num-home-change span,#about-proof .num-home-change span{font-size:8.5px!important;line-height:1.18}
#about-learning-logic .num-home-change__arrow,#about-difference .num-home-change__arrow,#about-proof .num-home-change__arrow{display:grid!important;place-items:center;width:auto!important;height:auto!important;margin:0!important;transform:none!important;font-size:11px!important}

/* Дві головні відмінності — поруч; внутрішні блоки компактні */
#about-difference>.num-container>.num-home-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#about-difference .num-home-major-card{min-width:0;padding:7px!important;border-radius:10px!important}
#about-difference .num-home-major-card>.num-title{margin:0 0 5px!important;font-size:14px!important;line-height:1.17}
#about-difference .num-home-change-list{gap:4px!important}
#about-difference .num-home-major-card>.num-home-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
#about-difference .num-home-major-card>.num-home-grid--2>.num-card{min-width:0;padding:5px!important;border-radius:7px!important}
#about-difference .num-home-grid--2>.num-card .num-title{margin:0 0 2px!important;font-size:10.5px!important;line-height:1.16}
#about-difference .num-home-grid--2>.num-card .num-text{margin:0!important;font-size:8.5px!important;line-height:1.2}

/* Педагогічна карта: 2 × 2 та дві дії поруч */
#about-pedagogical-map>.num-container>.num-card{padding:8px!important;border-radius:12px!important}
#about-pedagogical-map .num-home-grid--4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
#about-pedagogical-map .num-home-grid--4>.num-card{display:block!important;min-width:0;padding:6px!important;border-radius:8px!important}
#about-pedagogical-map .num-home-process__number{display:none!important}
#about-pedagogical-map .num-home-grid--4 .num-title{margin:0 0 2px!important;font-size:12px!important;line-height:1.17}
#about-pedagogical-map .num-home-grid--4 .num-text{margin:0!important;font-size:9.5px!important;line-height:1.23}
#about-pedagogical-map .num-cta__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin-top:6px!important}
#about-pedagogical-map .num-button{justify-content:center;width:100%;min-height:31px;padding:4px 5px!important;font-size:9.5px!important;line-height:1.14;text-align:center;white-space:normal}

/* Автор і система — дві картки поруч */
#about-author>.num-container>.num-home-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#about-author .num-home-major-card{min-width:0;padding:7px!important;border-radius:10px!important}
#about-author .expert-identity__wrap{display:grid!important;grid-template-columns:67px minmax(0,1fr)!important;gap:6px!important;align-items:start}
#about-author .expert-identity__photo{width:67px!important;height:88px!important;overflow:hidden;border-radius:8px!important}
#about-author .expert-identity__photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top}
#about-author .expert-identity__content{min-width:0}
#about-author .num-home-major-card>.num-title,#about-author .expert-identity__content>.num-title{margin:0 0 3px!important;font-size:13px!important;line-height:1.17}
#about-author .expert-identity__content>.num-text{margin:0!important;font-size:8.5px!important;line-height:1.2}
#about-author .expert-identity__content>p,#about-author .num-home-major-card>p{margin:3px 0 0!important;font-size:8.5px!important;line-height:1.18}
#about-author .num-link{font-size:8.5px!important;line-height:1.16}
#about-author .num-home-major-card>.num-home-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
#about-author .num-home-major-card>.num-home-grid--2>.num-card{min-width:0;padding:5px!important;border-radius:7px!important}
#about-author .num-home-major-card>.num-home-grid--2 .num-title{margin:0 0 2px!important;font-size:10.5px!important;line-height:1.15}
#about-author .num-home-major-card>.num-home-grid--2 .num-text{margin:0!important;font-size:8px!important;line-height:1.18}

/* Шість ролей — 3 × 2; відкритий опис — три колонки */
#about-roles>.num-container>.num-card{padding:8px!important;border-radius:12px!important}
#about-roles .num-subject-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin-top:5px!important}
#about-roles .num-subject-button{gap:4px!important;min-width:0;min-height:32px!important;padding:4px!important;font-size:10px!important;line-height:1.15}
#about-roles .num-subject-button .num-code-icon{width:13px!important;height:13px!important;flex:0 0 13px}
#about-roles .num-subject-panel{margin-top:5px!important;padding:6px!important;border-radius:9px!important}
#about-roles .num-subject-panel__title{margin:0 0 4px!important;font-size:13px!important;line-height:1.18}
#about-roles .num-subject-panel>.num-home-grid--3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
#about-roles .num-subject-panel .num-card{min-width:0;padding:5px!important;border-radius:7px!important}
#about-roles .num-subject-panel .num-title{margin:0 0 2px!important;font-size:10px!important;line-height:1.15}
#about-roles .num-subject-panel .num-text{margin:0!important;font-size:8px!important;line-height:1.18}
#about-roles .num-subject-panel>p{margin:4px 0 0!important;font-size:9px!important;line-height:1.18}
#about-roles .num-subject-panel .num-link{font-size:9px!important}

/* Шість понять — 2 × 3 */
#about-concepts>.num-container>.num-home-grid--3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
#about-concepts .num-home-grid--3>.num-card{display:block!important;min-width:0;padding:6px!important;border-radius:8px!important}
#about-concepts .num-home-process__number{display:none!important}
#about-concepts .num-home-grid--3 .num-title{margin:0 0 2px!important;font-size:12px!important;line-height:1.17}
#about-concepts .num-home-grid--3 .num-text{margin:0!important;font-size:9.5px!important;line-height:1.22}
#about-concepts .num-home-grid--3>.num-card:nth-child(4n+2),#about-concepts .num-home-grid--3>.num-card:nth-child(4n+3){background:#fff8ef}

/* Доказ і вхід у систему — дві колонки */
#about-proof>.num-container>.num-home-grid--2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#about-proof .num-home-major-card{min-width:0;padding:7px!important;border-radius:10px!important}
#about-proof .num-home-major-card>.num-title{margin:0 0 3px!important;font-size:13.5px!important;line-height:1.17}
#about-proof .num-home-major-card>.num-text{margin:0 0 4px!important;font-size:9px!important;line-height:1.22}
#about-proof .num-home-major-card>p{margin:4px 0 0!important;font-size:9px!important;line-height:1.2}
#about-proof .num-link{font-size:9px!important}
#about-proof .num-home-process{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 5px!important}
#about-proof .num-home-process__item{position:relative;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:4px!important;min-width:0;padding:5px!important;border-radius:7px!important}
#about-proof .num-home-process__item:nth-child(3){grid-column:1/-1}
#about-proof .num-home-process__number{display:grid;place-items:center;width:23px!important;height:23px!important;margin:0!important;font-size:9px!important}
#about-proof .num-home-process__item strong{font-size:9.5px!important;line-height:1.15}
#about-proof .num-home-process__item p{font-size:7.8px!important;line-height:1.16}
#about-proof .num-home-process__item:nth-child(1)::after{content:"→";position:absolute;top:50%;right:-12px;z-index:2;transform:translateY(-50%);color:var(--num-orange);font-size:16px;font-weight:900}
#about-proof .num-home-process__item:nth-child(2)::after{content:"↓";position:absolute;left:50%;bottom:-17px;z-index:2;transform:translateX(-50%);color:var(--num-orange);font-size:16px;font-weight:900}
#about-proof .num-cta__actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin-top:5px!important}
#about-proof .num-button{justify-content:center;width:100%;min-height:30px;padding:4px!important;font-size:8.5px!important;line-height:1.13;text-align:center;white-space:normal}

/* Фінальний CTA: текст ліворуч, три переходи праворуч */
#about-final .num-home-final-cta{display:grid!important;grid-template-columns:minmax(0,1fr) 126px!important;gap:4px 7px!important;align-items:center;padding:8px!important;border-radius:11px!important}
#about-final .num-cta__title{grid-column:1;margin:0!important;font-size:15px!important;line-height:1.17}
#about-final .num-cta__text{grid-column:1;margin:0!important;font-size:9.5px!important;line-height:1.23}
#about-final .num-cta__actions{grid-column:2;grid-row:1/3;display:grid!important;grid-template-columns:1fr!important;gap:3px!important;width:auto!important;margin:0!important}
#about-final .num-button{justify-content:center;width:100%;min-height:28px;padding:3px 4px!important;font-size:8.5px!important;line-height:1.12;text-align:center;white-space:normal}
}

@media (max-width:370px){
#about-intro>.num-container>.num-card>.num-title{font-size:21px!important}
#about-intro .num-home-grid--4 .num-text{font-size:9.7px!important}
#about-learning-logic .num-home-route__cards{gap:13px!important}
#about-learning-logic .num-home-route-card{padding-left:30px!important}
#about-learning-logic .num-home-route-card::before{width:21px!important;height:21px!important}
#about-learning-logic .num-home-route-card h3{font-size:10px!important}
#about-learning-logic .num-home-route-card p{font-size:7.8px!important}
#about-difference .num-home-major-card>.num-title{font-size:12.8px!important}
#about-author .expert-identity__wrap{grid-template-columns:58px minmax(0,1fr)!important}
#about-author .expert-identity__photo{width:58px!important;height:82px!important}
#about-roles .num-subject-button{font-size:9.3px!important}
#about-roles .num-subject-panel .num-text{font-size:7.4px!important}
#about-concepts .num-home-grid--3 .num-text{font-size:8.8px!important}
#about-proof .num-home-major-card>.num-title{font-size:12.5px!important}
#about-final .num-home-final-cta{grid-template-columns:minmax(0,1fr) 114px!important}
}

/* =========================================================
   10. ЄДИНА СИСТЕМА СМИСЛОВИХ ПЕРЕХОДІВ
   Великі стрілки, «+» та «=» ведуть погляд між етапами.
   Стрілки посилань, меню та перемикачі details сюди не входять.
   ========================================================= */

:is(
    .num-home-change__arrow,
    .num-difference__arrow,
    .num-depth__arrow b,
    .num-match__connector b,
    .num-when__arrow,
    .num-mechanism__arrow,
    .pv2-route__connector,
    .pv2-panel__arrow,
    #num-programs-page .np-flow__arrow,
    #learning-formats-page .num-format-flow .num-home-change__arrow,
    .num-marker-context__bridge,
    .num-efficiency-map__arrow,
    .ai-parallel__bridge,
    .material-dual__bridge,
    .ped-mini-flow__arrow,
    .ped-contrast__arrow,
    .expert-system-map__arrow,
    .num-ai-map-page .ai-flow__arrow,
    .teacher-profile-page .teacher-core-arrow,
    .teacher-profile-page .teacher-level-arrow,
    #mkp-page .mkp-route__arrow,
    #mkp-page .mkp-situation__arrow,
    #teacher-webinars-page .twp-route__arrow,
    #teacher-webinars-page .twp-situation__arrow,
    #teacher-webinars-page .twp-analysis__arrow,
    #teacher-webinars-page .twp-case__result>i
){
    font-family:var(--num-font-bold),Arial,sans-serif!important;
    font-size:var(--num-flow-symbol-size)!important;
    font-weight:var(--num-flow-symbol-weight)!important;
    line-height:1!important;
    filter:var(--num-flow-symbol-shadow);
}

:is(
    .num-diagnostic-flow__item:not(:last-child),
    .ai-flow__item:not(:last-child),
    .ai-algorithm__item:not(:last-child),
    .material-subject-flow__item:not(:last-child),
    .teacher-profile-page .teacher-method-step:not(:last-child),
    #why-num .num-difference__card:nth-of-type(1),
    #why-num .num-difference__card:nth-of-type(2),
    #service-levels-preview .num-depth__card:nth-of-type(1),
    #service-levels-preview .num-depth__card:nth-of-type(2),
    #teacher-match .num-match__node:nth-of-type(1),
    #teacher-match .num-match__node:nth-of-type(2),
    #when-lessons-not-enough .num-when__case:nth-of-type(1),
    #when-lessons-not-enough .num-when__case:nth-of-type(2),
    #when-lessons-not-enough .num-when__case:nth-of-type(3),
    #process .num-mechanism__step:nth-of-type(1),
    #process .num-mechanism__step:nth-of-type(2),
    #process .num-mechanism__step:nth-of-type(3),
    #num-pedagog-info .num-home-solution-flow span:nth-of-type(1),
    #num-pedagog-info .num-home-solution-flow span:nth-of-type(2),
    #num-pedagog-info .num-home-solution-flow span:nth-of-type(3),
    #num-pedagog-intro .num-home-solution-flow span:nth-of-type(4),
    #mkp-page .mkp-case-step:not(:last-child),
    #mkp-page .mkp-situation:nth-child(1),
    #mkp-page .mkp-situation:nth-child(2),
    #mkp-page .mkp-situation:nth-child(3),
    #mkp-page .mkp-method-card:nth-child(1),
    #mkp-page .mkp-method-card:nth-child(2),
    body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(1),
    body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(3),
    body.teacher-profile-page #teacher-intro .teacher-core-step:nth-child(5),
    body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(1),
    body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(2),
    body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(3),
    body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(4),
    body.teacher-profile-page #teacher-method .teacher-method-step:nth-child(5),
    #about-intro .num-home-grid--4>.num-card:nth-child(1),
    #about-intro .num-home-grid--4>.num-card:nth-child(2),
    #about-intro .num-home-grid--4>.num-card:nth-child(3),
    #about-learning-logic .num-home-route-card:nth-child(1),
    #about-learning-logic .num-home-route-card:nth-child(2),
    #about-proof .num-home-process__item:nth-child(1),
    #about-proof .num-home-process__item:nth-child(2)
)::after{
    font-family:var(--num-font-bold),Arial,sans-serif!important;
    font-size:var(--num-flow-symbol-size)!important;
    font-weight:var(--num-flow-symbol-weight)!important;
    line-height:1!important;
    filter:var(--num-flow-symbol-shadow);
}

:is(
    .num-marker-context__bridge,
    .num-efficiency-map__arrow,
    .ai-problem-split__vs,
    .ai-parallel__bridge,
    .material-dual__bridge
)::after{
    font-family:var(--num-font-bold),Arial,sans-serif!important;
    font-size:var(--num-flow-symbol-size)!important;
    font-weight:var(--num-flow-symbol-weight)!important;
    line-height:1!important;
    filter:var(--num-flow-symbol-shadow);
}

/* Компактні формули мають трохи менший символ, але він усе одно
   щонайменше вдвічі більший за найдрібніші старі переходи. */
:is(
    #subject-directions .num-home-change__arrow,
    #learning-formats-page .num-format-flow .num-home-change__arrow,
    #mkp-page .mkp-route__arrow,
    #mkp-page .mkp-situation__arrow,
    #teacher-webinars-page .twp-route__arrow,
    #teacher-webinars-page .twp-situation__arrow,
    #teacher-webinars-page .twp-analysis__arrow,
    #teacher-webinars-page .twp-case__result>i
){
    font-size:var(--num-flow-symbol-compact)!important;
}

@media (max-width:980px){
    :root{
        --num-flow-symbol-size:30px;
        --num-flow-symbol-compact:26px;
    }
}

/* =========================================================
   ПОРТФОЛІО ОЛЬГИ РАЗІНКІНОЇ
   Ізольовані стилі: не впливають на інші сторінки педагогів
   ========================================================= */

#teacher-art-portfolio.raz-portfolio{
    --raz-blue:var(--num-blue,#0b78a5);
    --raz-orange:var(--num-orange,#ff9e18);
    --raz-ink:#26343d;
    --raz-muted:#62717b;
    --raz-line:var(--num-border,#dbe5ea);
    margin-top:24px;
    color:var(--raz-ink)
}
#teacher-art-portfolio *{box-sizing:border-box}
#teacher-art-portfolio [hidden]{display:none!important}
#teacher-art-portfolio .raz-portfolio__heading{max-width:800px;margin:0 auto 16px;text-align:center}
#teacher-art-portfolio .raz-portfolio__eyebrow{display:inline-block;margin:0 0 7px;padding:6px 12px;border-radius:999px;background:#eef7fc;color:var(--raz-blue);font-size:13px;font-weight:800}
#teacher-art-portfolio .raz-portfolio__heading h2{margin:0;font-size:clamp(25px,3vw,39px);line-height:1.08;color:var(--raz-blue)}
#teacher-art-portfolio .raz-portfolio__heading>p:last-child{max-width:720px;margin:9px auto 0;font-size:15px;line-height:1.5;color:var(--raz-muted)}

#teacher-art-portfolio .raz-portfolio__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:13px}
#teacher-art-portfolio .raz-portfolio__tab{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-items:center;min-width:0;padding:13px;border:1px solid var(--raz-line);border-radius:14px;background:#fff;color:var(--raz-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
#teacher-art-portfolio .raz-portfolio__tab:hover{transform:translateY(-2px);border-color:#9fc6d9;box-shadow:0 8px 22px rgba(31,78,101,.09)}
#teacher-art-portfolio .raz-portfolio__tab:focus-visible,#teacher-art-portfolio .raz-work-card:focus-visible,#teacher-art-portfolio .raz-work-preview__close:focus-visible{outline:3px solid rgba(255,158,24,.35);outline-offset:2px}
#teacher-art-portfolio .raz-portfolio__tab.is-active{border-color:var(--raz-blue);background:linear-gradient(135deg,#f3faff,#fff 72%);box-shadow:inset 0 0 0 1px var(--raz-blue)}
#teacher-art-portfolio .raz-portfolio__tab-number{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf6fb;color:var(--raz-blue);font-size:11px;font-weight:900}
#teacher-art-portfolio .raz-portfolio__tab.is-active .raz-portfolio__tab-number{background:var(--raz-blue);color:#fff}
#teacher-art-portfolio .raz-portfolio__tab strong{min-width:0;font-size:15px;line-height:1.16}
#teacher-art-portfolio .raz-portfolio__tab small{min-width:0;font-size:11px;line-height:1.25;color:var(--raz-muted)}

#teacher-art-portfolio .raz-portfolio__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
#teacher-art-portfolio .raz-work-item{min-width:0}
#teacher-art-portfolio .raz-work-card{display:grid;grid-template-columns:116px minmax(0,1fr);width:100%;height:100%;min-height:150px;padding:0;border:1px solid var(--raz-line);border-radius:13px;overflow:hidden;background:#fff;color:var(--raz-ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(26,58,75,.045);transition:border-color .2s,box-shadow .2s,transform .2s}
#teacher-art-portfolio .raz-work-card:hover{transform:translateY(-2px);border-color:#a8cadb;box-shadow:0 9px 24px rgba(26,58,75,.1)}
#teacher-art-portfolio .raz-work-card.is-active{border-color:var(--raz-orange);box-shadow:0 0 0 2px rgba(255,158,24,.2)}
#teacher-art-portfolio .raz-work-card img{display:block;width:100%;height:100%;min-height:150px;object-fit:cover;background:#eef2f4}
#teacher-art-portfolio .raz-work-card__body{display:flex;flex-direction:column;min-width:0;padding:11px 10px}
#teacher-art-portfolio .raz-work-card__body strong{font-size:15px;line-height:1.18}
#teacher-art-portfolio .raz-work-card__tags{margin-top:5px;color:var(--raz-blue);font-size:10.5px;font-weight:800;line-height:1.25}
#teacher-art-portfolio .raz-work-card__body small{margin-top:7px;font-size:11px;line-height:1.35;color:var(--raz-muted)}
#teacher-art-portfolio .raz-work-card__body::after{content:"Роздивитися →";margin-top:auto;padding-top:8px;color:var(--raz-blue);font-size:10.5px;font-weight:800}

#teacher-art-portfolio .raz-work-preview{position:relative;grid-column:1/-1;padding:13px;border:1px solid #9fc6d9;border-radius:15px;background:linear-gradient(135deg,#f5fbff 0%,#fff 62%,#fff8ee 100%);box-shadow:0 12px 30px rgba(31,78,101,.1);animation:raz-preview-in .22s ease-out}
@keyframes raz-preview-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
#teacher-art-portfolio .raz-work-preview__content{display:grid;grid-template-columns:minmax(220px,36%) minmax(0,1fr);gap:18px;align-items:stretch}
#teacher-art-portfolio .raz-work-preview__media{display:flex;flex-direction:column;min-width:0}
#teacher-art-portfolio .raz-work-preview__media img{display:block;width:100%;height:290px;border-radius:10px;object-fit:contain;background:#edf2f4}
#teacher-art-portfolio .raz-work-preview__media a{display:block;margin-top:7px;padding:8px 10px;border-radius:9px;background:var(--raz-blue);color:#fff;font-size:12px;font-weight:800;text-align:center;text-decoration:none}
#teacher-art-portfolio .raz-work-preview__media a:hover{background:#075f85}
#teacher-art-portfolio .raz-work-preview__copy{align-self:center;padding:8px 34px 8px 0}
#teacher-art-portfolio .raz-work-preview__copy>span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--raz-orange)}
#teacher-art-portfolio .raz-work-preview__copy h3{margin:4px 0 13px;font-size:27px;line-height:1.1;color:var(--raz-blue)}
#teacher-art-portfolio .raz-work-preview__copy section+section{margin-top:12px;padding-top:12px;border-top:1px solid var(--raz-line)}
#teacher-art-portfolio .raz-work-preview__copy strong{font-size:13px;color:var(--raz-ink)}
#teacher-art-portfolio .raz-work-preview__copy p{margin:4px 0 0;font-size:13.5px;line-height:1.48;color:var(--raz-muted)}
#teacher-art-portfolio .raz-work-preview__close{position:absolute;top:9px;right:9px;z-index:2;display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--raz-line);border-radius:50%;background:#fff;color:var(--raz-ink);font:700 20px/1 Arial,sans-serif;cursor:pointer}

#teacher-art-portfolio .raz-portfolio__empty{padding:28px;border:1px solid var(--raz-line);border-radius:15px;background:linear-gradient(135deg,#f5fbff,#fff 55%,#fff8ef);text-align:center}
#teacher-art-portfolio .raz-portfolio__empty span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--raz-orange)}
#teacher-art-portfolio .raz-portfolio__empty h3{margin:5px 0;font-size:24px;color:var(--raz-blue)}
#teacher-art-portfolio .raz-portfolio__empty p{max-width:680px;margin:0 auto 13px;font-size:14px;line-height:1.5;color:var(--raz-muted)}
#teacher-art-portfolio .raz-portfolio__empty a{color:var(--raz-blue);font-weight:800;text-decoration:none}

@media (max-width:900px){
    #teacher-art-portfolio .raz-work-card{grid-template-columns:94px minmax(0,1fr)}
    #teacher-art-portfolio .raz-work-card__body small{font-size:10.5px}
}

@media (max-width:700px){
    #teacher-art-portfolio.raz-portfolio{margin-top:10px}
    #teacher-art-portfolio .raz-portfolio__heading{margin-bottom:9px}
    #teacher-art-portfolio .raz-portfolio__eyebrow{margin-bottom:5px;padding:4px 8px;font-size:9.5px}
    #teacher-art-portfolio .raz-portfolio__heading h2{font-size:20px;line-height:1.12}
    #teacher-art-portfolio .raz-portfolio__heading>p:last-child{margin-top:5px;font-size:10.5px;line-height:1.35}
    #teacher-art-portfolio .raz-portfolio__tabs{gap:4px;margin-bottom:7px}
    #teacher-art-portfolio .raz-portfolio__tab{display:block;padding:7px 4px;border-radius:9px;text-align:center}
    #teacher-art-portfolio .raz-portfolio__tab-number{display:none}
    #teacher-art-portfolio .raz-portfolio__tab strong{display:block;font-size:10.5px;line-height:1.12}
    #teacher-art-portfolio .raz-portfolio__tab small{display:block;margin-top:2px;font-size:7.5px;line-height:1.18}
    #teacher-art-portfolio .raz-portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
    #teacher-art-portfolio .raz-work-card{display:block;min-height:0;border-radius:10px}
    #teacher-art-portfolio .raz-work-card img{width:100%;height:118px;min-height:0;object-fit:cover}
    #teacher-art-portfolio .raz-work-card__body{padding:7px}
    #teacher-art-portfolio .raz-work-card__body strong{font-size:11.5px;line-height:1.14}
    #teacher-art-portfolio .raz-work-card__tags{margin-top:3px;font-size:7.8px;line-height:1.18}
    #teacher-art-portfolio .raz-work-card__body small{margin-top:4px;font-size:8.5px;line-height:1.25}
    #teacher-art-portfolio .raz-work-card__body::after{padding-top:5px;font-size:8.5px}
    #teacher-art-portfolio .raz-work-preview{padding:8px;border-radius:11px}
    #teacher-art-portfolio .raz-work-preview__content{grid-template-columns:42% minmax(0,1fr);gap:8px}
    #teacher-art-portfolio .raz-work-preview__media img{height:210px;border-radius:7px}
    #teacher-art-portfolio .raz-work-preview__media a{margin-top:5px;padding:6px 3px;font-size:8.5px;line-height:1.15}
    #teacher-art-portfolio .raz-work-preview__copy{align-self:start;padding:2px 25px 2px 0}
    #teacher-art-portfolio .raz-work-preview__copy>span{font-size:7px}
    #teacher-art-portfolio .raz-work-preview__copy h3{margin:2px 0 7px;font-size:15px}
    #teacher-art-portfolio .raz-work-preview__copy section+section{margin-top:7px;padding-top:7px}
    #teacher-art-portfolio .raz-work-preview__copy strong{font-size:9px;line-height:1.15}
    #teacher-art-portfolio .raz-work-preview__copy p{margin-top:2px;font-size:8.5px;line-height:1.27}
    #teacher-art-portfolio .raz-work-preview__close{top:6px;right:6px;width:23px;height:23px;font-size:15px}
    #teacher-art-portfolio .raz-portfolio__empty{padding:15px 10px}
    #teacher-art-portfolio .raz-portfolio__empty h3{font-size:17px}
    #teacher-art-portfolio .raz-portfolio__empty p{font-size:10px;line-height:1.35}
    #teacher-art-portfolio .raz-portfolio__empty a{font-size:10px}
}

@media (max-width:370px){
    #teacher-art-portfolio .raz-portfolio__tab strong{font-size:9.5px}
    #teacher-art-portfolio .raz-portfolio__tab small{font-size:6.8px}
    #teacher-art-portfolio .raz-work-card img{height:104px}
    #teacher-art-portfolio .raz-work-card__body small{font-size:7.8px}
    #teacher-art-portfolio .raz-work-preview__media img{height:185px}
    #teacher-art-portfolio .raz-work-preview__copy p{font-size:7.8px}
}

/* ===== NUM BUTTON SYSTEM ===== */

.button{
  display:inline-flex;align-items:center;justify-content:center;gap:.35em;
  width:max-content;max-width:100%;padding:5px 9px;box-sizing:border-box;
  border:1px solid #e48600;border-radius:10px;
  background:#f99a11;color:#fff;
  font:inherit;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;
  cursor:pointer;appearance:none;-webkit-appearance:none;
  transition:.18s ease;
}
.button:hover{
  background:#e98b08;border-color:#d97f00;color:#fff;text-decoration:none;
  transform:translateY(-1px);box-shadow:0 5px 12px rgba(249,154,17,.22);
}
.button:active{background:#d98000;border-color:#c97700;transform:none;box-shadow:none}
.button:focus-visible{outline:3px solid rgba(249,154,17,.3);outline-offset:3px}

/* Розміри */
.button--large{padding:6px 11px;border-radius:9px;font-size:1rem}
.button--compact{padding:4px 7px;border-radius:7px;font-size:.92rem}
.button--wide{width:100%}

/* Форми */
.button--pill{border-radius:999px;padding-left:18px;padding-right:18px}
.button--icon{
  width:38px;height:38px;min-width:38px;min-height:38px;
  padding:0;border-radius:50%;font-size:1.15rem;line-height:1
}
.button--icon.button--small{width:30px;height:30px;min-width:30px;min-height:30px;font-size:1rem}
.button--icon.button--large{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;font-size:1.3rem}

/* Клікабельна картка */
.button--card{
  position:relative;display:flex;flex-direction:column;align-items:stretch;
  width:100%;padding:18px;border:2px solid #f99a11;border-radius:14px;
  background:#fff;color:#174f77;text-align:left;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
}
.button--card:hover{
  background:#fff8ef;color:#174f77;border-color:#e48600;
  transform:translateY(-2px);box-shadow:0 7px 18px rgba(249,154,17,.16);
}
.button--card::after{
  content:"→";position:absolute;top:10px;right:10px;
  display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  background:#f99a11;color:#fff;font-weight:700;
}

/* Неактивна */
.button:disabled,.button.is-disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

/* Mobile */
@media(max-width:600px){
  .button{padding:4px 7px;border-radius:7px;font-size:.94rem}
  .button--large{padding:5px 9px;border-radius:8px;font-size:1rem}
  .button--compact{padding:3px 6px;border-radius:6px;font-size:.84rem}
  .button--pill{padding-left:14px;padding-right:14px}
  .button--icon{width:36px;height:36px;min-width:36px;min-height:36px}
  .button--icon.button--small{width:28px;height:28px;min-width:28px;min-height:28px}
  .button--icon.button--large{width:44px;height:44px;min-width:44px;min-height:44px}
  .button--card{padding:14px;border-radius:12px;font-size:.92rem}
  .button--card::after{top:8px;right:8px;width:25px;height:25px;font-size:14px}
}

/* DETAILS — інтерактивний + */
#home-page .num-details>summary::after{font-size:36px;font-weight:600;color:#f99a11;}
#home-page #our-capabilities .num-capabilities__plus{width:36px;height:36px;flex-basis:36px;background:transparent;}
#home-page #our-capabilities .num-capabilities__plus:before,
#home-page #our-capabilities .num-capabilities__plus:after{width:24px;height:3px;background:#f99a11;}
/* ГАРАНТІЇ — новий інтерактивний + */
#home-page #num-guarantees .num-details>summary::after{font-size:36px!important;font-weight:600;color:#f99a11!important;}

/* NUM-PEDAGOG — інтерактивні + */
#num-pedagog-info .num-details>summary::after{font-size:36px;font-weight:600;color:#f99a11}
#pedagog-capabilities .num-capabilities__plus{width:36px;height:36px;flex-basis:36px;background:transparent}
#pedagog-capabilities .num-capabilities__plus:before,
#pedagog-capabilities .num-capabilities__plus:after{width:24px;height:3px;background:#f99a11}