/* Article Experience 2.0. Public presentation only; original brand stays intact. */
body[data-article-experience] { background:var(--bg,#0e1420); color:var(--text,#f3f6fc); }
body[data-article-experience] .ae-main { display:block; width:min(760px,calc(100% - 48px)); max-width:760px; margin:0 auto; padding:40px 0 64px; }
body[data-article-experience] .ae-main .shell,
body[data-article-experience] .ae-main .layout,
body[data-article-experience] .ae-main .research-shell,
body[data-article-experience] .ae-main .intel-article { display:block; width:100%; max-width:100%; margin:0; padding:0; }
body[data-article-experience] .ae-main .article { width:100%; max-width:100%; min-width:0; margin:0; padding:0; }
body[data-article-experience] .ae-main p,
body[data-article-experience] .ae-main li { font-size:18px; line-height:1.72; color:var(--text,#f3f6fc); overflow-wrap:break-word; }
body[data-article-experience] .ae-main .section,
body[data-article-experience] .ae-main .intel-section { border:0; background:none; margin:0; padding:22px 0; }
body[data-article-experience] .ae-main h2 { font-size:clamp(23px,2.1vw,28px); line-height:1.3; margin:24px 0 16px; letter-spacing:-.02em; color:var(--text); }
body[data-article-experience] .ae-main h3 { font-size:21px; line-height:1.4; margin:24px 0 12px; color:var(--text); }
body[data-article-experience] .ae-main a { color:var(--mint,#a5baff); text-underline-offset:4px; }
body[data-article-experience] .ae-main :is(p,li,dd) a,
body[data-article-experience] footer a { text-decoration:underline !important; text-underline-offset:4px; }
body[data-article-experience] footer { background:transparent; color:var(--muted); }
body[data-article-experience] footer :is(p,a,span) { color:var(--muted); }
body[data-article-experience] #jepeta-google-consent a { text-decoration:underline !important; text-underline-offset:4px; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent { background:#fff !important; color:var(--text) !important; border-color:var(--line) !important; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent > div { color:var(--muted) !important; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent a { color:var(--mint) !important; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent [data-google-consent="denied"] { color:var(--text) !important; border-color:var(--line) !important; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent [data-google-consent="granted"] { background:var(--action-bg) !important; color:#fff !important; border-color:var(--action-bg) !important; }
body[data-article-experience] .ae-main .button.primary { color:#fff; }
.ae-header { margin:0 0 32px; }
.ae-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:32px; font-size:13px; line-height:1.5; color:var(--muted); }
.ae-breadcrumbs a { text-decoration:none; }
.ae-kicker { display:block; color:var(--mint,#a5baff); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; line-height:1.6; }
body[data-article-experience] .ae-header h1 { font-size:clamp(32px,4vw,48px); line-height:1.13; letter-spacing:-.035em; margin:12px 0 20px; max-width:100%; color:var(--text); overflow-wrap:break-word; }
body[data-article-experience] .ae-header .ae-deck { color:var(--muted); font-size:20px; line-height:1.65; margin:0 0 22px; }
.ae-byline { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; font-size:13px; line-height:1.6; color:var(--muted); padding:16px 0 20px; border-top:1px solid var(--soft-line,#303c50); }
.ae-byline a { font-weight:600; text-decoration:none; }
.ae-hero { margin:8px 0 28px; }
.ae-hero img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; border-radius:12px; background:var(--surface); }
.ae-hero figcaption { color:var(--muted); font-size:12px; line-height:1.6; margin-top:10px; }
.ae-takeaways { background:var(--surface,#161f2e); border:1px solid var(--soft-line); border-left:3px solid var(--mint); padding:20px 24px; border-radius:4px 12px 12px 4px; }
body[data-article-experience] .ae-takeaways h2 { font-size:19px; margin:0 0 12px; }
.ae-takeaways ul { margin:0; padding-left:22px; }
body[data-article-experience] .ae-takeaways li { font-size:16px; line-height:1.7; margin:8px 0; }
.ae-toc { padding:16px 20px; margin:24px 0; border:1px solid var(--soft-line); border-radius:10px; }
.ae-toc summary { cursor:pointer; font-weight:600; min-height:28px; padding:6px 0; }
.ae-toc ol { padding-left:24px; margin-bottom:4px; }
.article-table-scroll { max-width:100%; overflow:auto; border:1px solid var(--line,#435168); border-radius:10px; margin:22px 0; overscroll-behavior-inline:contain; }
body[data-article-experience] .article-table-scroll table { width:100%; min-width:500px; margin:0; border:0; border-collapse:collapse; }
body[data-article-experience] .article-table-scroll th,
body[data-article-experience] .article-table-scroll td { padding:14px 16px; color:var(--text); font-size:15px; line-height:1.6; text-align:left; vertical-align:top; border:0; border-bottom:1px solid var(--soft-line); }
body[data-article-experience] .article-table-scroll th { background:var(--surface2,#1d293a); font-weight:700; }
.ae-evidence { margin:32px 0; padding:24px; background:var(--surface,#161f2e); border:1px solid var(--soft-line); border-radius:12px; }
body[data-article-experience] .ae-evidence h2 { margin-top:10px; }
.ae-evidence-record + .ae-evidence-record { margin-top:28px; padding-top:4px; border-top:1px solid var(--line); }
body[data-article-experience] .ae-evidence .ae-source,
body[data-article-experience] .ae-data-state { font-size:13px; line-height:1.7; color:var(--muted); }
.ae-data-state { color:var(--warn,#ffd28b); }
.ae-archive { background:var(--surface2); border-left:3px solid var(--warn); padding:16px 20px; margin:20px 0; font-size:15px; line-height:1.65; }
.ae-history-row { display:grid; grid-template-columns:58px 1fr 44px; gap:12px; align-items:center; margin:20px 0; }
.ae-history-row time { grid-column:2/4; font-size:12px; color:var(--muted); }
.ae-history-track { height:12px; border-radius:3px; background:var(--surface2,#1d293a); min-width:0; }
.ae-history-track span { display:block; height:100%; min-width:2px; max-width:100%; background:var(--mint,#a5baff); border-radius:3px; }
.ae-research-bars { margin:24px 0; }
.ae-research-bars > div { margin:22px 0; }
.ae-research-bars dt { font-size:13px; text-transform:capitalize; margin-bottom:8px; font-weight:600; }
.ae-research-bars dd { margin:0; display:grid; grid-template-columns:1fr 150px; gap:16px; align-items:center; }
.ae-research-bars strong { font-size:15px; font-variant-numeric:tabular-nums; }
.ae-research-bars strong span { font-size:13px; color:var(--muted); }
.ae-market dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ae-market dl > div { min-width:0; }
.ae-market dt { color:var(--muted); font-size:12px; }
.ae-market dd { margin:8px 0 0; font-size:24px; font-weight:700; }
.ae-market time { display:block; font-size:12px; line-height:1.6; margin-top:6px; font-weight:400; color:var(--muted); }
.ae-offer { overflow:auto; margin:28px 0; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); font-size:15px; line-height:1.7; }
.ae-offer-image { display:block; width:180px; max-width:100%; float:left; margin:0 24px 16px 0; }
.ae-offer-image img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:8px; }
.ae-related { padding-top:28px; margin-top:40px; border-top:1px solid var(--line); }
.ae-section-heading { display:flex; flex-wrap:wrap; gap:10px; align-items:baseline; justify-content:space-between; margin-bottom:20px; }
.ae-section-heading h2 { margin:0; }
.ae-section-heading > a { font-size:13px; }
.ae-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ae-catalog { width:min(1200px,calc(100% - 64px)); margin:0 auto; padding:44px 0 72px; }
.ae-catalog-header { max-width:840px; margin:0 0 32px; }
.ae-catalog-header h1 { margin:12px 0 18px; color:var(--text); font-size:clamp(32px,4vw,48px); line-height:1.15; letter-spacing:-.035em; }
.ae-catalog-header > p { font-size:18px; line-height:1.7; color:var(--muted); }
.ae-catalog-controls { margin-top:28px; }
.ae-catalog-controls label { display:block; font-size:13px; font-weight:600; margin-bottom:10px; }
.ae-search-row { display:flex; gap:12px; }
.ae-search-row input { width:100%; min-width:0; padding:14px 16px; background:var(--surface); border:1px solid var(--line); color:var(--text); font:inherit; border-radius:10px; }
.ae-catalog-controls button { background:var(--surface); color:var(--text); border:1px solid var(--line); border-radius:8px; min-height:44px; padding:10px 14px; cursor:pointer; font:inherit; font-size:13px; }
.ae-catalog-controls .catalog-filters { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.ae-catalog-controls button[aria-pressed="true"] { background:var(--action-bg,#4168d8); color:#fff; border-color:var(--action-bg); }
.ae-catalog-controls [data-article-count] { color:var(--muted); font-size:13px; margin:16px 0 0; }
.ae-catalog-controls [data-article-empty] { padding:24px 0; }
.ae-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body .ae-card { display:flex; flex-direction:column; margin:0; padding:0; border:1px solid var(--soft-line); border-radius:12px; background:var(--surface); text-decoration:none; min-width:0; color:var(--text); overflow:hidden; }
.ae-card-media { width:100%; margin:0; aspect-ratio:16/9; overflow:hidden; }
.ae-card-media img { display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:16/9; }
.ae-card-body { display:flex; flex-direction:column; flex:1; padding:20px; }
body .ae-card h2 { font-size:21px; line-height:1.35; color:var(--text); letter-spacing:-.015em; margin:10px 0 12px; }
body .ae-card p { color:var(--muted); font-size:15px; line-height:1.6; margin:0 0 24px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ae-card-footer { margin-top:auto; padding-top:14px; border-top:1px solid var(--soft-line); display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; font-size:12px; line-height:1.6; color:var(--muted); }
.ae-card-footer > span:last-child { color:var(--mint); font-weight:600; }
.ae-card > .ux-card-icon,.ae-card::before,.ae-card::after { display:none; }
body[data-article-experience] .ae-related .ae-card h2 { font-size:17px; margin-top:10px; }
body[data-article-experience] .ae-related .ae-card p { font-size:14px; line-height:1.6; }
.ae-related .ae-card-body { padding:16px; }
.ae-next { display:flex; flex-wrap:wrap; gap:12px 20px; padding:24px 0; font-size:14px; }
.ae-main .article-contents { display:none; }
[data-article-experience] :focus-visible { outline:3px solid var(--mint,#a5baff); outline-offset:4px; }
[data-article-experience] [hidden] { display:none !important; }
[data-article-experience] h2[id],[data-article-experience] h3[id] { scroll-margin-top:100px; }
@media (max-width:1050px) { .ae-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) {
 body[data-article-experience] .ae-main { width:calc(100% - 32px); padding-top:24px; }
 .ae-catalog { width:calc(100% - 32px); padding-top:28px; }
 .ae-catalog-grid,.ae-related-grid { grid-template-columns:1fr; gap:22px; }
 body[data-article-experience] .ae-main p,body[data-article-experience] .ae-main li { font-size:17px; line-height:1.72; }
 body[data-article-experience] .ae-header .ae-deck { font-size:18px; }
 .ae-byline { gap:8px 16px; }
 .ae-breadcrumbs { margin-bottom:24px; }
 .ae-takeaways,.ae-evidence { padding:18px; }
 body[data-article-experience] .ae-takeaways li { font-size:16px; }
 .ae-offer-image { width:100%; float:none; margin:0 0 18px; }
 .ae-market dl { grid-template-columns:1fr; }
 .ae-market dl > div { padding:10px 0; border-bottom:1px solid var(--soft-line); }
 .ae-research-bars dd { grid-template-columns:1fr 115px; gap:10px; }
 body[data-article-experience] .ae-related .ae-card h2 { font-size:21px; }
 .ae-next a { padding:8px 0; }
}
@media (prefers-reduced-motion:no-preference) { .ae-card { transition:border-color 160ms ease; } .ae-card:hover { border-color:var(--mint); } }