.writing-page{background:#fafaf8;color:#1a1a1a}.writing{max-width:720px;margin:0 auto;padding:0 24px 96px}.writing-header{padding-top:64px;padding-bottom:48px;border-bottom:1px solid #c9c5bd;margin-bottom:48px}.writing-meta{font-family:IBM Plex Mono,monospace;font-size:12px;color:#888;letter-spacing:.02em;margin-bottom:24px}.writing-meta-link{color:#888;text-decoration:none;border-bottom:1px solid #ddd;transition:color .15s,border-color .15s}.writing-meta-link:hover{color:#1a1a1a;border-color:#1a1a1a}.meta-sep{margin:0 8px;color:#c9c5bd}.writing-title{font-family:Inter,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:400;letter-spacing:-.03em;line-height:1.1;margin:0 0 16px;color:#1a1a1a}.writing-subtitle{font-family:Inter,sans-serif;font-size:clamp(16px,2.2vw,19px);font-weight:400;line-height:1.5;color:#555;margin:0 0 28px;max-width:620px}.byline{display:flex;flex-direction:column;gap:2px}.byline-name{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a}.byline-role{font-family:IBM Plex Mono,monospace;font-size:12px;color:#888}.crosspost-notice{font-family:IBM Plex Mono,monospace;font-size:11px;color:#888;line-height:1.7;margin:24px 0 0;padding:12px 16px;background:#f4f1ec;border-left:2px solid #5b6478}.crosspost-notice a{color:#5b6478;border-bottom:1px solid #c9c5bd;text-decoration:none}.crosspost-notice a:hover{color:#1a1a1a;border-color:#1a1a1a}.toolbar{display:flex;align-items:center;padding:0 0 40px}.copy-button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;color:#888;border:1px solid #c9c5bd;font-family:IBM Plex Mono,monospace;font-size:11px;cursor:pointer;transition:all .15s;letter-spacing:.02em}.copy-button:hover{color:#1a1a1a;border-color:#1a1a1a}.copy-button.copied{color:#2d5f4f;border-color:#2d5f4f}.writing-section{margin-bottom:64px}.section-number{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;color:#c9c5bd;letter-spacing:.08em;margin:0 0 8px}.section-title{font-family:Inter,sans-serif;font-size:clamp(22px,3vw,28px);font-weight:400;letter-spacing:-.02em;color:#1a1a1a;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #e8e5df}.subsection-title{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:40px 0 16px}.writing-section>p{font-family:Inter,sans-serif;font-size:16px;line-height:1.75;color:#1a1a1a;margin:0 0 20px}.writing-section>p code,.writing-section li code{font-family:IBM Plex Mono,monospace;font-size:13px;background:#f0eeeb;padding:2px 6px;border-radius:2px}.writing-section a{color:#1a1a1a;border-bottom:1px solid #c9c5bd;text-decoration:none;transition:color .15s,border-color .15s}.writing-section a:hover{color:#5b6478;border-color:#5b6478}.pull-quote{font-family:Inter,sans-serif;font-size:clamp(18px,2.5vw,22px);font-weight:300;line-height:1.5;color:#1a1a1a;text-align:center;padding:40px 32px;margin:40px 0;border-top:1px solid #e8e5df;border-bottom:1px solid #e8e5df;letter-spacing:-.01em}.writing-footer{padding-top:0}.footer-rule{height:1px;background:#c9c5bd;margin-bottom:24px}.footer-note{font-family:IBM Plex Mono,monospace;font-size:11px;color:#999;line-height:1.7;margin:0 0 24px}.footer-note a{color:#999;text-decoration:none;border-bottom:1px solid #ddd}.footer-note a:hover{color:#1a1a1a;border-color:#1a1a1a}.footer-back{margin:0}.footer-back a{font-family:IBM Plex Mono,monospace;font-size:12px;color:#888;text-decoration:none;border-bottom:1px solid #ddd;transition:all .15s}.footer-back a:hover{color:#1a1a1a;border-color:#1a1a1a}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:#5b6478;z-index:9999;width:0%}.writing-section .evidence-filmstrip{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 24px 24px;margin:8px -24px 16px;cursor:crosshair}.writing-section .evidence-filmstrip::-webkit-scrollbar{height:4px}.writing-section .evidence-filmstrip::-webkit-scrollbar-track{background:#e8e5df}.writing-section .evidence-filmstrip::-webkit-scrollbar-thumb{background:#c9c5bd;border-radius:2px}.writing-section .exhibit{flex:0 0 80%;max-width:80%;scroll-snap-align:center;padding:20px 22px;background:#fff;border:1px solid #e8e5df;border-radius:4px}.writing-section .exhibit-wide{flex:0 0 88%;max-width:88%}.writing-section .filmstrip-hint{display:flex;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:11px;color:#999;letter-spacing:.02em;margin-bottom:24px}.writing-section .exhibit-label{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#922b3e;margin-bottom:6px}.writing-section .exhibit-title{font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#1a1a1a;margin-bottom:10px;line-height:1.3}.writing-section .exhibit-img{width:100%;height:auto;border:1px solid #e8e5df;border-radius:3px;margin-bottom:12px;cursor:pointer;transition:opacity .15s}.writing-section .exhibit-img:hover{opacity:.85}.writing-section .exhibit-desc{font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.7;color:#555;margin:0}.lightbox-overlay{display:none;position:fixed;inset:0;background:#000000e0;z-index:10000;justify-content:center;align-items:center;cursor:pointer;padding:32px}.lightbox-overlay.active{display:flex}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 8px 40px #0006}.lightbox-close{position:absolute;top:20px;right:28px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;opacity:.7;transition:opacity .15s;font-family:Inter,sans-serif;font-weight:400;line-height:1;z-index:10001}.lightbox-close:hover{opacity:1}@media(max-width:640px){.writing{padding:0 16px 64px}.writing-header{padding-top:40px;padding-bottom:32px;margin-bottom:32px}.writing-meta{font-size:11px}.writing-section{margin-bottom:48px}.pull-quote{padding:28px 16px;font-size:17px}.writing-section .evidence-filmstrip{margin:8px -16px 16px;padding-left:16px;padding-right:16px}.writing-section .exhibit{flex:0 0 85%;max-width:85%;padding:16px 18px}.writing-section .exhibit-wide{flex:0 0 92%;max-width:92%}.lightbox-overlay{padding:16px}.lightbox-close{top:12px;right:16px}}
