*{padding:0;margin:0;box-sizing:border-box}
body{font-family:'Ubuntu Mono', monospace;line-height:1.6;font-size:15px;color:#1c3f3a;background:#f0faf5}
h1,h2,h3{font-family:'Ubuntu', sans-serif;color:#134e4a}
a{color:#134e4a;text-decoration:none}
a:hover{text-decoration:underline}
.mag-header{align-items:center;display:flex;color:#fff;justify-content:space-between;padding:20px 32px;background:linear-gradient(135deg,#134e4a,#ef4444)}
.mag-logo{color:#fff;font-weight:700;font-size:1.5em;font-family:'Ubuntu', sans-serif}
.mag-slogan{margin-top:2px;opacity:.75;font-size:.85em}
.mag-header-nav{gap:8px;display:flex;align-items:center}
.mag-header-nav a{transition:color .2s;color:rgba(255,255,255,.88);font-size:.9em}
.mag-header-nav a:hover{color:#fff;text-decoration:none}
.mag-nav{border-bottom:1px solid #a7d7c5;background:#fff;padding:12px 32px}
.mag-nav a{color:#134e4a;margin:0 16px;font-size:.93em}
.mag-wrap{padding:28px 20px;max-width:820px;margin:0 auto}
.mag-layout{display:flex;gap:24px}
.mag-main{flex:1;min-width:0}
.mag-sidebar{width:280px;flex-shrink:0}
.mag-card{border-radius:0px;padding:24px;background:#ffffff;box-shadow:none;border:1px solid #a7d7c5;border-top:3px solid #ef4444;margin-bottom:24px}
.mag-card img{margin-bottom:12px;height:200px;border-radius:0px;object-fit:cover;width:100%}
.mag-card img[style*="min-width"]{width:220px;height:148px;margin-bottom:0}
.mag-card h2{font-size:1.1em;margin-bottom:8px}
.mag-meta{font-size:.83em;color:#888;gap:14px;flex-wrap:wrap;margin-bottom:10px;display:flex}
.mag-tag{background:#ef444418;color:#ef4444;border-radius:50px;margin:2px;font-size:.8em;display:inline-block;padding:2px 8px}
.mag-avatar{height:52px;align-items:center;font-size:1.1em;color:#fff;justify-content:center;display:flex;width:52px;font-weight:700;flex-shrink:0;border-radius:50%;background:#0891b2}
.mag-author-box{border-radius:0px;background:#ffffff;gap:14px;padding:16px;display:flex;margin:28px 0;align-items:center;border:1px solid #a7d7c5}
.mag-comment{padding:10px 14px;border-left:3px solid #ef4444;background:#ffffff;border-radius:0 0px 0px 0;margin-bottom:14px}
.mag-comment strong{color:#134e4a}
.cta-btn{color:#fff;margin-top:16px;padding:10px 24px;font-weight:600;border-radius:50px;text-decoration:none;display:inline-block;border:2px solid #ef4444;background:#ef4444;transition:opacity .2s}
.cta-btn:hover{opacity:.82;text-decoration:none}
.mag-hero{background:linear-gradient(135deg,#134e4a,#ef4444);padding:64px 48px;text-align:center;margin-bottom:40px;color:#fff}
.mag-hero h1{color:#fff;font-size:1.9em}
.mag-hero p{opacity:.85;margin-top:10px;font-size:1em}
.mag-sidebar .mag-card{padding:14px}
.mag-sidebar h3{font-size:1em;color:#134e4a;margin-bottom:10px}
.mag-sidebar ul{list-style:none;padding:0}
.mag-sidebar li{padding:5px 0;border-bottom:1px solid #a7d7c5;font-size:.9em}
.mag-grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mag-footer{font-size:.85em;background:#134e4a;padding:36px 48px;margin-top:40px;color:#ccc}
.mag-footer a{color:#bbb}
.mag-footer a:hover{color:#fff;text-decoration:none}
.mag-footer-inner{grid-template-columns:1fr 1fr 1fr;max-width:820px;display:grid;gap:20px;margin:0 auto}
.mag-search{display:flex;margin:10px 0;overflow:hidden;gap:6px}
.mag-search input{padding:7px 12px;border:1px solid #a7d7c5;font-size:.9em;border-radius:0px;min-width:0;outline:none;flex:1}
.mag-search button{font-size:.9em;padding:7px 14px;border-radius:0px;cursor:pointer;border:none;color:#fff;background:#ef4444;white-space:nowrap;flex-shrink:0}
.mag-pullquote{font-size:1.1em;font-style:italic;padding:18px 22px;border-radius:0px;margin:24px 0;border:2px solid #ef4444;color:#134e4a;background:#ef444411}
.mag-main h2{padding-left:12px;border-left:4px solid #ef4444;margin-bottom:12px}
@media(max-width:720px){.mag-layout{flex-direction:column}.mag-sidebar{width:100%}.mag-grid2{grid-template-columns:1fr}}