:root { --aaa-ink:#203656; --aaa-accent:#fe4f70; --aaa-warm:#fff7f2; --aaa-line:#ebebeb; }
body { color:#586779; }
main { min-height:60vh; }
.navbar-brand img, footer img, .canvas-menu .logo img { width:235px; height:32px; }
.header-default { padding:28px 0; }
.header-default .navbar-nav { margin-left:42px; }
.header-buttons { margin-left:0; }
.hero-intro { background:linear-gradient(135deg,#fff7f2 0%,#f8f9ff 100%); padding:88px 0 78px; text-align:center; }
.hero-intro h1,.page-header h1,.article-header h1 { color:var(--aaa-ink); font-size:clamp(2.15rem,5vw,4rem); line-height:1.12; max-width:900px; margin:0 auto 24px; }
.hero-intro p:not(.eyebrow),.page-header p:not(.eyebrow),.article-deck { font-size:1.12rem; line-height:1.8; max-width:760px; margin:0 auto; }
.eyebrow { color:var(--aaa-accent); font-size:.78rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:18px; }
.content-section { padding:64px 0; }
.content-section + .content-section { padding-top:20px; }
.section-header { margin-bottom:32px; }
.section-title { color:var(--aaa-ink); font-size:1.9rem; margin:0; }
.section-intro { max-width:720px; margin-top:12px; }
.post-grid { overflow:hidden; transition:transform .2s ease,box-shadow .2s ease; background:#fff; }
.post-grid:hover { transform:translateY(-3px); box-shadow:0 14px 35px rgba(32,54,86,.09); }
.post-grid .thumb img { aspect-ratio:3/2; width:100%; object-fit:cover; }
.post-grid .details { padding:28px; }
.post-grid .post-title { font-size:1.2rem; line-height:1.45; margin:12px 0; }
.category-badge { color:var(--aaa-accent); font-size:.76rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.topic-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.topic-card { border:1px solid var(--aaa-line); border-radius:10px; overflow:hidden; color:inherit; background:#fff; }
.topic-card img { width:100%; aspect-ratio:2/1; object-fit:cover; }
.topic-card span { display:block; padding:22px; }
.topic-card strong { color:var(--aaa-ink); display:block; font-family:"Poppins",sans-serif; font-size:1.1rem; margin-bottom:8px; }
.topic-card small { display:block; font-size:.9rem; line-height:1.6; }
.page-header { background:var(--aaa-warm); padding:64px 0; text-align:center; }
.page-header-image { border-radius:12px; width:min(760px,100%); aspect-ratio:3/1; object-fit:cover; margin-bottom:34px; }
.page-header.text-only { padding:88px 0; }
.article-header { background:var(--aaa-warm); padding:70px 0 52px; text-align:center; }
.article-header h1 { font-size:clamp(2rem,4.6vw,3.5rem); margin-top:18px; }
.breadcrumb-line { display:flex; justify-content:center; gap:10px; margin-bottom:24px; font-size:.85rem; }
.author-line { color:var(--aaa-ink); font-weight:600; margin-top:22px; }
.article-hero { display:block; width:min(1050px,100%); aspect-ratio:3/2; object-fit:cover; border-radius:12px; margin:52px auto; }
.article-placeholder { border:2px dashed #f2a2b2; background:#fff9fa; border-radius:10px; padding:36px; margin-bottom:30px; }
.article-placeholder strong { color:var(--aaa-accent); }
.page-copy { color:#536276; font-size:1.02rem; line-height:1.85; }
.page-copy h2 { color:var(--aaa-ink); margin:38px 0 14px; }
.page-copy h2:first-child { margin-top:0; }
.notice { background:#fff7df; border-left:4px solid #e6a700; border-radius:6px; padding:24px; margin-bottom:34px; }
.notice p:last-child { margin-bottom:0; }
.author-placeholder { display:grid; grid-template-columns:170px 1fr; gap:28px; align-items:center; }
.author-photo { border-radius:50%; box-shadow:0 10px 28px rgba(32,54,86,.14); display:block; height:170px; object-fit:cover; width:170px; }
.author-inline-avatar { border-radius:50%; height:28px; margin-right:9px; object-fit:cover; vertical-align:middle; width:28px; }
.sidebar-author-avatar { border-radius:50%; box-shadow:0 8px 22px rgba(32,54,86,.14); display:block; height:72px; margin:0 auto; object-fit:cover; width:72px; }
footer { margin-top:60px; }
.footer-inner { align-items:center; display:grid; grid-template-columns:1.3fr 2fr 1fr; gap:30px; padding:52px 0; }
.footer-inner p { margin:14px 0 0; }
.footer-inner nav { display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:center; }
.footer-inner nav a { color:var(--aaa-ink); font-weight:600; }
.copyright { text-align:right; }
#return-to-top { border:0; }
.magazine-home .section-title { font-size:24px; }
.magazine-home .post-list-sm .thumb img { width:100%; height:60px; object-fit:cover; }
.magazine-home .post-list-sm.square .thumb img { height:80px; }
.magazine-home .post-over-content .thumb img { height:330px; object-fit:cover; }
.magazine-home .post.post-list .thumb img { width:100%; height:190px; object-fit:cover; }
.magazine-home .meta img.author { border-radius:50%; height:28px; object-fit:cover; width:28px; }
.magazine-home .widget-about .btn { padding:9px 22px; }
.magazine-home .widget .tag { margin:4px 3px; }
@media (max-width:991px) { .header-default .navbar-nav{margin-left:0}.topic-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr;text-align:center}.copyright{text-align:center} }
@media (max-width:575px) { .hero-intro,.page-header.text-only{padding:64px 0}.content-section{padding:48px 0}.topic-grid{grid-template-columns:1fr}.author-placeholder{grid-template-columns:1fr}.author-photo{height:150px;width:150px} }