/* Ratio-preserving cards and focused reading surfaces. */
.public-site .editorial-card,.public-site .editorial-card.featured-story{display:flex;flex-direction:column;padding:0;gap:0;min-width:0;overflow:hidden;border-radius:16px;grid-column:auto}
.public-site .editorial-card .editorial-image-link{display:block;width:100%;flex-shrink:0}
.public-site .editorial-card .story-image,.public-site .editorial-card.featured-story .story-image{height:auto;aspect-ratio:40/21;width:100%;border-radius:0;margin:0;overflow:hidden;background:#0e1611}
.public-site .editorial-card.tip-card .story-image{aspect-ratio:3/1}
.public-site .editorial-card .story-image img,.public-site .editorial-card.featured-story .story-image img{width:100%;height:100%;aspect-ratio:inherit;object-fit:contain;object-position:center;display:block}
.public-site .editorial-card .story-body{padding:22px;display:flex;flex-direction:column;flex:1;min-width:0}
.public-site .editorial-card .story-body h2{font-size:clamp(20px,2vw,28px);line-height:1.4;margin:10px 0;overflow-wrap:anywhere}
.public-site .editorial-card .story-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8;font-size:14px;margin:0 0 14px}
.public-site .editorial-card .story-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:18px;font-size:12px}
.public-site .editorial-card .story-meta a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.public-site .editorial-card .badge{align-self:flex-start}
.public-site .editorial-card a:focus-visible,.tip-reader button:focus-visible,.tip-reader a:focus-visible{outline:3px solid #b9f568;outline-offset:-3px}
.public-site .immersive-article{max-width:1120px;margin:0 auto;padding:40px 32px 90px}
.public-site .immersive-article h1{max-width:970px;font-size:clamp(30px,4.8vw,60px);line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}
.public-site .immersive-article .article-cover{display:block;width:100%;height:auto;max-height:none;aspect-ratio:40/21;object-fit:contain;background:#0e1611;border-radius:16px;margin:30px 0}
.public-site .tip-article .article-cover{aspect-ratio:3/1}
.public-site .immersive-article .rich-content{max-width:760px;margin:36px auto;font-size:18px;line-height:1.95;overflow-wrap:anywhere}
.public-site .immersive-article .article-deck{max-width:820px;line-height:1.8}
.public-site .immersive-article.large-text .rich-content{font-size:22px}
.tip-reader{padding:0;width:min(880px,calc(100% - 32px));max-width:880px;max-height:calc(100dvh - 32px);border:1px solid #46523d;border-radius:20px;color:#f5f8f0;background:#111912;overscroll-behavior:contain}
.tip-reader::backdrop{background:#040904d9;backdrop-filter:blur(5px)}
body:has(.tip-reader[open]){overflow:hidden}
.tip-reader-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#192119;border-bottom:1px solid #46523d;z-index:2}
.tip-reader-bar span{font-weight:700}.tip-reader-bar button{min-width:88px;min-height:44px;padding:8px 16px}
.tip-reader-body{min-height:160px}.tip-reader[aria-busy=true] .tip-reader-body{padding:28px}
.tip-detail-cover{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;background:#0e1611}
.tip-detail-copy{padding:28px 36px}.tip-detail-copy h2{font-size:clamp(24px,3.4vw,38px);line-height:1.4;margin:12px 0 18px;overflow-wrap:anywhere}
.tip-detail .rich-content{font-size:17px;line-height:1.95;overflow-wrap:anywhere;margin:28px 0}.tip-detail .rich-content h2{font-size:24px}
.publication-summary{padding:14px;border:1px solid #46523d;border-radius:12px;margin-bottom:16px;font-size:13px;overflow-wrap:anywhere}.publication-summary p{margin:8px 0;line-height:1.7}
#publication-schedule[hidden]{display:none!important}
@media(max-width:760px){.public-site .editorial-card .story-body{padding:18px}.public-site .editorial-card .story-body h2{font-size:22px}.public-site .editorial-card .story-body .eyebrow{font-size:10px}.public-site .editorial-card .story-body p{font-size:14px}.public-site .editorial-card .story-meta{font-size:11px}.public-site .immersive-article{padding:22px 20px 100px}.public-site .immersive-article h1{font-size:32px;line-height:1.3}.public-site .immersive-article .rich-content{font-size:17px;margin-top:24px}.public-site .immersive-article .article-cover{border-radius:12px;margin:24px 0}.tip-reader{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.tip-reader-bar{padding:8px 12px}.tip-detail-copy{padding:22px 20px}.tip-detail .rich-content{font-size:16px}.tip-detail-copy h2{font-size:25px}html[lang=my] .editorial-card .story-body h2,html[lang=my] .immersive-article h1,.tip-detail[lang=my] h2{line-height:1.8}}

#content-form .image-preview{height:auto;object-fit:contain;background:#0e1611}#content-form[data-content-type=news] .image-preview{aspect-ratio:40/21}#content-form[data-content-type=tips] .image-preview,#content-form[data-content-type=ads] .image-preview{aspect-ratio:3/1}

.public-site .home-story{display:block}.public-site .home-story>img{height:auto;aspect-ratio:40/21;object-fit:contain;background:#0e1611}.public-site .home-story-tips>img{aspect-ratio:3/1}.public-site .rail-story>img{height:auto;aspect-ratio:40/21;object-fit:contain;background:#0e1611;align-self:start}

/* Quiet tip previews: artwork and the complete headline only. */
.public-site .tip-card .tip-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.public-site .tip-card .story-body{padding:18px 20px 20px;flex:0}
.public-site .tip-card .story-body h2{font-size:21px;line-height:1.5;font-weight:600;letter-spacing:-.015em;margin:0}
.public-site .tip-card .story-image img{transition:transform .25s ease}
@media(hover:hover){.public-site .tip-card:hover .story-image img{transform:scale(1.025)}}
html[lang=my] .public-site .tip-card .story-body h2{font-size:19px;line-height:1.85;letter-spacing:0}
html.language-restoring body{opacity:0}html.language-restoring{background:#101311}
@media(max-width:760px){.public-site .tip-card .story-body{padding:15px 17px 18px}.public-site .tip-card .story-body h2{font-size:20px}html[lang=my] .public-site .tip-card .story-body h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.public-site .tip-card .story-image img{transition:none}}
.public-site .tip-card .story-image img,.public-site .home-story-tips>img{object-fit:cover}