body { margin: 0; }
#magnetto-header { display: contents; }
body.admin-bar #magnetto-header > header { top: 32px; }
@media (max-width:782px) { body.admin-bar #magnetto-header > header { top:46px; } }
@media (max-width:600px) { body.admin-bar #magnetto-header > header { top:0; } }
#magnetto-root > p:empty { display: none; }
.magnetto-article { max-width: 1100px; min-height: 50vh; margin: 0 auto; padding: 72px 24px 100px; line-height: 1.8; }
.magnetto-article h1 { font-size: clamp(32px, 4vw, 52px); line-height: 1.18; font-weight: 700; margin-bottom: 32px; }
.magnetto-article h2 { font-size: 30px; font-weight: 700; margin: 32px 0 16px; }
.magnetto-article p, .magnetto-article ul, .magnetto-article ol { margin-bottom: 20px; }
.magnetto-article ul { list-style: disc; padding-left: 24px; }
.magnetto-article ol { list-style: decimal; padding-left: 24px; }
.magnetto-article a { color: #0071e4; }
.magnetto-post-cover { width: 100%; height: auto; max-height: 560px; object-fit: cover; border-radius: 20px; margin-bottom: 24px; }
.magnetto-post-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 32px; }
.magnetto-post-grid article { border: 1px solid #e2e8f0; border-radius: 16px; padding: 24px; }
.magnetto-post-grid h2 { font-size: 24px; }
.magnetto-byline { color: #3d4f7c; }