/* =============================================================
   THE GIVING WATER: styles for /articles/ (uses the site's own tokens from /assets/tokens.css)
   ============================================================= */
.art-hero .crumbs a{color:#cfe6f2}
.art-hero h1{max-width:22ch}
.art-byline{display:flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:center;color:#cfe6f2;font-weight:600;font-size:.95rem;margin-top:.6rem}
.art-byline b{color:#fff}
.art-wrap{max-width:820px;margin-inline:auto;padding-inline:var(--gutter)}
.art{padding:clamp(2rem,5vw,3.4rem) 0 clamp(2rem,5vw,3rem)}
.art-cover{margin:0 0 2.2rem}
.art-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md,0 18px 40px -20px rgba(10,42,67,.35));background:var(--stream-100)}
.art-body{font-size:1.08rem;line-height:1.75;color:var(--text);overflow-wrap:break-word}
.art-body h2{font-size:clamp(1.5rem,1.15rem + 1.5vw,2.1rem);color:var(--river-800);margin:2.4rem 0 .8rem}
.art-body h3{font-size:var(--fs-h4);margin:1.8rem 0 .6rem}
.art-body p{margin:0 0 1.15em}
.art-body ul,.art-body ol{margin:0 0 1.3em;padding-left:1.4em}
.art-body li::marker{color:var(--brand-500)}
.art-body a{font-weight:600;text-decoration:underline;text-decoration-color:var(--stream-300);text-underline-offset:3px}
.art-body a:hover{text-decoration-color:currentColor}
.art-body blockquote{margin:1.6rem 0;padding:1.1rem 1.3rem;background:var(--stream-50);border-left:4px solid var(--crystal-500);border-radius:0 var(--radius) var(--radius) 0;color:var(--river-900)}
.art-body table{width:100%;border-collapse:collapse;margin:1.2rem 0 1.6rem;font-size:.97rem}
.art-body th,.art-body td{text-align:left;vertical-align:top;padding:.75rem .9rem;border-bottom:1px solid var(--border)}
.art-body th{background:var(--river-800);color:#fff}
.art-question{margin:2.6rem 0 1.6rem;padding:1.5rem 1.6rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--stream-50),var(--stream-100));border:1px solid var(--stream-200);border-left:6px solid var(--red-500)}
.art-q-label{font:700 .78rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--red-600)}
.art-question p{margin:.55rem 0 0;font:600 1.3rem/1.35 var(--font-head);color:var(--river-900)}
.art-cta{margin:0 0 2.8rem}
.art-cta .btn{white-space:normal;text-align:center}
.art-more{border-top:1px solid var(--border);padding-top:1.8rem}
.art-more h2{font-size:var(--fs-h4);margin-bottom:.6rem}
.art-more ul{list-style:none;padding:0;margin:0 0 .8rem}
.art-more li{margin:0;border-bottom:1px solid var(--border)}
.art-more li a{display:block;padding:.75rem 0;font-weight:600;color:var(--river-800)}
.art-more li a:hover{color:var(--brand-500)}
.art-network{margin-top:1.6rem;font-size:.9rem;color:var(--text-muted)}
/* index */
.ai-list{list-style:none;padding:0;margin:0 auto;max-width:1000px;display:grid;gap:1.4rem}
.ai-card{margin:0;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:1.4rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 30px -22px rgba(10,42,67,.45)}
.ai-img img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover;aspect-ratio:16/9}
.ai-text{padding:1.3rem 1.4rem 1.4rem 0}
.ai-text h2{font-size:clamp(1.25rem,1.05rem + .9vw,1.6rem);margin:.35rem 0 .5rem}
.ai-text h2 a{color:var(--river-900)}
.ai-text h2 a:hover{color:var(--brand-600)}
.ai-text p{color:var(--text-muted)}
.ai-meta{font-size:.85rem;font-weight:600;color:var(--stone-500);margin:0}
.ai-go{font-weight:700}
@media(max-width:720px){.ai-card{grid-template-columns:1fr;gap:0}.ai-text{padding:1.1rem 1.2rem 1.3rem}}