.article-back-link{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:12px 0;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:color .2s;display:inline-flex}body.dark-mode .article-back-link{color:var(--ink-mute)}.article-back-link:hover{color:var(--ink)}.article-back-link svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:14px;height:14px}.article-page-wrapper{background:var(--bg-color,var(--paper));min-height:100vh;transition:background .3s}.article-content-area{width:100%;max-width:1200px;margin:0 auto;padding:100px 24px 80px}.article-hero-section{aspect-ratio:16/9;background:#163b5e0d;border-radius:12px;width:100%;max-height:600px;margin-top:24px;margin-bottom:48px;position:relative;overflow:hidden}.article-hero-img{object-fit:cover;width:100%;height:100%;display:block}body.dark-mode .article-hero-section{background:#ffffff0d}.article-meta-row{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.article-meta-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--teal,#45a8a1);border:1px solid var(--teal,#45a8a1);border-radius:100px;padding:4px 14px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.4}.article-meta-date{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11px}body.dark-mode .article-meta-date{color:var(--ink-mute)}.article-headline{letter-spacing:-.02em;color:var(--ink);max-width:900px;margin:0 0 32px;font-family:Jost,Space Grotesk,sans-serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:600;line-height:1.15}.article-share-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:48px;display:flex}.article-share-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-right:6px;font-family:JetBrains Mono,monospace;font-size:10px}body.dark-mode .article-share-label{color:var(--ink-mute)}.article-share-btn{border:1px solid var(--line-strong,#0e0e1226);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s;display:inline-flex}.article-share-btn:hover{background:var(--teal,#45a8a1);border-color:var(--teal,#45a8a1);color:#fff;transform:translateY(-2px)}.article-share-btn svg{fill:currentColor;width:16px;height:16px}.article-share-btn.copied{background:var(--teal,#45a8a1);border-color:var(--teal,#45a8a1);color:#fff}body.dark-mode .article-share-btn{color:var(--ink-mute);border-color:#ece8dc2e}body.dark-mode .article-share-btn:hover{background:var(--teal,#45a8a1);border-color:var(--teal,#45a8a1);color:#fff}.article-divider{background:var(--line,#0e0e1214);border:none;width:100%;height:1px;margin:16px 0 32px}body.dark-mode .article-divider{background:var(--line,#ece8dc1a)}.article-body{text-align:justify;width:100%}.article-body p{letter-spacing:.01em;color:var(--ink);margin:0 0 32px;font-family:Futura,sans-serif;font-size:13px;font-weight:600;line-height:1.85}.article-body p:last-child{margin-bottom:0}body.dark-mode .article-body p{color:#e8e6e1b8}.article-inline-image{background:#163b5e0d;border-radius:12px;width:100%;margin:48px 0;overflow:hidden}body.dark-mode .article-inline-image{background:#ffffff0d}.article-inline-image img{object-fit:cover;width:100%;height:auto;max-height:800px;display:block}@media (max-width:768px){.article-content-area{padding:88px 16px 60px}.article-hero-section{aspect-ratio:4/3;border-radius:8px;margin-bottom:32px}.article-headline{margin-bottom:24px;font-size:1.6rem}.article-body p{font-size:13px;line-height:1.75}.article-gallery-grid{grid-template-columns:1fr;gap:12px}.article-share-row,.article-divider{margin-bottom:36px}}@media (max-width:480px){.article-headline{font-size:1.35rem}.article-meta-row{gap:12px}.article-share-btn{width:34px;height:34px}.article-share-btn svg{width:14px;height:14px}}.article-lightbox{z-index:9990;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;padding:40px;animation:.25s lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.article-lightbox img{object-fit:contain;border-radius:6px;max-width:90vw;max-height:85vh;box-shadow:0 20px 60px #00000080}.article-lightbox-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:8px;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:24px;right:28px}.article-lightbox-close:hover{color:#fff}