.writing-page{background:#f5efed;color:#000;min-height:100vh;font-family:var(--font-jetbrains-mono),monospace}.writing-wireframe{position:relative;min-height:100vh;border:1px solid #000}.writing-wireframe:before{left:5.83%}.writing-wireframe:after,.writing-wireframe:before{content:"";position:fixed;top:0;bottom:0;width:0;border-left:1px solid #7e7e7e;z-index:1;pointer-events:none}.writing-wireframe:after{left:93.13%}.writing-nav-bar{display:flex;justify-content:flex-end;align-items:flex-start;gap:clamp(24px,4vw,56px);height:8.79vh;padding:3.13vh 12% 0 8%;border-bottom:1px solid #7e7e7e;box-sizing:border-box}.writing-nav-link{color:#000;text-decoration:none;font-family:var(--font-jetbrains-mono),monospace;font-size:clamp(16px,1.67vw,24px);font-weight:700;line-height:1.32;transition:opacity .16s ease}.writing-nav-link:hover{opacity:.7}.writing-content-area{padding:3rem 8% 2rem;min-height:calc(100vh - 8.79vh - 6.84vh)}.writing-bottom-strip{height:6.84vh;border-top:1px solid #7e7e7e}.writing-home{position:fixed;top:0;left:0;width:5.83vw;height:8.79vh;z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .16s ease}.writing-home:hover{opacity:.6}.writing-title{font-size:clamp(36px,4.44vw,64px);font-weight:700;text-align:center;margin-bottom:2rem;line-height:1.32}.writing-entry,.writing-title{font-family:var(--font-jetbrains-mono),monospace;color:#000}.writing-entry{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem .6rem .6rem;border:1px solid rgba(0,0,0,.15);border-radius:6px;text-decoration:none;transition:background .2s ease,border-color .2s ease}.writing-entry:hover{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.4)}.writing-entry-img{width:52px;height:52px;border-radius:4px;object-fit:cover;flex-shrink:0}.writing-entry-title{font-size:clamp(12px,1.11vw,16px);font-weight:600;line-height:1.4;flex:1;min-width:0}.writing-entry-icon{width:52px;height:52px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;background:rgba(0,0,0,.04)}.writing-entry-arrow{font-size:clamp(14px,1.25vw,18px);opacity:.4;flex-shrink:0;transition:opacity .2s ease}.writing-entry:hover .writing-entry-arrow{opacity:.8}.writing-article{max-width:680px;margin:0 auto;padding-bottom:3rem}.writing-article-title{font-family:var(--font-jetbrains-mono),monospace;font-size:clamp(28px,3.33vw,48px);font-weight:700;line-height:1.25;color:#000;margin-bottom:.75rem}.writing-article-subtitle{font-family:var(--font-jetbrains-mono),monospace;font-size:clamp(13px,1.11vw,16px);line-height:1.6;color:rgba(0,0,0,.55);margin-bottom:2.5rem}.writing-article-heading{font-size:clamp(18px,1.67vw,24px);font-weight:700;line-height:1.32;color:#000;margin-top:2.5rem;margin-bottom:.75rem}.writing-article-heading,.writing-article-text{font-family:var(--font-jetbrains-mono),monospace}.writing-article-text{font-size:clamp(13px,1.04vw,15px);line-height:1.75;color:rgba(0,0,0,.8);margin-bottom:1rem}@media (max-width:768px){.writing-nav-bar{padding:0 16px;gap:16px}.writing-content-area{padding:2rem 16px 1rem}}