/* Native editorial surfaces share the storefront's light and dark palette. */
.articles-eyebrow{font-size:11px!important;font-weight:700;letter-spacing:2px;color:hsl(var(--ink-muted));margin:0 0 16px!important}
.articles-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:22px 0 38px}
.articles-intro h1{font-size:clamp(32px,4vw,54px);max-width:760px;margin:0 0 20px}
.articles-lead{font-size:18px;line-height:1.7;color:hsl(var(--ink-soft));margin:0}
.articles-tool-link{display:flex;align-items:center;gap:18px;border:1px solid hsl(var(--line));padding:22px;border-radius:12px;font-size:13px;line-height:1.7;max-width:340px;flex-shrink:0;background:hsl(var(--surface))}
.articles-tool-link>lumen-icon:first-child{font-size:30px;color:hsl(var(--accent))}
.articles-tool-link:hover{border-color:hsl(var(--accent))}
.articles-topics{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;padding:20px 0;border-block:1px solid hsl(var(--line)/.65)}
.articles-topics a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:24px;font-size:13px;background:hsl(var(--surface-muted));color:hsl(var(--ink-soft))}
.articles-topics a[aria-current=page]{background:hsl(var(--brand));color:hsl(var(--on-brand))}
.articles-topics a:hover{outline:1px solid hsl(var(--brand))}
.articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.article-card{min-width:0;border:1px solid hsl(var(--line)/.8);border-radius:14px;background:hsl(var(--surface));display:flex;flex-direction:column;transition:box-shadow .2s}
.article-card:hover{box-shadow:0 10px 28px hsl(var(--ink)/.07)}
.article-card-image{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:13px 13px 0 0;background:hsl(var(--surface-strong))}
.article-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.article-card-placeholder{display:grid;place-items:center;height:100%;font-size:14px;letter-spacing:3px;color:hsl(var(--ink-muted))}
.article-card-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.article-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:hsl(var(--ink-muted));font-size:12px;line-height:1.5;margin:0 0 16px}
.article-category{color:hsl(var(--brand));font-weight:700}
.article-card h2{font-size:25px!important;line-height:1.3;margin:0 0 14px!important;letter-spacing:-.5px}
.article-card h2 a{color:hsl(var(--ink));text-decoration:none}
.article-card h2 a:hover{color:hsl(var(--brand))}
.article-card-copy>p:not(.article-meta){font-size:14px;line-height:1.8;color:hsl(var(--ink-soft));margin:0 0 24px}
.article-card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:hsl(var(--ink-muted));padding-top:20px;border-top:1px solid hsl(var(--line)/.6)}
.article-card-bottom a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:hsl(var(--brand));min-height:36px}
.articles-bottom{display:flex;gap:32px;align-items:center;justify-content:space-between;background:hsl(var(--brand-soft));border-radius:14px;padding:36px;margin-top:48px}
.articles-bottom h2{font-size:27px;margin:0 0 12px}.articles-bottom p{font-size:14px;color:hsl(var(--ink-soft));line-height:1.7;margin:0}
.articles-bottom-links{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}
.articles-pagination{display:flex;gap:24px;justify-content:center;align-items:center;margin:32px 0;font-size:13px}
.articles-empty{padding:30px;grid-column:1/-1;background:hsl(var(--surface-muted));border-radius:12px}
.article-heading{max-width:880px;margin:40px auto 32px;text-align:left}
.article-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.13;letter-spacing:-1px;margin:0 0 24px}
.article-standfirst{font-size:19px;color:hsl(var(--ink-soft));line-height:1.75;margin:0 0 20px}
.article-byline{font-size:12px;color:hsl(var(--ink-muted))}
.article-cover{margin:0 0 48px}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
.article-cover figcaption{font-size:11px;text-align:right;color:hsl(var(--ink-muted));margin-top:10px}
.article-layout{display:grid;grid-template-columns:250px minmax(0,760px);justify-content:center;gap:60px;align-items:start}
.article-sidebar{position:sticky;top:24px}.article-toc{border:1px solid hsl(var(--line));border-radius:12px;padding:24px}
.article-toc ol{padding-left:18px;margin:0;display:grid;gap:14px;font-size:12px;line-height:1.65;color:hsl(var(--ink-muted))}
.article-toc a{color:hsl(var(--ink-soft))}.article-toc a:hover{color:hsl(var(--brand))}
.article-sidebar-help{padding:26px 8px}.article-sidebar-help>lumen-icon{color:hsl(var(--accent));font-size:25px}
.article-sidebar-help h2{font-size:19px;line-height:1.4;margin:16px 0 12px}.article-sidebar-help p{font-size:13px;line-height:1.7;color:hsl(var(--ink-soft))}.article-sidebar-help a{font-size:12px;font-weight:700}
.article-prose{min-width:0;font-size:16px;line-height:1.9;color:hsl(var(--ink-soft));overflow-wrap:anywhere}
.article-prose>p{margin:0 0 22px}.article-prose h2{font-size:29px;color:hsl(var(--ink));line-height:1.3;letter-spacing:-.5px;margin:48px 0 20px;scroll-margin-top:28px}
.article-prose>h2:first-child{margin-top:0}.article-prose h3{font-size:21px;line-height:1.4;margin:32px 0 16px;color:hsl(var(--ink));scroll-margin-top:28px}
.article-prose ul,.article-prose ol{padding-left:24px;margin:0 0 24px}.article-prose li{padding-left:4px;margin-bottom:10px}.article-prose strong{color:hsl(var(--ink))}
.article-prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:hsl(var(--brand))}
.article-prose blockquote{border-left:3px solid hsl(var(--accent));background:hsl(var(--surface-muted));padding:20px 24px;margin:28px 0;border-radius:0 10px 10px 0}
.article-prose blockquote p:last-child{margin-bottom:0}.article-prose figure{margin:28px 0}.article-prose img{max-width:100%;height:auto;border-radius:10px}.article-prose figcaption{font-size:12px;line-height:1.6;color:hsl(var(--ink-muted));margin-top:10px}
.article-table{max-width:100%;overflow-x:auto;margin:26px 0;border:1px solid hsl(var(--line));border-radius:10px}
.article-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65;margin:0}.article-table th,.article-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid hsl(var(--line)/.65);min-width:120px}
.article-table th{background:hsl(var(--surface-muted));font-weight:700;color:hsl(var(--ink))}.article-table tr:last-child td{border-bottom:0}.article-table caption{text-align:left;padding:14px;font-weight:700}
.article-author{display:flex;gap:16px;align-items:center;padding:28px 0;margin-top:48px;border-block:1px solid hsl(var(--line));font-size:13px;line-height:1.65}
.article-author-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:hsl(var(--brand));color:hsl(var(--on-brand));font-weight:700;font-size:26px;flex-shrink:0}.article-author p{margin:2px 0}.article-author small{color:hsl(var(--ink-muted))}
.article-related{margin-top:60px}.articles-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.articles-section-heading h2{margin:0;font-size:30px}.articles-section-heading a{font-size:13px}.articles-section-heading .articles-eyebrow{margin-bottom:10px!important}
.article-preview-note{border:1px solid hsl(var(--warning));padding:16px;background:hsl(var(--warning)/.1);border-radius:8px}
.articles-index a:focus-visible,.article-detail a:focus-visible,.article-table:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:4px}
@media(max-width:1000px){.articles-intro{align-items:flex-start}.articles-tool-link{max-width:260px;padding:18px}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.article-toc{padding:18px}.articles-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.articles-intro{display:block;padding-top:14px}.articles-tool-link{margin-top:28px;max-width:none;justify-content:space-between}.articles-lead{font-size:16px}.articles-grid{grid-template-columns:1fr;gap:22px}.article-card-copy{padding:22px}.article-card h2{font-size:24px!important}.articles-bottom{padding:24px;margin-top:32px}.article-layout{display:flex;flex-direction:column;gap:28px}.article-sidebar{position:static;width:100%}.article-sidebar-help{display:none}.article-toc ol{grid-template-columns:1fr;gap:10px}.article-prose{width:100%;font-size:15px;line-height:1.85}.article-prose h2{font-size:25px;margin-top:36px}.article-heading{margin-top:26px}.article-heading h1{letter-spacing:-.5px}.article-standfirst{font-size:17px}.article-cover{margin-bottom:28px}.article-cover img{border-radius:10px}.article-cover figcaption{text-align:left}.articles-section-heading{align-items:flex-end}.articles-section-heading h2{font-size:26px}.articles-pagination{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.article-card{transition:none}}