/* ============ common demos ============ */
.demo-swith{position:fixed;right:16px;bottom:16px;z-index:200;display:flex;gap:0;border:1px solid var(--ink);background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.15)}
.demo-swith span{display:flex;align-items:center;padding:0 10px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-right:1px solid var(--line)}
.demo-swith a{display:grid;place-items:center;width:34px;height:34px;font-family:var(--mono);font-size:11px;color:var(--ink)}
.demo-swith a.is-on{background:var(--y);font-weight:700}
.demo-swith a:hover{background:var(--soft-2)}
.demo-swith a.is-on:hover{background:var(--y)}

.area-shell{padding-bottom:60px}
.area-cta{margin-top:26px;border:1px solid var(--ink);background:#fff;padding:18px}
.area-cta b{display:block;font-size:16px;line-height:1.25;margin-bottom:6px}
.area-cta p{margin:0 0 14px;font-size:12px;color:var(--muted);line-height:1.45}

/* ============ A · Атлас ============ */
body[data-variant="a"]{background:var(--soft)}
body[data-variant="a"] .pb-head{background:var(--soft)}
.a-hero{padding:46px 0 34px;border-bottom:1px solid var(--ink)}
.a-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(28px,5vw,72px);align-items:end}
.a-hero h1{font-size:clamp(40px,4.4vw,64px);line-height:.98;letter-spacing:-.04em;margin:16px 0 18px;max-width:16ch}
.a-hero h1 em{font-style:normal;box-shadow:inset 0 -.16em 0 var(--y)}
.a-hero p{max-width:52ch;color:var(--ink-2);font-size:16px;margin:0 0 22px}
.a-hero__aside{border-top:1px solid var(--ink);padding-top:14px}
.a-hero__aside dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0}
.a-hero__aside dt{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.a-hero__aside dd{margin:0;font-size:13px;text-align:right}
.a-hero__aside dd b{font-size:17px}
.a-index{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(24px,4vw,60px);padding-block:34px 70px}
.a-side{border-top:1px solid var(--ink);padding-top:14px;position:sticky;top:22px;align-self:start}
.a-side h4{margin:0 0 12px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.a-side nav{display:grid;gap:1px}
.a-side nav a{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:8px;font-size:12px;line-height:1.3;color:var(--ink-2);border:1px solid transparent}
.a-side nav a i{font-family:var(--mono);font-style:normal;font-size:10px;color:var(--muted)}
.a-side nav a b{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--muted)}
.a-side nav a:hover{background:#fff;border-color:var(--line)}
.a-side nav a.is-on{background:var(--y);border-color:var(--ink);color:var(--ink)}
.a-side__note{margin-top:16px;font-size:11px;color:var(--muted);line-height:1.5}
.a-groups{display:grid;gap:0}
.a-group{border-top:1px solid var(--ink);padding:20px 0 6px;scroll-margin-top:20px}
.a-group:first-child{border-top-width:2px}
.a-group__head{display:flex;gap:18px;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.a-group__head h2{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.02em}
.a-group__head span{flex:none;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.a-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.a-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto 22px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);min-height:54px}
.a-row:hover .a-row__title{border-bottom-color:var(--ink)}
.a-row__code{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}
.a-row__title{font-size:14px;line-height:1.35;border-bottom:1px solid transparent;transition:border-color .15s}
.a-row__count{font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap}
.a-row__arrow{color:var(--muted);font-size:14px}
.a-row:hover .a-row__arrow{color:var(--ink)}

/* A area */
.a-area{display:grid;grid-template-columns:210px minmax(0,1fr) 270px;gap:clamp(20px,3.5vw,46px);padding-block:26px 70px;align-items:start}
.a-area .q-text{font-size:17px}
.a-area .q{padding:20px 0}
.a-aside{border-top:1px solid var(--ink);padding-top:14px;position:sticky;top:22px}
.a-aside h4{margin:0 0 10px;font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:500}
.a-aside .area-cta{background:var(--y);border-color:var(--ink)}
.a-aside .area-cta p{color:#5d531d}
.a-neighbors{display:grid;gap:8px;margin-top:8px}
.a-neighbors a{display:flex;gap:8px;justify-content:space-between;font-size:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.a-neighbors a span{color:var(--muted);font-family:var(--mono);font-size:10px}

/* ============ B · Тренажёр ============ */
body[data-variant="b"]{background:#fff}
body[data-variant="b"] .pb-head{background:var(--ink);border-bottom:1px solid #333;color:#fff}
body[data-variant="b"] .pb-logo span,body[data-variant="b"] .pb-nav a{color:#b9b9b2}
body[data-variant="b"] .pb-nav a:hover{color:#fff;border-color:var(--y)}
body[data-variant="b"] .pb-head__note{color:#8f8f88}
body[data-variant="b"] .pb-head__note b{color:#fff}
body[data-variant="b"] .pb-btn--ghost{color:#fff;border-color:#555}
body[data-variant="b"] .pb-btn--ghost:hover{background:#222}
.b-hero{background:var(--ink);color:#fff;padding:52px 0 44px}
.b-hero__top{display:flex;gap:14px;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9a9a92}
.b-hero__top::before{content:"";width:26px;height:2px;background:var(--y)}
.b-hero h1{font-size:clamp(48px,6.2vw,96px);line-height:.9;letter-spacing:-.055em;margin:16px 0 22px;max-width:13ch;color:#fff}
.b-hero h1 em{font-style:normal;color:var(--y)}
.b-hero p{max-width:56ch;color:#c9c9c2;font-size:16px;margin:0 0 26px}
body[data-variant="b"] .pb-search{border-color:#4a4a45;background:#fff}
.b-hero .pb-search{max-width:860px}
.b-hero__stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:24px;font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#9a9a92}
.b-hero__stats b{color:var(--y);font-family:var(--sans);font-size:15px;letter-spacing:0;text-transform:none;margin-right:4px}
.b-sticky{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--ink)}
.b-tabs{display:flex;gap:6px;overflow:auto;padding:11px 0;scrollbar-width:none}
.b-tabs::-webkit-scrollbar{display:none}
.b-tabs button{flex:none;border:1px solid var(--line-2);background:#fff;padding:7px 11px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted)}
.b-tabs button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.b-main{padding-block:30px 70px}
.b-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--line)}
.b-card{display:flex;flex-direction:column;gap:9px;min-height:154px;padding:17px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .15s var(--ease)}
.b-card:hover{background:var(--soft)}
.b-card__code{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted)}
.b-card:hover .b-card__code{color:var(--ink)}
.b-card b{font-size:15px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.b-card span{margin-top:auto;font-family:var(--mono);font-size:10px;color:var(--muted)}
.b-card__bar{height:2px;background:var(--line);margin-top:6px;position:relative;overflow:hidden}
.b-card__bar i{position:absolute;inset:0 auto 0 0;background:var(--y);width:var(--p,40%)}
.b-group-title{display:flex;align-items:baseline;gap:14px;padding:20px 0 10px;border-top:1px solid var(--ink);margin-top:26px}
.b-group-title h2{margin:0;font-size:20px;letter-spacing:-.02em}
.b-group-title span{font-family:var(--mono);font-size:10px;color:var(--muted)}

/* B area */
.b-area-head{background:var(--ink);color:#fff;padding:30px 0 28px;border-bottom:1px solid #333}
.b-area-head .crumbs,body[data-variant="b"] .b-area-head .crumbs a,body[data-variant="b"] .b-area-head .crumbs span{color:#8f8f88}
.b-area-head .area-title{color:#fff;font-size:clamp(34px,4.6vw,62px);max-width:18ch;margin-bottom:12px}
.b-area-head .area-lead{color:#c9c9c2}
.b-area-head .area-meta{color:#9a9a92}
.b-area-head .area-meta b{color:var(--y)}
.b-area-wrap{max-width:1040px;margin:0 auto;padding:0 var(--pad)}
.b-area-topline{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.b-area-topline .area-code{color:var(--y);border:1px solid #4a4a45;padding:4px 8px}
.b-area-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px;padding:24px 0 70px;align-items:start}
.b-progress{border:1px solid var(--line);background:var(--soft);padding:16px;position:sticky;top:70px}
.b-progress b{display:block;font-size:32px;line-height:1;letter-spacing:-.04em}
.b-progress span{display:block;margin:6px 0 14px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.b-progress__bar{height:4px;background:#e3e3dc;margin-bottom:14px}
.b-progress__bar i{display:block;height:100%;background:var(--ink);width:var(--p,0%)}
.b-progress ol{list-style:none;margin:0;padding:0;display:grid;gap:1px;max-height:calc(100vh - 300px);overflow:auto}
.b-progress ol a{display:flex;justify-content:space-between;padding:6px 4px;font-family:var(--mono);font-size:10px;color:var(--muted);border-bottom:1px solid #e9e9e3}
.b-progress ol a:hover{color:var(--ink);background:#fff}
.b-area .q{border:1px solid var(--line);border-left:3px solid var(--y);background:#fff;padding:20px 22px;margin-bottom:12px}
.b-area .q-text{font-size:17px}
.b-area .q-opts{padding-left:0;margin-left:0}
.b-area .q-src{margin-left:0}
.b-area .q-reveal{margin-left:0}
.b-area .q-list{border-top:0}
.b-area .q-toolbar{background:#fff}
.b-area .q-toolbar__in{flex-wrap:nowrap;gap:8px}
.b-area .q-search{max-width:none;min-width:150px}
.b-area .q-count{white-space:nowrap;margin-left:0}

/* ============ C · Каталог ============ */
body[data-variant="c"]{background:#fff}
.c-hero{background:var(--y);border-bottom:1px solid var(--ink);padding:44px 0 36px}
.c-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:end}
.c-hero h1{font-size:clamp(46px,5.8vw,86px);line-height:.92;letter-spacing:-.05em;margin:14px 0 16px;max-width:12ch}
.c-hero p{max-width:52ch;margin:0;font-size:16px;color:#4a4320}
.c-hero__aside{border-left:1px solid rgba(23,23,23,.35);padding-left:22px}
.c-hero__aside b{display:block;font-size:44px;line-height:1;letter-spacing:-.04em}
.c-hero__aside span{display:block;margin-top:6px;font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#5d531d}
.c-hero__aside + .c-hero__aside{margin-top:20px}
.c-tools{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:40}
.c-tools__in{display:flex;gap:6px;align-items:center;overflow:auto;padding:11px 0;scrollbar-width:none}
.c-tools__in::-webkit-scrollbar{display:none}
.c-chip{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:#fff;padding:7px 11px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--muted)}
.c-chip b{color:var(--ink);font-weight:500}
.c-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.c-chip.is-on b{color:var(--y)}
.c-main{padding-block:28px 70px}
.c-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.c-card{display:flex;flex-direction:column;min-height:178px;background:var(--soft);border:1px solid var(--line);padding:18px;transition:background .16s var(--ease),border-color .16s var(--ease)}
.c-card:hover{background:#fff;border-color:var(--ink)}
.c-card__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.c-card .c-card__code{font-family:var(--mono);font-size:26px;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.c-card .c-card__count{font-family:var(--mono);font-size:9px;letter-spacing:.05em;color:var(--muted);text-align:right;line-height:1.5}
.c-card b{margin-top:auto;font-size:15px;line-height:1.3;font-weight:600;letter-spacing:-.01em;max-width:30ch}
.c-card span{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:6px}
.c-card:hover .c-card__code{box-shadow:inset 0 -.24em 0 var(--y)}

/* C area */
.c-area-head{background:var(--y);padding:30px 0 26px;border-bottom:1px solid var(--ink)}
.c-area-head .area-title{max-width:20ch;margin-bottom:10px}
.c-area-head .area-lead{color:#4a4320}
.c-area-head .area-meta{color:#5d531d}
.c-area-head .area-meta b{color:var(--ink)}
.c-area{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding-block:26px 70px;align-items:start}
.c-area .q-text{font-size:17px}
.c-area .q-opts{padding-left:0;margin-left:0}
.c-area .q-src,.c-area .q-reveal{margin-left:0}
@media (max-width:1200px){
  .a-area{grid-template-columns:190px minmax(0,1fr)}
  .a-aside{display:none}
  .b-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .c-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .a-hero__grid,.c-hero__grid{grid-template-columns:1fr;gap:24px}
  .a-hero__aside,.c-hero__aside{border-left:0;border-top:1px solid var(--ink);padding:14px 0 0;display:flex;gap:30px}
  .c-hero__aside + .c-hero__aside{margin-top:0}
  .a-index{grid-template-columns:1fr}
  .a-side{position:static;border-top:0;padding-top:0}
  .a-side nav{grid-template-columns:repeat(2,1fr);display:grid;border-top:1px solid var(--ink)}
  .a-side nav a{border-bottom:1px solid var(--line)}
  .a-rows{grid-template-columns:1fr}
  .a-area{grid-template-columns:1fr}
  .a-area .area-nav{position:static;max-height:none}
  .a-area .area-nav__list{grid-template-columns:repeat(3,1fr);display:grid;max-height:220px}
  .b-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b-area-body{grid-template-columns:1fr}
  .b-progress{position:static;order:-1}
  .b-progress ol{grid-template-columns:repeat(3,1fr);display:grid}
  .c-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-area{grid-template-columns:1fr}
}
@media (max-width:620px){
  .a-hero{padding:28px 0 24px}
  .a-hero h1{font-size:42px}
  .a-row{grid-template-columns:54px minmax(0,1fr) auto;min-height:48px}
  .a-row__arrow{display:none}
  .a-side nav{grid-template-columns:1fr}
  .b-hero{padding:34px 0 28px}
  .b-hero h1{font-size:44px}
  .b-grid{grid-template-columns:1fr}
  .b-card{min-height:0}
  .b-area-head .area-title,.c-area-head .area-title{max-width:none}
  .c-hero{padding:28px 0 24px}
  .c-hero h1{font-size:44px}
  .c-grid{grid-template-columns:1fr}
  .c-card{min-height:132px}
  .a-area .area-nav__list{grid-template-columns:repeat(2,1fr)}
  .q-toolbar{position:static}
}


@media (max-width:980px){
  .b-area-body{display:block}
  .b-progress{display:none}
  .b-area .q-toolbar__in{flex-wrap:wrap;gap:8px}
  .b-area .q-search{max-width:none;min-width:0;flex:1 1 100%}
  .b-area .seg{flex:1 1 auto}
  .b-area .q-count{margin-left:auto}
}


/* seo static pages */
.a-hero__hint{font-size:11px;color:var(--muted);margin:10px 0 0}
.a-hero__hint a{border-bottom:1px solid var(--ink)}
.a-aside__text{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 14px}
.seo-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--ink);padding:0 0 10px;margin:0 0 8px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.seo-bar a{color:var(--ink);border-bottom:1px solid var(--y)}
.seo-note{border-top:1px solid var(--ink);margin-top:36px;padding-top:20px}
.seo-note h2{font-size:26px;line-height:1.1;letter-spacing:-.03em;margin:0 0 12px}
.seo-note p{font-size:14px;line-height:1.55;color:var(--ink-2);margin:0 0 10px;max-width:70ch}
.seo-note a{border-bottom:1px solid var(--y)}
.seo-hub{background:var(--soft);border-top:1px solid var(--line);margin-top:30px;padding:52px 0 64px}
.seo-hub h2{font-size:34px;letter-spacing:-.03em;margin:0 0 28px}
.seo-hub__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.seo-hub__grid b{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted)}
.seo-hub__grid h3{font-size:17px;margin:8px 0 6px}
.seo-hub__grid p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.seo-hub__note{font-size:11px;color:var(--muted);margin:34px 0 0;max-width:70ch}
@media(max-width:980px){
  .seo-hub__grid{grid-template-columns:1fr;gap:16px}
  .seo-hub{padding:36px 0 44px}
  .seo-hub h2{font-size:27px}
  .seo-note h2{font-size:22px}
}

.a-group__head h2 .a-code{display:inline-block;margin-right:10px}


/* ============ D — hybrid ============ */
body[data-variant="d"]{background:var(--soft)}
body[data-variant="d"] .pb-head{background:var(--soft)}
.area-nav__cols,
.b-progress__cols{display:flex;justify-content:space-between;gap:8px;padding:0 0 7px;border-bottom:1px solid var(--ink);margin-bottom:2px;font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.area-nav h4{margin-bottom:0}
.d-hero{background:var(--ink);color:#fff;border-bottom:1px solid #333;padding:54px 0 46px}
.d-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:end}
.d-hero .eyebrow{color:#96968e}
.d-hero .eyebrow:before{background:var(--y)}
.d-hero h1{color:#fff;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.045em;max-width:15ch;margin:16px 0 18px}
.d-hero h1 em{font-style:normal;color:var(--y)}
.d-hero p{color:#b9b9b2;max-width:56ch;font-size:16px;line-height:1.55;margin:0}
.d-hero .pb-search{max-width:none;margin-top:26px;background:#fff;border-color:#444}
.d-hero .pb-search input{color:var(--ink)}
.d-hero__aside{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3a3a36;border-left:1px solid #3a3a36}
.d-hero__stat{padding:15px 16px;border-right:1px solid #3a3a36;border-bottom:1px solid #3a3a36}
.d-hero__stat b{display:block;font-size:29px;line-height:1;letter-spacing:-.04em;color:#fff}
.d-hero__stat span{display:block;margin-top:7px;font-family:var(--mono);font-size:9px;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;color:#96968e}
.d-tools{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.d-tools__in{display:flex;gap:7px;overflow-x:auto;padding:11px 0;scrollbar-width:thin}
.d-tools .c-chip{flex:none;background:#fff}
.d-tools .c-chip.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.d-main{padding-block:28px 64px}
.d-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.d-card{display:flex;flex-direction:column;min-height:182px;padding:17px 18px;background:#fff;border:1px solid var(--line);transition:border-color .15s,transform .15s}
.d-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.d-card__top{display:flex;justify-content:space-between;gap:10px}
.d-card__code{font-family:var(--mono);font-size:23px;letter-spacing:-.02em}
.d-card__count{font-family:var(--mono);font-size:9px;line-height:1.35;text-align:right;color:var(--muted)}
.d-card b{margin-top:auto;font-size:14px;line-height:1.32;font-weight:600}
.d-card > span{display:block;margin-top:8px;font-family:var(--mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
@media (max-width:1200px){.d-grid{grid-template-columns:repeat(3,1fr)}.d-hero__grid{grid-template-columns:1fr 320px;gap:34px}}
@media (max-width:980px){.d-hero__grid{grid-template-columns:1fr}.d-hero__aside{margin-top:8px}.d-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.d-hero{padding:36px 0 30px}.d-hero h1{font-size:clamp(34px,10vw,46px)}.d-hero__aside{grid-template-columns:1fr 1fr}.d-grid{grid-template-columns:1fr}.d-card{min-height:150px}}


/* fixes: long area titles, toolbar air, dark search, grid gutters */
.a-area-head .area-title,.d-area-head .area-title{max-width:none}
.q-toolbar{padding:22px 0 18px}
.d-main{padding-block:28px 64px}
.d-hero .pb-search{background:#2a2a2a;border-color:#4a4a46}
.d-hero .pb-search input{color:#fff}
.d-hero .pb-search input::placeholder{color:#a3a39b}
.d-hero .pb-search button{border-left-color:#4a4a46}
.pb-search button{color:var(--ink)}
.pb-search kbd{display:none}


.a-area .q-toolbar{padding-inline:22px}
@media (max-width:620px){.a-area .q-toolbar{padding-inline:14px}}

.a-faq{margin:40px 0 0;border-top:1px solid var(--ink);padding-top:26px}
.a-faq h2{font-size:24px;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px}
.a-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.a-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-size:15px;font-weight:600;line-height:1.35}
.a-faq summary::-webkit-details-marker{display:none}
.a-faq summary:after{content:"+";font-family:var(--mono);font-weight:400;color:var(--muted);flex:0 0 auto}
.a-faq details[open] summary:after{content:"×"}
.a-faq p{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:var(--ink-soft)}
@media (max-width:620px){.a-faq{margin-top:30px}.a-faq h2{font-size:21px}.a-faq summary{font-size:14px}}