.reading-progress{z-index:200;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-bar{background:#8551b8;width:0;height:100%;transition:background .4s}.article-main{z-index:1;min-height:100vh;position:relative}.article-hero{max-width:740px;margin:0 auto;padding:56px 44px 48px;position:relative}.hero-doodles-wrap{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.back-btn-wrap{z-index:2;margin-bottom:36px;position:relative}.article-meta{z-index:2;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex;position:relative}.article-date,.article-time{letter-spacing:.02em;font-size:.88rem}.article-title{color:#171c26;z-index:2;margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.18;position:relative}.article-body{max-width:740px;margin:0 auto;padding:0 44px 48px;position:relative}.article-section{position:relative}.ab-text{text-wrap:pretty;max-width:620px;margin-bottom:18px;line-height:1.48}.ab-heading{margin-bottom:4px;font-size:clamp(1.4rem,2.5vw,1.85rem)}.margin-note{opacity:.7;width:140px;font-size:.82rem;line-height:1.3;position:absolute}.margin-right{text-align:left;top:8px;right:-170px}.margin-left{text-align:right;top:8px;left:-170px}.pull-quote{border-left:none;margin:36px 0 36px -12px;padding:20px 28px 20px 32px;position:relative}.pq-marks{opacity:.3;font-family:Gochi Hand,cursive;font-size:3.2rem;line-height:.8;position:absolute;top:6px;left:0}.pq-text{padding-left:24px;font-size:clamp(1.3rem,2.2vw,1.6rem);line-height:1.4}.polaroid-row{flex-wrap:wrap;justify-content:center;gap:24px;margin:32px 0;display:flex}.polaroid-single{justify-content:center}.article-polaroid{background:#fff;width:200px;padding:10px 10px 0;position:relative;box-shadow:1px 2px 10px #00000014,0 0 0 1px #0000000a}.ap-pin{z-index:2;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.ap-img{aspect-ratio:4/3;background:#eeeff1;border:1px solid #e3e5e8;justify-content:center;align-items:center;width:100%;display:flex}.ap-placeholder{letter-spacing:.08em;color:#7e889a;font-family:Gochi Hand,cursive;font-size:.75rem}.ap-caption{text-align:center;color:#3f4550;padding:10px 4px 14px;font-size:.88rem}.code-block{background:#f6f7f9;border:1px solid #dddfe4;border-radius:6px;margin:24px 0;overflow:hidden}.code-label{color:#8551b8;background:#f5effb;border-bottom:1px solid #dddfe4;padding:8px 16px;font-size:.82rem;display:block}.code-pre{color:#171c26;margin:0;padding:16px 20px;font-family:Fira Code,monospace;font-size:.82rem;line-height:1.6;overflow-x:auto}.section-divider{justify-content:center;align-items:center;gap:6px;padding:32px 0;display:flex}.article-footer{max-width:740px;margin:0 auto;padding:0 44px 64px}.article-footer-inner{border-top:1px solid #dddfe4;justify-content:space-between;align-items:center;padding-top:28px;display:flex}@media (max-width:1100px){.margin-note{display:none}}@media (max-width:700px){.article-hero{padding:40px 22px 36px}.article-body{padding:0 22px 36px}.article-footer{padding:0 22px 48px}.article-polaroid{width:160px}.polaroid-row{gap:16px}}