/* Three visual languages for object investigation, analytical composition, and geography. */
.exp-example-label { font: 11px/1.6 var(--mono); letter-spacing: .08em; color: var(--muted); }
.exp-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.exp-explorer figure,.exp-quiver figure,.exp-map figure { margin: 0; min-width: 0; }
.exp-explorer figcaption,.exp-quiver figcaption,.exp-map figcaption { padding: 18px 24px; font-size: 13px; line-height: 1.8; color: var(--muted); border-top: 1px solid var(--line); }
.exp-explorer h3,.exp-quiver h3,.exp-map h3 { font-size: 26px; line-height: 1.3; letter-spacing: -.035em; }
.exp-explorer-investigation p:not(.eyebrow),.exp-explorer-workflow li p,.exp-quiver-perspectives article p,.exp-quiver-workflow li p,.exp-map-spatial p:not(.eyebrow),.exp-map-itinerary li p { font-size: 16px; line-height: 1.85; color: var(--muted); margin-top: 16px; }
.exp-explorer-console { border: 1px solid #45513c; border-radius: 7px; background: #171c16; overflow: hidden; }
.exp-explorer-bar { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 18px 22px; border-bottom: 1px solid var(--line); font: 11px var(--mono); color: #c3cebd; }
.exp-explorer-query { display: flex; align-items: center; gap: 12px; margin: 24px 22px 14px; padding: 12px 14px; border: 1px solid #687e58; border-radius: 4px; color: var(--ink); font-size: 15px; }
.exp-explorer-query > span:first-child { color: var(--lime); font-size: 25px; line-height: 1; }
.exp-explorer-key { margin-inline-start: auto; color: #8b9981; font-size: 17px; }
.exp-explorer-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 22px 24px; }
.exp-explorer-chips span { padding: 5px 8px; border: 1px solid #3c4934; border-radius: 3px; font-size: 10px; color: #b7c7aa; }
.exp-explorer-table-wrap { padding-inline: 22px; }
.exp-explorer-console table { width: 100%; border-collapse: collapse; text-align: start; font-size: 12px; }
.exp-explorer-console th { color: #9faa96; font-size: 10px; font-weight: 400; padding: 10px 8px; text-align: start; border-bottom: 1px solid #3c4735; }
.exp-explorer-console td { padding: 13px 8px; border-bottom: 1px solid #2e3828; white-space: nowrap; }
.exp-explorer-console tr.is-selected td { background: #25341e; color: #e2f5d0; }
.exp-explorer-console tr.is-selected td:first-child { border-inline-start: 2px solid var(--lime); }
.exp-record-dot { display: inline-block; width: 5px; height: 5px; background: #79965f; border-radius: 50%; margin-inline-end: 8px; }
.exp-explorer-status { color: #d9c9a0; font-size: 10px; }
.exp-explorer-record { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 22px; padding: 20px; border: 1px solid #475d3a; background: #1e2919; }
.exp-explorer-record strong { display: block; margin-top: 8px; font: 500 20px/1.4 var(--display); }
.exp-explorer-record p { font-size: 12px; line-height: 1.8; margin-top: 8px; color: #aebe9f; }
.exp-explorer-linked { display: flex; align-items: center; gap: 12px; border-inline-start: 1px solid #455a37; padding-inline-start: 18px; }
.exp-explorer-linked > span { font-size: 28px; color: var(--lime); }
.exp-explorer-linked div > span { font-size: 10px; color: #a8b69c; }
.exp-explorer-linked strong { font-size: 15px; margin-top: 4px; }
.exp-explorer-investigation { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; padding-block: 104px; }
.exp-explorer-editorial h2 { max-width: 12ch; }
.exp-explorer-editorial > p:not(.eyebrow) { max-width: 42ch; margin-top: 28px; }
.exp-explorer-editorial .text-link { color: var(--lime); margin-top: 24px; }
.exp-explorer-thread { position: relative; }
.exp-explorer-thread::before { content: ''; position: absolute; inset-inline-start: 23px; top: 26px; bottom: 65px; width: 1px; background: #526642; }
.exp-explorer-thread article { display: grid; grid-template-columns: 48px 1fr; gap: 24px; position: relative; padding-bottom: 40px; }
.exp-explorer-thread article:last-child { padding-bottom: 0; }
.exp-explorer-thread-index { display: grid; place-items: center; width: 48px; height: 48px; background: var(--bg); border: 1px solid #6b8456; border-radius: 50%; color: var(--lime); font: 12px var(--mono); }
.exp-explorer-thread article .exp-example-label { display: block; margin-bottom: 12px; }
.exp-explorer-thread article p { margin-top: 12px; }
.exp-explorer-workflow { padding-block: 80px; background: #20291b; border-block: 1px solid #384630; }
.exp-explorer-workflow > .shell { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; }
.exp-explorer-saved { display: flex; align-items: center; gap: 14px; margin-top: 32px; color: #c2d9ae; font-size: 14px; }
.exp-explorer-saved > span:first-child { font-size: 30px; color: var(--lime); }
.exp-explorer-workflow ol { list-style: none; margin: 0; padding: 0; }
.exp-explorer-workflow li { display: grid; grid-template-columns: 40px 1fr; gap: 20px; padding-block: 24px; border-bottom: 1px solid #45583a; }
.exp-explorer-workflow li:first-child { padding-top: 0; }
.exp-explorer-workflow li > span { color: var(--lime); font: 13px/2 var(--mono); }
.exp-explorer-workflow li p { margin-top: 12px; color: #afbea4; }

/* Quiver uses a wide composition, then a staggered evidence board. */
.exp-quiver .product-hero { grid-template-columns: minmax(0,1fr); gap: 48px; }
.exp-quiver .product-hero-copy { display: grid; grid-template-columns: 1.2fr 1fr; gap: 16px 80px; align-items: start; }
.exp-quiver .product-hero-copy .eyebrow { grid-column: 1/-1; margin-bottom: 0; }
.exp-quiver .product-hero-copy h1 { grid-row: 2/4; max-width: 14ch; }
.exp-quiver .product-hero-copy .product-lede { margin-top: 0; }
.exp-quiver .product-hero-copy .product-hero-actions { margin-top: 12px; }
.exp-quiver-canvas { border: 1px solid #45513e; border-radius: 6px; background: #171c17; overflow: hidden; }
.exp-quiver-canvas-top { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; padding: 18px 24px; border-bottom: 1px solid var(--line); font: 11px var(--mono); color: #c1cbbd; }
.exp-quiver-composition { display: grid; grid-template-columns: minmax(0,1fr) 240px; }
.exp-quiver-main-chart { padding: 28px 32px 20px; min-width: 0; }
.exp-quiver-chart-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.exp-quiver-chart-heading strong { font: 500 22px/1.4 var(--display); }
.exp-quiver-chart-heading > span { font-size: 11px; color: var(--muted); }
.exp-quiver-chart { width: 100%; direction: ltr; }
.exp-quiver-line { stroke-dasharray: 900; stroke-dashoffset: 0; animation: exp-chart-draw 1.6s ease-out both; }
.exp-quiver-line-secondary { animation-delay: .15s; }
.exp-quiver-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; padding-top: 12px; font-size: 12px; color: #b8c3b1; }
.exp-quiver-legend .signal-a::before,.exp-quiver-legend .signal-b::before { content: ''; display: inline-block; width: 16px; height: 2px; background: var(--lime); margin-inline-end: 8px; vertical-align: middle; }
.exp-quiver-legend .signal-b::before { background: #9fb1d1; }
.exp-quiver-legend > span:last-child { margin-inline-start: auto; font-size: 11px; color: #91a08a; }
.exp-quiver-recipe { border-inline-start: 1px solid var(--line); padding: 28px 24px; background: #1c241a; }
.exp-quiver-recipe ol { margin: 24px 0; padding: 0; list-style: none; }
.exp-quiver-recipe li { display: flex; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px solid #394833; font-size: 13px; color: #d4ddcd; }
.exp-quiver-recipe li small { color: #90a480; font: 10px/2 var(--mono); }
.exp-quiver-recipe li:last-child { color: var(--lime); }
.exp-quiver-recipe-note p { font-size: 12px; line-height: 1.8; color: #9ead95; }
.exp-quiver-perspectives { padding-block: 104px; }
.exp-quiver-section-heading h2 { max-width: 23ch; }
.exp-quiver-evidence { display: grid; grid-template-columns: 1fr 1fr; gap: 64px 100px; margin-top: 56px; align-items: center; }
.exp-quiver-evidence article { max-width: 47ch; }
.exp-quiver-evidence article .exp-example-label,.exp-quiver-dashboard article .exp-example-label { display: block; margin-bottom: 18px; color: #a5c38e; }
.exp-quiver-card-chain { display: grid; justify-items: center; gap: 8px; padding: 36px; background: #1c2419; border: 1px solid #3b4b32; border-radius: 6px; }
.exp-quiver-card-chain > span:not([aria-hidden]),.exp-quiver-card-chain > div span { padding: 10px 22px; border: 1px solid #556f43; border-radius: 3px; background: var(--bg); font-size: 13px; }
.exp-quiver-card-chain > span[aria-hidden] { color: #87a16f; font-size: 19px; }
.exp-quiver-card-chain > div { display: flex; gap: 16px; }
.exp-quiver-card-chain .exp-quiver-result { color: var(--lime); }
.exp-quiver-comparison { padding: 32px; border: 1px solid #37482e; }
.exp-quiver-comparison > div + div { margin-top: 32px; }
.exp-quiver-comparison > div > span:first-child { display: block; margin-bottom: 18px; color: #a5b299; font-size: 12px; }
.exp-quiver-comparison-cells { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; }
.exp-quiver-comparison-cells i { height: 40px; background: #526b3e; border-radius: 2px; }
.exp-quiver-comparison-cells i:nth-child(2n) { background: #789859; }
.exp-quiver-comparison-cells i:nth-child(3n) { background: #b8dc90; }
.exp-quiver-comparison svg { width: 100%; height: 72px; }
.exp-quiver-dashboard { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; margin-top: 80px; padding-top: 64px; border-top: 1px solid var(--line); }
.exp-quiver-dashboard-art { display: grid; grid-template-columns: 1.4fr 1fr; gap: 12px; padding: 22px; border: 1px solid #4c5e3e; border-radius: 5px; background: #1c2519; }
.exp-quiver-mini-controls { display: flex; gap: 10px; grid-column: 1/-1; padding-bottom: 6px; }
.exp-quiver-mini-controls i { width: 24%; height: 13px; border-radius: 2px; background: #425633; }
.exp-quiver-mini-chart { grid-column: 1/-1; padding: 18px 16px; border: 1px solid #3a4c2f; background: #131b11; }
.exp-quiver-mini-chart svg { width: 100%; height: 90px; }
.exp-quiver-mini-bars { display: flex; align-items: end; justify-content: space-around; height: 100px; padding: 16px; gap: 8px; background: #151e13; border: 1px solid #3a4c2f; }
.exp-quiver-mini-bars i { flex: 1; height: 40%; background: #a1c67c; }
.exp-quiver-mini-bars i:nth-child(2n) { height: 75%; background: #728c58; }
.exp-quiver-mini-bars i:nth-child(3n) { height: 100%; }
.exp-quiver-mini-table { display: grid; gap: 12px; padding: 18px 12px; background: #151e13; border: 1px solid #3a4c2f; }
.exp-quiver-mini-table i { height: 6px; background: #455b34; }
.exp-quiver-workflow { padding-block: 80px; background: #dde7d3; color: #172414; }
.exp-quiver-workflow .eyebrow { color: #49613b; }
.exp-quiver-workflow h2 { max-width: 23ch; }
.exp-quiver-workflow ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px; margin: 44px 0 0; padding: 0; list-style: none; }
.exp-quiver-workflow li { border-top: 1px solid #92a783; padding-top: 24px; }
.exp-quiver-step { display: block; margin-bottom: 28px; font: 36px/1 var(--display); color: #43612f; }
.exp-quiver-workflow li p { color: #4b5d41; }

/* Map is an atlas: terrain takes the stage, then layers explain the view. */
.exp-map .product-hero { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 52px; }
.exp-map .product-hero h1 { font-size: clamp(48px,4.7vw,70px); }
.exp-map-atlas { border: 1px solid #607250; border-radius: 7px; background: #182016; overflow: hidden; }
.exp-map-atlas-top { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 18px 22px; font: 11px var(--mono); color: #c1ccb8; }
.exp-map-stage { position: relative; overflow: hidden; background: #d8dfc9; color: #22361f; }
.exp-map-vector { display: block; width: 100%; min-height: 410px; object-fit: cover; direction: ltr; }
.exp-map-legend { position: absolute; top: 20px; inset-inline-start: 20px; padding: 14px 16px; background: #f1f2e8; border: 1px solid #b6c3a6; border-radius: 3px; }
.exp-map-legend strong { display: block; margin-bottom: 12px; font-size: 12px; }
.exp-map-legend > div { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 11px; }
.exp-map-legend i { width: 8px; height: 8px; flex: none; }
.exp-map-site-mark { background: #203b29; border-radius: 50%; }
.exp-map-event-mark { background: #8ba471; border: 1px solid #5c7957; border-radius: 50%; }
.exp-map-area-mark { border: 1px dashed #31543a; background: #cbd6bd; }
.exp-map-compass { position: absolute; top: 22px; inset-inline-end: 22px; font: 12px/1.3 var(--mono); text-align: center; color: #3e5737; }
.exp-map-selection { position: absolute; bottom: 18px; inset-inline-end: 18px; max-width: 270px; padding: 16px 18px; border: 1px solid #667d54; border-radius: 3px; background: #f0f2e6; }
.exp-map-selection .exp-example-label { color: #637658; font-size: 10px; }
.exp-map-selection strong { display: block; margin-top: 8px; font: 600 16px/1.5 var(--display); }
.exp-map-selection p { margin-top: 8px; font-size: 12px; line-height: 1.7; color: #63725a; }
.exp-map-time { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 16px 20px; font-size: 11px; color: #b6c3ad; }
.exp-map-time > span:first-child { font-size: 20px; color: var(--lime); }
.exp-map-time-track { display: block; height: 2px; background: #48583c; flex: 1; min-width: 40px; position: relative; }
.exp-map-time-track i { position: absolute; inset-inline-start: 35%; top: -4px; width: 9px; height: 9px; border-radius: 50%; background: var(--lime); }
.exp-map-spatial { padding-block: 104px; }
.exp-map-spatial-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 100px; }
.exp-map-spatial-heading .eyebrow { grid-column: 1/-1; }
.exp-map-spatial-heading h2 { max-width: 18ch; }
.exp-map-spatial-heading p:not(.eyebrow) { margin-top: 0; max-width: 45ch; }
.exp-map-layer-story { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; margin-top: 72px; }
.exp-map-stack { position: relative; height: 440px; perspective: 900px; }
.exp-map-stack-layer { position: absolute; width: 76%; height: 235px; inset-inline-start: 12%; transform: rotateX(55deg) rotateZ(-32deg); border: 1px solid #77955e; border-radius: 6px; background: #28391e; }
.exp-map-stack-layer span { position: absolute; top: 22px; left: 22px; color: #c9ddba; font: 11px var(--mono); letter-spacing: .08em; }
.exp-map-stack-layer.layer-ground { top: 175px; background-color: #26351e; background-image: linear-gradient(#69834e30 1px,transparent 1px),linear-gradient(90deg,#69834e30 1px,transparent 1px); background-size: 28px 28px; }
.exp-map-stack-layer.layer-objects { top: 100px; z-index: 2; background: #26351eea; }
.exp-map-stack-layer.layer-time { top: 25px; z-index: 3; background: #1f2c19ea; border-color: #a5ca83; }
.exp-map-stack-layer i { position: absolute; width: 12px; height: 12px; border: 1px solid #d0f99c; background: #84a666; top: 43%; left: 24%; }
.exp-map-stack-layer i:nth-of-type(2) { top: 65%; left: 56%; }
.exp-map-stack-layer i:nth-of-type(3) { top: 29%; left: 73%; }
.exp-map-stack-layer.layer-time i { height: 2px; width: 40px; background: #d0f99c; }
.exp-map-layer-text article { display: grid; grid-template-columns: 36px 1fr; gap: 20px; padding-block: 28px; border-bottom: 1px solid #394530; }
.exp-map-layer-text article > span { color: var(--lime); font: 12px/2 var(--mono); }
.exp-map-layer-text article p { margin-top: 12px; }
.exp-map-itinerary { padding-block: 80px; background: #1e281a; border-block: 1px solid #35452d; }
.exp-map-itinerary > .shell { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.exp-map-workflow-lede { font-size: 16px; line-height: 1.85; margin-top: 24px; color: #b3c0a8; max-width: 44ch; }
.exp-map-itinerary .text-link { margin-top: 24px; color: var(--lime); }
.exp-map-itinerary ol { list-style: none; margin: 0; padding: 0; }
.exp-map-itinerary li { display: grid; grid-template-columns: 32px 1fr; gap: 24px; position: relative; padding-bottom: 32px; }
.exp-map-itinerary li:last-child { padding-bottom: 0; }
.exp-map-itinerary li:not(:last-child)::before { content: ''; position: absolute; inset-inline-start: 15px; top: 44px; bottom: 12px; width: 1px; background: #667f52; }
.exp-map-route-number { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #9dbe7d; border-radius: 50%; color: var(--lime); font: 12px var(--mono); }
.exp-map-itinerary li p { margin-top: 12px; color: #b0bfA3; }
@keyframes exp-chart-draw { from { stroke-dashoffset: 900; } to { stroke-dashoffset: 0; } }
html[lang=fa] .exp-example-label { letter-spacing: 0; }
html[lang=fa] .exp-explorer h3,html[lang=fa] .exp-quiver h3,html[lang=fa] .exp-map h3 { letter-spacing: 0; line-height: 1.65; font-size: 24px; }
html[lang=fa] .exp-map .product-hero h1 { font-size: clamp(42px,4.1vw,62px); }
html[lang=fa] .exp-quiver .product-hero h1 { max-width: 16ch; }
@media(max-width:1100px) {
  .exp-explorer-investigation,.exp-explorer-workflow > .shell,.exp-quiver-evidence,.exp-quiver-dashboard,.exp-map-spatial-heading,.exp-map-layer-story,.exp-map-itinerary > .shell { gap: 48px; }
  .exp-map .product-hero { gap: 32px; }
  .exp-quiver .product-hero-copy { gap: 16px 48px; }
  .exp-quiver-composition { grid-template-columns: minmax(0,1fr) 210px; }
  .exp-quiver-main-chart { padding-inline: 24px; }
  .exp-quiver-recipe { padding-inline: 20px; }
}
@media(max-width:960px) {
  .exp-explorer-console { width: 100%; }
  .exp-map .product-hero { grid-template-columns: minmax(0,1fr); }
  .exp-map-atlas { width: 100%; }
  .exp-map-vector { max-height: 510px; }
  .exp-quiver .product-hero-copy h1 { font-size: 52px; }
  .exp-quiver .product-hero-copy .product-lede { font-size: 16px; }
  .exp-explorer-investigation,.exp-explorer-workflow > .shell { gap: 40px; }
  .exp-explorer-thread article { gap: 20px; }
  .exp-quiver-evidence,.exp-quiver-dashboard { gap: 40px; }
  .exp-map-stack-layer { width: 90%; inset-inline-start: 5%; }
  .exp-map-layer-story { gap: 40px; }
  .exp-quiver-workflow ol { gap: 28px; }
}
@media(max-width:700px) {
  .exp-explorer figcaption,.exp-quiver figcaption,.exp-map figcaption { padding: 16px 18px; font-size: 12px; }
  .exp-explorer-bar { padding: 16px; font-size: 10px; }
  .exp-example-label { font-size: 10px; }
  .exp-explorer-query { margin: 20px 14px 12px; font-size: 14px; }
  .exp-explorer-chips { padding: 0 14px 16px; }
  .exp-explorer-table-wrap { padding-inline: 10px; }
  .exp-explorer-console table { font-size: 12px; }
  .exp-explorer-console th { padding-inline: 5px; font-size: 11px; }
  .exp-explorer-console td { padding: 12px 5px; }
  .exp-record-dot { width: 4px; height: 4px; margin-inline-end: 4px; }
  .exp-explorer-status { font-size: 11px; }
  .exp-explorer-record { grid-template-columns: 1fr; margin: 20px 14px; padding: 16px; gap: 18px; }
  .exp-explorer-linked { border-inline-start: 0; border-top: 1px solid #455a37; padding-inline-start: 0; padding-top: 16px; }
  .exp-explorer-investigation { grid-template-columns: minmax(0,1fr); gap: 40px; padding-block: 64px; }
  .exp-explorer-editorial h2 { max-width: 18ch; }
  .exp-explorer-thread article { grid-template-columns: 40px 1fr; gap: 16px; padding-bottom: 32px; }
  .exp-explorer-thread-index { width: 40px; height: 40px; }
  .exp-explorer-thread::before { inset-inline-start: 19px; }
  .exp-explorer h3,.exp-quiver h3,.exp-map h3 { font-size: 24px; }
  .exp-explorer-workflow { padding-block: 56px; }
  .exp-explorer-workflow > .shell { grid-template-columns: minmax(0,1fr); gap: 36px; }
  .exp-explorer-workflow li { grid-template-columns: 28px 1fr; gap: 16px; }
  .exp-quiver .product-hero-copy { display: block; }
  .exp-quiver .product-hero-copy .eyebrow { margin-bottom: 20px; }
  .exp-quiver .product-hero-copy h1 { font-size: 44px; }
  .exp-quiver .product-hero-copy .product-lede { margin-top: 24px; font-size: 17px; }
  .exp-quiver .product-hero-copy .product-hero-actions { margin-top: 24px; }
  .exp-quiver-composition { grid-template-columns: minmax(0,1fr); }
  .exp-quiver-canvas-top { padding: 16px; font-size: 10px; }
  .exp-quiver-main-chart { padding: 20px 14px; }
  .exp-quiver-chart-heading strong { font-size: 19px; }
  .exp-quiver-chart-heading > span { font-size: 10px; }
  .exp-quiver-chart text { font-size: 20px; }
  .exp-quiver-chart text:nth-child(2),.exp-quiver-chart text:nth-child(4) { display: none; }
  .exp-quiver-legend { gap: 10px 18px; font-size: 11px; }
  .exp-quiver-legend > span:last-child { width: 100%; margin-inline-start: 0; }
  .exp-quiver-recipe { border-inline-start: 0; border-top: 1px solid var(--line); padding: 20px; }
  .exp-quiver-recipe ol { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; margin-block: 12px; }
  .exp-quiver-recipe li { font-size: 12px; }
  .exp-quiver-perspectives { padding-block: 64px; }
  .exp-quiver-evidence { grid-template-columns: minmax(0,1fr); gap: 28px; margin-top: 36px; }
  .exp-quiver-card-chain { order: 0; padding: 28px; }
  .exp-quiver-evidence > article:nth-child(2) { order: 1; }
  .exp-quiver-evidence > article:nth-child(3) { order: 3; }
  .exp-quiver-comparison { order: 2; margin-top: 24px; padding: 24px; }
  .exp-quiver-dashboard { grid-template-columns: minmax(0,1fr); gap: 32px; margin-top: 48px; padding-top: 40px; }
  .exp-quiver-workflow { padding-block: 56px; }
  .exp-quiver-workflow ol { grid-template-columns: minmax(0,1fr); gap: 28px; margin-top: 32px; }
  .exp-quiver-workflow li { display: grid; grid-template-columns: 36px 1fr; gap: 20px; }
  .exp-quiver-step { font-size: 30px; margin-bottom: 0; }
  .exp-map .product-hero h1 { font-size: 44px; }
  .exp-map-atlas-top { padding: 16px; font-size: 10px; }
  .exp-map-stage { min-height: 430px; }
  .exp-map-vector { position: absolute; width: 570px; max-width: none; height: 430px; min-height: 0; left: 50%; transform: translateX(-50%); }
  .exp-map-legend { top: 14px; inset-inline-start: 14px; padding: 12px; }
  .exp-map-legend strong { font-size: 11px; }
  .exp-map-legend > div { font-size: 10px; }
  .exp-map-compass { top: 18px; inset-inline-end: 18px; }
  .exp-map-selection { inset-inline: 14px; bottom: 14px; max-width: none; padding: 14px; }
  .exp-map-time { gap: 10px; padding: 14px; font-size: 10px; }
  .exp-map-time bdi { margin-inline-start: auto; }
  .exp-map-spatial { padding-block: 64px; }
  .exp-map-spatial-heading { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .exp-map-spatial-heading .eyebrow { margin-bottom: 0; }
  .exp-map-layer-story { grid-template-columns: minmax(0,1fr); gap: 12px; margin-top: 32px; }
  .exp-map-stack { height: 330px; width: min(100%,430px); justify-self: center; }
  .exp-map-stack-layer { height: 200px; width: 80%; inset-inline-start: 10%; }
  .exp-map-stack-layer.layer-time { top: 0; }
  .exp-map-stack-layer.layer-objects { top: 65px; }
  .exp-map-stack-layer.layer-ground { top: 130px; }
  .exp-map-layer-text article { grid-template-columns: 28px 1fr; gap: 16px; padding-block: 24px; }
  .exp-map-itinerary { padding-block: 56px; }
  .exp-map-itinerary > .shell { grid-template-columns: minmax(0,1fr); gap: 40px; }
  .exp-map-itinerary li { gap: 20px; }
  html[lang=fa] .exp-map .product-hero h1,html[lang=fa] .exp-quiver .product-hero h1 { font-size: 38px; }
}
@media(max-width:380px) {
  .exp-explorer-console th,.exp-explorer-console td { padding-inline: 3px; }
  .exp-explorer-console table { font-size: 11px; }
  .exp-record-dot { display: none; }
  .exp-explorer-chips span { font-size: 10px; }
  .exp-quiver-card-chain { padding-inline: 16px; }
  .exp-quiver-card-chain > div { gap: 10px; }
  .exp-quiver-card-chain > div span { padding-inline: 16px; }
  .exp-map-stack-layer { height: 170px; }
  .exp-map-stack { height: 300px; }
}
@media(prefers-reduced-motion:reduce) {
  .exp-quiver-line { animation: none; stroke-dashoffset: 0; }
}
[data-motion=paused] .exp-quiver-line { animation: none; stroke-dashoffset: 0; }
/* The spatial page opens as an atlas: a wide map beneath a concise introduction. */
@media(min-width:961px) {
  .exp-map .product-hero { grid-template-columns:minmax(0,1fr); gap:40px; }
  .exp-map .product-hero-copy { display:grid; grid-template-columns:1fr 1fr; gap:14px 80px; }
  .exp-map .product-hero-copy>.eyebrow { grid-column:1/-1; margin:0; }
  .exp-map .product-hero-copy h1 { grid-row:2/4; max-width:17ch; }
  .exp-map .product-lede { margin-top:0; }
  .exp-map .product-hero-actions { margin-top:12px; }
  .exp-map-stage { max-height:510px; }
  .exp-map-vector { min-height:0; margin-top:-100px; }
}