@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("/glyphs-83/pp-400.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("/glyphs-83/pp-500.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("/glyphs-83/pp-700.woff2") format("woff2")}

:root{
  --tone-main:#ff4e78;
  --tone-action:#cbff09;
  --tone-key-active:#b4d800;
  --tone-field:#000000;
  --tone-layer:#141317;
  --tone-text:#FFFFFF;
  --tone-quiet:#c1c1c1;
  --tone-hairline:#2e2c33;
  --tone-stroke-heavy:#45424c;
  --tone-grad-1:#383838;
  --tone-grad-2:#282727;
  --tone-rg-banner:#c1121f;

  --gap-step-0:5px;
  --gap-step-1:10px;
  --gap-step-2:15px;
  --gap-step-3:25px;
  --gap-step-4:40px;
  --gap-step-5:60px;
  --gap-step-6:90px;
  --gap-step-7:140px;

  --corner-capsule:9999px;
  --corner-dot:50%;
  --corner-step-0:0;
  --corner-step-1:0;
  --corner-step-2:4px;
  --corner-step-3:12px;
  --corner-step-4:24px;
  --corner-step-5:32px;
  --corner-step-6:40px;
  --corner-step-7:48px;

  --type-head:"Poppins","Trebuchet MS",sans-serif;
  --type-prose:"Poppins","Trebuchet MS",sans-serif;
  --type-size-display-1:30px;
  --type-size-xl-2:24px;
  --type-size-sub:20px;
  --type-size-sub-2:18px;
  --type-size-sm-2:15px;
  --type-size-xs-2:13px;
  --type-size-reading:15px;
  --type-size-fine:13px;
  --type-size-micro:11px;

  --rhythm-tight:1.2;
  --rhythm-regular:1.55;
  --rhythm-open:1.7;
  --boldness-plain:400;
  --boldness-half:500;
  --boldness-bold:700;
  --ls-tight:-0.01em;
  --ls-default:0;
  --ls-spread:0.02em;

  --cast-step-0:0 1px 0 rgba(0,0,0,0.10);
  --cast-step-1:0 1px 0 rgba(0,0,0,0.10);
  --cast-step-2:0 2px 8px rgba(0,0,0,0.07);
  --cast-step-3:0 6px 16px rgba(0,0,0,0.10);
  --cast-step-4:0 12px 32px rgba(0,0,0,0.14);
  --cast-step-5:0 16px 40px rgba(0,0,0,0.18);
  --cast-step-6:0 20px 48px rgba(0,0,0,0.22);
  --cast-step-7:0 24px 60px rgba(0,0,0,0.26);

  --speed-short:151ms;
  --speed-regular:290ms;
  --speed-slow:575ms;
  --ease-out:cubic-bezier(0.25, 0.7, 0.27, 0.93);
  --ease-enter:cubic-bezier(0.68, 0, 0.48, 0.97);
  --ease-even:cubic-bezier(0.68, 0, 0.48, 0.97);
  --ease-spring:cubic-bezier(0.35, 1.3, 0.74, 1.2);

  --frame-page:1220px;
  --frame-readable:1220px;
  --frame-inset-desktop:56px;
  --frame-pad-md:32px;
  --frame-padding-mobile:16px;

  --stroke-thin:1px;
  --stroke-regular:2px;
  --stroke-bold:4px;
  --bar-size-desktop:78px;
  --bar-height-mobile:64px;

  --brief-col:650px;
  --edge:var(--frame-padding-mobile);
  --sec-y:44px;
  --rg-h:34px;
}

@media (min-width:520px){
  :root{--edge:var(--frame-pad-md)}
}

@media (min-width:820px){
  :root{
    --type-size-display-1:44px;
    --type-size-xl-2:34px;
    --type-size-sub:26px;
    --type-size-sub-2:20px;
    --type-size-sm-2:16px;
    --type-size-xs-2:14px;
    --type-size-reading:16px;
    --type-size-fine:14px;
    --type-size-micro:12px;
    --edge:var(--frame-inset-desktop);
    --sec-y:48px;
  }
}

*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  background:var(--tone-field);
  color:var(--tone-text);
  font-family:var(--type-prose);
  font-size:var(--type-size-reading);
  font-weight:var(--boldness-plain);
  line-height:var(--rhythm-regular);
  padding-bottom:var(--rg-h);
}
img{max-width:100%}
a{color:var(--tone-action)}
h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere;margin:0}
h1{font-family:var(--type-head);font-weight:var(--boldness-bold);font-size:var(--type-size-display-1);line-height:var(--rhythm-tight);letter-spacing:var(--ls-tight)}
h2{font-family:var(--type-head);font-weight:var(--boldness-bold);font-size:var(--type-size-xl-2);line-height:var(--rhythm-tight);letter-spacing:var(--ls-tight)}
h3{font-family:var(--type-prose);font-weight:var(--boldness-bold);font-size:var(--type-size-sub);line-height:var(--rhythm-tight);letter-spacing:var(--ls-default)}
h4{font-family:var(--type-prose);font-weight:var(--boldness-half);font-size:var(--type-size-sub-2);line-height:var(--rhythm-tight)}
p{margin:0}
ul,ol{margin:0}

.skipJump{position:absolute;left:var(--gap-step-2);z-index:200;background:var(--tone-action);color:var(--tone-field);padding:var(--gap-step-1) var(--gap-step-3);border-radius:var(--corner-step-3);font-weight:var(--boldness-bold)}
.skipJump:not(:focus){top:-200px}
.skipJump:focus{top:var(--gap-step-2)}

.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.shellFrame{
  width:100%;
  max-width:calc(var(--frame-page) + 2 * var(--frame-inset-desktop));
  margin-inline:auto;
  padding-inline:var(--edge);
}

.mainFlow{flex:1 0 auto;display:block}

[data-seen]{opacity:0;transform:translateY(12px);transition:opacity var(--speed-slow) var(--ease-out),transform var(--speed-slow) var(--ease-out)}
[data-seen].is-visible{opacity:1;transform:translateY(0)}

/* ─ header · HEAD-SUBNAV ─────────────────────────────────────── */
.sectionDisplay{
  position:relative;
  background:var(--tone-field);
  border-bottom:var(--stroke-thin) solid var(--tone-hairline);
  box-shadow:var(--cast-step-3);
  z-index:60;
}
.sectionDisplayBar{
  min-height:var(--bar-height-mobile);
  display:flex;
  align-items:center;
  gap:var(--gap-step-2);
}
.sectionDisplayGlyph{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
.sectionDisplayImg{display:block;height:42px;width:auto;flex-shrink:0}
.sectionDisplayCode{
  margin-inline-start:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  min-height:26px;
  padding-inline:var(--gap-step-1);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-2);
  background:var(--tone-layer);
  color:var(--tone-quiet);
  font-size:var(--type-size-micro);
  font-weight:var(--boldness-half);
  letter-spacing:var(--ls-spread);
}
.sectionDisplayMenuTrigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:44px;
  flex-shrink:0;
  padding:0;
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-2);
  background:var(--tone-layer);
  color:var(--tone-text);
  cursor:pointer;
}
.sectionDisplayLine{
  display:block;
  width:4px;
  height:4px;
  background:var(--tone-text);
  box-shadow:8px 0 0 var(--tone-text),16px 0 0 var(--tone-text),0 8px 0 var(--tone-text),8px 8px 0 var(--tone-text),16px 8px 0 var(--tone-text),0 16px 0 var(--tone-text),8px 16px 0 var(--tone-text),16px 16px 0 var(--tone-text);
  margin-inline-end:16px;
  margin-block-end:16px;
}
.sectionDisplayBelt{
  display:block;
  height:56px;
  border-top:var(--stroke-thin) solid var(--tone-hairline);
  background:var(--tone-field);
}
.sectionDisplayBeltGuts{height:100%;display:flex;align-items:center}
.sectionDisplayRoutes{width:100%;min-width:0}
.sectionDisplayRun{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:var(--gap-step-2);
  flex-wrap:nowrap;
}
.sectionDisplayUnit{display:flex;align-items:center;flex:0 0 auto}
.sectionDisplayUnit + .sectionDisplayUnit::before{
  content:"";
  display:block;
  width:1px;
  height:12px;
  margin-inline-end:var(--gap-step-2);
  background:var(--tone-stroke-heavy);
}
.sectionDisplayUnit[data-lead]::before{display:none}
.sectionDisplayAnchor{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding-inline:var(--gap-step-1);
  border-radius:var(--corner-step-2);
  background:var(--tone-field);
  color:var(--tone-quiet);
  font-size:13px;
  font-weight:400;
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:color var(--speed-short) var(--ease-out),background-color var(--speed-short) var(--ease-out);
}
.sectionDisplayAnchor:hover{background:var(--tone-layer);color:var(--tone-text)}
.sectionDisplayAnchor[aria-current="page"]{background:var(--tone-field);color:var(--tone-action)}
.sectionDisplayMoreUnit{position:relative;display:flex;flex:0 0 auto;margin-inline-start:auto}
.sectionDisplayMoreTrigger{
  display:none;
  align-items:center;
  min-height:36px;
  padding-inline:var(--gap-step-1);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-2);
  background:var(--tone-layer);
  color:var(--tone-text);
  font-family:var(--type-prose);
  font-size:13px;
  font-weight:400;
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}
.sectionDisplayMoreTrigger.is-shown{display:inline-flex}
.sectionDisplayPane{
  display:none;
  position:absolute;
  inset-block-start:calc(100% + var(--gap-step-0));
  inset-inline-end:0;
  min-width:210px;
  max-height:70vh;
  overflow-y:auto;
  padding:var(--gap-step-1);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-3);
  background:var(--tone-layer);
  box-shadow:var(--cast-step-4);
  z-index:70;
}
.sectionDisplayPane.is-open{display:block}
.sectionDisplayPaneRun{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch}
.sectionDisplayPaneRun .sectionDisplayUnit{display:block;flex:1 1 auto}
.sectionDisplayPaneRun .sectionDisplayUnit::before{display:none}
.sectionDisplayPaneRun .sectionDisplayAnchor{display:flex;width:100%;background:var(--tone-layer)}
.sectionDisplayDrawer{
  display:none;
  position:absolute;
  inset-block-start:100%;
  inset-inline:0;
  max-height:76vh;
  overflow-y:auto;
  padding:var(--gap-step-2) 0 var(--gap-step-3);
  border-block-end:var(--stroke-thin) solid var(--tone-hairline);
  background:var(--tone-layer);
  box-shadow:var(--cast-step-4);
  z-index:80;
}
.sectionDisplayDrawer.is-open{display:block;}
.sectionDisplayDrawerRun{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sectionDisplayDrawerUnit{display:block}
.sectionDisplayDrawerAnchor{
  display:flex;
  align-items:center;
  min-height:46px;
  padding-inline:var(--gap-step-1);
  background:var(--tone-layer);
  color:var(--tone-text);
  font-size:var(--type-size-sm-2);
  font-weight:var(--boldness-half);
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
  text-decoration:none;
}
.sectionDisplayDrawerAnchor[aria-current="page"]{color:var(--tone-action);background:var(--tone-layer)}

@media (min-width:520px){
  .sectionDisplayImg{height:50px}
}
@media (min-width:1024px){
  .sectionDisplayBar{min-height:var(--bar-size-desktop)}
  .sectionDisplayImg{height:58px}
  .sectionDisplayMenuTrigger{display:none}
  .sectionDisplayDrawer{display:none}
}
@media (max-width:1023px){
  .sectionDisplayBelt{display:none}
}

/* ─ breadcrumbs · BREAD-06 ───────────────────────────────────── */
.areaSpan{background:var(--tone-layer);border-block-end:var(--stroke-thin) solid var(--tone-hairline)}
.areaSpanGuts{padding-block:var(--gap-step-2)}
.areaSpanRun{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-step-0);font-size:var(--type-size-fine)}
.areaSpanUnit{display:flex;align-items:center;gap:var(--gap-step-0);color:var(--tone-quiet)}
.areaSpanUnit + .areaSpanUnit::before{content:"›";color:var(--tone-stroke-heavy)}
.areaSpanAnchor{color:var(--tone-quiet);text-decoration:none}
.areaSpanAnchor:hover{color:var(--tone-action)}
.areaSpanNow{color:var(--tone-text)}

/* ─ hero · HERO-02 Split Photo Right ─────────────────────────── */
.chipLane{background:var(--tone-field);overflow:hidden}
.chipLaneGuts{
  padding-block:var(--sec-y);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--gap-step-4);
  align-items:center;
}
.chipLaneCopy{display:block}
.chipLaneChip{
  display:block;
  margin-block-end:var(--gap-step-2);
  color:var(--tone-action);
  background:var(--tone-field);
  font-family:var(--type-prose);
  font-size:var(--type-size-fine);
  font-weight:var(--boldness-half);
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
}
.chipLaneSub{
  margin-block-start:var(--gap-step-3);
  max-width:var(--brief-col);
  color:var(--tone-quiet);
  font-size:var(--type-size-sm-2);
  line-height:var(--rhythm-regular);
}
.chipLaneActs{margin-block-start:var(--gap-step-4);display:flex;flex-wrap:wrap;gap:var(--gap-step-3);align-items:center}
.chipLaneBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding-inline:var(--gap-step-4);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-capsule);
  background:var(--tone-field);
  color:var(--tone-text);
  font-size:var(--type-size-sm-2);
  font-weight:var(--boldness-half);
  letter-spacing:var(--ls-spread);
  text-decoration:none;
  transition:border-color var(--speed-short) var(--ease-out),background-color var(--speed-short) var(--ease-out),transform var(--speed-short) var(--ease-out);
}
.chipLaneBtn:hover{border-color:var(--tone-text);background:var(--tone-layer);color:var(--tone-text);transform:scale(1.015)}
.chipLaneFigure{margin:0;border-radius:var(--corner-step-4);overflow:hidden;box-shadow:var(--cast-step-4);background:var(--tone-layer)}
.chipLaneImg{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform var(--speed-slow) var(--ease-out)}
.chipLaneFigure:hover .chipLaneImg{transform:scale(1.02)}
@media (min-width:820px){
  .chipLaneGuts{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .chipLaneImg{aspect-ratio:4/5;max-height:56vh}
}

/* ─ page header · PHEAD-02 Compact Centered ──────────────────── */
.coreHeader{background:var(--tone-field)}
.coreHeaderGuts{padding-block:var(--sec-y);text-align:center}
.coreHeaderChip{
  display:block;
  margin-block-end:var(--gap-step-2);
  color:var(--tone-action);
  background:var(--tone-field);
  font-size:var(--type-size-fine);
  font-weight:var(--boldness-half);
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
}
.coreHeaderSub{
  margin-block-start:var(--gap-step-3);
  margin-inline:auto;
  max-width:var(--brief-col);
  color:var(--tone-quiet);
  font-size:var(--type-size-sm-2);
}
.coreHeaderMeta{
  margin-block-start:var(--gap-step-3);
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--gap-step-2);
  color:var(--tone-quiet);
  font-size:var(--type-size-micro);
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
}
.coreHeaderDate{display:inline-flex;align-items:center;gap:var(--gap-step-0);background:var(--tone-field);color:var(--tone-quiet)}

/* ─ prose · PROSE-12 number badge ────────────────────────────── */
.shellSpan{background:var(--tone-field);counter-reset:shellStep}
.shellSpanGuts{padding-block:var(--sec-y)}
.shellSpanUnit{counter-increment:shellStep}
.shellSpanUnit + .shellSpanUnit{margin-block-start:var(--gap-step-4)}
.shellSpanHead{
  display:flex;
  align-items:center;
  gap:var(--gap-step-3);
  margin-block:0 var(--gap-step-3);
}
.shellSpanHead::before{
  content:"#" counter(shellStep);
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:var(--corner-dot);
  border:var(--stroke-regular) solid var(--tone-main);
  background:var(--tone-layer);
  color:var(--tone-main);
  font-family:var(--type-head);
  font-size:var(--type-size-sub-2);
  font-weight:var(--boldness-bold);
  letter-spacing:var(--ls-default);
}
.shellSpanBody{display:block}
.shellSpanBody p{margin-block:0 var(--gap-step-3)}
.shellSpanBody p:last-child{margin-block-end:0}
.shellSpanBody a{color:var(--tone-action);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;transition:background-size var(--speed-regular) var(--ease-out),color var(--speed-short) var(--ease-out)}
.shellSpanBody a:hover{color:var(--tone-key-active);background-size:100% 1px}
.shellSpanRun{margin-block:0 var(--gap-step-3);padding-inline-start:var(--gap-step-3);display:flex;flex-direction:column;gap:var(--gap-step-1)}
.shellSpanRun li{color:var(--tone-text)}
.shellSpanRun li::marker{color:var(--tone-main);font-weight:var(--boldness-bold)}
.shellSpanBody strong{color:var(--tone-text);font-weight:var(--boldness-bold)}
@media (max-width:819px){
  .shellSpanHead{align-items:flex-start;gap:var(--gap-step-2)}
  .shellSpanHead::before{width:40px;height:40px;font-size:var(--type-size-fine)}
}

/* ─ items grid · GRID-05 Wide Featured + Compact List ────────── */
.labelPanel{background:var(--tone-field)}
.labelPanelGuts{padding-block:var(--sec-y)}
.labelPanelHead{margin-block:0 var(--gap-step-4)}
.labelPanelLead{
  padding:var(--gap-step-4);
  margin-block-end:var(--gap-step-4);
  border-radius:var(--corner-step-4);
  background:var(--tone-main);
  color:var(--tone-field);
}
.labelPanelLeadTop{margin-block:0 var(--gap-step-2);color:var(--tone-field);font-family:var(--type-head);font-size:var(--type-size-xl-2)}
.labelPanelLeadCopy{max-width:var(--brief-col);color:var(--tone-field);font-size:var(--type-size-sm-2);line-height:var(--rhythm-regular)}
.labelPanelGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-step-3)}
.labelPanelBox{
  padding:var(--gap-step-3);
  border-top:var(--stroke-regular) solid var(--tone-action);
  border-radius:var(--corner-step-2);
  background:var(--tone-layer);
  color:var(--tone-text);
  transition:border-color var(--speed-regular) var(--ease-out)}
.labelPanelBox:hover{border-color:var(--tone-main)}
.labelPanelIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-block-end:var(--gap-step-1);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-2);
  background:var(--tone-grad-2);
  color:var(--tone-action);
}
.labelPanelIcon svg{width:20px;height:20px;display:block}
.labelPanelTop{margin-block:0 var(--gap-step-1);font-size:var(--type-size-sm-2);font-weight:var(--boldness-bold)}
.labelPanelCopy{color:var(--tone-quiet);font-size:var(--type-size-fine);line-height:var(--rhythm-regular)}
.labelPanelPlug{
  padding:var(--gap-step-3);
  border-radius:var(--corner-step-2);
  border:var(--stroke-thin) dashed var(--tone-main);
  background:var(--tone-grad-2);
  color:var(--tone-text);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:var(--gap-step-2);
}
.labelPanelPlugTop{font-size:var(--type-size-sm-2);font-weight:var(--boldness-bold);color:var(--tone-text)}
@media (min-width:520px){
  .labelPanelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:820px){
  .labelPanelLead{padding:var(--gap-step-5)}
}

/* ─ faq · FAQ-09 Magazine Q&A ────────────────────────────────── */
.areaLane{background:var(--tone-field)}
.areaLaneGuts{padding-block:var(--sec-y)}
.areaLaneHead{margin-block:0 var(--gap-step-4)}
.areaLaneRun{display:flex;flex-direction:column}
.areaLaneUnit{padding-block:var(--gap-step-3);border-block-end:var(--stroke-thin) solid var(--tone-hairline)}
.areaLaneUnit:last-child{border-block-end:0}
.areaLaneAsk{display:block;cursor:pointer;list-style:none}
.areaLaneAsk::-webkit-details-marker{display:none}
.areaLaneTop{
  display:flex;
  gap:var(--gap-step-2);
  align-items:baseline;
  font-family:var(--type-head);
  font-size:var(--type-size-sm-2);
  font-style:italic;
  font-weight:var(--boldness-bold);
  color:var(--tone-text);
}
.areaLaneMark{flex-shrink:0;color:var(--tone-action);background:var(--tone-field);font-family:var(--type-head);font-size:var(--type-size-sm-2);font-weight:var(--boldness-bold);font-style:normal}
.areaLaneReply{display:flex;gap:var(--gap-step-2);margin-block-start:var(--gap-step-2);overflow:hidden}
.areaLaneSign{flex-shrink:0;color:var(--tone-main);background:var(--tone-field);font-family:var(--type-head);font-size:var(--type-size-sm-2);font-weight:var(--boldness-bold)}
.areaLaneCopy{color:var(--tone-quiet);font-size:var(--type-size-reading);line-height:var(--rhythm-open)}
.areaLaneUnit[open] .areaLaneReply{animation:areaLaneDrop var(--speed-regular) var(--ease-out) 1}
@keyframes areaLaneDrop{from{max-height:0;opacity:0}to{max-height:520px;opacity:1}}

/* ─ reviews · REV-08 Avatar-Initials Cards ───────────────────── */
.vectorPanel{background:var(--tone-field)}
.vectorPanelGuts{padding-block:var(--sec-y)}
.vectorPanelHead{margin-block:0 var(--gap-step-4)}
.vectorPanelGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-step-3)}
.vectorPanelBox{
  padding:var(--gap-step-3);
  border:var(--stroke-thin) solid var(--tone-hairline);
  border-radius:var(--corner-step-4);
  background:var(--tone-layer);
  color:var(--tone-text);
  transition:border-color var(--speed-regular) var(--ease-out);
}
.vectorPanelBox:hover{border-color:var(--tone-action)}
.vectorPanelStrip{display:flex;align-items:center;gap:var(--gap-step-2);margin-block-end:var(--gap-step-2)}
.vectorPanelFace{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:var(--corner-dot);
  background:var(--tone-action);
  color:var(--tone-field);
  font-family:var(--type-head);
  font-size:var(--type-size-sm-2);
  font-weight:var(--boldness-bold);
}
.vectorPanelName{display:block;color:var(--tone-text);font-weight:var(--boldness-bold);font-size:var(--type-size-sm-2)}
.vectorPanelDate{display:block;color:var(--tone-quiet);font-size:var(--type-size-micro)}
.vectorPanelStars{display:block;margin-block-end:var(--gap-step-1);color:var(--tone-action);background:var(--tone-layer);font-size:var(--type-size-fine);letter-spacing:var(--ls-spread)}
.vectorPanelCopy{color:var(--tone-quiet);font-size:var(--type-size-reading);line-height:var(--rhythm-regular)}
@media (min-width:520px){
  .vectorPanelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .vectorPanelGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ─ data table · TABLE-05 Compact Dense ──────────────────────── */
.streamTrack{background:var(--tone-field)}
.streamTrackGuts{padding-block:var(--sec-y)}
.streamTrackHead{margin-block:0 var(--gap-step-2)}
.streamTrackCap{display:block;margin-block-end:var(--gap-step-3);color:var(--tone-quiet);font-size:var(--type-size-fine)}
.streamTrackScroll{overflow-x:auto;border:var(--stroke-thin) solid var(--tone-hairline);border-radius:var(--corner-step-2);background:var(--tone-layer)}
.streamTrackTable{width:100%;min-width:620px;border-collapse:collapse;background:var(--tone-layer);color:var(--tone-text);font-size:var(--type-size-fine)}
.streamTrackTable th,.streamTrackTable td{padding:var(--gap-step-1) var(--gap-step-2);text-align:start;border-block-end:var(--stroke-thin) solid var(--tone-hairline)}
.streamTrackTable thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:var(--tone-grad-2);
  color:var(--tone-text);
  font-size:var(--type-size-micro);
  font-weight:var(--boldness-bold);
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
}
.streamTrackTable tbody td{background:var(--tone-layer);color:var(--tone-quiet)}
.streamTrackTable tbody td:first-child{color:var(--tone-text);font-weight:var(--boldness-half);background:var(--tone-layer)}

/* ─ cta block · CTA-05 Dual Action ───────────────────────────── */
.boardSlider{background:var(--tone-layer);border-block:var(--stroke-thin) solid var(--tone-hairline)}
.boardSliderGuts{padding-block:var(--sec-y);text-align:center}
.boardSliderHead{margin-block:0 var(--gap-step-2)}
.boardSliderCopy{margin-inline:auto;max-width:var(--brief-col);color:var(--tone-quiet);font-size:var(--type-size-sm-2)}
.boardSliderActs{margin-block-start:var(--gap-step-4);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-step-3)}
.boardSliderBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding-inline:var(--gap-step-4);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-capsule);
  background:var(--tone-layer);
  color:var(--tone-text);
  font-size:var(--type-size-sm-2);
  font-weight:var(--boldness-half);
  letter-spacing:var(--ls-spread);
  text-decoration:none;
  transition:border-color var(--speed-short) var(--ease-out),background-color var(--speed-short) var(--ease-out),transform var(--speed-short) var(--ease-out);
}
.boardSliderBtn:hover{border-color:var(--tone-text);background:var(--tone-grad-2);color:var(--tone-text);transform:scale(1.015)}
.boardSliderFine{margin-block-start:var(--gap-step-3);margin-inline:auto;max-width:var(--brief-col);display:block;color:var(--tone-quiet);background:var(--tone-layer);font-size:var(--type-size-micro)}

/* ─ inline cta · INLINE-CTA-02 Centered Prompt Card ──────────── */
.spikeSpan{background:var(--tone-field);display:block}
.spikeSpanGuts{padding-block:var(--sec-y)}
.spikeSpanBox{
  margin-inline:auto;
  max-width:var(--brief-col);
  padding:var(--gap-step-4);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-3);
  background:var(--tone-layer);
  color:var(--tone-text);
  text-align:center;
}
.spikeSpanHead{margin-block:0 var(--gap-step-1);font-family:var(--type-head);font-size:var(--type-size-sub-2);font-weight:var(--boldness-bold);color:var(--tone-text)}
.spikeSpanSub{margin-block-end:var(--gap-step-3);color:var(--tone-quiet);font-size:var(--type-size-fine)}

/* ─ legal · LEGAL-04 Bordered Article Box ────────────────────── */
.pulsePanel{background:var(--tone-field)}
.pulsePanelGuts{padding-block:var(--sec-y)}
.pulsePanelBox{
  position:relative;
  padding:var(--gap-step-4);
  border:var(--stroke-thin) solid var(--tone-hairline);
  border-radius:var(--corner-step-4);
  background:var(--tone-layer);
  color:var(--tone-text);
  box-shadow:var(--cast-step-2);
}
.pulsePanelStamp{display:block;margin-block-end:var(--gap-step-3);color:var(--tone-quiet);background:var(--tone-layer);font-size:var(--type-size-micro);letter-spacing:var(--ls-spread);text-transform:uppercase}
.pulsePanelPart + .pulsePanelPart{margin-block-start:var(--gap-step-4)}
.pulsePanelHead{margin-block:0 var(--gap-step-2);font-size:var(--type-size-sub)}
.pulsePanelCopy{margin-block:0 var(--gap-step-2);color:var(--tone-quiet);font-size:var(--type-size-reading);line-height:var(--rhythm-open)}
.pulsePanelRun{margin-block:0 var(--gap-step-2);padding-inline-start:var(--gap-step-3);display:flex;flex-direction:column;gap:var(--gap-step-1);color:var(--tone-quiet)}
.pulsePanelNote{margin-block-start:var(--gap-step-4);padding-block-start:var(--gap-step-3);border-block-start:var(--stroke-thin) solid var(--tone-hairline);display:block;color:var(--tone-quiet);background:var(--tone-layer);font-size:var(--type-size-fine)}
@media (min-width:820px){
  .pulsePanelBox{padding:var(--gap-step-5)}
}

/* ─ contact form · FORM-05 Bordered Editorial ────────────────── */
.crateModule{background:var(--tone-field)}
.crateModuleGuts{padding-block:var(--sec-y)}
.crateModuleHead{margin-block:0 var(--gap-step-3)}
.crateModuleBox{
  padding:var(--gap-step-4);
  border:var(--stroke-regular) solid var(--tone-action);
  border-radius:var(--corner-step-3);
  background:var(--tone-field);
  color:var(--tone-text);
  display:flex;
  flex-direction:column;
  gap:var(--gap-step-3);
}
.crateModuleSlot{display:flex;flex-direction:column;gap:var(--gap-step-0);flex:0 0 auto}
.crateModuleChip{color:var(--tone-quiet);background:var(--tone-field);font-size:var(--type-size-micro);letter-spacing:var(--ls-spread);text-transform:uppercase}
.crateModuleInput{
  width:100%;
  min-height:46px;
  padding:var(--gap-step-1) 0;
  border:0;
  border-block-end:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-1);
  background:var(--tone-field);
  color:var(--tone-text);
  font-family:var(--type-prose);
  font-size:var(--type-size-sm-2);
}
.crateModuleInput:focus{outline:var(--stroke-regular) solid var(--tone-action);outline-offset:4px}
textarea.crateModuleInput{min-height:130px;resize:vertical}
.crateModuleSend{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding-inline:var(--gap-step-4);
  border:0;
  border-radius:var(--corner-capsule);
  background:var(--tone-action);
  color:var(--tone-field);
  font-family:var(--type-prose);
  font-size:var(--type-size-sm-2);
  font-weight:var(--boldness-half);
  letter-spacing:var(--ls-spread);
  cursor:pointer;
  transition:background-color var(--speed-short) var(--ease-out),transform var(--speed-short) var(--ease-out);
}
.crateModuleSend:hover{background:var(--tone-key-active);color:var(--tone-field);transform:scale(1.015)}
.crateModuleDone{display:none;padding:var(--gap-step-3);border-radius:var(--corner-step-2);background:var(--tone-grad-2);color:var(--tone-text);font-size:var(--type-size-sm-2)}
.crateModuleDone.is-visible{display:block}

/* ─ author card · AUTH-06 Full-Hero Style ────────────────────── */
.hingeGrid{background:linear-gradient(135deg,#3a1120,#000000);background-color:#1c0a12}
.hingeGridGuts{padding-block:var(--gap-step-4);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-step-4);align-items:start}
.hingeGridFace{margin:0;width:100%;max-width:256px;border-radius:var(--corner-step-4);overflow:hidden;box-shadow:var(--cast-step-4);background:var(--tone-layer)}
.hingeGridImg{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 30%}
.hingeGridChip{display:block;margin-block-end:var(--gap-step-1);color:var(--tone-action);background-color:#1c0a12;font-size:var(--type-size-fine);letter-spacing:var(--ls-spread);text-transform:uppercase}
.hingeGridBio{margin-block-start:var(--gap-step-3);max-width:540px;color:var(--tone-text);font-size:var(--type-size-sm-2);line-height:var(--rhythm-regular)}
.hingeGridRun{margin-block-start:var(--gap-step-3);padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--gap-step-1)}
.hingeGridUnit{padding:var(--gap-step-0) var(--gap-step-2);border-radius:var(--corner-capsule);border:var(--stroke-thin) solid var(--tone-stroke-heavy);background:var(--tone-layer);color:var(--tone-quiet);font-size:var(--type-size-micro)}
.hingeGridArticles{background:var(--tone-field);display:block}
.hingeGridArticlesGuts{padding-block:var(--sec-y)}
.hingeGridArticlesHead{margin-block:0 var(--gap-step-3);font-family:var(--type-head);font-size:var(--type-size-sub-2);font-weight:var(--boldness-bold)}
.hingeGridArticlesRun{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-step-1)}
.hingeGridArticlesUnit{font-size:var(--type-size-reading);line-height:var(--rhythm-regular)}
.hingeGridArticlesUnit[data-featured]{font-weight:var(--boldness-bold)}
.hingeGridArticlesAnchor{color:var(--tone-action);text-decoration:underline}
.hingeGridArticlesAnchor:hover{color:var(--tone-key-active)}
@media (min-width:820px){
  .hingeGridGuts{grid-template-columns:256px minmax(0,1fr);gap:var(--gap-step-5)}
}

/* ─ author byline · BYLINE-04 Quote-Style ────────────────────── */
.stallContainer{background:var(--tone-field);display:block}
.stallContainerGuts{padding-block:var(--sec-y)}
.stallContainerQuote{
  margin:0 auto;
  max-width:var(--brief-col);
  padding-block-start:var(--gap-step-4);
  position:relative;
  text-align:center;
}
.stallContainerQuote::before{
  content:"\201C";
  position:absolute;
  inset-block-start:0;
  inset-inline-start:50%;
  transform:translateX(-50%);
  color:var(--tone-action);
  font-family:var(--type-head);
  font-size:var(--type-size-display-1);
  line-height:1;
}
.stallContainerCopy{color:var(--tone-text);font-family:var(--type-head);font-size:var(--type-size-sub-2);font-style:italic;line-height:var(--rhythm-regular)}
.stallContainerStrip{margin-block-start:var(--gap-step-3);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--gap-step-1)}
.stallContainerFace{width:32px;height:32px;border-radius:var(--corner-dot);object-fit:cover;flex-shrink:0}
.stallContainerName{font-style:normal}
.stallContainerName a{color:var(--tone-action);font-weight:var(--boldness-bold);text-decoration:none}
.stallContainerName a:hover{color:var(--tone-key-active)}
.stallContainerPost{color:var(--tone-quiet);background:var(--tone-field);font-size:var(--type-size-fine);font-style:italic}
.stallContainerDate{display:block;width:100%;margin-block-start:var(--gap-step-0);color:var(--tone-quiet);background:var(--tone-field);font-size:var(--type-size-micro)}

/* ─ error · ERR-03 Minimal No-Drama ──────────────────────────── */
.cabinTrack{background:var(--tone-field);display:flex;flex-direction:column;justify-content:center;flex:1 0 auto}
.cabinTrackGuts{padding-block:var(--gap-step-6);text-align:center}
.cabinTrackTop{margin-inline:auto;max-width:var(--brief-col);font-size:var(--type-size-xl-2)}
.cabinTrackCopy{margin:var(--gap-step-3) auto 0;max-width:var(--brief-col);color:var(--tone-quiet);font-size:var(--type-size-reading);line-height:var(--rhythm-open)}
.cabinTrackBtn{
  margin-block-start:var(--gap-step-4);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding-inline:var(--gap-step-4);
  border-radius:var(--corner-capsule);
  background:var(--tone-action);
  color:var(--tone-field);
  font-size:var(--type-size-sm-2);
  font-weight:var(--boldness-half);
  text-decoration:none;
  transition:background-color var(--speed-short) var(--ease-out),transform var(--speed-short) var(--ease-out);
}
.cabinTrackBtn:hover{background:var(--tone-key-active);color:var(--tone-field);transform:scale(1.015)}

/* ─ footer · FOOT-08 Newspaper Masthead ──────────────────────── */
.districtSlider{background:var(--tone-field);margin-block-start:var(--sec-y)}
.districtSliderGuts{padding-block:var(--gap-step-4)}
.districtSliderMasthead{
  padding-block:var(--gap-step-3);
  border-block:var(--stroke-bold) double var(--tone-text);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--gap-step-2);
}
.districtSliderGlyph{display:inline-flex;line-height:0}
.districtSliderImg{display:block;height:46px;width:auto}
.districtSliderIssue{color:var(--tone-quiet);background:var(--tone-field);font-size:var(--type-size-micro);letter-spacing:var(--ls-spread);text-transform:uppercase}
.districtSliderGrid{margin-block-start:var(--gap-step-4);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-step-4)}
.districtSliderPart{display:block;min-width:0}
.districtSliderHead{margin-block:0 var(--gap-step-2);font-family:var(--type-head);font-size:var(--type-size-sub-2);font-weight:var(--boldness-bold)}
.districtSliderRun{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-step-0) var(--gap-step-2)}
.districtSliderRun[data-single]{grid-template-columns:minmax(0,1fr)}
.districtSliderUnit{font-size:var(--type-size-fine);line-height:var(--rhythm-regular)}
.districtSliderAnchor{color:var(--tone-quiet);text-decoration:none}
.districtSliderAnchor:hover{color:var(--tone-action)}
.districtSliderNote{color:var(--tone-quiet);background:var(--tone-field);font-size:var(--type-size-fine);line-height:var(--rhythm-regular);display:block}
.districtSliderNote a{color:var(--tone-action);text-decoration:none}
.districtSliderNote a:hover{color:var(--tone-key-active)}
.districtSliderBottom{
  margin-block-start:var(--gap-step-4);
  padding-block-start:var(--gap-step-2);
  border-block-start:var(--stroke-thin) solid var(--tone-hairline);
  text-align:center;
  color:var(--tone-quiet);
  background:var(--tone-field);
  font-size:var(--type-size-micro);
}
@media (min-width:820px){
  .districtSliderGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .districtSliderImg{height:56px}
}

/* ─ cookie · COOK-01 Bottom Floating Pill ────────────────────── */
.pinCarousel{
  display:none;
  position:fixed;
  inset-block-end:calc(var(--rg-h) + var(--gap-step-2));
  inset-inline:var(--gap-step-2);
  margin-inline:auto;
  max-width:var(--brief-col);
  padding:var(--gap-step-3);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-3);
  background:var(--tone-layer);
  color:var(--tone-text);
  box-shadow:var(--cast-step-3);
  z-index:90;
}
.pinCarousel.is-visible{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-step-2)}
.pinCarouselWords{flex:1 1 240px;color:var(--tone-quiet);background:var(--tone-layer);font-size:var(--type-size-fine);line-height:var(--rhythm-regular)}
.pinCarouselActs{display:flex;gap:var(--gap-step-1);flex-wrap:wrap}
.pinCarouselConfirm{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding-inline:var(--gap-step-3);
  border:0;
  border-radius:var(--corner-step-3);
  background:var(--tone-action);
  color:var(--tone-field);
  font-family:var(--type-head);
  font-size:var(--type-size-micro);
  font-weight:var(--boldness-bold);
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
  cursor:pointer;
}
.pinCarouselConfirm:hover{background:var(--tone-key-active);color:var(--tone-field)}
.pinCarouselLater{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding-inline:var(--gap-step-3);
  border:var(--stroke-thin) solid var(--tone-stroke-heavy);
  border-radius:var(--corner-step-3);
  background:var(--tone-layer);
  color:var(--tone-text);
  font-family:var(--type-head);
  font-size:var(--type-size-micro);
  font-weight:var(--boldness-bold);
  letter-spacing:var(--ls-spread);
  text-transform:uppercase;
  cursor:pointer;
}
.pinCarouselLater:hover{background:var(--tone-grad-2);color:var(--tone-text)}
@media (max-width:720px){
  .pinCarousel{padding:12px 14px;gap:8px;font-size:13px;line-height:1.35}
  .pinCarouselWords{flex:1 1 100%;font-size:12px}
  .pinCarouselConfirm,.pinCarouselLater{padding-inline:14px;font-size:11px;min-height:36px}
}

/* ─ rg banner · RG-06 fixed bottom strip ─────────────────────── */
.rgStrip{
  position:fixed;
  inset-block-end:0;
  inset-inline:0;
  z-index:95;
  display:block;
  padding:var(--gap-step-0) var(--gap-step-2);
  background:var(--tone-rg-banner);
  color:#FFFFFF;
  font-size:var(--type-size-micro);
  line-height:var(--rhythm-regular);
  text-align:center;
}
.rgStripAnchor{color:#FFFFFF;background:var(--tone-rg-banner);text-decoration:underline}
.rgStripAnchor:hover{color:#FFFFFF;background:var(--tone-rg-banner)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  [data-seen]{opacity:1;transform:none}
}

/* ─ offer buttons · base geometry ────────────────────────────── */
.chipLaneGo,.boardSliderGo,.spikeSpanGo,.labelPanelGo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding-inline:var(--gap-step-4);
  border:0;
  border-radius:var(--corner-capsule);
  background:var(--tone-action);
  color:var(--tone-field);
  font-family:var(--type-prose);
  font-size:var(--type-size-sm-2);
  font-weight:var(--boldness-bold);
  letter-spacing:var(--ls-spread);
  text-align:center;
  text-decoration:none;
}
.chipLaneGo:hover,.boardSliderGo:hover,.spikeSpanGo:hover,.labelPanelGo:hover{background:var(--tone-key-active);color:var(--tone-field)}
.labelPanelGo{min-height:46px;padding-inline:var(--gap-step-3);font-size:var(--type-size-fine)}

/* ─ page images ──────────────────────────────────────────────── */
.shellSpanFig{margin:0;padding-block:var(--gap-step-3)}
.shellSpanPic{
  display:block;
  width:100%;
  height:auto;
  max-height:52vh;
  object-fit:cover;
  border-radius:var(--corner-step-3);
  background:var(--tone-layer);
}
.mainFlow:has(> .cabinTrack){display:flex;flex-direction:column}

/* ─ offer button · scripts/cta-style.mjs (indigo · underline) ── */
.lumoka-act{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--gap-step-4);min-height:52px;border-radius:var(--corner-capsule);font-size:var(--type-size-sm-2);font-weight:var(--boldness-bold);letter-spacing:var(--ls-spread)}
.lumoka-act{position:relative;
  background:#4F46E5;color:#FFFFFF;text-decoration:none;text-transform:uppercase;
  transition:background var(--speed-short) var(--ease-out),color var(--speed-short) var(--ease-out);}
.lumoka-act.lumoka-act{color:#FFFFFF;text-decoration:none;}
.lumoka-act:hover{background:#4338CA;color:#FFFFFF;animation:none}
.lumoka-act.lumoka-act:hover{color:#FFFFFF;text-decoration:none}
.lumoka-act:hover::after{animation:none}
.lumoka-act:active{background:#3730A3;color:#FFFFFF}
.lumoka-act:focus-visible{outline:3px solid #cbff09;outline-offset:3px}
@keyframes lumoka-flare{0%,100%{transform:scaleX(0)}40%,60%{transform:scaleX(1)}}
.lumoka-act::after{content:"";position:absolute;left:12%;right:12%;bottom:8px;height:2px;background:currentColor;opacity:.5;transform-origin:left;animation:lumoka-flare 2.1s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.lumoka-act,.lumoka-act::after{animation:none!important;transition:none!important}}
.labelPanelGo.lumoka-act{min-height:46px;padding-inline:var(--gap-step-3);font-size:var(--type-size-fine)}

@media (max-width:520px){
  .rgStrip{padding:3px var(--gap-step-1);font-size:10px;line-height:1.35}
}

@media (max-width: 1032px) {
  .sectionDisplayBelt,
  .sectionDisplayBeltGuts,
  .sectionDisplayRoutes,
  .sectionDisplayRun,
  .sectionDisplayAnchor { display: none !important; }
  .sectionDisplayMenuTrigger { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js [data-seen]{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}