/* ============================================================
   AURA Insights - article reading layout (SEO/GEO articles)
   Loaded after v2.css; reuses tokens, hud & footer from there.
   ============================================================ */
.artbg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(64% 42% at 50% -4%,rgba(139,195,74,.07),transparent 60%),var(--carbon)}
.art__prog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--green);z-index:60;
  box-shadow:0 0 14px var(--green-glow);transition:width .1s linear}

main.art{position:relative;z-index:1}
.art__wrap{width:min(748px,92vw);margin:0 auto;padding:146px 0 30px}
@media(max-width:760px){.art__wrap{padding:116px 0 20px}}

.art__bc{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--mute);margin-bottom:28px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.art__bc a{color:var(--mute)}
.art__bc a:hover{color:var(--green)}
.art__bc i{opacity:.5;font-style:normal}

.art__kick{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:20px}
.art__kick::before{content:"";width:30px;height:1px;background:var(--green)}
.art h1{font-family:var(--f-display);font-weight:800;font-size:clamp(29px,5vw,52px);line-height:1.06;
  letter-spacing:-.015em;color:var(--white);margin:0}
.art h1 em{font-style:normal;color:var(--green)}
.art__dek{margin-top:22px;font-size:clamp(16.5px,1.9vw,21px);line-height:1.55;color:var(--bone);opacity:.9}
.art__meta{margin-top:26px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:flex;gap:24px;flex-wrap:wrap;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mute)}
.art__meta b{color:var(--bone);font-weight:500}

.art__tldr{margin:36px 0;padding:22px 26px;border:1px solid var(--green-line);border-left:3px solid var(--green);
  border-radius:6px;background:var(--green-dim)}
.art__tldr h2{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--green);margin:0 0 12px}
.art__tldr p{margin:0;font-size:16.5px;line-height:1.62;color:var(--bone)}
.art__tldr strong{color:var(--white);font-weight:600}

.art__body h2{font-family:var(--f-display);font-weight:700;font-size:clamp(21px,3vw,29px);line-height:1.16;
  letter-spacing:-.01em;color:var(--white);margin:46px 0 16px}
.art__body h3{font-family:var(--f-body);font-weight:600;font-size:19px;color:var(--white);margin:30px 0 10px}
.art__body p{font-size:16.8px;line-height:1.76;color:var(--bone);opacity:.92;margin:0 0 18px}
.art__body a{color:var(--green);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green-line)}
.art__body a:hover{text-decoration-color:var(--green)}
.art__body strong{color:var(--white);font-weight:600}
.art__body ul,.art__body ol{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.art__body li{position:relative;padding-left:28px;font-size:16.4px;line-height:1.62;color:var(--bone);opacity:.92}
.art__body ul li::before{content:"";position:absolute;left:3px;top:9px;width:8px;height:8px;border-radius:2px;background:var(--green)}
.art__body ol{counter-reset:c}
.art__body ol li{counter-increment:c}
.art__body ol li::before{content:counter(c,decimal-leading-zero);position:absolute;left:0;top:1px;
  font-family:var(--f-mono);font-size:12px;color:var(--green);font-weight:500}

.art__pull{margin:34px 0;padding:4px 0 4px 26px;border-left:3px solid var(--green);
  font-family:var(--f-display);font-weight:500;font-size:clamp(18px,2.5vw,25px);line-height:1.3;color:var(--white)}

.art__stat{margin:30px 0;padding:24px 26px;border:1px solid var(--line);border-radius:8px;background:var(--panel);
  display:flex;gap:22px;align-items:center}
.art__stat b{font-family:var(--f-display);font-weight:800;font-size:clamp(32px,5vw,50px);color:var(--green);line-height:1;flex:none}
.art__stat span{font-size:14.5px;line-height:1.5;color:var(--mute)}

.art__key{margin:42px 0;padding:24px 26px;border:1px dashed var(--line-2);border-radius:8px}
.art__key h2{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin:0 0 16px}
.art__key ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}
.art__key li{position:relative;padding-left:28px;font-size:16px;line-height:1.55;color:var(--bone)}
.art__key li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:700}

.art__faq{margin:48px 0}
.art__faq>h2{font-family:var(--f-display);font-weight:700;font-size:clamp(21px,3vw,29px);color:var(--white);margin:0 0 8px}
.faq__q{border-top:1px solid var(--line);padding:20px 0}
.faq__q:last-child{border-bottom:1px solid var(--line)}
.faq__q b{display:block;font-size:17.5px;color:var(--white);margin-bottom:8px;font-weight:600}
.faq__q p{margin:0;font-size:15.8px;line-height:1.66;color:var(--bone);opacity:.9}

.art__cta{margin:52px 0 12px;padding:34px 30px;border-radius:12px;text-align:center;
  background:linear-gradient(150deg,rgba(139,195,74,.11),transparent 70%),var(--panel);border:1px solid var(--green-line)}
.art__cta h2{font-family:var(--f-display);font-weight:800;font-size:clamp(23px,3.5vw,33px);color:var(--white);margin:0 0 12px;letter-spacing:-.01em}
.art__cta p{color:var(--mute);margin:0 auto 22px;max-width:44ch}
.art__cta .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.art__rel{margin-top:26px}
.art__rel h2{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0 0 6px}
.art__rel a{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line);color:var(--bone);align-items:baseline}
.art__rel a:last-child{border-bottom:1px solid var(--line)}
.art__rel a:hover{color:var(--green)}
.art__rel a:hover .t{color:var(--green)}
.art__rel .t{font-family:var(--f-display);font-weight:600;font-size:17px;color:var(--bone);transition:color .2s}
.art__rel .m{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}