/* Article pages: home page look, comfortable reading measure */
.art-narrow{max-width:760px}
.art-head{padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(1.5rem,3vw,2.25rem)}
.art-head .crumbs{margin-bottom:1.4rem}
.art-head h1{font-size:clamp(2rem,1.4rem + 2.4vw,3.25rem);line-height:1.1;margin-top:.7rem;text-wrap:balance}
.art-meta{display:flex;flex-wrap:wrap;gap:.35rem 1.2rem;margin-top:1.2rem;font-size:var(--text-sm);color:var(--muted)}
.art-meta span{position:relative}
.art-meta span+span::before{content:"";position:absolute;left:-.65rem;top:50%;width:4px;height:4px;border-radius:50%;background:var(--line);transform:translateY(-50%)}
.art-meta a{color:var(--plum);font-weight:700;text-decoration:none}
.art-meta a:hover{text-decoration:underline}
.art-hero{max-width:1040px;margin:0 auto clamp(2rem,4vw,3rem)}
.art-hero img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:24px;background:var(--tint)}

/* Body typography */
.art-body{font-size:var(--text-base);line-height:1.75;color:var(--ink)}
.art-body>*+*{margin-top:1.15rem}
.art-body p,.art-body li{color:#3b3640}
.art-body h2{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);line-height:1.2;color:var(--plum);margin-top:2.6rem}
.art-body h3{font-family:var(--font-body);font-weight:700;font-size:var(--text-lg);line-height:1.3;color:var(--plum);margin-top:2rem}
.art-body h4{font-family:var(--font-body);font-weight:700;font-size:var(--text-base);color:var(--ink);margin-top:1.6rem}
.art-body h2+*,.art-body h3+*,.art-body h4+*{margin-top:.6rem}
.art-body a{color:var(--teal-ink);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.art-body a:hover{color:var(--plum)}
.art-body strong,.art-body b{color:var(--ink)}
.art-body ul,.art-body ol{padding-left:1.3rem}
.art-body li+li{margin-top:.45rem}
.art-body ul li::marker{color:var(--teal)}
.art-body ol li::marker{color:var(--plum);font-weight:700}
.art-body blockquote{border-left:4px solid var(--teal);background:var(--plum-soft);border-radius:0 14px 14px 0;padding:1.1rem 1.4rem;font-family:var(--font-display);font-size:var(--text-lg);line-height:1.5;color:var(--plum)}
.art-body blockquote p{color:inherit}
.art-body img{max-width:100%;height:auto;border-radius:16px;display:block;margin-inline:auto}
.art-body figure{margin:2rem 0}
.art-body figcaption{font-size:var(--text-sm);color:var(--muted);margin-top:.5rem;text-align:center}
.art-body hr{border:0;border-top:1px solid var(--line);margin:2.2rem 0}
.art-body table{width:100%;border-collapse:collapse;font-size:var(--text-sm);display:block;overflow-x:auto}
.art-body th{background:var(--plum);color:#fff;text-align:left;padding:.7rem .9rem}
.art-body td{border-top:1px solid var(--line);padding:.7rem .9rem;vertical-align:top}
.art-video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.art-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.art-disclaimer{margin-top:2.5rem;padding:1rem 1.2rem;border-radius:12px;background:var(--tint);font-size:var(--text-sm);color:var(--muted)}
.art-topics{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:var(--text-sm);color:var(--muted)}
.art-topic{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.4rem .9rem;color:var(--plum);font-weight:500;text-decoration:none}
.art-topic:hover{border-color:var(--plum)}

.art-author{display:grid;grid-template-columns:96px 1fr;gap:1.25rem;align-items:center;margin-top:2.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.art-author img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top}
.art-author div{display:grid;gap:.25rem}
.art-author strong{font-size:var(--text-lg);color:var(--plum)}
.art-author div>span:not(.eyebrow){font-size:var(--text-sm);color:var(--muted)}
.art-author .link{margin-top:.35rem}

.art-related-sec{background:var(--tint);margin-top:clamp(3rem,6vw,5rem)}
.art-related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.art-rel{display:flex;flex-direction:column;gap:.6rem;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.5rem;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .3s}
.art-rel:hover{border-color:var(--plum);box-shadow:0 18px 36px -30px rgba(40,20,30,.5)}
.art-rel-meta{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-ink)}
.art-rel strong{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);line-height:1.3;color:var(--plum)}
.art-rel .link{margin-top:auto;color:var(--plum);font-weight:700;font-size:var(--text-sm)}
.art-all{margin-top:1.75rem}

@media (max-width:860px){.art-related{grid-template-columns:1fr}}
@media (max-width:560px){.art-hero img{aspect-ratio:4/3;border-radius:18px}.art-author{grid-template-columns:64px 1fr}.art-author img{width:64px;height:64px}}