/* Общие стили подстраниц: субнавигация, герой, контент, карточки, футер */

body{padding-top:0;background:var(--white);}

/* ── SUBNAV ── */
.subnav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 48px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);}
.subnav-logo{display:flex;align-items:center;gap:4px;text-decoration:none;}
.subnav-logo span:first-child{font-size:20px;font-weight:800;color:var(--graphite);letter-spacing:-.03em;}
.subnav-dot{width:8px;height:8px;background:var(--green);border-radius:50%;margin-bottom:7px;}
.subnav-back{font-size:13px;font-weight:600;color:var(--ink2);text-decoration:none;transition:color .15s;}
.subnav-back:hover{color:var(--green-dark);}

/* ── SUBPAGE HERO ── */
.subpage-hero{background:var(--bg);border-bottom:1px solid var(--line-soft);padding:64px 48px 56px;}
.crumbs{font-size:12px;color:var(--ink3);margin-bottom:20px;}
.crumbs a{color:var(--green-dark);text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}
.subpage-title{font-size:clamp(28px,3.6vw,46px);font-weight:800;color:var(--graphite);letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;}
.subpage-lead{font-size:15px;color:var(--ink2);line-height:1.75;max-width:680px;}

/* ── CONTENT ── */
.subpage-content{padding:64px 48px 80px;}
.content-block{max-width:860px;}
.content-block h2{font-size:clamp(20px,2.4vw,28px);font-weight:800;color:var(--graphite);letter-spacing:-.02em;margin:44px 0 14px;}
.content-block h3{font-size:17px;font-weight:700;color:var(--graphite);margin:30px 0 10px;}
.content-block p{font-size:14.5px;color:var(--ink2);line-height:1.75;margin-bottom:14px;}
.content-block p strong{color:var(--graphite);}
.content-block ul,.content-block ol{margin:0 0 18px 20px;}
.content-block li{font-size:14.5px;color:var(--ink2);line-height:1.75;margin-bottom:8px;}
.content-block a{color:var(--green-dark);}
.content-block .date{font-size:12px;color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;font-weight:700;}

/* ── CARDS GRID ── */
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{background:var(--bg);border:1px solid var(--line-soft);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s,border-color .25s;text-decoration:none;color:inherit;}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(43,42,41,.08);border-color:var(--line);}
.card-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;padding:5px 13px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);margin-bottom:18px;background:var(--white);align-self:flex-start;}
.card-chip i{width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0;}
.card-title{font-size:19px;font-weight:800;color:var(--graphite);letter-spacing:-.015em;margin-bottom:8px;line-height:1.3;}
.card-text{font-size:13.5px;color:var(--ink2);line-height:1.7;flex:1;}
.card-link{font-size:13px;font-weight:700;color:var(--green-dark);margin-top:18px;}

/* ── FAQ (geo) ── */
.faq-list{max-width:860px;display:flex;flex-direction:column;gap:14px;margin-top:40px;}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px 30px;}
.faq-q{font-size:16px;font-weight:800;color:var(--graphite);margin-bottom:10px;letter-spacing:-.01em;}
.faq-a{font-size:14.5px;color:var(--ink2);line-height:1.75;}
.faq-a a{color:var(--green-dark);}

/* ── SUBFOOTER ── */
.subfoot{background:var(--graphite-3);color:rgba(255,255,255,.45);padding:34px 48px;}
.subfoot .container{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;}
.subfoot a{color:rgba(255,255,255,.55);text-decoration:none;transition:color .15s;}
.subfoot a:hover{color:var(--green);}
.subfoot-legal{display:flex;gap:8px 24px;flex-wrap:wrap;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .cards-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .subnav{padding:12px 20px;}
  .subpage-hero{padding:44px 20px 40px;}
  .subpage-content{padding:44px 20px 64px;}
  .cards-grid{grid-template-columns:1fr;gap:14px;}
  .subfoot{padding:28px 20px;}
  .subfoot .container{flex-direction:column;align-items:flex-start;}
}