/* ═══════════════════════════════════════════════════════════════
   НДСНИК — страницы услуг и карточки экспертов.
   Подключается на /uslugi/* и /komanda/*.
   ═══════════════════════════════════════════════════════════════ */

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper,#F4F2EC);color:var(--ink,#0B1F2A);font-family:'Inter',system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.mono{font-family:'JetBrains Mono',monospace}

/* ── хлебные крошки ── */
.u-crumbs{max-width:1180px;margin:0 auto;padding:18px 28px 0;font-size:12.5px;color:var(--sand,#8A8574)}
.u-crumbs a{color:var(--sand,#8A8574)}
.u-crumbs a:hover{color:var(--green,#1A6E5A)}
.u-crumbs span{margin:0 7px;opacity:.6}

/* ── шапка страницы ── */
.u-hero{padding:34px 0 10px}
.u-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--green,#1A6E5A);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.u-eyebrow::before{content:"";width:34px;height:1px;background:var(--green,#1A6E5A)}
.u-hero h1{font-family:'Lora',serif;font-weight:700;font-size:42px;line-height:1.12;letter-spacing:-.01em;margin-bottom:20px;max-width:900px}
.u-lede{font-size:17.5px;color:var(--ink-soft,#33454F);max-width:720px;margin-bottom:28px}
.u-act{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.u-btn{background:var(--green,#1A6E5A);color:#fff;padding:15px 26px;font-weight:600;font-size:15px;display:inline-block;transition:.15s}
.u-btn:hover{background:#155546}
.u-btn-g{border:1.5px solid var(--ink,#0B1F2A);padding:15px 24px;font-weight:600;font-size:15px;display:inline-block;transition:.15s}
.u-btn-g:hover{background:var(--ink,#0B1F2A);color:var(--paper,#F4F2EC)}

/* ── секции ── */
.u-sec{padding:46px 0 10px}
.u-sec h2{font-family:'Lora',serif;font-weight:700;font-size:28px;letter-spacing:-.01em;margin-bottom:22px}
.u-sec h3{font-family:'Lora',serif;font-weight:600;font-size:18px;margin-bottom:8px}

.u-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line,#D8D3C4);border-bottom:none}
.u-card{border-bottom:1px solid var(--line,#D8D3C4);border-right:1px solid var(--line,#D8D3C4);padding:22px;background:#fff}
.u-card:nth-child(3n){border-right:none}
.u-card .n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--sand,#8A8574);margin-bottom:10px}
.u-card p{font-size:14px;color:var(--ink-soft,#33454F);line-height:1.5}

.u-steps{counter-reset:s;border-top:1px solid var(--line,#D8D3C4)}
.u-step{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line,#D8D3C4);align-items:start}
.u-step::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--green,#1A6E5A);padding-top:3px}
.u-step p{font-size:14.5px;color:var(--ink-soft,#33454F)}

.u-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 32px}
.u-list li{position:relative;padding-left:22px;font-size:14.5px;color:var(--ink-soft,#33454F)}
.u-list li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;background:var(--green,#1A6E5A)}

.u-norms{background:#fff;border-left:3px solid var(--ink,#0B1F2A);padding:20px 22px;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.75;color:var(--ink-soft,#33454F)}

/* ── форма заявки ── */
.u-form-sec{background:var(--ink,#0B1F2A);color:var(--paper,#F4F2EC);margin-top:52px;padding:52px 0}
.u-form-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.u-form-sec h2{font-family:'Lora',serif;font-weight:700;font-size:28px;line-height:1.18;margin-bottom:14px;color:#fff}
.u-form-sec p{color:#b9c4c2;font-size:15.5px;max-width:460px}
.u-form-card{background:var(--paper,#F4F2EC);color:var(--ink,#0B1F2A);padding:28px;border:2px solid #000}
.u-form-card .t{font-family:'Lora',serif;font-weight:600;font-size:19px;margin-bottom:4px}
.u-form-card .s{font-size:13px;color:var(--sand,#8A8574);margin-bottom:18px}
.u-form-card input[type="text"],.u-form-card input[type="tel"],.u-form-card input[type="email"],.u-form-card textarea,.u-form-card select{width:100%;padding:13px 14px;border:1.5px solid var(--line,#D8D3C4);background:#fff;font-family:inherit;font-size:14px;margin-bottom:12px;border-radius:0}
.u-form-card textarea{resize:vertical;min-height:92px}
.u-form-card input:focus,.u-form-card textarea:focus,.u-form-card select:focus{outline:none;border-color:var(--green,#1A6E5A)}
.u-form-card button{width:100%;background:var(--green,#1A6E5A);color:#fff;border:0;padding:15px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:.15s}
.u-form-card button:hover{background:#155546}
.u-noscript{font-size:12.5px;color:var(--red,#B23A2E);margin-bottom:10px}

/* ── FAQ ── */
.u-faq{padding:46px 0 0}
.u-faq .qa{border-top:1px solid var(--line,#D8D3C4);padding:20px 0}
.u-faq .qa:last-child{border-bottom:1px solid var(--line,#D8D3C4)}
.u-faq .q{font-family:'Lora',serif;font-weight:600;font-size:17px;margin-bottom:8px}
.u-faq .a{font-size:14.5px;color:var(--ink-soft,#33454F)}

/* ── перелинковка ── */
.u-rel{padding:46px 0 64px}
.u-rel ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 28px}
.u-rel li{font-size:14.5px}
.u-rel li a{color:var(--green,#1A6E5A);font-weight:600}
.u-rel li a:hover{text-decoration:underline}

/* ── карточки экспертов ── */
.k-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line,#D8D3C4);border-bottom:none;margin-bottom:40px}
.k-card{border-bottom:1px solid var(--line,#D8D3C4);border-right:1px solid var(--line,#D8D3C4);padding:24px;background:#fff;display:block}
.k-card:nth-child(3n){border-right:none}
.k-card:hover{background:var(--paper,#F4F2EC)}
.k-av{width:62px;height:62px;background:var(--ink,#0B1F2A);color:var(--paper,#F4F2EC);display:flex;align-items:center;justify-content:center;font-family:'Lora',serif;font-size:22px;font-weight:600;margin-bottom:14px}
.k-card h3{font-family:'Lora',serif;font-size:18px;margin-bottom:5px}
.k-role{font-size:12.5px;color:var(--sand,#8A8574);margin-bottom:10px}
.k-note{font-size:13.5px;color:var(--ink-soft,#33454F);line-height:1.5}
.k-more{margin-top:12px;font-size:13px;font-weight:600;color:var(--green,#1A6E5A)}
.k-profile{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:52px;align-items:start;padding:34px 0 10px}
.k-profile .k-av{width:92px;height:92px;font-size:32px}
.k-side{background:#fff;border:1px solid var(--line,#D8D3C4);padding:22px}
.k-side h4{font-family:'Lora',serif;font-size:16px;margin-bottom:12px}
.k-side ul{list-style:none}
.k-side li{font-size:13.5px;margin-bottom:9px;color:var(--ink-soft,#33454F)}
.k-side li a{color:var(--green,#1A6E5A);font-weight:600}

/* ── адаптив ── */
@media(max-width:960px){
  .u-grid{grid-template-columns:repeat(2,1fr)}
  .u-card:nth-child(3n){border-right:1px solid var(--line,#D8D3C4)}
  .u-card:nth-child(2n){border-right:none}
  .u-form-grid{grid-template-columns:1fr;gap:30px}
  .u-rel ul{grid-template-columns:repeat(2,1fr)}
  .k-grid{grid-template-columns:repeat(2,1fr)}
  .k-card:nth-child(3n){border-right:1px solid var(--line,#D8D3C4)}
  .k-card:nth-child(2n){border-right:none}
  .k-profile{grid-template-columns:1fr;gap:30px}
  .u-hero h1{font-size:31px}
}
@media(max-width:620px){
  .u-grid{grid-template-columns:1fr}
  .u-card{border-right:none!important}
  .u-list{grid-template-columns:1fr}
  .u-rel ul{grid-template-columns:1fr}
  .k-grid{grid-template-columns:1fr}
  .k-card{border-right:none!important}
  .wrap,.u-crumbs{padding-left:18px;padding-right:18px}
  .u-hero h1{font-size:27px}
}