/* ATHAR's public conceptual narrative. Page-scoped; never styles Ask or site chrome. */
body[data-page="athar"] .athar-section,
body[data-page="athar"] .athar-ending {
  --athar-section-text: #e5f1ef;
  --athar-section-muted: #a9bec1;
  --athar-section-line: rgba(18, 184, 171, .23);
  color: var(--athar-section-text);
  background: #031416;
  border-block-start: 1px solid var(--athar-section-line);
  isolation: isolate;
}
body[data-page="athar"] .athar-section { padding-block: clamp(4.5rem, 8vw, 8rem); }
body[data-page="athar"] .athar-section .athar-wrap { position: relative; z-index: 1; }
body[data-page="athar"] .athar-section h2,
body[data-page="athar"] .athar-ending h2 { color: #e5f1ef; line-height: 1.06; letter-spacing: -.035em; text-wrap: balance; }
body[data-page="athar"] .athar-section h3 { color: #e5f1ef; line-height: 1.2; }
body[data-page="athar"] .athar-section p { line-height: 1.72; }
body[data-page="athar"] .athar-section .athar-kicker,
body[data-page="athar"] .athar-ending .athar-kicker { color: #D9B44A; line-height: 1.65; }
body[data-page="athar"] .athar-section .section-intro > p:last-child:not(.athar-kicker) { color: var(--athar-section-muted); }
body[data-page="athar"] .athar-section .athar-lead { line-height: 1.35; }
body[data-page="athar"] .athar-section :is(a, button, summary):focus-visible,
body[data-page="athar"] .athar-ending :is(a, button):focus-visible { outline: 2px solid #D9B44A; outline-offset: 6px; }
body[data-page="athar"] .athar-section :is(summary, a, button) { -webkit-tap-highlight-color: rgba(18, 184, 171, .15); }
body[data-page="athar"] .athar-section :is(figure, article, details, li, .section-intro > *, .meaning-grid > *, .artifact-grid > *, .platform-grid > *) { min-width: 0; }

/* Responsibility has visual weight without manufacturing an outcome or score. */
body[data-page="athar"] .decision-section { background: radial-gradient(ellipse at 90% 100%, rgba(9,185,169,.07), transparent 52%), #031416; }
body[data-page="athar"] .decision-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }
body[data-page="athar"] .decision-copy { padding-block-start: 2rem; border-color: rgba(217,180,74,.45); }
body[data-page="athar"] .decision-choices { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 1.5rem; }
body[data-page="athar"] .decision-choices span { padding: .85rem 0; border-color: var(--athar-section-line); color: #a9bec1; font-size: .94rem; font-weight: 500; }
body[data-page="athar"] .cost-section { background: linear-gradient(140deg, #062124, #031416 72%); }
body[data-page="athar"] .cost-section h2 { max-width: 15ch; }
body[data-page="athar"] .risk-balance { grid-template-columns: 1fr 150px 1fr; gap: 1.5rem; align-items: center; }
body[data-page="athar"] .risk-balance article { align-self: stretch; padding: 2rem 0; border: 0; border-block-start: 1px solid rgba(18,184,171,.5); border-radius: 0; background: none; }
body[data-page="athar"] .risk-balance article > span { position: static; display: block; padding-block-end: 1rem; color: #12B8AB; font-size: 1.8rem; }
body[data-page="athar"] .risk-balance :is(p, li) { color: #a9bec1; }
body[data-page="athar"] .risk-balance ul { padding-inline-start: 1.1rem; }
body[data-page="athar"] .risk-balance li { padding-block: .2rem; }
body[data-page="athar"] .risk-balance li::marker { color: #12B8AB; }
body[data-page="athar"] .risk-pivot { position: relative; aspect-ratio: 1; border: 1px solid rgba(217,180,74,.45); border-radius: 50%; box-shadow: 0 0 0 12px rgba(217,180,74,.025); }
body[data-page="athar"] .risk-pivot i { position: absolute; inset-inline: -25px; top: 50%; width: calc(100% + 50px); height: 1px; background: linear-gradient(90deg, #12B8AB, transparent 18% 82%, #12B8AB); }
body[data-page="athar"] .risk-pivot b { padding: .5rem; color: #D9B44A; text-align: center; font-size: .7rem; }
body[data-page="athar"] .cost-conclusion { max-width: 42ch; padding-block-start: 1rem; color: #d9e9e6; }

/* The event is surrounded by open questions, never automatic conclusions. */
body[data-page="athar"] .investigation-section { background: radial-gradient(ellipse at 15% 62%, rgba(18,184,171,.075), transparent 48%), #031416; }
body[data-page="athar"] .investigation-field { grid-template-columns: minmax(230px,.55fr) minmax(0,1.45fr); gap: clamp(2.5rem,6vw,6rem); min-height: 480px; }
body[data-page="athar"] .investigation-field::before { inset: 11% 18% 11% 3%; border-color: rgba(18,184,171,.12); transform: rotate(-9deg); }
body[data-page="athar"] .event-core { border: 1px solid rgba(18,184,171,.5); border-radius: 50%; background: radial-gradient(ellipse at 32% 22%, rgba(18,184,171,.16), transparent 57%), #052024; box-shadow: 0 0 0 18px rgba(18,184,171,.025), 0 0 0 42px rgba(18,184,171,.018); }
body[data-page="athar"] .event-core::after { content: ""; position: absolute; inset: -9%; border: 1px solid rgba(18,184,171,.17); border-radius: 50%; pointer-events: none; }
body[data-page="athar"] .event-core span { color: #D9B44A; }
body[data-page="athar"] .event-core small { color: #a9bec1; }
body[data-page="athar"] .investigation-questions { gap: .55rem 1rem; }
body[data-page="athar"] .investigation-questions details { border: 0; border-block-end: 1px solid var(--athar-section-line); border-radius: 0; background: rgba(3,20,22,.72); transition: background-color .2s ease, border-color .2s ease; }
body[data-page="athar"] .investigation-questions details:hover { transform: none; background: #08272a; border-color: #12B8AB; }
body[data-page="athar"] .investigation-questions details[open] { background: #08272a; border-color: #D9B44A; }
body[data-page="athar"] .investigation-questions summary { gap: .7rem; min-height: 62px; padding: 1rem .5rem; font-size: .96rem; font-weight: 600; line-height: 1.5; }
body[data-page="athar"] .investigation-questions summary::before { content: "+"; flex: 0 0 auto; color: #12B8AB; font: 400 1.3rem/1 system-ui,sans-serif; }
body[data-page="athar"] .investigation-questions details[open] summary::before { content: "−"; color: #D9B44A; }
body[data-page="athar"] .investigation-questions p { padding: 0 .6rem 1.2rem; color: #a9bec1; }
body[data-page="athar"] .fragmentation-section { background: #051b1e; }
body[data-page="athar"] .fragment-path { flex-wrap: wrap; gap: .8rem .6rem; padding-block: 1.2rem 2.2rem; overflow: visible; }
body[data-page="athar"] .fragment-path span { min-height: 46px; max-width: 100%; border: 0; border-block-end: 1px dashed rgba(18,184,171,.46); border-radius: 0; padding: .6rem .3rem; background: none; color: #d3e2e0; font-size: .95rem; font-weight: 500; }
body[data-page="athar"] .fragment-path span:nth-of-type(3n+2) { margin-block-start: 1rem; }
body[data-page="athar"] .fragment-path i { padding-inline: .3rem; color: #71858D; }
body[data-page="athar"] .fragment-note { color: #a9bec1; border-color: #D9B44A; font-size: clamp(1.25rem,2vw,1.8rem); }

/* Identity and assistance share a coherent environmental world. */
body[data-page="athar"] .why-section { background: radial-gradient(ellipse at 14% 40%, rgba(9,185,169,.08), transparent 36%), #031416; }
body[data-page="athar"] .why-grid { grid-template-columns: minmax(240px,.75fr) minmax(0,1.25fr); gap: clamp(3rem,6vw,6rem); }
body[data-page="athar"] .athar-wordmark { max-width: 460px; margin-inline: auto; }
body[data-page="athar"] .athar-wordmark img { display: block; width: 100%; height: auto; }
body[data-page="athar"] .why-section p { color: #a9bec1; }
body[data-page="athar"] .why-section blockquote { color: #d9e9e6; border-color: #D9B44A; }
body[data-page="athar"] .professional-boundary { border-color: var(--athar-section-line); line-height: 1.8; }
body[data-page="athar"] .shortcut-section { background: #061e21; }
body[data-page="athar"] .shortcut-compare { gap: clamp(1.5rem,4vw,4rem); }
body[data-page="athar"] .shortcut-compare article { position: relative; padding: 1.8rem 1.8rem 1rem; border: 0; border-block-start: 1px solid #71858D; border-radius: 0; }
body[data-page="athar"] .shortcut-compare .without { border: 0; border-block-start: 1px dashed #71858D; background: rgba(3,20,22,.28); }
body[data-page="athar"] .shortcut-compare .with { border-block-start: 1px solid #12B8AB; background: linear-gradient(150deg, rgba(18,184,171,.06), transparent); }
body[data-page="athar"] .shortcut-compare h3 { max-width: 22ch; min-height: 2.5em; margin-block-end: 1.2rem; }
body[data-page="athar"] .shortcut-compare li { position: relative; padding: 1rem 0; padding-inline-start: 1.6rem; border: 0; color: #c5d8d7; line-height: 1.65; }
body[data-page="athar"] .shortcut-compare li::before { content: ""; position: absolute; inset-inline-start: 0; top: 1.45rem; width: 6px; height: 6px; border-radius: 50%; border: 1px solid #71858D; background: #061e21; }
body[data-page="athar"] .shortcut-compare .without li::after { content: ""; position: absolute; inset-inline-start: 3px; inset-block-start: 2.2rem; height: .75rem; border-inline-start: 1px dashed rgba(113,133,141,.65); }
body[data-page="athar"] .shortcut-compare .with li::before { border-color: #12B8AB; background: #09B9A9; }
body[data-page="athar"] .shortcut-compare .with li:not(:last-child)::after { content: ""; position: absolute; inset-inline-start: 3px; inset-block-start: 1.9rem; bottom: -1.25rem; border-inline-start: 1px solid rgba(18,184,171,.3); }
body[data-page="athar"] .shortcut-compare li:last-child::before { width: 9px; height: 9px; inset-inline-start: -2px; border-color: #D9B44A; background: #061e21; }
body[data-page="athar"] .shortcut-boundary { padding-block-start: .6rem; color: #d3decf; font-weight: 500; }
body[data-page="athar"] .video-ready { background: #031416; }
body[data-page="athar"] .video-slot > div { border-color: rgba(18,184,171,.2); border-radius: .5rem; background: radial-gradient(ellipse at 60% 110%, rgba(18,184,171,.12), transparent 60%), #061d20; box-shadow: none; }
body[data-page="athar"] .video-slot span { color: #D9B44A; }
body[data-page="athar"] .video-slot :is(small, figcaption) { color: #a9bec1; }

/* Open questions use native disclosure semantics and a clear keyboard target. */
body[data-page="athar"] .questions-section { background: #051b1e; }
body[data-page="athar"] .question-river { gap: 0 2rem; }
body[data-page="athar"] .question-river details { padding: 1.5rem 0; border-color: var(--athar-section-line); border-inline-start: 0; }
body[data-page="athar"] .question-river summary { position: relative; padding-inline-end: 1.6rem; min-height: 52px; line-height: 1.3; }
body[data-page="athar"] .question-river summary::after { content: "+"; position: absolute; inset-inline-end: 0; color: #12B8AB; font: 400 1.2rem/1 system-ui,sans-serif; }
body[data-page="athar"] .question-river details[open] { background: none; border-color: #D9B44A; }
body[data-page="athar"] .question-river details[open] summary::after { content: "−"; color: #D9B44A; }
body[data-page="athar"] .question-river p { color: #a9bec1; padding-inline-end: 1rem; }
body[data-page="athar"] .scenarios-section { background: radial-gradient(ellipse at 0 10%, rgba(18,184,171,.07), transparent 40%), #031416; }
body[data-page="athar"] .scenario-grid { align-items: start; gap: 1.25rem; }
body[data-page="athar"] .scenario-card { border: 1px solid rgba(18,184,171,.3); border-radius: .7rem; background: #051e21; transition: border-color .2s ease, background-color .2s ease; }
body[data-page="athar"] .scenario-card:hover { border-color: #12B8AB; }
body[data-page="athar"] .scenario-card[open] { border-color: rgba(217,180,74,.62); background: #082225; }
body[data-page="athar"] .scenario-card summary { isolation: isolate; min-height: 240px; padding: 2rem; overflow: hidden; }
body[data-page="athar"] .scenario-card summary::before { content: ""; position: absolute; z-index: -1; width: 260px; height: 135px; inset-inline-end: -100px; inset-block-start: 5px; border: 1px solid rgba(18,184,171,.12); border-radius: 50%; transform: rotate(-24deg); box-shadow: 0 0 0 17px rgba(18,184,171,.025), 0 0 0 40px rgba(18,184,171,.022); pointer-events: none; }
body[data-page="athar"] .scenario-card summary::after { inset-block-start: 1.1rem; inset-inline-end: 1.4rem; color: #12B8AB; }
body[data-page="athar"] .scenario-card summary span { color: #D9B44A; font-size: .7rem; }
body[data-page="athar"] .scenario-card summary b { font-size: clamp(1.6rem,2.65vw,2.45rem); line-height: 1.16; }
body[data-page="athar"] .scenario-card summary small { color: #a9bec1; font-size: .85rem; line-height: 1.6; }
body[data-page="athar"] .scenario-card[open] summary::after { color: #D9B44A; }
body[data-page="athar"] .scenario-card > div { padding: 0 2rem 2rem; border-color: rgba(18,184,171,.23); }
body[data-page="athar"] .scenario-card .scenario-boundary { color: #d1ded9; padding-inline-start: .8rem; border-inline-start: 2px solid #D9B44A; }
body[data-page="athar"] .scenario-card ul { padding-inline-start: 1.25rem; }
body[data-page="athar"] .scenario-card li { color: #d2e3e1; line-height: 1.7; margin-block: .85rem; }
body[data-page="athar"] .scenario-card li::marker { color: #12B8AB; }
body[data-page="athar"] .scenario-card .evidence-legend { border-color: rgba(18,184,171,.28); }
body[data-page="athar"] .evidence-legend :is(h3, dt) { color: #d5e8e4; }
body[data-page="athar"] .evidence-legend :is(p, dd) { color: #a9bec1; }
body[data-page="athar"] .evidence-legend dl > div { border-color: rgba(18,184,171,.13); }
body[data-page="athar"] .scenario-note { color: #a9bec1; }

/* Editorial principles and Notes: rules of reasoning, not feature/product cards. */
body[data-page="athar"] .principles-section { background: #051b1e; }
body[data-page="athar"] .principles-grid { gap: 0 2rem; border: 0; }
body[data-page="athar"] .principles-grid article { min-height: 245px; padding: 1.6rem 0; border: 0; border-block-start: 1px solid var(--athar-section-line); }
body[data-page="athar"] .principles-grid b { color: #dcecea; line-height: 1.3; }
body[data-page="athar"] .principles-grid p { color: #a9bec1; }
body[data-page="athar"] .approach-section { background: #031416; }
body[data-page="athar"] .approach-flow { gap: 0 1.8rem; }
body[data-page="athar"] .approach-flow li { min-height: 250px; padding: 1.8rem 0; border-inline-start: 0; border-block-start-color: rgba(18,184,171,.45); }
body[data-page="athar"] .approach-flow li::after { inset-inline-start: 0; background: #031416; border: 1px solid #12B8AB; }
body[data-page="athar"] .approach-flow li:last-child::after { background: #D9B44A; border-color: #D9B44A; }
body[data-page="athar"] .approach-flow span { color: #12B8AB; }
body[data-page="athar"] .approach-flow b { color: #e5f1ef; }
body[data-page="athar"] .approach-flow p { color: #a9bec1; }
body[data-page="athar"] .approach-boundary { background: none; color: #a9bec1; border-color: #D9B44A; }
body[data-page="athar"] .notes-section { background: linear-gradient(180deg,#061f22,#031416); }
body[data-page="athar"] .notes-grid { gap: 1.5rem 2.5rem; }
body[data-page="athar"] .notes-grid a { position: relative; min-height: 330px; padding: 1.7rem 0; border: 0; border-block-start: 1px solid rgba(18,184,171,.3); border-radius: 0; background: none; transition: border-color .25s ease; }
body[data-page="athar"] .notes-grid a::before { content: ""; position: absolute; top: -1px; inset-inline-start: 0; width: 30%; height: 1px; background: #12B8AB; transform: scaleX(.35); transform-origin: left; transition: transform .4s ease; }
body[data-page="athar"] .notes-grid a:hover,
body[data-page="athar"] .notes-grid a:focus-visible { transform: none; background: none; border-color: #12B8AB; }
body[data-page="athar"] .notes-grid a:hover::before,
body[data-page="athar"] .notes-grid a:focus-visible::before { transform: scaleX(3.33); }
body[data-page="athar"] .notes-grid span { color: #12B8AB; }
body[data-page="athar"] .notes-grid h3 { margin: 2.5rem 0 1.2rem; line-height: 1.25; font-size: clamp(1.5rem,2.1vw,1.95rem); }
body[data-page="athar"] .notes-grid p { color: #a9bec1; font-size: .95rem; }
body[data-page="athar"] .notes-grid a::after { color: #D9B44A; font-size: .83rem; font-weight: 500; }

/* Two symbolic material treatments. No sensor geometry or invented hardware. */
body[data-page="athar"] .meaning-section { background: radial-gradient(ellipse at 10% 80%,rgba(18,184,171,.05),transparent 45%), #031416; }
body[data-page="athar"] .meaning-grid { gap: clamp(2.5rem,6vw,6rem); }
body[data-page="athar"] .athar-meaning-mark { position: relative; grid-template-columns: minmax(0,1fr); place-content: normal; place-items: center; max-width: 460px; width: 100%; margin-inline: auto; border: 0; border-radius: 0; background: #031416; box-shadow: none; }
body[data-page="athar"] .athar-meaning-mark .athar-object-logo { width: 100%; height: auto; display: block; }
body[data-page="athar"] .meaning-section blockquote { border-color: #D9B44A; color: #dcecea; }
body[data-page="athar"] .meaning-section p:not(.athar-kicker) { color: #a9bec1; }
body[data-page="athar"] .artifact-section { background: radial-gradient(ellipse at 74% 50%,rgba(18,184,171,.115),transparent 48%), #051c1f; }
body[data-page="athar"] .artifact-grid { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
body[data-page="athar"] .artifact-grid p:not(.athar-kicker) { color: #a9bec1; }
body[data-page="athar"] .athar-artifact { position: relative; padding-block: 1rem; }
body[data-page="athar"] .athar-stone { position: relative; grid-template-columns: minmax(0,1fr); place-content: normal; place-items: center; width: 100%; max-width: 600px; aspect-ratio: 1.2; margin: 0 auto; border: 1px solid rgba(199,239,229,.55); border-radius: 43% 57% 58% 42% / 49% 46% 54% 51%; background: radial-gradient(ellipse at 24% 20%,rgba(255,255,255,.98),transparent 13%),radial-gradient(ellipse at 65% 71%,rgba(134,212,206,.85),transparent 50%),linear-gradient(137deg,#e8f4ef 3%,#bddeda 35%,#b7d7d2 64%,#7bb8b4); box-shadow: inset 9px 9px 22px rgba(255,255,255,.55), inset -18px -22px 34px rgba(7,60,60,.22), 0 28px 65px rgba(0,0,0,.26); transform: rotate(-4deg); }
body[data-page="athar"] .athar-stone::before { content: ""; position: absolute; inset: 4%; border: 1px solid rgba(239,255,248,.48); border-radius: inherit; pointer-events: none; }
body[data-page="athar"] .athar-stone::after { content: ""; display: block; position: absolute; inset: 5% 0 auto 4%; width: 40%; height: 40%; border-radius: 50%; background: radial-gradient(ellipse,rgba(255,255,255,.36),transparent 70%); animation: none; transform: rotate(-20deg); pointer-events: none; }
body[data-page="athar"] .athar-stone .athar-object-logo { position: relative; z-index: 2; grid-area: 1 / 1; width: 78%; height: auto; justify-self: center; transform: rotate(4deg); }
body[data-page="athar"] .athar-stone .stone-line { width: auto; inset-inline: -12%; border-block-start: 1px solid rgba(255,255,255,.4); background: none; height: 19%; border-radius: 50%; transform: rotate(-10deg); }
body[data-page="athar"] .athar-stone .stone-line.one { top: 16%; }
body[data-page="athar"] .athar-stone .stone-line.two { top: 68%; }
body[data-page="athar"] .athar-stone .stone-line.three { top: 74%; }
body[data-page="athar"] .athar-artifact figcaption { max-width: 45ch; margin-block-start: 2rem; color: #afc9c8; font-size: .83rem; line-height: 1.7; }

body[data-page="athar"] .platform-section { background: #031416; }
body[data-page="athar"] .platform-grid { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(2.5rem,6vw,6rem); }
body[data-page="athar"] .platform-grid p:not(.athar-kicker),
body[data-page="athar"] .platform-grid li { color: #a9bec1; }
body[data-page="athar"] .platform-grid ul { padding-inline-start: 1.15rem; }
body[data-page="athar"] .platform-grid li { margin-block: .55rem; }
body[data-page="athar"] .platform-grid li::marker { color: #12B8AB; }
body[data-page="athar"] .platform-concept { padding: clamp(1.25rem,3vw,2.5rem); border: 1px solid rgba(18,184,171,.36); border-radius: 1rem; background: radial-gradient(ellipse at 80% 3%,rgba(18,184,171,.08),transparent 45%),linear-gradient(135deg,#08272a,#04191c); box-shadow: 0 25px 70px rgba(0,0,0,.22),inset 0 1px rgba(229,255,250,.07); }
body[data-page="athar"] .athar-platform-symbol { display: block; width: 66px; height: 66px; margin: -.3rem auto 1.5rem; }
body[data-page="athar"] .concept-event,
body[data-page="athar"] .concept-judgement { border: 0; border-block-start: 1px solid rgba(18,184,171,.4); border-radius: 0; padding: 1.2rem 0; }
body[data-page="athar"] .concept-event span,
body[data-page="athar"] .concept-judgement small { color: #D9B44A; }
body[data-page="athar"] .concept-event b,
body[data-page="athar"] .concept-judgement b { line-height: 1.4; color: #e5f1ef; }
body[data-page="athar"] .concept-evidence { position: relative; gap: .6rem 1.3rem; margin-block: 1rem 1.5rem; }
body[data-page="athar"] .concept-evidence span { background: none; color: #bed1d0; border-color: #12B8AB; padding: .7rem; line-height: 1.55; }
body[data-page="athar"] .concept-evidence .missing { opacity: 1; color: #a9bec1; border-color: #71858D; }
body[data-page="athar"] .concept-judgement { border-block-start-color: #D9B44A; }
body[data-page="athar"] .platform-concept figcaption { padding-block-start: .7rem; color: #a9bec1; font-size: .8rem; line-height: 1.7; }

/* A resolved official identity closes the narrative; public boundaries stay in view. */
body[data-page="athar"] .athar-ending { position: relative; padding-block: clamp(5rem,8vw,8rem); background: radial-gradient(ellipse at 82% 48%,rgba(18,184,171,.065),transparent 36%), #031416; overflow: hidden; }
body[data-page="athar"] .athar-ending .athar-wrap { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); column-gap: clamp(2rem,6vw,6rem); align-items: start; }
body[data-page="athar"] .athar-ending .athar-wrap > :not(.athar-closing-logo) { grid-column: 1; }
body[data-page="athar"] .athar-closing-logo { display: block; width: 100%; max-width: 450px; height: auto; grid-column: 2; grid-row: 1 / span 5; align-self: center; justify-self: center; }
body[data-page="athar"] .athar-ending h2 { max-width: 15ch; font-size: clamp(2.7rem,4.7vw,4.7rem); }
body[data-page="athar"] .athar-ending > div > p:not(.athar-kicker) { color: #a9bec1; }
body[data-page="athar"] .athar-ending > div > strong { color: #D9B44A; font-style: normal; letter-spacing: .02em; }
body[data-page="athar"] .ending-links { gap: .75rem 1.25rem; }
body[data-page="athar"] .ending-links a,
body[data-page="athar"] .ending-links button { min-height: 46px; padding: .65rem 0; border: 0; border-block-end: 1px solid rgba(18,184,171,.55); border-radius: 0; background: none; color: #deeeea; font-size: .88rem; font-weight: 500; line-height: 1.6; }
body[data-page="athar"] .ending-links :is(a,button):hover { color: #D9B44A; border-color: #D9B44A; }

/* Decorative trace draws once on entry. All content remains visible without JS. */
@media(prefers-reduced-motion:no-preference) {
  body[data-page="athar"] :is(.decision-section,.fragmentation-section,.shortcut-section,.approach-section,.notes-section).athar-in-view::after {
    content: ""; position: absolute; z-index: 0; inset-block-start: 0; inset-inline: 0; height: 1px;
    background: linear-gradient(90deg,transparent,#12B8AB 42%,#D9B44A 60%,transparent);
    transform-origin: left; animation: athar-section-trace 1.6s ease-out 1 both; pointer-events: none;
  }
  body[data-page="athar"] .scenario-card[open] > div { animation: athar-disclosure-settle .28s ease-out 1; }
  @keyframes athar-section-trace { from { transform: scaleX(.06); opacity: .25; } to { transform: scaleX(1); opacity: .8; } }
  @keyframes athar-disclosure-settle { from { transform: translateY(5px); } to { transform: translateY(0); } }
}

/* Logical properties preserve the same evidence hierarchy in Arabic. */
html[dir="rtl"] body[data-page="athar"] .athar-section h2,
html[dir="rtl"] body[data-page="athar"] .athar-ending h2 { line-height: 1.3; letter-spacing: 0; font-size: clamp(2.3rem,4.25vw,4.2rem); }
html[dir="rtl"] body[data-page="athar"] .athar-section :is(h3,.athar-lead,.question-river summary,.scenario-card summary b,.principles-grid b,.approach-flow b,.notes-grid h3,.concept-event b,.concept-judgement b) { line-height: 1.5; }
html[dir="rtl"] body[data-page="athar"] .athar-section :is(p,li) { line-height: 1.85; }
html[dir="rtl"] body[data-page="athar"] .athar-section .athar-kicker { letter-spacing: 0; font-size: .85rem; }
html[dir="rtl"] body[data-page="athar"] .notes-grid a::before,
html[dir="rtl"] body[data-page="athar"] .athar-section::after { transform-origin: right; }
html[dir="rtl"] body[data-page="athar"] .athar-section :is(.notes-grid span,.scenario-card summary span) { letter-spacing: 0; font-size: .82rem; }
html[dir="rtl"] body[data-page="athar"] .athar-ending .athar-kicker { letter-spacing: 0; }
html[dir="rtl"] body[data-page="athar"] .ending-links :is(a,button) { font-family: inherit; }

@media(min-width:1500px) {
  body[data-page="athar"] .athar-section .athar-wrap,
  body[data-page="athar"] .athar-ending .athar-wrap { max-width: 1320px; }
}
@media(max-width:1100px) {
  body[data-page="athar"] .principles-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="athar"] .investigation-field { grid-template-columns: minmax(210px,.6fr) minmax(0,1.4fr); gap: 2.5rem; }
  body[data-page="athar"] .investigation-questions { grid-template-columns: 1fr; }
  body[data-page="athar"] .notes-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="athar"] .risk-balance { grid-template-columns: 1fr 115px 1fr; gap: 1.25rem; }
  body[data-page="athar"] .risk-pivot b { font-size: .64rem; letter-spacing: .03em; }
}
@media(max-width:800px) {
  body[data-page="athar"] :is(.decision-grid,.why-grid,.meaning-grid,.artifact-grid,.platform-grid) { grid-template-columns: 1fr; gap: 2.5rem; }
  body[data-page="athar"] .risk-balance { grid-template-columns: 1fr; gap: 1.5rem; }
  body[data-page="athar"] .risk-pivot { width: 130px; margin: 0 auto; }
  body[data-page="athar"] .risk-pivot b { font-size: .7rem; }
  body[data-page="athar"] .risk-pivot i { inset-inline: 50%; top: -24px; width: 1px; height: calc(100% + 48px); background: linear-gradient(#12B8AB,transparent 18% 82%,#12B8AB); }
  body[data-page="athar"] .risk-balance article { padding-block: 1.7rem; }
  body[data-page="athar"] .investigation-field { grid-template-columns: 1fr; gap: 3rem; }
  body[data-page="athar"] .event-core { max-width: 280px; margin-inline: auto; }
  body[data-page="athar"] .investigation-field::before { inset: 2% 8% 50%; }
  body[data-page="athar"] .investigation-questions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="athar"] .shortcut-compare { grid-template-columns: 1fr; }
  body[data-page="athar"] .shortcut-compare h3 { min-height: 0; }
  body[data-page="athar"] .shortcut-compare article { padding-inline: 1rem; }
  body[data-page="athar"] .question-river { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 1.5rem; }
  body[data-page="athar"] .scenario-grid { grid-template-columns: 1fr; }
  body[data-page="athar"] .scenario-card summary { min-height: 220px; }
  body[data-page="athar"] .approach-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="athar"] .athar-wordmark { max-width: 330px; }
  body[data-page="athar"] .athar-meaning-mark { max-width: 350px; }
  body[data-page="athar"] .athar-stone { max-width: 520px; }
  body[data-page="athar"] .platform-concept { width: min(100%,640px); margin-inline: auto; }
  body[data-page="athar"] .athar-ending .athar-wrap { grid-template-columns: minmax(0,1fr); }
  body[data-page="athar"] .athar-closing-logo { grid-column: 1; grid-row: auto; max-width: 350px; margin-block-end: 2rem; }
  body[data-page="athar"] .athar-ending h2 { max-width: 20ch; }
}
@media(max-width:520px) {
  body[data-page="athar"] .athar-section { padding-block: 4rem; }
  body[data-page="athar"] .athar-section h2,
  body[data-page="athar"] .athar-ending h2 { font-size: clamp(2.35rem,10vw,3rem); }
  html[dir="rtl"] body[data-page="athar"] .athar-section h2,
  html[dir="rtl"] body[data-page="athar"] .athar-ending h2 { font-size: clamp(2rem,8.5vw,2.6rem); }
  body[data-page="athar"] .athar-section .section-intro { margin-block-end: 2.2rem; }
  body[data-page="athar"] .investigation-questions,
  body[data-page="athar"] .question-river,
  body[data-page="athar"] .principles-grid,
  body[data-page="athar"] .notes-grid { grid-template-columns: 1fr; }
  body[data-page="athar"] .fragment-path { margin-inline: 0; padding-inline: 0; gap: .6rem .4rem; }
  body[data-page="athar"] .fragment-path span { font-size: .88rem; }
  body[data-page="athar"] .principles-grid article { min-height: 0; }
  body[data-page="athar"] .scenario-card summary { min-height: 215px; padding: 1.4rem; padding-block-start: 2.6rem; }
  body[data-page="athar"] .scenario-card summary b { font-size: 1.85rem; }
  html[dir="rtl"] body[data-page="athar"] .scenario-card summary b { font-size: 1.65rem; }
  body[data-page="athar"] .scenario-card > div { padding: 0 1.4rem 1.4rem; }
  body[data-page="athar"] .evidence-legend dl > div { grid-template-columns: 1fr; gap: .2rem; }
  body[data-page="athar"] .approach-flow { gap: 0 1.2rem; }
  body[data-page="athar"] .approach-flow li { min-height: 220px; }
  body[data-page="athar"] .approach-flow b { font-size: 1.8rem; }
  body[data-page="athar"] .approach-flow p { font-size: .9rem; }
  body[data-page="athar"] .notes-grid { gap: 1rem; }
  body[data-page="athar"] .notes-grid a { min-height: 0; padding-block: 1.7rem; }
  body[data-page="athar"] .notes-grid h3 { margin-block-start: 1.6rem; font-size: 1.8rem; }
  html[dir="rtl"] body[data-page="athar"] .notes-grid h3 { font-size: 1.55rem; }
  body[data-page="athar"] .athar-stone { width: calc(100% - 12px); aspect-ratio: 1.1; }
  body[data-page="athar"] .athar-stone .athar-object-logo { width: 84%; }
  body[data-page="athar"] .concept-evidence { grid-template-columns: 1fr; gap: .25rem; }
  body[data-page="athar"] .concept-evidence span { min-height: 44px; display: flex; align-items: center; }
  body[data-page="athar"] .athar-ending { padding-block: 4rem 5rem; }
  body[data-page="athar"] .ending-links { display: flex; flex-direction: column; align-items: flex-start; }
  body[data-page="athar"] .ending-links :is(a,button) { justify-content: flex-start; text-align: start; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-page="athar"] .athar-section *,
  body[data-page="athar"] .athar-section *::before,
  body[data-page="athar"] .athar-section *::after,
  body[data-page="athar"] .athar-section::after,
  body[data-page="athar"] .athar-ending *,
  body[data-page="athar"] .athar-ending *::before,
  body[data-page="athar"] .athar-ending *::after { animation: none !important; transition: none !important; }
}