*{box-sizing:border-box;margin:0;padding:0}
html{font-family:'Spectral', 'Times New Roman', serif;line-height:1.6;color:#e0e0f0;background:#1c1c2e}
body{min-height:100vh}
a{color:#7a92ff;text-decoration:underline;text-underline-offset:3px}
a:hover{opacity:0.7}
img,picture,figure{max-width:100%;height:auto;display:block}
ul,ol{margin:1.2em 0 1.2em 1.6em}
ul li,ol li{margin-bottom:0.4em;line-height:1.6}
blockquote{border-left:3px solid #7a92ff;padding:0.6em 1.4em;margin:1.6em 0;font-style:italic;color:#909bb8;background:rgba(0,0,0,0.04)}
blockquote cite{display:block;margin-top:0.6em;font-size:0.88em;font-style:normal}
table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:0.94em}
table th,table td{padding:0.5em 0.8em;text-align:left;border-bottom:1px solid #909bb8}
table th{font-weight:600;background:rgba(0,0,0,0.05);border-bottom-width:2px}
table caption{caption-side:top;text-align:left;padding:0.4em 0;color:#909bb8;font-size:0.88em}
pre{background:#1a1a1a;color:#e8e8e8;padding:1em 1.2em;border-radius:4px;overflow-x:auto;margin:1.4em 0;font-size:0.88em;line-height:1.5}
pre code{font-family:'SF Mono',Menlo,Consolas,monospace;background:none;color:inherit;padding:0}
code{font-family:'SF Mono',Menlo,Consolas,monospace;background:rgba(0,0,0,0.06);padding:0.1em 0.4em;border-radius:3px;font-size:0.92em}
.callout{display:block;background:rgba(0,0,0,0.04);border-left:3px solid #7a92ff;padding:0.9em 1.2em;margin:1.4em 0;font-size:0.94em}
.callout strong{color:#7a92ff}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:1.6em 0}
.gallery figure{margin:0}
.gallery figcaption{font-size:0.8em;color:#909bb8;margin-top:0.3em;text-align:center}
.video-embed{position:relative;padding-bottom:56.25%;height:0;margin:1.6em 0}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
h2,h3,h4{margin-top:1.8em;margin-bottom:0.6em;line-height:1.3}
h2{font-size:1.6em}
h3{font-size:1.3em}
h4{font-size:1.1em}
p{margin-bottom:1.2em}

body{padding:24px}
.skin-wrapper{max-width:760px;margin:0 auto;border:3px solid #e0e0f0;padding:32px;background:#1c1c2e;box-shadow:8px 8px 0 #7a92ff}
.skin-title{font-size:2.8em;font-weight:900;text-transform:uppercase;line-height:0.95;margin-bottom:8px;transform:rotate(-1deg)}
.skin-date{display:inline-block;background:#e0e0f0;color:#1c1c2e;padding:4px 12px;font-size:0.85em;margin-bottom:32px;transform:rotate(0.5deg)}
.skin-body{font-size:1.05em;column-count:1}
.skin-body p{margin-bottom:1.4em}
.skin-media{margin:32px 0;border:2px solid #e0e0f0;padding:6px;transform:rotate(-0.5deg)}
.skin-footer{margin-top:48px;border-top:3px double #e0e0f0;padding-top:16px;font-size:0.88em;text-transform:uppercase;letter-spacing:0.05em}

.site-header{border-bottom:1px solid #909bb8;padding:1em 0;margin-bottom:2em;background:#1c1c2e}
.site-header-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em}
.site-title{font-size:1.4em;font-weight:700;text-decoration:none;color:#e0e0f0;letter-spacing:-0.01em}
.site-nav ul{display:flex;flex-wrap:wrap;gap:1.2em;list-style:none;margin:0;padding:0}
.site-nav li{margin:0}
.site-nav a{text-decoration:none;color:#909bb8;font-size:0.95em;font-weight:500;transition:color 0.15s}
.site-nav a:hover,.site-nav a.current{color:#7a92ff}
.site-footer{margin-top:5em;padding:2em 0;border-top:1px solid #909bb8;background:#1c1c2e}
.site-footer-inner{max-width:1100px;margin:0 auto;padding:0 24px;text-align:center}
.footer-nav{font-size:0.9em;color:#909bb8;margin-bottom:0.6em}
.footer-nav a{color:#909bb8;text-decoration:none;margin:0 0.3em}
.footer-nav a:hover{color:#7a92ff}
.footer-copy{font-size:0.85em;color:#909bb8}
.page-wrapper{max-width:760px;margin:0 auto;padding:0 24px 3em}
.page-wrapper.wide{max-width:1100px}
.page-title{font-size:2.2em;font-weight:700;line-height:1.2;margin-bottom:0.4em}
.page-meta{color:#909bb8;font-size:0.92em;margin-bottom:1.6em}
.page-meta .category{color:#7a92ff;text-transform:uppercase;letter-spacing:0.08em;font-size:0.82em;font-weight:600}
.lead{font-size:1.15em;line-height:1.7;color:#e0e0f0;margin-bottom:1.6em}
.related-articles{margin-top:3em;padding-top:2em;border-top:2px solid #7a92ff}
.related-articles h3{font-size:1.2em;margin-bottom:1em}
.article-card{display:block;padding:1em;margin-bottom:0.8em;background:rgba(0,0,0,0.03);border-left:3px solid #7a92ff;text-decoration:none;color:inherit;transition:background 0.15s}
.article-card:hover{background:rgba(0,0,0,0.06);text-decoration:none;opacity:1}
.article-card .card-title{display:block;font-weight:600;color:#e0e0f0;font-size:1.05em}
.article-card .card-excerpt{display:block;font-size:0.9em;color:#909bb8;margin-top:0.3em}
.article-list{display:grid;gap:1.2em;margin:2em 0}
@media (max-width:600px){.site-header-inner{flex-direction:column;align-items:flex-start}.site-nav ul{gap:0.8em}.page-title{font-size:1.7em}}