:root{--color-theme: #DEB126;--color-bg: #0b0b0c;--color-text: #ffffff;--color-text-secondary: hsl(48, 12%, 70%);--color-highlight: rgba(222, 177, 38, .1);--color-red: #DE5267;--color-green: #21881c;--font-body: "PT Sans", Inter, system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--shadow-soft: 0 4px 12px rgba(0,0,0,.35);--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--content-w: 780px;--full-bleed-w: 100vw;--wide-w: min(1200px, 100vw)}*{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0}.article-content{max-width:var(--content-w);margin:0 auto;padding:4rem 1.5rem;line-height:1.8}.article-header{margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.5rem}.article-header h1{font-size:clamp(2rem,1.2rem + 2.2vw,2.6rem);font-weight:700;color:var(--color-theme);margin:0 0 .75rem}.article-meta{display:flex;gap:1.25rem;font-size:.95rem;color:var(--color-text-secondary);margin-bottom:1rem;flex-wrap:wrap}.article-category{color:var(--color-theme);font-weight:600}.article-summary{color:var(--color-text-secondary);font-size:1.1rem;margin:1rem 0 2rem;line-height:1.6}.article{font-size:1.05rem;padding-top:1rem}.article h2,.article h3{color:var(--color-theme);font-weight:700;margin:2.5rem 0 1rem;line-height:1.25;scroll-margin-top:90px}.article h4{font-weight:600;margin-top:2rem;color:var(--color-text-secondary)}.article p{margin:0 0 1.25rem}.article a{color:var(--color-theme);text-decoration:underline;text-underline-offset:2px}.article a:hover{text-decoration-thickness:2px}.article kbd{font-family:var(--font-mono);font-size:.95em;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-bottom-width:2px;padding:.1rem .35rem;border-radius:4px}.article code{font-family:var(--font-mono);background-color:var(--color-highlight);padding:.2rem .4rem;border-radius:4px;font-size:.95rem}.article pre{font-family:var(--font-mono);background-color:var(--color-highlight);padding:1rem;overflow-x:auto;border-radius:var(--radius-s);border:1px solid rgba(255,255,255,.08);margin:2rem 0;font-size:.95rem}.article ul,.article ol{padding-left:1.5rem;margin:0 0 1.25rem}.article li{margin:0 0 .5rem}.article table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.article th,.article td{border:1px solid rgba(255,255,255,.1);padding:.75rem;text-align:left}.article th{background-color:var(--color-highlight);color:var(--color-theme);font-weight:700}.article tbody tr:nth-child(odd) td{background:#ffffff08}.article blockquote{margin:2rem 0;padding:.5rem 1.25rem;border-left:4px solid var(--color-theme);color:var(--color-text-secondary);font-style:italic;background:linear-gradient(90deg,rgba(222,177,38,.09),transparent 60%);border-radius:0 var(--radius-s) var(--radius-s) 0}.pullquote{font-size:clamp(1.2rem,.6rem + 2vw,1.6rem);color:var(--color-text);font-style:normal;border-left-color:transparent;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:#ffffff08}.article img{display:block;max-width:100%;height:auto;margin:1.5rem 0;border-radius:4px;box-shadow:var(--shadow-soft)}.article figure{margin:1.75rem 0}.article figure img{margin:0;border-radius:var(--radius-m)}.article figcaption{font-size:.95rem;color:var(--color-text-secondary);margin-top:.5rem;text-align:center}.img-1-2{width:50%}.img-1-3{width:33.333%}.img-2-3{width:66.666%}.img-sm{width:420px;max-width:100%}.img-lg{width:90%;max-width:var(--wide-w)}.float-left,.float-right{max-width:46%}.float-left{float:left;margin:.25rem 1rem 1rem 0}.float-right{float:right;margin:.25rem 0 1rem 1rem}.float-left img,.float-right img,figure.float-left,figure.float-right{border-radius:var(--radius-l);shape-outside:inset(0 round var(--radius-l))}.landscape{aspect-ratio:16/9}.portrait{aspect-ratio:3/4}.full-bleed{width:var(--full-bleed-w);max-width:none;margin-left:50%;transform:translate(-50%)}.wide{width:var(--wide-w);max-width:none;margin-left:50%;transform:translate(-50%)}.img-frame{border:1px solid rgba(255,255,255,.12);background:#ffffff05}.img-zoom img{transition:transform .25s ease}.img-zoom:hover img{transform:scale(1.02)}.img-grid{display:grid;gap:1rem;margin:1.5rem 0}.img-grid.cols-2{grid-template-columns:repeat(2,1fr)}.img-grid.cols-3{grid-template-columns:repeat(3,1fr)}.img-grid figure,.img-grid img{margin:0}.article-cover{width:100%;max-height:420px;object-fit:cover;border-radius:6px;margin-bottom:2rem;box-shadow:var(--shadow-soft)}.callout{border:1px solid rgba(255,255,255,.12);background:#ffffff08;border-left:4px solid var(--color-theme);padding:1rem 1.25rem;border-radius:var(--radius-s);margin:1.5rem 0}.callout.tip{border-left-color:var(--color-green)}.callout.warn{border-left-color:var(--color-red)}.callout .title{font-weight:700;color:var(--color-theme);margin-bottom:.25rem}.embed{position:relative;width:100%;aspect-ratio:16/9;margin:1.5rem 0;border-radius:var(--radius-s);overflow:hidden;box-shadow:var(--shadow-soft);background:#000}.embed>iframe,.embed>video{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width: 900px){.float-left,.float-right{float:none;max-width:100%;margin:1rem 0;width:100%}.img-1-2,.img-1-3,.img-2-3,.img-sm,.img-lg{width:100%}}@media (max-width: 768px){.article-content{padding:2rem 1rem}.article{font-size:1rem}.article-header h1{font-size:2rem}}.centered{display:block;margin-left:auto;margin-right:auto;text-align:center}