/* PPW friendly visual layer — intentionally lightweight */
:root{--ppw-soft:#fffaf1;--ppw-cream:#f4eee3;--ppw-ink:#272126;--ppw-red:#9d1b2e;--ppw-gold:#f2a900;--ppw-pink:#fff0e9}
body{background:linear-gradient(180deg,var(--ppw-soft) 0%,#f7f4ed 48%,#fffaf5 100%);color:var(--ppw-ink)}
.site-header{box-shadow:0 5px 24px rgba(65,35,30,.06)}
.brand-logo{filter:drop-shadow(0 5px 8px rgba(157,27,46,.12))}
.button{border-radius:999px;box-shadow:0 7px 18px rgba(55,30,25,.07)}
.button.primary{border-bottom:3px solid var(--gold)}
.button.secondary{background:rgba(255,255,255,.7);border-color:#cfc5b9}
.announcement{border-radius:18px;box-shadow:0 8px 25px rgba(55,30,25,.06);margin-left:auto;margin-right:auto;width:min(1180px,calc(100% - 40px));overflow:hidden}
.section-heading{margin-bottom:30px}
.featured-story,.article-card,.sports-card,.staff-card,.news-item{border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(55,30,25,.07);transition:transform .25s ease,box-shadow .25s ease}
.featured-story:hover,.article-card:hover,.sports-card:hover,.staff-card:hover,.news-item:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(55,30,25,.11)}
.image-placeholder,.featured-image img{border-radius:20px}
.category{border-radius:999px;background:#fff1e8;padding:6px 10px}
.read-more,.view-all{transition:transform .2s ease,color .2s ease}.read-more:hover,.view-all:hover{transform:translateX(4px)}
.dynamic-article-grid{gap:22px}
.dynamic-article-card{border-radius:22px;background:rgba(255,255,255,.9);border:1px solid #e5ddd2;box-shadow:0 10px 28px rgba(55,30,25,.06);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.dynamic-article-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(55,30,25,.1)}
.dynamic-article-image,.dynamic-article-placeholder{min-height:190px;width:100%;object-fit:cover}
.dynamic-article-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#fff0e9,#f8e3d3);color:var(--ppw-red);font-family:Arial,sans-serif;font-weight:900;letter-spacing:.12em}
.dynamic-article-content{padding:22px}
.dynamic-article-content h3{margin:10px 0 9px}.dynamic-article-content p{color:#706a68}
.dynamic-article-meta{display:flex;justify-content:space-between;gap:10px;margin-top:17px;color:#8a817c;font:700 .65rem/1.3 Arial,sans-serif;letter-spacing:.06em}
.dark-section{border-radius:34px 34px 0 0;overflow:hidden}
@media(max-width:700px){.section{padding:65px 0}.announcement{width:calc(100% - 24px)}.featured-story,.article-card,.sports-card,.staff-card,.news-item{border-radius:18px}}

/* Article page gallery */
.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:34px 0 10px}
.article-gallery figure{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#eee8df;box-shadow:0 10px 28px rgba(55,30,25,.08)}
.article-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}.article-gallery figure:hover img{transform:scale(1.025)}
.article-gallery figcaption{position:absolute;right:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.88);font:700 .65rem Arial,sans-serif;color:#5e5753}
@media(max-width:650px){.article-gallery{grid-template-columns:1fr}}

/* Admin friendly layer */
.auth-screen{background:radial-gradient(circle at 15% 20%,rgba(157,27,46,.09),transparent 28%),radial-gradient(circle at 85% 80%,rgba(242,169,0,.12),transparent 30%),var(--ppw-soft)}
.auth-card,.editor-panel,.articles-panel{border-radius:24px;box-shadow:0 14px 38px rgba(55,30,25,.07)}
.auth-mark{border-radius:20px;box-shadow:0 8px 18px rgba(157,27,46,.15)}
.primary-btn,.secondary-btn,.small-btn{border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.primary-btn:hover,.secondary-btn:hover,.small-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(55,30,25,.08)}
input,textarea,select{border-radius:14px;background:#fffdf9}.article-item{border-radius:18px;background:#fffdfa;transition:transform .2s ease,box-shadow .2s ease}.article-item:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(55,30,25,.06)}
.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin:8px 0 18px}.image-preview-card{overflow:hidden;border:1px solid #e1d8ce;border-radius:16px;background:#fffaf5}.image-preview-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.image-preview-card span{display:block;padding:8px 10px;font:800 .68rem Arial,sans-serif;color:#756c66;letter-spacing:.04em}.current-gallery{display:grid;gap:8px;margin:8px 0 18px;font-size:.8rem;font-weight:700}