/* News listing and article layouts. Keep after site CSS and algyr-news.css. */
.an-page { --an-purple:#7130f0; --an-ink:#050038; margin:0; display:block; min-height:100vh; background:#fff; color:var(--an-ink); font-family:gotham,Arial,sans-serif; line-height:1.5; }
.an-page *, .an-page *::before, .an-page *::after { box-sizing:border-box; }
.an-shell { width:100%; max-width:1272px; padding:0 16px; margin:0 auto; }
.an-header { border-bottom:1px solid #eee9f5; background:#fff; }
.an-header__inner { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.an-logo { font:700 30px/1 Inter,Arial,sans-serif; letter-spacing:-2px; text-decoration:none; color:#050038; }
.an-logo span { color:#7130f0; font-size:16px; letter-spacing:-.5px; }
.an-header__nav { display:flex; align-items:center; flex-wrap:wrap; gap:26px; }
.an-header__nav a { color:#050038; font-size:14px; text-decoration:none; }
.an-header__nav a[aria-current="page"] { color:#7130f0; }
.an-header__nav .an-pill { color:#fff; }
.an-pill { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 20px; min-height:44px; background:#7130f0; color:#fff; border-radius:24px; font-size:13px; line-height:1.3; text-decoration:none; border:0; }
.an-page a:focus-visible,.an-page button:focus-visible { outline:3px solid #b18aff; outline-offset:5px; }
.an-demo { padding:10px 0; color:#766c88; font-size:11px; background:#faf7ff; border-bottom:1px solid #eee5ff; }
.an-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; list-style:none; margin:0; padding:30px 0; color:#847b92; font-size:12px; line-height:1.6; }
.an-breadcrumb a { text-decoration:none; color:#76678d; }
.an-breadcrumb li+li::before { content:'/'; margin-right:10px; color:#c3b9d2; }
.an-masthead { position:relative; padding:24px 0 34px; }
.an-kicker { display:inline-flex; gap:8px; align-items:center; margin-bottom:18px; color:#7130f0; font-size:12px; }
.an-masthead h1 { font:700 64px/1.08 Inter,Arial,sans-serif; letter-spacing:-2.5px; margin:0 0 20px; color:#050038; }
.an-masthead h1 span { color:#7130f0; }
.an-masthead p { font-size:16px; color:#78718a; margin:0; max-width:600px; line-height:1.7; }
.an-controls { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; border-bottom:1px solid #e9e2f2; padding:12px 0 24px; margin-bottom:12px; }
.an-filters { display:flex; gap:8px; flex-wrap:wrap; }
.an-filter { border:1px solid #e8e0f2; border-radius:24px; padding:11px 17px; min-height:44px; background:#fff; color:#625772; font:400 13px/1.3 gotham,Arial,sans-serif; cursor:pointer; }
.an-filter[aria-pressed="true"] { background:#7130f0; color:#fff; border-color:#7130f0; }
.an-count { font-size:12px; color:#847b92; }
.an-list.algyr-news { padding:0 0 60px; }
.an-list .algyr-news__grid { margin:0; }
.an-list .algyr-news__footer { margin-top:26px; }
.an-list .algyr-news__item[hidden] { display:none; }
.an-empty { color:#78718a; padding:40px 0; }
.an-footer { background:#f8f5ff; border-top:1px solid #eee5ff; margin-top:30px; }
.an-footer__inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; padding:32px 16px; font-size:12px; color:#80748f; }
.an-footer__inner a { color:#7130f0; text-decoration:none; }
.an-footer__links { display:flex; flex-wrap:wrap; gap:22px; }
.an-article-hero { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:64px; align-items:center; padding:22px 0 58px; }
.an-article-hero h1 { font:700 48px/1.13 Inter,Arial,sans-serif; letter-spacing:-1.8px; color:#050038; margin:20px 0; overflow-wrap:anywhere; }
.an-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:#847b92; font-size:12px; }
.an-article-tag { border-radius:30px; background:#eee5ff; color:#7130f0; padding:6px 12px; }
.an-article-lead { margin:0; color:#78718a; font-size:17px; line-height:1.8; max-width:620px; }
.an-art-cover { display:flex; padding:12px; min-width:0; }
.an-art-cover.algyr-news { padding:12px; }
.an-art-cover .algyr-news__poster { min-height:365px; padding:28px; box-shadow:0 12px 28px #3e167515; }
.an-art-cover .algyr-news__art { min-height:210px; }
.an-art-cover .algyr-news__display { font-size:46px; }
.an-art-cover .algyr-news__year { font-size:72px; }
.an-article-content { display:grid; grid-template-columns:minmax(0,740px) minmax(0,1fr); gap:80px; border-top:1px solid #ece5f5; padding-top:50px; padding-bottom:50px; }
.an-prose { font-size:17px; line-height:1.9; color:#4e455f; min-width:0; overflow-wrap:anywhere; }
.an-prose p { margin:0 0 24px; line-height:inherit; }
.an-prose h2 { font:700 28px/1.3 Inter,Arial,sans-serif; letter-spacing:-.6px; color:#050038; margin:40px 0 18px; scroll-margin-top:24px; }
.an-prose h2:first-child { margin-top:0; }
.an-prose ul,.an-prose ol { padding-left:24px; margin:0 0 26px; }
.an-prose li { padding-left:5px; margin:10px 0; }
.an-callout { border-left:3px solid #7130f0; padding:22px 26px; background:#f7f1ff; border-radius:0 16px 16px 0; margin:32px 0; color:#49376b; }
.an-callout p { margin:0; }
.an-toc { align-self:start; padding:24px; background:#f8f5ff; border-radius:18px; }
.an-toc h2 { font:700 16px/1.4 Inter,Arial,sans-serif; margin:0 0 18px; color:#050038; }
.an-toc a { display:block; padding:9px 0; font-size:13px; line-height:1.5; text-decoration:none; color:#76658e; }
.an-toc a:hover { color:#7130f0; }
.an-back { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:#7130f0; text-decoration:none; font-size:14px; }
.an-related { border-top:1px solid #ece5f5; padding-top:38px; padding-bottom:40px; }
.an-related__head { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-bottom:24px; }
.an-related h2 { font:700 28px/1.2 Inter,Arial,sans-serif; letter-spacing:-.7px; margin:0; color:#050038; }
.an-related__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.an-related__item { display:flex; align-items:center; justify-content:space-between; gap:18px; background:#f8f5ff; padding:24px; border-radius:18px; text-decoration:none; color:#050038; }
.an-related__item h3 { font:700 20px/1.4 Inter,Arial,sans-serif; margin:8px 0 0; }
.an-related__item time { font-size:11px; color:#847b92; }
.an-related__item>span { color:#7130f0; font-size:24px; flex-shrink:0; }
@media(max-width:1280px){.an-shell{max-width:980px}.an-header__inner{min-height:70px}.an-masthead h1{font-size:48px}.an-article-hero{gap:36px}.an-article-hero h1{font-size:38px}.an-art-cover .algyr-news__display{font-size:38px}.an-art-cover .algyr-news__poster{padding:24px}.an-article-content{gap:44px;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr)}}
@media(max-width:992.9px){.an-shell{max-width:none}}
@media(max-width:992px){.an-article-hero{gap:24px}.an-article-hero h1{font-size:34px}.an-article-content{gap:28px}.an-art-cover .algyr-news__display{font-size:34px}.an-header__nav{gap:18px}.an-prose{font-size:16px}}
@media(max-width:768px){.an-masthead{padding-top:12px}.an-masthead h1{font-size:40px;letter-spacing:-1.5px}.an-masthead p{font-size:14px}.an-header__nav{gap:16px}.an-header__nav a{font-size:12px}.an-header__nav .an-pill{padding:10px 15px}.an-logo{font-size:25px}.an-logo span{font-size:13px}.an-header__inner{gap:16px}.an-header__home{display:none}.an-breadcrumb{padding:24px 0;font-size:11px}.an-article-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:4px;padding-bottom:34px}.an-article-hero h1{font-size:34px;letter-spacing:-1px}.an-article-lead{font-size:15px}.an-art-cover{max-width:520px;width:100%;margin:0 auto}.an-art-cover .algyr-news__poster{min-height:340px}.an-art-cover .algyr-news__display{font-size:44px}.an-article-content{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:30px}.an-toc{grid-row:1;padding:20px}.an-toc a{padding:7px 0}.an-prose h2{font-size:24px}.an-related__grid{grid-template-columns:minmax(0,1fr)}.an-related h2{font-size:24px}.an-related__item{padding:20px}.an-related__item h3{font-size:18px}.an-callout{padding:20px}.an-footer__inner{gap:18px}.an-filters{gap:8px}.an-filter{padding:10px 14px;font-size:12px}}
@media(max-width:360px){.an-header__inner{gap:10px}.an-header__nav{gap:10px}.an-header__nav .an-pill{padding:10px 12px}.an-article-hero h1{font-size:30px}.an-art-cover .algyr-news__display{font-size:34px}.an-art-cover .algyr-news__poster{padding:22px}.an-masthead h1{font-size:36px}}