.site-shell{min-height:100vh}.system-header{height:48px;display:flex;align-items:center;gap:1rem;padding:0 1rem;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.window-dots{display:flex;gap:6px}.window-dots i{width:10px;height:10px;border-radius:50%;background:var(--error)}.window-dots i:nth-child(2){background:var(--warning)}.window-dots i:nth-child(3){background:var(--success)}.breadcrumb,.session-label{color:var(--muted);white-space:nowrap}.breadcrumb{flex:1;overflow:hidden;text-overflow:ellipsis}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;min-height:calc(100vh - 84px)}.left-pane,.right-pane{background:var(--panel);padding:1rem;overflow:auto}.left-pane{border-right:1px solid var(--border)}.right-pane{border-left:1px solid var(--border)}.main-pane{min-width:0}.pane-title{position:sticky;top:48px;background:#090909;border-bottom:1px solid var(--border);padding:.45rem 1rem;color:var(--muted);z-index:5;display:flex;justify-content:space-between}.content-area{max-width:1000px;margin:auto;padding:clamp(1rem,4vw,3rem)}.brand-block{padding:1rem 0 2rem;border-bottom:1px solid var(--border)}.ascii-logo{display:block;white-space:pre;color:var(--orange);font-weight:700}.brand-block small{color:var(--muted)}.tree-section,.inspector-section{padding:1rem 0;border-bottom:1px solid var(--border)}.tree-section h2,.inspector-section h2,.widget-title{font-size:.8rem;color:var(--muted);letter-spacing:.08em}.directory-tree{list-style:none;padding:0;margin:0}.directory-tree li{margin:.3rem 0}.directory-tree a{color:var(--white)}.directory-tree a:hover{color:var(--orange)}.category-tree a{color:var(--muted)}.category-tree .children{padding-left:1rem;list-style:none}.system-stats p,.post-meta{color:var(--muted);font-size:.82rem}.post-card{padding:1.5rem;margin:1rem 0;background:var(--panel);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s}.post-card:hover{border-color:var(--orange);box-shadow:var(--glow)}.post-card h2{font-size:1.2rem}.read-more{display:inline-block;margin-top:.5rem}.prompt-line{color:var(--success);font-size:.9rem}.typed-title{min-height:1.4em}.entry-content{overflow-wrap:anywhere}.entry-content a{text-decoration:underline;text-underline-offset:3px}.entry-content table{border-collapse:collapse;width:100%}.entry-content th,.entry-content td{border:1px solid var(--border);padding:.5rem}.entry-content pre{position:relative;padding-top:2.5rem}.entry-content pre code{color:#ddd}.post-stream{display:grid;gap:.75rem}.dashboard{padding:1.5rem;border:1px solid var(--border);background:linear-gradient(135deg,#0d0d0d,#080808)}.dashboard-grid{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.status-bar{height:36px;position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:1.2rem;padding:0 .75rem;background:#0b0b0b;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted)}.mode-badge{background:var(--orange);color:var(--void);padding:.1rem .4rem}.crt-toggle{margin-left:auto;padding:.1rem .4rem;font-size:.72rem}.locked-shell .workspace{height:calc(100vh - 84px);overflow:hidden}.locked-shell .left-pane,.locked-shell .main-pane,.locked-shell .right-pane{overflow:auto}.cli-dialog{width:min(680px,90vw);margin:15vh auto auto;background:#090909;color:var(--white);border:1px solid var(--orange);box-shadow:var(--glow);padding:1.5rem}.cli-dialog::backdrop{background:rgba(0,0,0,.8)}.cli-dialog input{width:75%;background:transparent;color:var(--white);border:0;border-bottom:1px solid var(--orange);outline:none}.dialog-close{float:right;border:0}.cli-output{margin-top:1rem;max-height:50vh;overflow:auto}.cli-result{display:block;padding:.4rem;border-bottom:1px solid var(--border)}.mobile-menu-toggle,.inspector-toggle{display:none}.archive-list{list-style:none;padding:0}.archive-list li{padding:.5rem;border-bottom:1px solid var(--border)}.archive-list span{color:var(--muted)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comment-list{padding-left:1.5rem}.terminal-comment{padding:1rem;border-bottom:1px solid var(--border)}.terminal-comment header{display:flex;justify-content:space-between;color:var(--muted)}.comments-area textarea,.inspector-section input{width:100%;background:#050505;border:1px solid var(--border);color:var(--white);padding:.6rem}.pagination{margin:2rem 0}.pagination .page-numbers{padding:.4rem;border:1px solid var(--border)}.toc-list a{display:block;color:var(--muted);font-size:.82rem}.toc-list a.active{color:var(--orange)}.copy-code{position:absolute;right:.5rem;top:.5rem;font-size:.7rem;padding:.2rem .4rem}
@media(max-width:1199px){.workspace{grid-template-columns:240px minmax(0,1fr)}.right-pane{position:fixed;z-index:25;right:0;top:48px;bottom:36px;width:min(320px,88vw);transform:translateX(105%);transition:transform .25s;box-shadow:-12px 0 30px #000}.right-pane.is-open{transform:translateX(0)}.inspector-toggle{display:block}.session-label{display:none}}
@media(max-width:767px){.workspace{display:block;min-height:calc(100vh - 84px)}.left-pane{position:fixed;z-index:26;top:48px;bottom:36px;left:0;width:min(290px,88vw);transform:translateX(-105%);transition:transform .25s;box-shadow:12px 0 30px #000}.left-pane.is-open{transform:translateX(0)}.mobile-menu-toggle{display:block}.system-header{gap:.6rem;padding:0 .6rem}.window-dots{display:none}.session-label{display:none}.content-area{padding:1rem}.status-bar{gap:.65rem}.status-bar .word-status{display:none}.pane-title{top:48px}}
.home-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.25rem}.home-actions .button{display:inline-block}
@media(max-width:767px){
 html,body{max-width:100%;overflow-x:hidden}
 .system-header{height:52px;gap:.45rem;padding:0 .55rem}
 .breadcrumb{min-width:0;font-size:.72rem}
 .system-header button{flex:0 0 auto;padding:.35rem .45rem;font-size:.68rem;line-height:1.2}
 .workspace{width:100%;min-height:calc(100dvh - 92px)}
 .main-pane{width:100%;max-width:100%;min-width:0}
 .pane-title{top:52px;padding:.35rem .75rem;font-size:.72rem}
 .content-area{width:100%;max-width:100%;padding:1rem .8rem 3.5rem}
 .intro,.dashboard,.archive-header,.error-page{min-width:0;overflow-wrap:anywhere}
 .dashboard{padding:1rem}
 .dashboard-grid{display:grid;grid-template-columns:1fr;gap:.45rem}
 .post-stream{grid-template-columns:minmax(0,1fr);gap:.25rem}
 .post-card{min-width:0;margin:.65rem 0;padding:1rem;overflow-wrap:anywhere}
 .post-card h2,.entry-content h1{font-size:clamp(1.15rem,6vw,1.55rem);overflow-wrap:anywhere}
 .post-meta{display:flex;flex-wrap:wrap;gap:.35rem .7rem}
 .entry-content{min-width:0;overflow-wrap:anywhere;word-break:normal}
 .entry-content pre,.entry-content table,.wp-block-table{display:block;max-width:100%;overflow-x:auto}
 .entry-content img,.wp-block-image img,.wp-block-video video{max-width:100%;height:auto}
 .project-grid{grid-template-columns:minmax(0,1fr)}
 .home-actions{gap:.5rem}
 .left-pane,.right-pane{top:52px;bottom:40px;width:min(340px,88vw);max-width:88vw;overscroll-behavior:contain;z-index:31}
 .left-pane{left:0}.right-pane{right:0}
 .status-bar{height:40px;gap:.45rem;padding:0 .5rem;font-size:.67rem}
 .status-bar .word-status,.status-bar .clock-status{display:none}
 .crt-toggle{font-size:.65rem;padding:.15rem .3rem}
 .cli-dialog{width:calc(100vw - 24px);max-width:520px;margin:12vh auto auto;padding:1rem}
 .cli-dialog input{width:100%;margin-top:.6rem}
 .cli-result{overflow-wrap:anywhere}
}
@media(max-width:380px){
 .breadcrumb{font-size:.65rem}
 .mobile-menu-toggle{font-size:0!important}
 .mobile-menu-toggle:after{content:'[≡]';font-size:.8rem}
 .cli-open{font-size:0!important}
 .cli-open:after{content:'[/]';font-size:.75rem}
 .inspector-toggle{font-size:0!important}
 .inspector-toggle:after{content:'[i]';font-size:.75rem}
 .mode-badge{font-size:.62rem}
}
@media(max-width:767px){
 body.drawer-open:after{content:"";position:fixed;inset:52px 0 40px;background:rgba(0,0,0,.58);z-index:29;pointer-events:auto}
 .left-pane,.right-pane{padding:1rem;box-shadow:0 0 30px rgba(0,0,0,.65)}
 .status-bar{padding-bottom:env(safe-area-inset-bottom);height:calc(40px + env(safe-area-inset-bottom))}
 .left-pane,.right-pane{bottom:calc(40px + env(safe-area-inset-bottom))}
}
/* Mobile reading mode: keep the page at device width and prevent wide blocks from scaling the viewport down. */
@media(max-width:767px){
 html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body,.site-shell{width:100%;max-width:100%;min-width:0;overflow-x:clip}
 .workspace,.main-pane,.content-area,.single-article,.page-article{min-width:0;width:100%;max-width:100%}
 .content-area{padding:.7rem .6rem 4.5rem}
 body{font-size:14px;line-height:1.6}
 .prompt-line,.post-meta{font-size:.75rem}
 .dashboard,.post-card{padding:.8rem}
 .post-card h2{font-size:clamp(1rem,5vw,1.25rem);line-height:1.35}
 .single-article h1,.page-article h1,.error-page h1{font-size:clamp(1.25rem,6vw,1.65rem);line-height:1.3}
 .entry-content h2{font-size:clamp(1.05rem,5vw,1.3rem)}
 .entry-content h3{font-size:1rem}
 .entry-content p,.entry-content li{overflow-wrap:anywhere}
 .entry-content pre,.entry-content table,.wp-block-table,.wp-block-code{width:100%;max-width:100%;overflow-x:auto}
 .entry-content img,.entry-content video,.entry-content iframe,.wp-block-embed iframe{max-width:100%}
 .post-stream,.project-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
 .home-actions>*{max-width:100%}
}
/* Standard mobile document scrolling: no nested main-pane scroll area or fixed footer. */
@media(max-width:767px){
 html,body{height:auto;min-height:100%;overscroll-behavior-y:auto}
 body{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
 body.locked-shell{overflow-y:auto!important}
 .workspace,.locked-shell .workspace{height:auto!important;min-height:0;overflow:visible!important}
 .main-pane,.locked-shell .main-pane{height:auto!important;min-height:0;overflow:visible!important}
 .pane-title{position:static}
 .content-area{padding-bottom:1rem}
 .status-bar{position:relative;inset:auto;width:100%;height:40px;margin-top:1rem;padding:0 .65rem}
 .left-pane,.right-pane{top:52px;bottom:0;max-height:none;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
 body.drawer-open{overflow:hidden!important;position:relative}
 body.drawer-open:after{inset:52px 0 0}
}