:root{--silver:#c0c0c0;--dark:#000080;--teal:#008080;--white:#fff;--black:#000;--mid:#808080;--light:#dfdfdf;--shadow:#404040;--blue:#0000a8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"MS Sans Serif",Tahoma,Geneva,sans-serif;font-size:13px;background:var(--teal);color:#000}body{overflow-x:hidden}a{color:#000080}button,input,textarea{font:inherit}.desktop-shell{min-height:100vh;padding-bottom:34px}.desktop-menubar{height:25px;background:var(--silver);border-bottom:2px solid #fff;box-shadow:0 2px 0 #404040;display:flex;align-items:center;padding:0 8px;gap:18px}.brand-mini{font-weight:bold}.desktop-tagline{color:#444;font-size:11px}.desktop-area{position:relative;min-height:calc(100vh - 59px);padding:22px}.desktop-icons{position:absolute;left:18px;top:18px;display:grid;gap:16px;width:80px}.desktop-icon{color:#fff;text-decoration:none;text-shadow:1px 1px #000;text-align:center;padding:4px}.desktop-icon:hover,.desktop-icon:focus{outline:1px dotted #fff;background:rgba(0,0,128,.35)}.pixel-icon{display:block;font-size:31px;height:40px}.window{background:var(--silver);border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px 0 #000}.main-window{width:min(980px,calc(100vw - 160px));margin:32px auto 50px}.content-window,.admin-window,.editor-window{width:min(1120px,calc(100vw - 70px));margin:18px auto}.post-window{max-width:980px}.dialog-window,.login-window{width:min(540px,calc(100vw - 30px));margin:90px auto}.titlebar{height:28px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:3px 3px 3px 7px;font-weight:bold}.titlebar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-controls{display:flex;gap:2px}.window-controls button,.window-controls a{width:22px;height:20px;background:var(--silver);color:#000;text-decoration:none;border:2px solid;border-color:#fff #404040 #404040 #fff;padding:0;text-align:center;line-height:15px;font-weight:bold}.menu-row{display:flex;gap:20px;padding:5px 9px;border-bottom:1px solid #808080}.menu-row span:first-letter{text-decoration:underline}.toolbar-row{display:flex;align-items:center;gap:5px;padding:5px;border-bottom:1px solid #808080;flex-wrap:wrap}.toolbar-row a,.toolbar-row button{background:var(--silver);color:#000;text-decoration:none;border:1px solid transparent;padding:4px 9px}.toolbar-row a:hover,.toolbar-row button:hover{border-color:#fff #808080 #808080 #fff}.toolbar-row form{margin:0}.address-row{display:flex;gap:7px;align-items:center;padding:4px 7px;border-bottom:1px solid #808080}.address-field{background:#fff;border:2px inset #ddd;padding:3px 6px;flex:1;font-family:monospace}.window-body{padding:10px}.inset{border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff}.outset,.classic-button{border:2px solid;border-color:#fff #404040 #404040 #fff;background:var(--silver)}.classic-button{display:inline-block;padding:5px 14px;color:#000;text-decoration:none;cursor:pointer;box-shadow:1px 1px 0 #000}.classic-button:active{border-color:#404040 #fff #fff #404040;box-shadow:none;transform:translate(1px,1px)}.statusbar{display:flex;gap:4px;padding:3px}.statusbar span{border:1px inset #ddd;padding:2px 6px;flex:1}.home-grid{display:grid;grid-template-columns:1fr 220px;gap:10px}.welcome-panel{padding:22px;background:#fff}.welcome-panel h1,.section-intro h1{font-size:28px;margin:0 0 10px}.welcome-panel p{max-width:700px;line-height:1.5}.stats-strip{display:flex;gap:8px;margin-top:24px}.stats-strip div{background:var(--silver);border:2px outset #eee;padding:12px;min-width:90px;text-align:center}.stats-strip strong{display:block;font-size:24px}.stats-strip span{font-size:11px}.sidebar-panel{grid-row:1 / span 2;background:#fff;border:2px inset #ddd;padding:5px}.panel-heading{font-weight:bold;background:#000080;color:#fff;padding:5px;margin-bottom:4px}.sidebar-panel a{display:block;padding:7px;text-decoration:none}.sidebar-panel a:hover{background:#000080;color:#fff}.latest-panel{padding:12px}.latest-panel h2{margin:0 0 6px;font-size:16px}.post-row{display:grid;grid-template-columns:220px 1fr;gap:10px;border-top:1px solid #ddd;padding:8px 2px}.post-row small,.admin-row small{display:block;color:#666;margin-top:3px}.post-row p{margin:0}.explorer-layout{display:grid;grid-template-columns:210px 1fr;min-height:500px}.explorer-side{padding:18px;background:linear-gradient(#fff,#d6d6d6);border-right:1px solid #888}.big-folder{font-size:48px}.explorer-side h2{margin:5px 0}.file-counter{margin-top:25px;font-weight:bold}.file-list{overflow:auto}.file-list-head,.file-row{display:grid;grid-template-columns:1.2fr 1.5fr 120px;gap:8px;padding:6px 8px}.file-list-head{background:var(--silver);font-weight:bold;border-bottom:2px ridge #fff}.file-row{text-decoration:none;color:#000;border-bottom:1px dotted #ccc}.file-row:hover{background:#000080;color:#fff}.file-name{font-weight:bold}.empty-state{padding:14px;color:#555}.roomy{padding:40px;text-align:center}.blog-index{background:#fff;min-height:550px}.section-intro{padding:8px 10px 18px;border-bottom:1px dotted #888}.blog-card{display:grid;grid-template-columns:180px 1fr;gap:14px;margin:14px;padding:10px}.blog-card img{width:180px;height:130px;object-fit:cover;border:2px inset #ddd}.blog-card h2{margin:0 0 3px}.article-page{padding:28px;max-width:900px;margin:5px auto 20px;line-height:1.55}.article-page h1{font-size:30px;margin-top:0}.article-meta{color:#555;border-bottom:1px solid #aaa;padding-bottom:10px;margin-bottom:18px}.featured-image{max-width:100%;display:block;margin:0 auto 20px;border:2px inset #ddd}.article-content pre{background:#111;color:#eee;padding:12px;overflow:auto}.article-content code{font-family:Consolas,monospace}.article-content img{max-width:100%}.about-box{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:22px}.about-icon{font-size:54px}.muted{color:#666}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;padding:10px}.error-body{display:flex;gap:18px;align-items:center;padding:24px}.error-symbol{width:45px;height:45px;border-radius:50%;background:#d40000;color:#fff;font-size:34px;font-weight:bold;text-align:center;line-height:42px}.taskbar{position:fixed;left:0;right:0;bottom:0;height:34px;background:var(--silver);border-top:2px solid #fff;display:flex;align-items:center;padding:3px;z-index:1000}.start-button,.task-button,.tray{height:27px;border:2px solid;border-color:#fff #404040 #404040 #fff;background:var(--silver);display:flex;align-items:center}.start-button{font-weight:bold;padding:0 9px;cursor:pointer}.win-logo{font-size:18px;margin-right:5px}.task-divider{width:2px;height:25px;border-left:1px solid #808080;border-right:1px solid #fff;margin:0 4px}.task-button{padding:0 12px;text-decoration:none;color:#000;min-width:130px}.task-spacer{flex:1}.tray{padding:0 8px;gap:8px;border-color:#808080 #fff #fff #808080}.start-menu{position:fixed;left:3px;bottom:33px;width:290px;display:none;background:var(--silver);border:2px solid;border-color:#fff #000 #000 #fff;z-index:999}.start-menu.open{display:flex}.start-rail{width:32px;background:#808080;color:#c0c0c0;position:relative}.start-rail span{position:absolute;bottom:7px;left:6px;font-size:18px;font-weight:bold;writing-mode:vertical-rl;transform:rotate(180deg)}.start-items{flex:1;padding:4px}.start-items a{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:5px;color:#000;text-decoration:none;padding:7px}.start-items a:hover{background:#000080;color:#fff}.start-items b{font-size:25px;text-align:center}.start-items small{display:block;font-size:10px;margin-top:2px}.menu-sep{border-top:1px solid #808080;border-bottom:1px solid #fff;margin:3px}.system-message{max-width:900px;margin:0 auto 8px;padding:7px 10px;background:var(--silver);border:2px outset #eee}.system-message.error{color:#8b0000}.system-message.ok{color:#006400}.login-form{padding:16px}.login-copy{display:flex;gap:10px;align-items:center}.login-icon{font-size:38px}.login-form label,.editor-fields label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px;margin:8px 0}.login-form input,.editor-form input,.editor-form textarea,.upload-box input{border:2px inset #ddd;background:#fff;padding:5px}.admin-grid{display:grid;gap:14px}.control-group{border:2px groove #eee;padding:14px 8px 8px;position:relative}.group-title{position:absolute;top:-8px;left:10px;background:var(--silver);padding:0 5px;font-weight:bold}.admin-table{margin-top:2px}.admin-row{display:grid;grid-template-columns:1.7fr 100px 150px 150px;gap:8px;align-items:center;padding:7px;border-bottom:1px solid #ddd}.admin-head{background:var(--silver);font-weight:bold}.actions{display:flex;gap:4px}.actions form{margin:0}.mini{padding:3px 7px;font-size:11px}.upload-box{display:flex;gap:10px;align-items:end;margin:8px 0}.upload-box label{flex:1}.upload-box input{display:block;width:100%;margin-top:4px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;padding:8px;max-height:330px;overflow:auto}.image-tile{background:var(--silver);border:2px outset #eee;padding:5px}.image-tile img{width:100%;height:100px;object-fit:cover;background:#fff}.image-tile input{width:100%;font-size:10px}.image-tile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-status{display:flex;gap:12px}.folder-status>div{flex:1;border:2px outset #eee;padding:10px;font-size:16px}.folder-status strong{float:right}.folder-status small{display:block;font-size:11px;margin-top:5px}.editor-form{padding:10px}.editor-fields{border:2px groove #eee;padding:10px}.editor-fields label{grid-template-columns:150px 1fr}.editor-fields .publish-check{display:flex}.editor-main{margin-top:10px}.editor-toolbar{background:var(--silver);border:2px outset #eee;padding:6px}.editor-main textarea{width:100%;min-height:450px;resize:vertical;font-family:Consolas,"Courier New",monospace}.error-dialog h2{margin:0 0 5px}
@media(max-width:760px){.desktop-area{padding:8px}.desktop-icons{position:static;display:flex;width:auto;gap:5px;margin:6px 0 12px}.desktop-icon{width:70px}.main-window,.content-window,.admin-window,.editor-window{width:100%;margin:0 auto 45px}.home-grid,.explorer-layout{grid-template-columns:1fr}.sidebar-panel{grid-row:auto}.explorer-side{border-right:0;border-bottom:1px solid #888}.file-list-head,.file-row{grid-template-columns:1fr}.file-list-head span:not(:first-child),.file-row span:not(:first-child){display:none}.blog-card{grid-template-columns:1fr}.blog-card img{width:100%;height:180px}.admin-row{grid-template-columns:1fr}.admin-head{display:none}.folder-status{flex-direction:column}.post-row{grid-template-columns:1fr}.desktop-tagline{display:none}.task-button{min-width:80px}.login-form label,.editor-fields label{grid-template-columns:1fr}.upload-box{flex-direction:column;align-items:stretch}}

/* Home window layout fix: keep the right-side information panel and stat boxes contained. */
.home-grid{grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:"sidebar welcome" "sidebar latest";align-items:stretch}
.sidebar-panel{grid-area:sidebar;grid-row:auto;min-width:0}
.welcome-panel{grid-area:welcome;min-width:0;padding:18px}
.latest-panel{grid-area:latest;min-width:0}
.welcome-panel h1{font-size:27px}
.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px;width:100%}
.stats-strip div{min-width:0;padding:10px 4px;overflow:hidden}
.stats-strip strong{font-size:22px}
.stats-strip span{display:block;line-height:1.1;overflow-wrap:anywhere}
@media(max-width:760px){
  .home-grid{grid-template-columns:1fr;grid-template-areas:"welcome" "sidebar" "latest"}
  .stats-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Blog search, tags, and easier post image uploads */
.blog-search{display:flex;align-items:center;gap:7px;padding:8px;margin:10px 10px 6px;background:var(--silver)}
.blog-search label{font-weight:bold}
.blog-search input{flex:1;min-width:120px;border:2px inset #ddd;background:#fff;padding:5px}
.tag-filter-bar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px 10px 10px;border-bottom:1px dotted #999}
.tag-filter-bar>span{font-weight:bold;margin-right:3px}
.tag-chip{display:inline-block;background:var(--silver);border:2px solid;border-color:#fff #404040 #404040 #fff;color:#000;text-decoration:none;padding:2px 7px;font-size:11px;line-height:1.2}
.tag-chip:hover,.tag-chip.active{background:#000080;color:#fff;border-color:#808080 #fff #fff #808080}
.post-tags{display:flex;gap:4px;flex-wrap:wrap;margin:7px 0}
.article-tags{margin:-7px 0 18px}
.search-summary{margin:8px 12px;padding:6px 8px;background:#ffffe1;border:1px solid #808080}
.field-hint{margin:-3px 0 7px 158px;color:#555;font-size:11px}
.editor-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.editor-toolbar>span:first-child{flex:1}
#inline-upload-status{font-size:11px;font-weight:bold}
@media(max-width:760px){.blog-search{flex-wrap:wrap}.blog-search input{flex-basis:100%}.field-hint{margin:0 0 7px}.editor-toolbar>span:first-child{flex-basis:100%}}

/* v6: sane blog image sizes + editor markdown reference */
.featured-image{
  width:auto;
  max-width:min(100%,680px);
  max-height:480px;
  object-fit:contain;
  display:block;
  margin:0 auto 20px;
}
.article-content img{
  width:auto;
  max-width:min(100%,680px);
  max-height:560px;
  height:auto;
  object-fit:contain;
  display:block;
  margin:14px auto;
  border:2px inset #ddd;
}
.editor-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:10px;
  align-items:start;
  margin-top:10px;
}
.editor-workspace .editor-main{margin-top:0;min-width:0}
.markdown-key{position:sticky;top:10px;box-shadow:none}
.markdown-key-title{height:24px;font-size:12px}
.markdown-key-body{padding:6px;background:var(--silver);max-height:540px;overflow:auto}
.markdown-key-body>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px;align-items:start;padding:5px 3px;border-bottom:1px solid #999;border-top:1px solid #eee}
.markdown-key-body>div:first-child{border-top:0}
.markdown-key-body code{display:block;background:#fff;border:2px inset #ddd;padding:3px 5px;font-family:Consolas,"Courier New",monospace;font-size:11px;overflow-wrap:anywhere;white-space:normal}
.markdown-key-body b{font-size:11px}
.markdown-key-wide{grid-template-columns:1fr!important}
@media(max-width:900px){.editor-workspace{grid-template-columns:1fr}.markdown-key{position:static}.markdown-key-body{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.markdown-key-body>div{grid-template-columns:1fr}.markdown-key-wide{grid-column:1/-1}}
@media(max-width:560px){.markdown-key-body{grid-template-columns:1fr}.markdown-key-wide{grid-column:auto}.featured-image,.article-content img{max-height:420px}}

/* v8: desktop editor uses the available screen instead of wasting it */
.editor-window{
  width:min(1540px,calc(100vw - 48px));
  max-width:none;
  margin:18px auto 44px;
}
.editor-workspace{
  grid-template-columns:minmax(620px,1fr) 420px;
  gap:12px;
  align-items:start;
}
.editor-main textarea{
  min-height:520px;
}
.markdown-key{
  position:sticky;
  top:10px;
  width:100%;
}
.markdown-key-body{
  max-height:none;
  overflow:visible;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  padding:6px;
}
.markdown-key-body>div{
  display:block;
  min-width:0;
  padding:5px;
  border:1px solid #999;
  border-top-color:#eee;
  border-left-color:#eee;
}
.markdown-key-body>div:first-child{border-top-color:#eee}
.markdown-key-body b{
  display:block;
  margin-bottom:3px;
  font-size:11px;
}
.markdown-key-body code{
  min-height:27px;
  font-size:11px;
  line-height:1.25;
}
.markdown-key-wide{
  grid-column:1/-1;
}
@media(max-width:1180px){
  .editor-window{width:calc(100vw - 24px)}
  .editor-workspace{grid-template-columns:minmax(0,1fr) 340px}
  .markdown-key-body{grid-template-columns:1fr}
  .markdown-key-wide{grid-column:auto}
}
@media(max-width:900px){
  .editor-window{width:100%;margin:0 auto 45px}
  .editor-workspace{grid-template-columns:1fr}
  .markdown-key{position:static}
  .markdown-key-body{grid-template-columns:repeat(2,minmax(0,1fr))}
  .markdown-key-wide{grid-column:1/-1}
}
@media(max-width:560px){
  .markdown-key-body{grid-template-columns:1fr}
  .markdown-key-wide{grid-column:auto}
}