/* NS-PLAN — сторінка «Агрокалькулятор» (CMS agrokalkulyator). Усе під .nsp; компоненти мають специфічність ≥ (0,2,0), скиди — (0,1,1). */
.nsp{--ink:#16201a;--ink2:#3a4540;--mute:#66706a;--line:#e1e6e2;--line2:#d3dad5;--bg:#f5f7f5;--tint:#edf6f0;--tint2:#dcefe3;--acc:#0d7a45;--deep:#0a5c36;--deeper:#063d24;--sun:#f2c14e;--warn:#9a5a12;
  --fd:'Manrope','Golos Text',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--fb:'Golos Text',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --r:20px;--sh:0 1px 2px rgba(16,40,26,.05),0 18px 40px -28px rgba(16,40,26,.28);
  max-width:1180px;margin:0 auto 56px;color:var(--ink2);font-family:var(--fb);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}
.nsp *,.nsp *::before,.nsp *::after{box-sizing:border-box}
.nsp [hidden]{display:none !important}
.nsp p,.nsp ul,.nsp ol,.nsp dl,.nsp dd,.nsp h2,.nsp h3,.nsp figure{margin:0;padding:0}
.nsp ul,.nsp ol{list-style:none}
.nsp li,.nsp dt{margin:0;padding:0}
.nsp dl,.nsp dt,.nsp dd,.nsp th,.nsp td,.nsp label,.nsp summary,.nsp output{font-family:var(--fb)}
.nsp a{color:var(--acc)}
.nsp button{font-family:inherit;cursor:pointer}
.nsp .nsp-i{width:20px;height:20px;flex:none;display:block}
.nsp .nsp-vh{position:absolute !important;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nsp :focus-visible{outline:3px solid rgba(13,122,69,.45);outline-offset:2px}
.nsp section[id]{scroll-margin-top:84px}

/* ---------- заголовок сторінки (H1 теми) ---------- */
body.cms-agrokalkulyator .page-main .page-title-wrapper{max-width:1180px;margin:6px auto 0}
body.cms-agrokalkulyator .page-main .columns{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
body.cms-agrokalkulyator .page-main .columns .column.main{padding:0 !important}
body.cms-agrokalkulyator .page-main .page-title-wrapper .page-title{margin:0 0 10px !important;font-family:'Manrope','Golos Text',sans-serif !important;font-size:clamp(32px,4.4vw,54px) !important;font-weight:800 !important;line-height:1.04 !important;letter-spacing:-.025em !important;color:#16201a !important;text-transform:none !important;text-align:left !important}
body.cms-agrokalkulyator .page-main .page-title-wrapper .page-title .base{font:inherit !important;color:inherit !important}

/* ---------- вступ ---------- */
.nsp .nsp-hero{padding:0 0 22px}
.nsp .nsp-lead{max-width:64ch;font-size:clamp(16px,1.7vw,19px);line-height:1.55;color:var(--ink2)}
.nsp .nsp-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;color:var(--mute);font-size:14px}
.nsp .nsp-facts li{display:flex;align-items:center;gap:8px}
.nsp .nsp-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc)}
.nsp .nsp-facts b{color:var(--ink);font-family:var(--fd);font-weight:800;font-size:15px}
.nsp .nsp-toc{margin:22px 0 0}
.nsp .nsp-toc ul{display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px;-webkit-overflow-scrolling:touch}
.nsp .nsp-toc ul::-webkit-scrollbar{display:none}
.nsp .nsp-toc li{flex:none}
.nsp .nsp-toc a{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:box-shadow .15s,background .15s}
.nsp .nsp-toc a .nsp-i{width:18px;height:18px;color:var(--acc)}
.nsp .nsp-toc a:hover{background:var(--tint);box-shadow:inset 0 0 0 1px var(--tint2)}

/* ---------- картки інструментів ---------- */
.nsp .nsp-card{position:relative;margin:0 0 22px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.nsp .nsp-head{display:flex;gap:14px;align-items:flex-start;padding:24px 26px 0}
.nsp .nsp-head>.nsp-i{width:44px;height:44px;padding:11px;border-radius:14px;background:var(--tint);color:var(--acc)}
.nsp .nsp-head h2{font-family:var(--fd) !important;font-size:clamp(20px,2.2vw,26px) !important;font-weight:800 !important;line-height:1.2 !important;letter-spacing:-.015em !important;color:var(--ink) !important;text-transform:none !important;margin:0 !important;text-wrap:balance}
.nsp .nsp-head p{margin:6px 0 0;max-width:70ch;color:var(--mute);font-size:15px}
.nsp .nsp-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;padding:22px 26px 26px}
.nsp .nsp-planner .nsp-body{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}

/* ---------- форма ---------- */
.nsp .nsp-form{display:flex;flex-direction:column;gap:18px;min-width:0}
.nsp .nsp-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.nsp .nsp-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.nsp .nsp-f2>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.nsp .nsp-f label,.nsp .nsp-f .nsp-lbl{display:block;margin:0;color:var(--ink);font-size:14px;font-weight:600;line-height:1.3}
.nsp .nsp-form input[type=number],.nsp .nsp-form input[type=date],.nsp .nsp-form input[type=search],.nsp .nsp-form select,.nsp .nsp-search input{
  width:100%;height:48px;margin:0;padding:0 14px;border:1px solid var(--line2);border-radius:12px;background:#fff;color:var(--ink);font-family:var(--fb);font-size:16px;line-height:46px;box-shadow:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.nsp .nsp-form input[type=number]{-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.nsp .nsp-form input::-webkit-outer-spin-button,.nsp .nsp-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.nsp .nsp-form input[type=date]{line-height:normal;padding-top:0;padding-bottom:0}
.nsp .nsp-form select{padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230d7a45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center;text-overflow:ellipsis;cursor:pointer}
.nsp .nsp-form input:hover,.nsp .nsp-form select:hover{border-color:#b8c3bb}
.nsp .nsp-form input:focus,.nsp .nsp-form select:focus,.nsp .nsp-search input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px rgba(13,122,69,.14)}
.nsp .nsp-inrow{display:flex;gap:8px;align-items:stretch;min-width:0}
.nsp .nsp-inrow>input{flex:1 1 90px;min-width:0}
.nsp .nsp-inrow>select{flex:1 1 150px;width:auto;min-width:0}
.nsp .nsp-inrow>.nsp-seg{flex:none}
.nsp .nsp-suffix{display:flex;align-items:center;padding:0 4px;color:var(--mute);font-size:15px;white-space:nowrap}
.nsp .nsp-hint{margin:0;color:var(--mute);font-size:13px;line-height:1.45}
.nsp .nsp-note{margin:0;padding:8px 12px;border-radius:10px;background:#fbf4e6;color:var(--warn);font-size:13.5px}

/* сегментовані перемикачі */
.nsp .nsp-seg{display:inline-flex;gap:3px;padding:4px;border-radius:13px;background:#eef1ee;min-width:0}
.nsp .nsp-seg--wide{display:flex}
.nsp .nsp-seg--wide button{flex:1 1 0}
.nsp .nsp-seg button{min-height:40px;margin:0;padding:0 14px;border:0 !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;color:var(--ink2) !important;font-size:14.5px !important;font-weight:600 !important;line-height:1.2 !important;text-transform:none !important;letter-spacing:0 !important;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.nsp .nsp-seg button:hover{color:var(--ink) !important;background:rgba(255,255,255,.6) !important}
.nsp .nsp-seg button[aria-pressed=true]{background:#fff !important;color:var(--deep) !important;box-shadow:0 1px 2px rgba(16,40,26,.08),0 4px 10px -6px rgba(16,40,26,.25) !important}
.nsp .nsp-seg button:disabled{opacity:.38;cursor:not-allowed;background:transparent !important}

/* чипи культур і швидкі значення */
.nsp .nsp-chips{display:flex;flex-wrap:wrap;gap:6px}
.nsp .nsp-chip{height:34px;margin:0;padding:0 13px;border:0 !important;border-radius:999px !important;background:#fff !important;box-shadow:inset 0 0 0 1px var(--line2) !important;color:var(--ink2) !important;font-size:14px !important;font-weight:500 !important;line-height:1 !important;text-transform:none !important;letter-spacing:0 !important;transition:background .15s,box-shadow .15s,color .15s}
.nsp .nsp-chip:hover{box-shadow:inset 0 0 0 1px var(--acc) !important;color:var(--deep) !important}
.nsp .nsp-chip[aria-pressed=true]{background:var(--deep) !important;box-shadow:none !important;color:#fff !important}
.nsp .nsp-presets{display:flex;flex-wrap:wrap;gap:6px}
.nsp .nsp-preset{height:30px;margin:0;padding:0 11px;border:0 !important;border-radius:8px !important;background:var(--tint) !important;box-shadow:none !important;color:var(--deep) !important;font-size:13.5px !important;font-weight:600 !important;line-height:1 !important;text-transform:none !important;letter-spacing:0 !important}
.nsp .nsp-preset:hover{background:var(--tint2) !important}

.nsp .nsp-more{border-top:1px dashed var(--line2);padding-top:14px}
.nsp .nsp-more summary{display:inline-flex;align-items:center;gap:8px;color:var(--acc);font-size:14.5px;font-weight:600;cursor:pointer;list-style:none}
.nsp .nsp-more summary::-webkit-details-marker{display:none}
.nsp .nsp-more summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.nsp .nsp-more[open] summary::before{transform:rotate(45deg) translate(-2px,-2px)}
.nsp .nsp-more>.nsp-f,.nsp .nsp-more>.nsp-check{margin-top:14px}
.nsp .nsp-check{display:flex;align-items:center;gap:10px;margin:0;color:var(--ink2);font-size:14.5px;font-weight:500;cursor:pointer}
.nsp .nsp-check input{width:20px;height:20px;margin:0;accent-color:var(--acc);flex:none}
.nsp .nsp-check--in{min-height:48px;align-self:end}
.nsp .nsp-check input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;position:static;opacity:1;clip:auto}

/* ---------- результат ---------- */
.nsp .nsp-res{display:flex;flex-direction:column;gap:14px;min-width:0;padding:24px;border-radius:16px;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,rgba(242,193,78,.16),transparent 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 22px),linear-gradient(160deg,#0b6b3e 0%,#0a5c36 45%,#063d24 100%)}
.nsp .nsp-res-k{color:rgba(255,255,255,.78);font-size:14px;font-weight:600;letter-spacing:.01em}
.nsp .nsp-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;line-height:1}
.nsp .nsp-big output{font-family:var(--fd);font-size:clamp(46px,6.2vw,72px);font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#fff}
.nsp .nsp-big span{font-size:16px;font-weight:600;color:rgba(255,255,255,.82)}
.nsp .nsp-sub{margin-top:-6px;color:rgba(255,255,255,.72);font-size:14.5px;font-variant-numeric:tabular-nums}
.nsp .nsp-mass{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nsp .nsp-mass span{color:rgba(255,255,255,.75);font-size:14px}
.nsp .nsp-mass b{font-family:var(--fd);font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.nsp .nsp-mass small{color:rgba(255,255,255,.7);font-size:13.5px;font-variant-numeric:tabular-nums}
.nsp .nsp-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.nsp .nsp-metrics>div{padding:10px 0;border-top:1px solid rgba(255,255,255,.14);min-width:0}
.nsp .nsp-metrics dt{color:rgba(255,255,255,.7);font-size:13px;font-weight:500;line-height:1.3;text-transform:none;letter-spacing:0}
.nsp .nsp-metrics dd{margin:3px 0 0;color:#fff;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3}
.nsp .nsp-timeline{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;position:relative;padding:14px 0 0}
.nsp .nsp-timeline::before{content:"";position:absolute;left:6px;right:6px;top:19px;height:2px;background:rgba(255,255,255,.22)}
.nsp .nsp-timeline li{position:relative;padding-top:18px;min-width:0}
.nsp .nsp-timeline li::before{content:"";position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px rgba(242,193,78,.22)}
.nsp .nsp-timeline b{display:block;color:rgba(255,255,255,.7);font-size:12.5px;font-weight:600}
.nsp .nsp-timeline span{display:block;margin-top:2px;color:#fff;font-size:14.5px;font-weight:700}
.nsp .nsp-tip{padding:0 0 0 12px;border-left:2px solid rgba(242,193,78,.7);color:rgba(255,255,255,.86);font-size:14px;line-height:1.5}
.nsp .nsp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:4px}
.nsp .nsp-add,.nsp .nsp-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0;padding:0 20px;border-radius:999px !important;font-size:15px !important;font-weight:700 !important;line-height:1.2 !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0 !important;transition:transform .15s,background .15s,box-shadow .15s}
.nsp .nsp-add{border:0 !important;background:#fff !important;color:var(--deep) !important;box-shadow:0 8px 20px -10px rgba(0,0,0,.45) !important}
.nsp .nsp-add:hover{transform:translateY(-1px)}
.nsp .nsp-add .nsp-i{width:18px;height:18px}
.nsp .nsp-add[data-count]:not([data-count=""])::after{content:attr(data-count);display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--sun);color:#3b2a00;font-size:12.5px;font-weight:800}
.nsp .nsp-add.is-done{background:var(--sun) !important;color:#3b2a00 !important}
.nsp .nsp-buy{background:transparent;color:#fff !important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.nsp .nsp-buy::after{content:"\2192";font-weight:700}
.nsp .nsp-buy:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px #fff}

/* світлий результат інших інструментів */
.nsp .nsp-res--light{color:var(--ink2);background:var(--tint);box-shadow:inset 0 0 0 1px var(--tint2)}
.nsp .nsp-res--light .nsp-res-k{color:var(--mute)}
.nsp .nsp-res--light .nsp-big output{color:var(--deep)}
.nsp .nsp-res--light .nsp-big span{color:var(--ink2)}
.nsp .nsp-res--light .nsp-sub{color:var(--mute)}
.nsp .nsp-res--light .nsp-sub b{color:var(--ink)}
.nsp .nsp-res--light .nsp-metrics>div{border-top-color:var(--tint2)}
.nsp .nsp-res--light .nsp-metrics dt{color:var(--mute)}
.nsp .nsp-res--light .nsp-metrics dd{color:var(--ink)}
.nsp .nsp-res--light .nsp-tip{border-left-color:var(--acc);color:var(--ink2)}
.nsp .nsp-res--light .nsp-tip--warn{border-left-color:#d08a2e}
.nsp .nsp-res--light .nsp-buy{color:var(--deep) !important;box-shadow:inset 0 0 0 1.5px var(--acc)}
.nsp .nsp-res--light .nsp-buy:hover{background:#fff}

/* ---------- план посіву ---------- */
.nsp .nsp-planlist{margin:0 26px 26px;padding:20px;border-radius:16px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.nsp .nsp-pl-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:12px}
.nsp .nsp-pl-head h3{font-family:var(--fd) !important;font-size:19px !important;font-weight:800 !important;color:var(--ink) !important;margin:0 !important;text-transform:none !important}
.nsp .nsp-pl-head span{color:var(--mute);font-size:14px}
.nsp .nsp-pl{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}
.nsp .nsp-pl th,.nsp .nsp-pl td{padding:10px 12px;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;background:none}
.nsp .nsp-pl thead th{color:var(--mute);font-size:12.5px;font-weight:600;white-space:nowrap}
.nsp .nsp-pl tbody th{color:var(--ink);font-weight:700}
.nsp .nsp-pl tbody th small{display:block;color:var(--mute);font-size:12.5px;font-weight:500}
.nsp .nsp-pl b{color:var(--ink)}
.nsp .nsp-pl-act{white-space:nowrap;text-align:right !important}
.nsp .nsp-pl-act a{font-weight:600;margin-right:8px}
.nsp .nsp-pl-act button{width:30px;height:30px;padding:0;border:0 !important;border-radius:50% !important;background:#fff !important;box-shadow:inset 0 0 0 1px var(--line2) !important;color:var(--mute) !important;font-size:18px !important;line-height:1 !important}
.nsp .nsp-pl-act button:hover{color:#b83a31 !important;box-shadow:inset 0 0 0 1px #e3b1ab !important}
.nsp .nsp-pl-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 10px}
.nsp .nsp-pl-actions button{display:inline-flex;align-items:center;gap:8px;height:40px;margin:0;padding:0 16px;border:0 !important;border-radius:999px !important;background:#fff !important;box-shadow:inset 0 0 0 1px var(--line2) !important;color:var(--ink) !important;font-size:14px !important;font-weight:600 !important;text-transform:none !important;letter-spacing:0 !important}
.nsp .nsp-pl-actions button .nsp-i{width:18px;height:18px;color:var(--acc)}
.nsp .nsp-pl-actions button:hover{box-shadow:inset 0 0 0 1px var(--acc) !important}
.nsp .nsp-pl-actions button.is-done{background:var(--tint) !important;box-shadow:inset 0 0 0 1px var(--acc) !important}
.nsp .nsp-pl-actions .nsp-ghost{background:transparent !important;box-shadow:none !important;color:var(--mute) !important}

/* ---------- розділи з текстом ---------- */
.nsp .nsp-sec{margin:44px 0 0}
.nsp .nsp-sec h2{font-family:var(--fd) !important;font-size:clamp(24px,2.8vw,34px) !important;font-weight:800 !important;line-height:1.15 !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin:0 0 10px !important;text-transform:none !important;text-wrap:balance}
.nsp .nsp-sec-head p{max-width:72ch;color:var(--mute);font-size:15.5px}
.nsp .nsp-sec h3{font-family:var(--fd) !important;font-size:18px !important;font-weight:800 !important;line-height:1.3 !important;color:var(--ink) !important;margin:0 !important;text-transform:none !important;letter-spacing:-.005em !important}

/* довідник */
.nsp .nsp-tbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:20px 0 14px}
.nsp .nsp-tabs{display:inline-flex;gap:3px;padding:4px;border-radius:13px;background:#eef1ee;max-width:100%;overflow-x:auto;scrollbar-width:none}
.nsp .nsp-tabs button{min-height:40px;margin:0;padding:0 16px;border:0 !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;color:var(--ink2) !important;font-size:14.5px !important;font-weight:600 !important;white-space:nowrap;text-transform:none !important;letter-spacing:0 !important}
.nsp .nsp-tabs button[aria-selected=true]{background:#fff !important;color:var(--deep) !important;box-shadow:0 1px 2px rgba(16,40,26,.08),0 4px 10px -6px rgba(16,40,26,.25) !important}
.nsp .nsp-search{position:relative;flex:0 1 300px;min-width:200px;margin:0}
.nsp .nsp-search .nsp-i{position:absolute;left:14px;top:14px;width:20px;height:20px;color:var(--mute);pointer-events:none}
.nsp .nsp-search input{padding-left:44px}
.nsp .nsp-tpanel h3{margin:0 0 10px !important}
.nsp.nsp-js .nsp-tpanel:not(.is-on){display:none}
.nsp:not(.nsp-js) .nsp-tpanel{margin-bottom:28px}
.nsp .nsp-tw{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.nsp .nsp-tw--sticky{max-height:min(72vh,760px)}
.nsp .nsp-t{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.4;font-variant-numeric:tabular-nums}
.nsp .nsp-t--wide{min-width:880px}
.nsp .nsp-t th,.nsp .nsp-t td{padding:11px 14px;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;background:#fff;color:var(--ink2)}
.nsp .nsp-t thead th{position:sticky;top:0;z-index:2;background:#f7f9f7;color:var(--mute);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:inset 0 -1px 0 var(--line)}
.nsp .nsp-t tbody th{position:sticky;left:0;z-index:1;color:var(--ink);font-weight:700;text-transform:none;letter-spacing:0;font-size:14.5px;min-width:150px;box-shadow:inset -1px 0 0 var(--line)}
.nsp .nsp-t thead th:first-child{left:0;z-index:3}
.nsp .nsp-t tbody th a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--tint2),var(--tint2));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat}
.nsp .nsp-t tbody th a:hover{color:var(--deep);background-image:linear-gradient(var(--acc),var(--acc))}
.nsp .nsp-t tr.nsp-grp th{position:sticky;left:0;padding:16px 14px 8px;background:#fff;color:var(--acc);font-family:var(--fd);font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:none}
.nsp .nsp-t td b{display:block;color:var(--ink);font-weight:700;white-space:nowrap}
.nsp .nsp-t td small{display:block;color:var(--mute);font-size:13px;white-space:nowrap}
.nsp .nsp-t td.nsp-m{color:var(--mute);font-size:13.5px;white-space:nowrap}
.nsp .nsp-t td.nsp-tx{min-width:280px;color:var(--mute);font-size:13.5px}
.nsp .nsp-t td.nsp-go{width:52px;padding-top:8px;padding-bottom:8px;text-align:right}
.nsp .nsp-t td.nsp-go a{display:inline-block;width:34px;height:34px;border-radius:10px;background:var(--tint);position:relative}
.nsp .nsp-t td.nsp-go a::before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:var(--acc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 12h.01M12 12h.01M16 12h.01M8 16h.01M12 16h.01M16 16h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 12h.01M12 12h.01M16 12h.01M8 16h.01M12 16h.01M16 16h.01'/%3E%3C/svg%3E") center/contain no-repeat}
.nsp .nsp-t td.nsp-go a:hover{background:var(--deep)}
.nsp .nsp-t td.nsp-go a:hover::before{background:#fff}
.nsp .nsp-t tr.nsp-sub2>*{border-top:0}
.nsp .nsp-t tbody tr:not(.nsp-grp):hover>*{background:#fafcfa}
.nsp .nsp-empty{padding:18px;color:var(--mute);text-align:center}

/* як працює */
.nsp .nsp-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.nsp .nsp-how-item{padding:18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.nsp .nsp-how-item h3{font-size:16px !important;margin:0 0 6px !important}
.nsp .nsp-how-item p{color:var(--mute);font-size:14.5px}
.nsp .nsp-src{margin-top:14px;color:var(--mute);font-size:13.5px}

/* FAQ */
.nsp .nsp-faq{max-width:860px}
.nsp .nsp-q{margin:0 0 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.nsp .nsp-q[open]{box-shadow:inset 0 0 0 1px var(--tint2),var(--sh)}
.nsp .nsp-q summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;list-style:none}
.nsp .nsp-q summary::-webkit-details-marker{display:none}
.nsp .nsp-q summary h3{font-size:16.5px !important;font-weight:700 !important}
.nsp .nsp-q summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%230d7a45' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;transition:transform .2s}
.nsp .nsp-q[open] summary::after{transform:rotate(45deg)}
.nsp .nsp-a{padding:0 18px 18px;color:var(--ink2);font-size:15.5px;line-height:1.6;max-width:75ch}

/* статті */
.nsp .nsp-gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.nsp .nsp-gl a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 46px 16px 18px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-decoration:none;transition:box-shadow .15s,transform .15s}
.nsp .nsp-gl a:hover{box-shadow:inset 0 0 0 1px var(--acc),var(--sh);transform:translateY(-1px)}
.nsp .nsp-gk{color:var(--acc);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-family:var(--fd)}
.nsp .nsp-gl b{font-size:15.5px;font-weight:600;line-height:1.35}
.nsp .nsp-gl .nsp-i{position:absolute;right:16px;top:50%;margin-top:-10px;color:var(--acc)}

/* ---------- адаптив ---------- */
@media (max-width:1023px){
  .nsp .nsp-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nsp .nsp-gl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){
  .nsp .nsp-body,.nsp .nsp-planner .nsp-body{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media (max-width:640px){
  .nsp{margin-bottom:36px}
  .nsp .nsp-toc ul{flex-wrap:nowrap}
  .nsp .nsp-card{border-radius:18px;margin-left:-4px;margin-right:-4px}
  .nsp .nsp-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:18px 16px 0;gap:10px 12px}
  .nsp .nsp-head>div{display:contents}
  .nsp .nsp-head p{grid-column:1/-1;margin:0}
  .nsp .nsp-head>.nsp-i{width:40px;height:40px;padding:10px;border-radius:12px}
  .nsp .nsp-body{padding:16px}
  .nsp .nsp-res{padding:20px 18px;margin:0 -6px}
  .nsp .nsp-metrics{gap:0 14px}
  .nsp .nsp-inrow{flex-wrap:wrap}
  .nsp .nsp-inrow>.nsp-seg{flex:1 1 100%}
  .nsp .nsp-inrow>.nsp-seg button{flex:1 1 0}
  .nsp .nsp-planlist{margin:0 12px 16px;padding:14px}
  .nsp .nsp-pl{min-width:560px}
  .nsp .nsp-timeline{grid-auto-flow:row;grid-auto-columns:auto;gap:12px;padding:4px 0 0 0}
  .nsp .nsp-timeline::before{left:5px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
  .nsp .nsp-timeline li{padding:0 0 0 24px}
  .nsp .nsp-timeline li::before{top:3px}
  .nsp .nsp-sec{margin-top:36px}
  .nsp .nsp-search{flex:1 1 100%}
  .nsp .nsp-how-grid,.nsp .nsp-gl{grid-template-columns:minmax(0,1fr)}
  .nsp .nsp-t tbody th{min-width:128px}
}
@media (max-width:380px){
  .nsp .nsp-f2{grid-template-columns:minmax(0,1fr)}
  .nsp .nsp-actions>*{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.nsp *{transition:none !important}}

/* ---------- друк плану ---------- */
@media print{
  html.nsp-print body *{visibility:hidden !important}
  html.nsp-print .nsp-planlist,html.nsp-print .nsp-planlist *{visibility:visible !important}
  html.nsp-print .nsp-planlist{position:absolute;left:0;top:0;width:100%;margin:0;box-shadow:none;background:#fff}
  html.nsp-print .nsp-pl-actions,html.nsp-print .nsp-pl-act button,html.nsp-print .nsp-planlist .nsp-hint{display:none !important}
  html.nsp-print .nsp-tw{overflow:visible;box-shadow:none}
}