*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#18181b;color:#fafafa;font-family:'Inter', Helvetica, sans-serif;line-height:1.6}
a{color:#ec4899}
img{max-width:100%;height:auto}
.swt-pager{display:flex;gap:1rem;margin:2rem 0;align-items:center;flex-wrap:wrap}
.swt-pager a{text-decoration:none;padding:.4rem .8rem;border:1px solid #3f3f46;color:#fafafa}
.swt-related{margin-top:2.5rem}
.swt-related ul{padding-left:1.2rem}

.swt-wrap{max-width:960px;margin:0 auto;padding:1.25rem}
.swt-shell{border:1px solid #3f3f46;background:#27272a;border-radius:.75rem;overflow:hidden}
.swt-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #3f3f46;background:linear-gradient(90deg,#0f172a,#134e4a)}
.swt-brand{font-family:'Poppins', Arial, sans-serif;color:#ec4899;font-size:1.2rem}
.swt-nav a{color:#fafafa;text-decoration:none;margin-left:.9rem;font-size:.85rem}
.swt-content{padding:1.25rem}
.swt-hero{margin-bottom:1.5rem}
.swt-hero h1{font-family:'Poppins', Arial, sans-serif;font-size:1.8rem;margin:0 0 .5rem}
.swt-tiles{display:grid;gap:.75rem}
@media(min-width:700px){.swt-tiles{grid-template-columns:1fr 1fr}}
.swt-tile{border:1px solid #3f3f46;padding:1rem;border-radius:.5rem;background:#020617}
.swt-tile h2{font-size:1.05rem;margin:0 0 .4rem;font-family:'Poppins', Arial, sans-serif}
.swt-kpi{font-size:.75rem;color:#ec4899;text-transform:uppercase;letter-spacing:.08em}
.swt-post{line-height:1.75}
.swt-footer{padding:1rem 1.25rem;border-top:1px solid #3f3f46;color:#a1a1aa;font-size:.8rem}