.article-page{padding-top:26px;padding-bottom:56px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#66766f;margin-bottom:30px}.breadcrumbs a:hover{color:var(--green)}.article-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);gap:44px}.reading-article{min-width:0}.reading-article h1{font-size:clamp(30px,3.4vw,48px);line-height:1.15;letter-spacing:-1px;margin:16px 0}.article-meta{display:flex;gap:16px;flex-wrap:wrap;color:#67776e;font-size:12px}.sample-note{display:inline-block;font-size:11px;color:#6b674f;background:#f5f0db;padding:4px 9px;border-radius:4px;margin-top:14px}.reading-article figure{margin:24px 0}.reading-article figure img{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:8px}.reading-article figcaption{font-size:12px;color:#64736b;margin-top:8px}.article-lead{font-size:20px;line-height:1.6;font-weight:600;margin-bottom:22px}.article-copy{font-size:16px;line-height:1.85;max-width:760px}.article-copy p{margin:0 0 22px}.article-actions{border-top:1px solid #e1e7e2;padding-top:20px;margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.article-actions .button{margin:0}.reading-sidebar{align-self:start;display:grid;gap:24px}.sidebar-panel{background:var(--cream);padding:22px;border-radius:9px}.sidebar-panel h2{font-size:23px;margin-bottom:20px}.related-item{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #e4e6dd;transition:transform .25s ease}.related-item:last-child{border-bottom:0;padding-bottom:0}.related-item:hover{transform:translateX(3px)}.related-item img{width:76px;height:70px;object-fit:cover;border-radius:5px;flex-shrink:0}.related-item strong{font-size:14px;line-height:1.35;display:block}.related-item small{display:block;font-size:11px;color:#6a776f;margin-top:6px}.epaper-promo p{font-size:14px;line-height:1.6;margin-bottom:12px}.epaper-promo .button{font-size:13px}.reading-article h1:focus{outline:none}@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:34px}.reading-sidebar{grid-template-columns:1fr 1fr}.article-copy{max-width:none}}@media(max-width:680px){.article-page{padding-top:20px;padding-bottom:36px}.article-meta{gap:8px 14px}.reading-sidebar{grid-template-columns:1fr}.article-lead{font-size:18px}.article-copy{font-size:15px}.breadcrumbs{margin-bottom:22px}.reading-article figure img{max-height:320px}}@media(prefers-reduced-motion:reduce){.related-item{transition:none}.related-item:hover{transform:none}}@media print{.topbar,.site-header,footer,.reading-sidebar,.article-actions,.breadcrumbs{display:none}.article-layout{display:block}.article-page{max-width:100%;padding:0}.sample-note{border:1px solid #ccc}.reading-article figure img{max-height:300px}}

/* Brief simulated network loading state. */
.news-loader{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#fafbf8;color:var(--green);transition:opacity .4s ease,visibility .4s ease}
.loader-mark{position:relative;width:104px;height:104px;display:grid;place-items:center;margin-bottom:9px}
.loader-mark img{width:72px;height:72px;object-fit:contain}
.loader-ring{position:absolute;inset:0;border:3px solid #e2e9df;border-top-color:var(--gold);border-right-color:var(--green);border-radius:50%;animation:loader-spin 1.1s linear infinite}
.news-loader strong{font-size:18px}.news-loader>span{font-size:13px;color:#68776f}
.loader-progress{width:170px;height:4px;background:#e5eadd;border-radius:5px;overflow:hidden;margin-top:6px}
.loader-progress span{display:block;width:45%;height:100%;background:var(--gold);border-radius:5px;animation:loader-progress 1.2s ease-in-out infinite}
.news-loading{overflow:hidden}.news-loading .article-page{opacity:0;visibility:hidden;transform:translateY(12px)}
.article-page{transition:opacity .45s ease,transform .45s ease}
.news-loader.is-finished{opacity:0;visibility:hidden;pointer-events:none}
@keyframes loader-spin{to{transform:rotate(360deg)}}
@keyframes loader-progress{from{transform:translateX(-110%)}to{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.loader-ring,.loader-progress span{animation:none}.news-loader,.article-page{transition:none}.news-loading .article-page{transform:none}}

.article-share{margin-top:32px;padding:22px 0;border-top:1px solid #e1e7e2}.article-share>strong{display:block;font-size:15px;margin-bottom:13px}.share-buttons{display:flex;flex-wrap:wrap;gap:9px}.share-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #dce5de;border-radius:7px;background:#f7f9f5;color:var(--green);font-size:12px;font-weight:600;transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease}.share-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.share-facebook svg{fill:currentColor;stroke:none}.share-button:hover,.share-button:focus-visible{transform:translateY(-3px);background:var(--green);color:white;box-shadow:0 5px 12px #103f3220}.share-status{display:block;margin-top:10px;font-size:12px}.share-status:empty{display:none}.share-url-fallback{width:100%;padding:10px;margin-top:10px;border:1px solid #dce5de;border-radius:5px;font:13px 'Figtree',sans-serif}.article-actions .back-news{background:var(--green);border-color:var(--green);color:white}.article-actions .back-news:hover{background:#226b54}.article-actions{flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.share-button{transition:none}.share-button:hover,.share-button:focus-visible{transform:none}}@media print{.article-share{display:none}}

/* Social sharing colors with readable labels and matching hover states. */
.share-facebook{--share-color:#1877f2;--share-hover:#1264cc}
.share-whatsapp{--share-color:#128c4a;--share-hover:#0d713c}
.share-linkedin{--share-color:#0a66c2;--share-hover:#084f96}
.share-email{--share-color:#c23b32;--share-hover:#a52c25}
.share-copy{--share-color:#52616e;--share-hover:#3e4a55}
.share-button{background:var(--share-color);border-color:var(--share-color);color:#fff}
.share-button:hover,.share-button:focus-visible{background:var(--share-hover);border-color:var(--share-hover);color:#fff}

/* Outlined social buttons fill with their brand color on interaction. */
.share-button{background:transparent;border-color:var(--share-color);color:var(--share-color)}
.share-button:hover,.share-button:focus-visible{background:var(--share-color);border-color:var(--share-color);color:#fff}