/* Article UI V1.3. Scoped to article pages; independent of the Pages asset rollout. */
.article-site{margin:0;background:#f0f5f8;color:#173247;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.7;overflow-x:clip}
.article-site *{box-sizing:border-box;min-width:0}
.article-site a{color:#245e78;text-decoration:none}
.article-site img{max-width:100%}
.article-site .container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin-inline:auto;padding:0}
.article-site .article-site-header{position:relative;top:auto;z-index:30;background:#f5fbff!important;border-bottom:1px solid #c3d5df;padding:0;box-shadow:0 3px 12px #082c4210}
.article-site .header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative}
.article-site .logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.article-site .logo img{width:42px;height:42px;flex-shrink:0}
.article-site .logo-text{font-family:Georgia,serif;font-size:26px;font-weight:800;white-space:nowrap;color:#103b58!important}
.article-site .silver-accent{color:#39738e}
.article-site .logo-silver{font-family:Arial,sans-serif;font-size:15px!important;letter-spacing:.5px!important;margin-left:7px;padding-left:7px;border-left:1px solid #a6bfca;color:#103b58!important}
.article-site .nav{display:flex;align-items:center;gap:18px;position:static;transform:none;visibility:visible;opacity:1;width:auto;height:auto;padding:0;background:transparent}
.article-site .nav-link{font-size:15px;line-height:1.35;font-weight:750;color:#103b58!important;padding:10px 0;white-space:nowrap;border-bottom:2px solid transparent}
.article-site .nav-link.active{color:#245e7b!important;border-bottom-color:#82b5cd}
.article-site .article-menu-toggle{display:flex!important;align-items:center;justify-content:center;width:auto!important;min-width:76px;height:44px;position:static!important;border:1px solid #a5c0cf!important;background:#e4f2f9!important;color:#103b58!important;border-radius:16px;font-size:17px;font-weight:800;cursor:pointer;padding:10px 16px!important;transform:none!important;box-shadow:none!important}
.article-site .section-light{background:transparent;color:inherit}
.article-site .section-head{text-align:center;max-width:780px;margin:0 auto 34px;padding:0}
.article-site .section-tag,.article-site .article-kicker{display:inline-block;background:#e5f3f9;color:#21536d;border:1px solid #b5cfdb;border-radius:20px;padding:6px 14px;font:800 13px/1.5 Arial,sans-serif;letter-spacing:1px;margin:0 0 12px}
.article-site .section-title{font:700 clamp(32px,4vw,46px)/1.2 Georgia,serif;letter-spacing:-.3px;color:#10334b;margin:8px 0 16px}
.article-site .section-desc{font-size:18px;line-height:1.65;color:#486272;margin:0}
.article-site .article-archive-section{padding:40px 0 60px}
.article-site .article-archive-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;align-items:stretch}
.article-site .archive-card{display:flex;flex-direction:column;background:#ffffff;border:1px solid #cbdce5;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px #5c3c1010}
.article-site .archive-cover-link{display:block;background:#063551;overflow:hidden}
.article-site .archive-cover{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transform:none!important}
.article-site .archive-card-body{display:flex;flex:1;flex-direction:column;padding:20px}
.article-site .archive-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;margin:0 0 12px;font:800 13px/1.5 Arial,sans-serif;color:#245e78;letter-spacing:0;text-transform:none}
.article-site .archive-meta time{font-size:16px;font-weight:800;color:#103b58}
.article-site .archive-card h2{font:800 23px/1.3 Arial,sans-serif;margin:0 0 14px;color:#132f42}
.article-site .archive-card h2 a{color:inherit}
.article-site .archive-card p{font-size:17px;line-height:1.65;margin:0 0 20px;color:#405869;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.article-site .archive-read-more,.article-site .back-to-archive a{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#dceff8;color:#154362!important;border:1px solid #a4c6d6;border-radius:12px;font-size:17px;font-weight:800;margin-top:auto;text-decoration:none}
.article-site .article-pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:34px 0 0}
.article-site .article-page-numbers{display:flex;gap:8px;flex-wrap:wrap}
.article-site .article-pagination a,.article-site .article-pagination span.current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px 14px;background:#f5fbff;border:1px solid #b5d0df;border-radius:10px;font-weight:800}
.article-site .article-pagination span.current{background:#0b4367;color:#ffffff}
.article-site .article-pagination .is-disabled{opacity:.5;font-size:16px;padding:10px}
.article-site .article-detail-section{padding:30px 0 58px}
.article-site .article-detail-container{max-width:1020px}
.article-site .article-detail-card{background:#ffffff;border:1px solid #cfdee7;border-radius:18px;box-shadow:0 5px 20px #4937190b;overflow:hidden}
.article-site .article-detail-inner{padding:34px 44px}
.article-site .article-detail-title{font:800 clamp(30px,3.8vw,44px)/1.23 Arial,Helvetica,sans-serif;letter-spacing:-.6px;color:#123149;margin:0 0 16px;overflow-wrap:break-word}
.article-site .article-detail-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:#455d6e;font-size:17px;font-weight:750;margin:0 0 18px}
.article-site .article-lead{font-size:19px;line-height:1.75;margin:0 0 24px;padding:0;color:#365467;border:0}
.article-site .article-cover-frame{margin:0 0 30px;background:#063551;border-radius:12px;overflow:hidden}
.article-site .article-hero-cover{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto;margin:0}
.article-site .article-body-prose{display:block!important;max-width:none;font-size:18px;line-height:1.8;color:#273f50;overflow-wrap:break-word}
.article-site .article-body-prose h2{font:800 29px/1.3 Arial,sans-serif;color:#103851;margin:34px 0 16px}
.article-site .article-body-prose h3{font:800 23px/1.35 Arial,sans-serif;color:#103851;margin:26px 0 12px}
.article-site .article-body-prose h4{font:800 20px/1.4 Arial,sans-serif;margin:22px 0 10px}
.article-site .article-body-prose p{margin:0 0 18px}
.article-site .article-body-prose ul{padding-left:24px;margin:10px 0 22px}
.article-site .article-body-prose li{margin:8px 0}
.article-site .article-body-prose strong,.article-site .article-lead strong{color:#17384f;font-weight:800}
.article-site .article-body-prose a{color:#145c83;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.article-site .article-rates{padding:4px 0 10px;margin-top:20px}
.article-site .article-table-wrap{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #c3d9e5;border-radius:12px;margin:20px 0 22px;background:#f4faff;-webkit-overflow-scrolling:touch}
.article-site .article-data-table{border-collapse:collapse;width:100%;min-width:535px;table-layout:auto;background:#ffffff}
.article-site .article-data-table caption{text-align:left;padding:12px 16px;background:#0d4566;color:#ffffff;font-size:17px;font-weight:800;caption-side:top}
.article-site .article-data-table th,.article-site .article-data-table td{text-align:right;padding:14px 15px;border:0;border-bottom:1px solid #d4e3ea;white-space:nowrap;font-size:17px;line-height:1.55;font-weight:650;color:#253d4f;background:transparent}
.article-site .article-data-table th:first-child,.article-site .article-data-table td:first-child{text-align:left}
.article-site .article-data-table thead th{background:#e0f0f8;color:#214d68;font-weight:850}
.article-site .article-data-table tbody th{font-weight:800}
.article-site .article-data-table tbody tr:nth-child(even){background:#f4faff}
.article-site .article-purity-section .article-data-table{min-width:280px}
.article-site .article-rate-note,.article-site .article-rate-meta{font-size:16px!important;line-height:1.7!important;color:#506879!important}
.article-site .article-tags{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid #c6d9e3;margin-top:30px;padding-top:22px}
.article-site .article-tag{padding:7px 11px;border-radius:10px;background:#ecf7fb;border:1px solid #bad3df;color:#285772;font-size:14px;font-weight:750}
.article-site .article-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0;border-radius:0;background:transparent;margin:24px 0}
.article-site .article-prev-next>div{background:#fffdf7;border:1px solid #d0dfe7;border-radius:14px;padding:22px;text-align:left;min-height:108px}
.article-site .article-prev-next span{display:block;font-size:14px;font-weight:800;color:#2b6888;margin-bottom:8px}
.article-site .article-prev-next a,.article-site .article-prev-next strong{font-size:18px;font-weight:750;line-height:1.5;color:#38281c}
.article-site .similar-posts{padding:24px;background:#eef6f9;border:1px solid #cbdde7;border-radius:16px;margin:26px 0}
.article-site .similar-posts-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.article-site .similar-posts-head h2{font:800 28px/1.3 Arial,sans-serif;color:#15374d;margin:0}
.article-site .similar-controls{display:flex;gap:8px}
.article-site .similar-controls button{min-width:44px;min-height:44px;border:1px solid #a7c7d8;border-radius:10px;background:#e4f2f9;color:#224c65;font-size:28px;cursor:pointer}
.article-site .similar-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;max-width:100%;padding-bottom:6px}
.article-site .similar-track{display:flex;gap:18px;transform:none!important;transition:none;will-change:auto}
.article-site .similar-card{flex:0 0 calc((100% - 36px)/3);max-width:calc((100% - 36px)/3);padding:0;background:#ffffff;border:1px solid #cadde7;border-radius:12px;overflow:hidden;scroll-snap-align:start}
.article-site .similar-cover-link{display:block;border:0;border-radius:0}
.article-site .similar-cover-link img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#063551}
.article-site .similar-card-copy{padding:16px;min-height:0}
.article-site .similar-date{font-size:16px;font-weight:800;color:#3b687f;margin-bottom:8px}
.article-site .similar-card h3{font:800 19px/1.4 Arial,sans-serif;margin:0}
.article-site .similar-card h3 a{color:#233e52}
.article-site .similar-dots{display:none}
.article-site .back-to-archive{text-align:center;margin-top:24px}
.article-site .article-site-footer{background:#082c45!important;color:#ecf7fc;padding:0;border-top:1px solid #476c83;margin:0}
.article-site .footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px;padding:40px 0;margin:0 auto}
.article-site .footer-tag,.article-site .data-source-list{font-size:16px;line-height:1.75;margin:18px 0;color:#c9dfeb}
.article-site .data-source-list{padding-left:18px}
.article-site .footer-col h4{font:800 15px/1.4 Arial,sans-serif;color:#d4ebf5;text-transform:uppercase;letter-spacing:.6px;margin:0 0 16px}
.article-site .footer-col a{display:block;color:#ecf7fc;font-size:16px;line-height:1.6;margin-bottom:10px}
.article-site .footer-brand .logo-text{color:#ffffff!important;font-size:24px}
.article-site .footer-brand .logo-silver{color:#d5eaf3!important}
.article-site .footer-email{color:#d7e8f1;overflow-wrap:anywhere}
.article-site .footer-bottom{border-top:1px solid #ffffff20;padding:18px 0;margin:0;background:transparent}
.article-site .fb-inner{display:flex;justify-content:space-between;gap:20px;color:#c8dfeb;font-size:14px}
.article-site .fb-inner p{margin:0}
.article-site .to-top{position:fixed;bottom:20px;right:16px;width:46px;height:46px;background:#dceef7;border:1px solid #8ab6ce;color:#123d5a;border-radius:50%;font-size:25px;z-index:40;cursor:pointer;opacity:1;visibility:visible;display:block;transform:none}
.article-site .preview-notice{padding:14px 20px;border-bottom:1px solid #dbbd6b;background:#e7f5fa;color:#24516b;font-size:16px;font-weight:700;text-align:center}
.article-site .preview-notice a{text-decoration:underline;color:inherit}
.article-site :focus-visible{outline:3px solid #408db2;outline-offset:3px}
@media(max-width:1100px){.article-site .article-menu-toggle{display:flex!important}.article-site .nav{display:none;position:absolute;top:100%;right:0;width:min(360px,calc(100vw - 32px));background:#f5fbff!important;border:1px solid #bdd4df;border-radius:14px;padding:16px;box-shadow:0 10px 24px #0e3c5d24;height:auto;max-height:80vh;overflow-y:auto;transform:none!important}.article-site .nav.open{display:flex!important;flex-direction:column;align-items:stretch;opacity:1;visibility:visible}.article-site .nav-link{font-size:18px;padding:10px;color:#103b58!important}.article-site .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-site .footer-brand{grid-column:1/-1}}
@media(max-width:980px){.article-site .article-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-site .similar-card{flex-basis:calc((100% - 18px)/2);max-width:calc((100% - 18px)/2)}.article-site .article-detail-inner{padding:28px}.article-site .article-prev-next{grid-template-columns:1fr}}
@media(max-width:620px){.article-site{font-size:18px}.article-site .container{width:calc(100% - 28px)}.article-site .header-inner{min-height:72px;gap:8px}.article-site .logo{gap:6px}.article-site .logo img{width:34px;height:34px}.article-site .logo-text{font-size:21px}.article-site .logo-silver{font-size:14px!important;margin-left:5px!important;padding-left:5px!important;letter-spacing:0!important}.article-site .article-menu-toggle{min-width:66px;font-size:16px;padding:8px 12px!important}.article-site .article-archive-section{padding-top:26px}.article-site .section-title{font-size:32px}.article-site .article-archive-grid{grid-template-columns:1fr;gap:20px}.article-site .archive-card h2{font-size:24px}.article-site .archive-card p{font-size:18px}.article-site .archive-meta{font-size:14px}.article-site .article-detail-section{padding-top:20px}.article-site .article-detail-inner{padding:24px 18px}.article-site .article-detail-title{font-size:30px;letter-spacing:-.4px}.article-site .article-lead{font-size:18px}.article-site .article-body-prose{font-size:18px;line-height:1.75}.article-site .article-body-prose h2{font-size:27px}.article-site .article-body-prose h3{font-size:22px}.article-site .article-data-table th,.article-site .article-data-table td{font-size:17px}.article-site .article-hero-cover{max-height:none}.article-site .similar-posts{padding:20px 14px}.article-site .similar-posts-head h2{font-size:25px}.article-site .similar-card{flex-basis:100%;max-width:100%}.article-site .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.article-site .footer-brand{grid-column:1/-1}.article-site .fb-inner{display:block}.article-site .fb-inner p{margin:6px 0}.article-site .preview-notice{font-size:15px;text-align:left}}
@media(prefers-reduced-motion:reduce){.article-site *{scroll-behavior:auto!important;transition:none!important}}

.article-site .nav.open{display:flex!important;position:absolute;top:100%;right:0;width:min(360px,calc(100vw - 32px));height:auto;max-height:80vh;overflow-y:auto;background:#f5fbff!important;border:1px solid #bdd4df;border-radius:14px;padding:16px;box-shadow:0 10px 24px #0e3c5d24;flex-direction:column;align-items:stretch;transform:none!important;opacity:1;visibility:visible}
.article-site .nav.open .nav-link{font-size:18px;padding:10px;color:#103b58!important}
.article-site .table-scroll-note{display:none}
@media(max-width:620px){.article-site .table-scroll-note{display:block;font-size:16px;line-height:1.6;font-weight:750;color:#754e15;margin-bottom:8px}}

/* Silver site integration */
.article-site .article-header{position:relative;box-shadow:0 3px 12px #082c4210}
.article-site .desktop-nav{gap:16px}
.article-site .brand-name{white-space:normal}
.article-site .site-footer{background:#082c45;color:#ecf7fc}
.article-site .article-breadcrumb{font-size:15px;font-weight:700;color:#577084;margin-bottom:16px}
.article-site .article-breadcrumb a{color:#0a638b;text-decoration:underline}
.article-site .article-city-links{margin-top:28px;padding:22px;background:#eef6f9;border-radius:14px;border:1px solid #cbdde7}
.article-site .article-city-links h2{font-size:24px;margin:0 0 8px;color:#103851}
.article-site .article-city-links p{margin:0 0 12px}
.article-site .article-city-links>div{display:flex;gap:9px;flex-wrap:wrap}
.article-site .article-city-links a{display:inline-flex;min-height:42px;align-items:center;padding:7px 12px;border-radius:9px;background:#fff;border:1px solid #b4d2e1;color:#104b70;font-weight:750;font-size:15px}
.article-site .article-body-prose .source-box{padding:16px;background:#edf7fb;border-left:4px solid #4f94b7;margin:22px 0}
.article-site .article-body-prose .source-box a{color:#105d87}
.article-site .article-body-prose em{font-style:italic}
.article-site .article-archive-grid .archive-cover{aspect-ratio:16/9}
.article-site .archive-card:focus-within,.article-site .archive-card:hover{border-color:#8ab6ce}
.article-site .archive-card h2 a:hover,.article-site .similar-card a:hover{text-decoration:underline}
.article-site .article-to-top{display:block}
.article-load-note:empty,.article-pagination:empty{display:none}
.article-home-frame .article-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.article-home-frame .archive-card{background:#fff;border:1px solid #d3e2ea;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.article-home-frame .archive-cover-link{display:block}
.article-home-frame .archive-cover{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.article-home-frame .archive-card-body{padding:20px;display:flex;flex:1;flex-direction:column}
.article-home-frame .archive-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#255875;font-size:16px;font-weight:800}
.article-home-frame .archive-card h3{font-size:clamp(24px,2.4vw,30px);line-height:1.28;margin:12px 0;color:#123149}
.article-home-frame .archive-card h3 a{color:inherit}
.article-home-frame .archive-card p{font-size:18px;line-height:1.6;margin:0 0 20px;color:#405869}
.article-home-frame .archive-read-more{display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border-radius:10px;background:#dceef7;color:#104c72;font-size:17px;font-weight:800;margin-top:auto}
.article-home-frame .article-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.article-home-frame .article-admin-entry{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#dceef7;border:1px solid #99bfd2;border-radius:50%;color:#124668}
.article-home-frame .article-admin-entry svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}
.article-home-frame .article-history-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;background:#dceef7;color:#104c72;border-radius:11px;font-weight:800}
.city-related-articles .writing-frame{padding:26px}
.city-related-articles h2{font-size:clamp(25px,3vw,34px);margin:0 0 10px}
.city-related-articles p{font-size:18px;line-height:1.6}
.city-related-articles .writing-frame>div{display:flex;flex-wrap:wrap;gap:10px}
.city-related-articles a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:10px;background:#e8f5fb;color:#0d547b;font-size:17px;font-weight:750}
@media(max-width:760px){.article-home-frame .article-home-grid{grid-template-columns:1fr}.article-site .article-header .desktop-nav{display:none}.article-site .article-header .menu-button{display:inline-flex}.article-home-frame .archive-card h3{font-size:25px}}
@media(max-width:520px){.article-home-frame .archive-card-body{padding:16px}.article-home-frame .archive-card p{font-size:17px}.article-site .article-city-links{padding:16px}.article-site .article-city-links a{font-size:15px}.city-related-articles .writing-frame{padding:18px}}

.article-site .site-footer .footer-grid{grid-template-columns:1.5fr repeat(3,minmax(0,1fr))}
@media(max-width:940px){.article-site .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.article-site .site-footer .footer-grid{grid-template-columns:1fr 1fr}.article-site .site-footer .footer-brand-col{grid-column:1/-1}}