/* Technical documents section: one modern layout for all pages (Andrey, 25.09.2026). */
.td-hero{background:linear-gradient(180deg,#eef9f0,#f7fbf8);border-bottom:1px solid #dce8df}
.td-hero .wrap{padding:34px 0 30px}
.td-eyebrow{margin:0 0 10px;color:#21843a;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.td-hero h1{margin:0;max-width:880px;font-size:40px;line-height:1.1;color:#10222c}
.td-lead{max-width:720px;margin:14px 0 0;color:#40546a;font-size:18px;line-height:1.5}
.td-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:32px 0 64px;align-items:start}
.td-article{min-width:0;padding:34px 38px;border:1px solid #dce8df;border-radius:20px;background:#fff}
.td-article p,.td-article li{color:#364e63;font-size:16px;line-height:1.6}
.td-article h2{margin:30px 0 12px;font-size:24px;line-height:1.2;color:#10222c}
.td-article h3{margin:24px 0 10px;font-size:19px}
.td-article img{max-width:100%;height:auto;border-radius:12px}
.td-article a:not(.td-btn):not(.td-card):not(.video-link-card):not(.td-download){color:#16752b;font-weight:600}
.td-article>*:first-child{margin-top:0}
.td-side{position:sticky;top:96px;display:grid;gap:16px}
.td-nav{padding:18px;border:1px solid #dce8df;border-radius:18px;background:#fff}
.td-nav b{display:block;margin:0 0 10px;font-size:14px;color:#10222c}
.td-nav a{display:block;padding:10px 12px;border-radius:10px;color:#40546a;font-size:14px;line-height:1.3;text-decoration:none}
.td-nav a:hover{background:#f3faf4;color:#117e27}
.td-nav a.active{background:#e9f8ec;color:#117e27;font-weight:700}
.td-cta{padding:20px;border-radius:18px;background:#10222c;color:#fff}
.td-cta b{display:block;font-size:17px}
.td-cta p{margin:8px 0 14px;color:#c9d6de;font-size:14px;line-height:1.45}
.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;background:#16b83a;color:#fff;font-weight:700;font-size:15px;text-decoration:none;border:1.5px solid #16b83a}
.td-btn:hover{background:#12a232}
.td-btn--ghost{background:#fff;color:#117e27;border-color:#cfe6d4}
.td-btn--ghost:hover{background:#f3faf4}
.td-cta .td-btn{width:100%}
.td-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid #dce8df}
/* Cards: album chapters, FAQ articles, document links */
.td-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;counter-reset:tdc}
.td-card{display:flex;align-items:center;gap:14px;height:100%;min-height:64px;padding:14px 16px;border:1px solid #dce8df;border-radius:14px;background:#fff;color:#10222c;font-weight:600;line-height:1.3;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.td-card:hover{border-color:#20ac35;box-shadow:0 6px 18px rgba(16,34,44,.07)}
.td-cards--num .td-card:before{counter-increment:tdc;content:counter(tdc);flex:0 0 32px;height:32px;border-radius:50%;background:#e9f8ec;color:#117e27;display:grid;place-items:center;font-size:14px;font-weight:700}
.td-card:after{content:"→";margin-left:auto;padding-left:8px;color:#16b83a;font-weight:700}
.td-group{margin-top:28px}
.td-group h2{margin:0 0 4px}
/* Download */
.td-download{display:flex;align-items:center;gap:16px;max-width:560px;margin:22px 0;padding:16px 18px;border:1px solid #cfe6d4;border-radius:16px;background:#f5fbf6;color:#10222c;text-decoration:none}
.td-download:hover{border-color:#20ac35}
.td-download__icon{flex:0 0 48px;height:56px;border-radius:8px;background:#e5484d;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.td-download b{display:block;font-size:16px}
.td-download small{color:#5b7066}
.td-highlight{margin:22px 0;padding:18px 20px;border-left:4px solid #20ac35;border-radius:0 14px 14px 0;background:#f5fbf6;color:#1d3a2a;font-weight:600}
.td-pager{display:flex;justify-content:space-between;gap:12px;margin-top:30px}
.td-pager a{flex:1 1 0;padding:14px 16px;border:1px solid #dce8df;border-radius:12px;color:#117e27;font-weight:700;text-decoration:none;line-height:1.3}
.td-pager a:hover{border-color:#20ac35}
.td-pager a.next{text-align:right}
@media(max-width:900px){
  .td-layout{grid-template-columns:1fr;gap:18px;padding:18px 0 40px}
  .td-side{position:static}
  .td-article{padding:22px 18px;border-radius:16px}
  .td-hero .wrap{padding:24px 0 20px}
  .td-hero h1{font-size:28px}
  .td-lead{font-size:16px}
  .td-article h2{font-size:21px}
  .td-cards{grid-template-columns:1fr}
  .td-pager{flex-direction:column}
  .td-pager a.next{text-align:left}
}
.td-nav span{display:block;padding:10px 12px;color:#9aa7b0;font-size:14px;line-height:1.3}
.td-article .technical-supervision__image{display:block;width:100%;max-width:560px;margin:18px 0}

/* FAQ articles (Andrey 26.09.2026: questions merged into one blue wall): one visual block per question. */
.technical-portal__article h2,.technical-portal__article h3,.technical-portal__article h4{position:relative;margin:30px 0 10px!important;padding:22px 0 0 18px!important;border-top:1px solid #e3ece6;color:#10222c!important;font-size:20px!important;line-height:1.3!important;font-family:inherit!important}
.technical-portal__article h2:before,.technical-portal__article h3:before,.technical-portal__article h4:before{content:"";position:absolute;left:0;top:25px;width:4px;height:calc(100% - 28px);min-height:18px;border-radius:2px;background:#16b83a}
.technical-portal__article>h2:first-child,.technical-portal__article>h3:first-child{border-top:0;padding-top:0!important}
.technical-portal__article h2 *,.technical-portal__article h3 *,.technical-portal__article h4 *{color:inherit!important;font-size:inherit!important}
.technical-portal__article p,.technical-portal__article li{color:#364e63!important;font-size:16px!important;line-height:1.65!important}
.technical-portal__article p:empty{display:none}
@media(max-width:900px){.technical-portal__article h2,.technical-portal__article h3,.technical-portal__article h4{font-size:18px!important}}

/* Example project sheets (26.09.2026). */
.td-sheets{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:14px 0 26px}
.td-sheet{display:block;border:1px solid #dce8df;border-radius:10px;overflow:hidden;background:#fff;text-decoration:none;color:#40546a;transition:border-color .15s,transform .15s}
.td-sheet:hover{border-color:#20ac35;transform:translateY(-2px)}
.td-sheet img{display:block;width:100%;aspect-ratio:5/7;object-fit:contain;background:#fafcfb;border-radius:0!important}
.td-sheet span{display:block;padding:6px 8px;font-size:12px;text-align:center}
.td-sheets:has(img[src*="/kd/"]) img{aspect-ratio:7/5}
@media(max-width:600px){.td-sheets{grid-template-columns:repeat(3,1fr);gap:8px}}

.td-video{display:block;width:100%;max-width:760px;aspect-ratio:16/9;margin:20px 0;border-radius:14px;background:#0f1d24}
