/* Лендинг radartenderov.ru. Дизайн-система Sellout MCP v2 (alpes-website/
   sellout-design-system), светлая схема лендинга; CSS по правилам good-css. */

/* ---------- шрифт: Manrope Variable, OFL (fonts/Manrope-OFL.txt) ---------- */
@font-face{font-family:"Manrope Radar";font-style:normal;font-weight:200 800;font-display:swap;src:url("/fonts/manrope-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope Radar";font-style:normal;font-weight:200 800;font-display:swap;src:url("/fonts/manrope-cyrillic-ext.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Manrope Radar";font-style:normal;font-weight:200 800;font-display:swap;src:url("/fonts/manrope-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope Radar";font-style:normal;font-weight:200 800;font-display:swap;src:url("/fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- токены Sellout в oklch ---------- */
:root{
  --bg:oklch(100% 0 none);
  --sand:oklch(97.79% 0.0042 56.38);
  --surface:oklch(97.61% 0 none);
  --text:oklch(27.68% 0 none);
  --text-2:oklch(43.05% 0.004 17.31);
  --muted:oklch(49.63% 0.008 53.33);
  --action:oklch(26.86% 0 none);
  --action-hover:color-mix(in oklch,var(--action),white 13%);
  --accent:oklch(45.44% 0.0986 162.75);
  --accent-soft:oklch(95.9% 0.0116 162.05);
  --info:oklch(46.72% 0.1032 249.29);
  --info-soft:oklch(96.39% 0.012 247.95);
  --dark:oklch(21.45% 0 none);
  --on-dark:oklch(96% 0 none);
  --on-dark-2:oklch(84.33% 0.0055 286.28);
  --border:oklch(92.49% 0 none);
  --control:oklch(58.95% 0.0086 61.36);
  --shadow-soft:0 4px 16px oklch(21.45% 0 none / 0.06);
  --font:"Manrope Radar","Manrope",Arial,sans-serif;

  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --header-h:clamp(4rem,3.4rem + 1.67vw,5rem);
  /* шкала Sellout, 360 → 1280 px */
  --text-hero:clamp(2rem,1.12rem + 3.91vw,3.75rem);
  --text-section:clamp(1.75rem,1.26rem + 2.17vw,2.75rem);
  --text-card:clamp(1.25rem,1.15rem + 0.43vw,1.5rem);
  --text-lead:clamp(1.125rem,1.07rem + 0.22vw,1.25rem);
  --space-section:clamp(3rem,2rem + 4.35vw,5rem);
  --radius-card:clamp(1rem,0.85rem + 0.65vw,1.5rem);

  color-scheme:light;
  text-wrap:pretty;overflow-wrap:break-word;font-synthesis:none;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;
  scrollbar-gutter:stable;
  scroll-padding-block-start:calc(var(--header-h) + 1rem);
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box;min-width:0}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:1.125rem;line-height:1.556}
h1,h2,h3,h4{text-wrap:balance;margin:0}
p,ul,ol,dl,dd,figure{margin:0}
img,svg,video{display:block;max-width:100%;height:auto}
button,a,[role="button"],summary{touch-action:manipulation}
button,[role="button"],summary{user-select:none;-webkit-user-select:none}
a{color:inherit}
:focus-visible{outline:max(2px,0.08em) solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html{overscroll-behavior-y:none}
@media (any-pointer:coarse){html{overscroll-behavior-y:auto}}

.skip{position:absolute;inset-inline-start:1rem;inset-block-start:-4rem;z-index:20;padding:0.75rem 1rem;border-radius:999px;background:var(--action);color:var(--bg)}
.skip:focus-visible{inset-block-start:1rem}

/* ---------- контент-сетка ---------- */
.content-grid,.header,.footer{
  --gutter:clamp(1.25rem,0.3rem + 2.6vw,3.125rem);
  --content:75rem;
  --breakout:81.25rem;
  display:grid;
  grid-template-columns:
    [full-width-start] minmax(var(--gutter),1fr)
    [breakout-start] minmax(0,calc((var(--breakout) - var(--content)) / 2))
    [content-start] min(100% - var(--gutter) * 2,var(--content)) [content-end]
    minmax(0,calc((var(--breakout) - var(--content)) / 2)) [breakout-end]
    minmax(var(--gutter),1fr) [full-width-end];
}
:is(.content-grid,.full-width,.header,.footer) > *{grid-column:content}
:is(.content-grid,.full-width) > .full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}

/* ---------- шапка ---------- */
.header{position:sticky;inset-block-start:0;z-index:10;background:color-mix(in oklch,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-block-end:1px solid var(--border)}
.header__row{display:flex;align-items:center;gap:1.5rem;min-block-size:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:0.625rem;font-size:1.25rem;font-weight:700;text-decoration:none;white-space:nowrap}
.brand__mark{flex:none;inline-size:2.25rem;block-size:2.25rem;fill:none;stroke:var(--accent);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.brand__mark .fill{fill:var(--accent)}
.nav{display:flex;gap:0.25rem;margin-inline-start:1rem}
.nav a,.link-quiet{display:inline-flex;align-items:center;min-block-size:2.75rem;padding-inline:0.75rem;border-radius:999px;font-size:1rem;font-weight:500;text-decoration:none;color:var(--text-2)}
.header__actions{display:flex;align-items:center;gap:0.5rem;margin-inline-start:auto}
/* узкий экран: бренд и действие, разделы — ниже по странице */
@media (width < 62rem){.nav{display:none}}
@media (width < 30rem){.link-quiet{display:none}.brand{font-size:1.125rem}.brand__mark{inline-size:2rem;block-size:2rem}}

/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;min-block-size:3.25rem;padding-inline:1.75rem;border-radius:999px;border:1px solid transparent;font:inherit;font-size:1rem;line-height:1.5;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out)}
.btn--sm{min-block-size:3rem;padding-inline:1.25rem}
.btn--primary{background:var(--action);color:var(--bg)}
.btn--primary:focus-visible{outline-color:var(--action)}
.btn--secondary{border-color:var(--control);color:var(--text)}
.btn--inverse{background:var(--bg);color:var(--action)}
.btn--inverse:focus-visible{outline-color:var(--bg)}
.btn:active{scale:.97}
@media (prefers-reduced-motion:no-preference){.btn{transition-property:background-color,border-color,color,scale;transition-duration:.16s}}

/* ---------- текст ---------- */
.eyebrow{font-size:0.875rem;line-height:1.43;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.eyebrow--on-dark{color:var(--on-dark-2)}
.section__title{font-size:var(--text-section);line-height:1.14;font-weight:700;letter-spacing:-.015em;max-inline-size:50rem}
.lead{font-size:var(--text-lead);line-height:1.5;color:var(--text-2);max-inline-size:40rem}
.muted{color:var(--muted)}
.note{color:var(--text-2);max-inline-size:45rem}

/* ---------- первый экран ---------- */
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:var(--space-section) 0;gap:0}
.hero__text{display:flex;flex-direction:column;align-items:center}
.hero__title{font-size:var(--text-hero);line-height:1.13;font-weight:700;letter-spacing:-.02em;max-inline-size:60rem;margin-block-start:1rem}
.hero .lead{margin-block-start:1.5rem}
.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-block-start:2rem}
@media (width < 30rem){.hero__actions{align-self:stretch;flex-direction:column}}
.facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem 1.5rem;margin-block-start:1.5rem;font-size:1rem;color:var(--text-2)}
.facts li{display:inline-flex;align-items:baseline;gap:0.5em}
.facts svg,.list svg{flex:none;inline-size:auto;block-size:1cap;fill:none;stroke:var(--accent);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;overflow:visible;scale:1.4}

/* ноутбук и шире: текст слева, карточка справа. В одну колонку на экране
   1536×826 был виден только заголовок, а карточка начиналась у нижнего края */
@media (width >= 64rem){
  .hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;column-gap:clamp(2.5rem,-1rem + 4vw,4.5rem);text-align:start;padding-block:clamp(2rem,-1rem + 6vh,4.5rem) clamp(2.5rem,1rem + 3vh,3.5rem)}
  .hero__text{align-items:start}
  .hero__title{font-size:clamp(2.5rem,1.1rem + 2.3vw,3.5rem)}
  .hero .lead{max-inline-size:36rem}
  .hero__actions,.hero .facts{justify-content:start}
  .hero .card-demo{margin-block-start:0;inline-size:100%}
  /* карточка рядом с текстом должна влезть и в 1366×657: поля в один ряд,
     отметка «наше» — в строку с позицией, отступы плотнее */
  .hero .card-demo__chat{gap:0.75rem;padding:1.5rem}
  .hero .card-demo__title{font-size:1.25rem}
  .hero .card-demo__facts{grid-template-columns:repeat(3,auto);justify-content:space-between;gap:0.5rem 1rem}
  .hero .positions td{padding-block:0.5rem}
  .hero .pos-mark{display:inline-block;margin-block-start:0;margin-inline-start:0.5rem;vertical-align:middle}
  .hero .card-demo__buttons span{min-block-size:2.5rem}
  .hero .card-demo figcaption{margin-block-start:0.5rem}
}
/* ---------- пример карточки ---------- */
.card-demo{margin-block-start:clamp(2.5rem,2rem + 2vw,3rem);inline-size:min(100%,46rem);text-align:start}
.card-demo__chat{display:grid;gap:1rem;padding:clamp(1.25rem,1rem + 1vw,2rem);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}
.card-demo__head{display:flex;flex-wrap:wrap;gap:0.5rem 0.75rem;align-items:center;font-size:0.875rem}
.card-demo__title{font-size:var(--text-card);line-height:1.33;font-weight:600}
.card-demo__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:0.75rem 1.5rem}
.card-demo__facts dt{font-size:0.875rem;color:var(--muted)}
.card-demo__facts dd{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}
.card-demo__buttons{display:flex;flex-wrap:wrap;gap:0.5rem}
.card-demo__buttons span{flex:1 1 9rem;display:grid;place-items:center;min-block-size:2.75rem;border-radius:0.75rem;background:var(--surface);font-size:0.9375rem;font-weight:500}
.card-demo figcaption{margin-block-start:0.75rem;font-size:0.875rem;color:var(--muted);text-align:center}
.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.positions{inline-size:100%;border-collapse:collapse;font-size:0.9375rem;line-height:1.4}
.positions caption{text-align:start;font-size:0.875rem;font-weight:600;color:var(--text-2);padding-block-end:0.5rem}
.positions th{text-align:start;font-weight:500;font-size:0.875rem;color:var(--text-2);background:var(--surface);padding:0.5rem 0.75rem}
.positions td{padding:0.625rem 0.75rem;border-block-start:1px solid var(--border);vertical-align:top}
.pos-mark{display:block;margin-block-start:0.375rem}
.positions .num{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.badge{display:inline-flex;align-items:center;gap:0.375rem;min-block-size:1.75rem;padding-inline:0.625rem;border-radius:999px;background:var(--surface);color:var(--text-2);font-size:0.8125rem;font-weight:500;white-space:nowrap}
.badge::before{content:"";inline-size:0.375rem;block-size:0.375rem;border-radius:50%;background:currentColor;flex:none}
.badge--ok{background:var(--accent-soft);color:var(--accent)}
.badge--info{background:var(--info-soft);color:var(--info)}

/* ---------- ролик ---------- */
.video{display:grid;gap:0.75rem}
.video video{display:block;inline-size:100%;block-size:auto;aspect-ratio:16 / 9;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft)}
.video figcaption{font-size:0.875rem;color:var(--muted);max-inline-size:50rem}

/* ---------- разделы ---------- */
/* row-gap, а не gap: у полосы во всю ширину раздел — сетка, и gap лёг бы между её колонками */
.section{display:flex;flex-direction:column;row-gap:1rem;padding-block:var(--space-section)}
.section:not(.section--sand) + .section:not(.section--sand){padding-block-start:0}
.section--sand{background:var(--sand);border-block:1px solid var(--border)}
.section--sand > *{grid-column:content}
.section .section__title{margin-block-end:clamp(1rem,0.5rem + 1.5vw,2rem)}
.section > .eyebrow{align-self:start}

/* карточки: столько колонок, сколько помещается текстом */
.cards{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.card{display:grid;align-content:start;gap:0.75rem;padding:clamp(1.5rem,1.2rem + 1vw,2rem);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg)}
.card h3{font-size:var(--text-card);line-height:1.33;font-weight:600}
.card p{color:var(--text-2)}

.steps{list-style:none;padding:0;counter-reset:step;display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.steps li{counter-increment:step;display:grid;align-content:start;gap:0.75rem}
.steps li::before{content:counter(step);display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;border:1px solid var(--control);font-size:1rem;font-weight:600;color:var(--text)}
.steps h3{font-size:var(--text-card);line-height:1.33;font-weight:600}
.steps p{color:var(--text-2)}

.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0.75rem}
.chips li{display:inline-flex;align-items:center;min-block-size:3rem;padding-inline:1.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:1rem;font-weight:500}

.list{list-style:none;padding:0;display:grid;gap:1.25rem 3rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}
.list li{display:flex;align-items:baseline;gap:0.75rem;color:var(--text-2)}
.list b{color:var(--text);font-weight:600}

/* ---------- полоса подключения ---------- */
.band{background:var(--dark);color:var(--on-dark)}
.band__inner{grid-column:content;display:flex;flex-direction:column;align-items:start;gap:1rem;padding-block:var(--space-section)}
.band__steps{padding-inline-start:1.25em;display:grid;gap:0.75rem;color:var(--on-dark-2);max-inline-size:45rem;margin-block:0.5rem 1rem}
.band__steps li::marker{color:var(--on-dark);font-weight:600}
.band :focus-visible{outline-color:var(--on-dark)}

/* ---------- вопросы ---------- */
:root{interpolate-size:allow-keywords}
.faq{display:grid;border-block-start:1px solid var(--border);max-inline-size:56rem}
.faq details{border-block-end:1px solid var(--border)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-block-size:3.5rem;padding-block:1.25rem;font-size:var(--text-lead);font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;inline-size:1.5rem;text-align:center;font-weight:400;font-size:1.5rem;line-height:1;color:var(--accent)}
.faq details[open] summary::after{content:"−"}
.faq details::details-content{block-size:0;overflow:clip}
.faq details[open]::details-content{block-size:auto}
.faq__body{padding-block-end:1.5rem;color:var(--text-2);max-inline-size:45rem}
.faq__body a{color:var(--accent)}
@media (prefers-reduced-motion:no-preference){
  .faq details::details-content{transition:block-size .3s var(--ease-out),content-visibility .3s allow-discrete}
}

/* ---------- подвал ---------- */
.footer{border-block-start:1px solid var(--border);padding-block:clamp(2rem,1.5rem + 2vw,3rem) calc(1.5rem + env(safe-area-inset-bottom,0px));font-size:0.875rem;color:var(--muted)}
.footer__grid{display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));padding-block-end:2rem;border-block-end:1px solid var(--border);margin-block-end:1rem}
.footer__col p{font-weight:600;color:var(--text);margin-block-end:0.5rem}
.footer__col ul{list-style:none;padding:0;display:grid}
.footer__col a{display:inline-flex;align-items:center;min-block-size:2.25rem;text-decoration:none}
.footer__row{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.footer__links{display:flex;flex-wrap:wrap;gap:0.25rem 1.5rem}
.footer__links a{display:inline-flex;align-items:center;min-block-size:2.75rem}

/* ---------- наведение — только мышью ---------- */
@media (hover:hover) and (pointer:fine){
  .nav a:hover,.link-quiet:hover{color:var(--text);background:var(--surface)}
  .btn--primary:hover{background:var(--action-hover)}
  .btn--secondary:hover{background:var(--sand);border-color:var(--text)}
  .btn--inverse:hover{background:var(--sand)}
  .faq summary:hover{color:var(--accent)}
  .footer__links a:hover,.footer__col a:hover{color:var(--text)}
  .chips--links a:hover{background:var(--sand);border-color:var(--control)}
  .links a:hover{border-color:var(--control);box-shadow:var(--shadow-soft)}
  .prose a:hover,.note a:hover,.crumbs a:hover{text-decoration-thickness:2px}
}
.nav a:active,.link-quiet:active{background:var(--surface)}
.faq summary:active{color:var(--accent)}
/* ---------- страницы разделов: площадки, товары, словарь ---------- */
.content-grid--page{padding-block-end:0}
.crumbs{padding-block-start:clamp(1.25rem,1rem + 1vw,2rem);font-size:0.875rem;color:var(--muted)}
.crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0.25rem 0.5rem}
.crumbs li{display:inline-flex;align-items:center;gap:0.5rem}
.crumbs li + li::before{content:"/";color:var(--border)}
.crumbs a{display:inline-flex;align-items:center;min-block-size:2.75rem;color:var(--text-2);text-underline-offset:0.2em}
.crumbs [aria-current]{color:var(--text)}
.page-head{display:grid;gap:1rem;padding-block:clamp(1rem,0.5rem + 2vw,2rem) clamp(2rem,1.5rem + 2vw,3rem);max-inline-size:56rem}
.page-head h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);line-height:1.13;font-weight:700;letter-spacing:-.02em}
.page-head .lead{max-inline-size:48rem}
.updated{font-size:0.875rem;color:var(--muted)}
.nowrap{white-space:nowrap}
.prose{display:grid;gap:1rem;max-inline-size:48rem;color:var(--text-2)}
.prose h2{font-size:clamp(1.5rem,1.3rem + 0.9vw,2rem);line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--text);margin-block-start:1.5rem}
.prose h3{font-size:var(--text-card);line-height:1.33;font-weight:600;color:var(--text);margin-block-start:0.75rem}
.prose ul,.prose ol{padding-inline-start:1.25em;display:grid;gap:0.5rem}
.prose li::marker{color:var(--accent)}
.prose b,.prose strong{color:var(--text);font-weight:600}
.prose a,.note a{color:var(--accent);text-underline-offset:0.2em}
.prose .table-scroll{margin-block:0.5rem}
.section .prose{max-inline-size:48rem}
.stats{list-style:none;padding:0;display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr))}
.stats li{display:grid;align-content:start;gap:0.375rem;padding:clamp(1.25rem,1rem + 0.8vw,1.75rem);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}
.stats b{font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}
.stats span{font-size:0.9375rem;line-height:1.4;color:var(--text-2)}
.data{inline-size:100%;max-inline-size:48rem;border-collapse:collapse;font-size:1rem;line-height:1.4}
.data caption{text-align:start;font-size:0.875rem;font-weight:600;color:var(--text-2);padding-block-end:0.5rem}
.data th,.data td{text-align:start;padding:0.625rem 0.75rem;border-block-start:1px solid var(--border);vertical-align:top}
.data thead th{font-weight:500;font-size:0.875rem;color:var(--text-2);background:var(--surface);border-block-start:0}
.data tbody th{font-weight:500;color:var(--text)}
.data .num{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.links{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.links a{display:grid;align-content:start;gap:0.5rem;block-size:100%;padding:clamp(1.25rem,1rem + 0.8vw,1.75rem);border:1px solid var(--border);border-radius:var(--radius-card);text-decoration:none;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}
.links b{font-size:var(--text-card);line-height:1.33;font-weight:600}
.links span{font-size:0.9375rem;line-height:1.45;color:var(--text-2)}
.links a:active{background:var(--surface)}
.chips--links li{padding:0;border:0;background:none;min-block-size:0}
.chips--links a{display:inline-flex;align-items:center;min-block-size:3rem;padding-inline:1.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);text-decoration:none;transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out)}
.chips--links a:active{background:var(--sand)}
.band__text{color:var(--on-dark-2);max-inline-size:45rem;margin-block-end:0.5rem}
.content-grid--page > .band{margin-block-start:var(--space-section)}
.page-head + .section{padding-block-start:0}