/* K8E Win2K V6 — Shared Stylesheet — August 2026 */
:root {
  --wg: #c0c0c0; --wl: #ffffff; --wd: #808080; --wk: #404040;
  --tb: #000080; --tl: #1084d0; --gc: #00cc00; --rc: #cc0000; --yc: #886600;
  --desktop: #008080; --font: "Tahoma","MS Sans Serif",Arial,sans-serif; --mono: "Courier New",monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;overflow:hidden;}
body{font-family:var(--font);font-size:13px;color:#000;background-color:var(--desktop);background-image:url('win2kwallpaper.jpg');background-size:cover;background-position:center;background-attachment:fixed;user-select:none;}
body.wp-matrix{background-color:#000;background-image:linear-gradient(rgba(0,30,0,.85) 50%,transparent 50%),linear-gradient(90deg,rgba(0,255,70,.04) 1px,transparent 1px);background-size:100% 4px,20px 20px;}
body.wp-night{background-color:#060a14;background-image:radial-gradient(1px 1px at 80px 60px,#fff,transparent),radial-gradient(1px 1px at 240px 40px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 400px 100px,#fff,transparent),linear-gradient(180deg,#060a14 0%,#0d1b30 60%,#152240 100%);background-size:600px 200px,600px 200px,600px 200px,100% 100%;}
body.wp-teal{background-color:#008080;background-image:none;}

#desktop{position:fixed;top:0;left:0;right:0;bottom:30px;padding:10px;display:flex;flex-direction:column;flex-wrap:wrap;gap:4px;align-content:flex-start;pointer-events:none;}
.di{width:80px;text-align:center;cursor:pointer;padding:5px 3px;border:1px solid transparent;pointer-events:all;}
.di:hover{background:rgba(0,0,128,.35);border:1px dotted #fff;}
.di .dii{width:34px;height:34px;margin:0 auto 5px;background:var(--wg);border:2px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);display:flex;align-items:center;justify-content:center;font-size:18px;}
.di .dil{color:#fff;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;font-size:12px;line-height:1.3;word-break:break-word;font-weight:bold;}

.win{position:fixed;background:var(--wg);border:2px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);box-shadow:2px 2px 0 rgba(0,0,0,.4);display:none;flex-direction:column;z-index:20;min-width:300px;min-height:200px;}
.win.vis{display:flex;min-height:0;}
.win.maxed{top:0!important;left:0!important;width:100%!important;height:calc(100vh - 30px)!important;transform:none!important;right:auto!important;border:1px solid var(--wk);box-shadow:none;}

.titbar{background:linear-gradient(90deg,var(--tb) 0%,var(--tl) 100%);color:#fff;padding:4px 6px;display:flex;align-items:center;justify-content:space-between;height:22px;cursor:move;font-weight:bold;font-size:13px;flex-shrink:0;}
.titbar .tl{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.titbar .tl::before{content:"■";font-size:10px;flex-shrink:0;}
.wctrl{display:flex;gap:2px;flex-shrink:0;}
.wb{width:18px;height:16px;background:var(--wg);border:1px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);font-size:11px;line-height:14px;text-align:center;cursor:pointer;color:#000;font-weight:bold;}
.wb:active{border-color:var(--wk) var(--wl) var(--wl) var(--wk);}

/* MENU BAR — bigger, readable */
.mbar{display:flex;border-bottom:2px solid var(--wk);background:var(--wg);padding:2px 0;flex-shrink:0;flex-wrap:wrap;}
.mbtn{padding:3px 10px;font-size:12px;background:transparent;border:none;cursor:pointer;font-family:var(--font);white-space:nowrap;color:#000;font-weight:500;}
.mbtn:hover{background:var(--tb);color:#fff;}

.wbody{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:6px;min-height:0;}.wbody.nopad{padding:0;min-height:0;}
.wbody.nopad{padding:0;}
.wsplit{display:flex;flex:1;overflow:hidden;min-height:0;}

/* NAV PANEL — white background, dark text, readable */
.wnav{width:180px;background:#fff;border-right:2px solid;border-color:var(--wk) var(--wl) var(--wl) var(--wk);overflow-y:auto;flex-shrink:0;min-height:0;}
.wcontent{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;}

/* STATUS LINE */
.sl{background:#000;color:var(--gc);font-family:var(--mono);font-size:11px;padding:4px 10px;margin-bottom:6px;border:1px solid #333;letter-spacing:.5px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* CONTENT AREA — white, generous font */
.ca{background:#fff;border:2px solid;border-color:var(--wk) var(--wl) var(--wl) var(--wk);padding:16px 20px;overflow-y:scroll;font-size:13px;line-height:1.7;flex:1;user-select:text;color:#000;min-height:0;}
.ca h1{font-size:22px;color:#000080;margin-bottom:12px;font-weight:bold;}
.ca h2{font-size:16px;margin:16px 0 7px;border-bottom:2px solid #c0c0c0;padding-bottom:4px;color:#000080;font-weight:bold;}
.ca h3{font-size:14px;margin:12px 0 5px;color:#000;font-weight:bold;}
.ca p{margin-bottom:10px;}
.ca a{color:#0000cc;cursor:pointer;text-decoration:underline;}
.ca a:hover{color:#000080;}
.ca ul,.ca ol{margin:0 0 10px 24px;}
.ca li{margin-bottom:5px;}
.ca blockquote{border-left:4px solid #000080;padding:8px 14px;margin:12px 0;background:#f0f0ff;color:#000;font-style:italic;font-size:13px;}

/* SECTION BOX — white background, clear border, readable text */
.sb{background:#fff;border:2px solid;border-color:var(--wk) var(--wl) var(--wl) var(--wk);padding:12px 14px;margin:12px 0;line-height:1.7;color:#000;font-size:13px;}
.sb.accent{border-left:4px solid #000080;background:#f0f0ff;}
.sb.warn{border-left:4px solid var(--rc);background:#fff0f0;}
.sb.good{border-left:4px solid #006600;background:#f0fff0;}

.hr{color:#cc0000;font-weight:bold;}
.hg{color:#005500;font-weight:bold;}
.hy{color:#664400;font-weight:bold;}

/* BUTTONS */
.br{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap;}
.cbtn{background:var(--wg);border:2px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);padding:5px 18px;font-family:var(--font);font-size:12px;cursor:pointer;min-width:90px;text-align:center;color:#000;}
.cbtn:active{border-color:var(--wk) var(--wl) var(--wl) var(--wk);}
.cbtn.prim{font-weight:bold;}
.cbtn:hover{background:#d4d0c8;}

/* NAV TREE — white bg, dark readable text */
.nsh{font-weight:bold;padding:7px 10px;font-size:13px;color:#000;border-bottom:2px solid #c0c0c0;cursor:pointer;background:#e8e8e8;display:flex;justify-content:space-between;align-items:center;}
.nsh:hover{background:#d0d0d0;}
.nl a{display:block;padding:6px 10px 6px 18px;color:#000080;text-decoration:none;font-size:12px;border-bottom:1px solid #e0e0e0;font-weight:500;}
.nl a:hover{background:#000080;color:#fff;}
.nl a.cur{background:#000080;color:#fff;font-weight:bold;}
.nl.coll{display:none;}

/* CREATORS */
.cr{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #e0e0e0;}
.ci{width:32px;height:32px;background:#000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:bold;flex-shrink:0;}

/* STATUS TABLE */
.stbox{display:flex;flex-direction:column;gap:0;font-size:12px;}
.str{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #e0e0e0;}
.stb{font-weight:bold;}
.stb.g{color:#005500;}
.stb.r{color:#cc0000;}
.stb.y{color:#664400;}

.console{font-family:var(--mono);font-size:11px;color:#00cc00;background:#000;padding:6px 8px;border:1px solid #333;line-height:1.8;margin-top:10px;}
.rh{position:absolute;bottom:0;right:0;width:14px;height:14px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,var(--wd) 50%);z-index:1;}

/* TASKBAR */
#taskbar{position:fixed;bottom:0;left:0;right:0;height:32px;background:var(--wg);border-top:2px solid var(--wl);display:flex;align-items:center;gap:3px;padding:0 4px;z-index:9000;}
#startbtn{display:flex;align-items:center;gap:6px;padding:2px 12px;font-weight:bold;font-size:13px;background:var(--wg);border:2px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);cursor:pointer;height:24px;white-space:nowrap;font-family:var(--font);}
#startbtn:active{border-color:var(--wk) var(--wl) var(--wl) var(--wk);}
.klogo{width:20px;height:20px;background:#000080;color:#00ff41;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.tbdiv{width:1px;height:22px;background:var(--wd);border-right:1px solid var(--wl);margin:0 3px;flex-shrink:0;}
#taskbtns{display:flex;gap:3px;flex:1;overflow:hidden;min-width:0;}
.ttbtn{padding:2px 10px;font-size:12px;height:24px;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:var(--wg);border:2px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);cursor:pointer;font-family:var(--font);flex-shrink:0;color:#000;}
.ttbtn.act{border-color:var(--wk) var(--wl) var(--wl) var(--wk);background:#b8b8b8;}

/* K8E TRAY */
#k8etray{display:flex;align-items:center;border:2px solid;border-color:var(--wd) var(--wl) var(--wl) var(--wd);height:24px;cursor:pointer;flex-shrink:0;}
.tray-pill{padding:0 8px;font-size:11px;height:100%;display:flex;align-items:center;font-family:var(--mono);letter-spacing:.5px;border-right:1px solid var(--wd);color:#000;}
.tray-pill:last-child{border-right:none;}
.tray-pill.sig{color:#005500;font-weight:bold;}
.tray-pill.day{color:#cc0000;font-weight:bold;}
.tray-pill.clk{min-width:62px;text-align:center;font-weight:bold;}
.tray-dot{width:7px;height:7px;border-radius:50%;background:#00cc00;box-shadow:0 0 4px #00cc00;animation:kpulse 2s infinite;margin-right:5px;}
@keyframes kpulse{0%,100%{opacity:1;}50%{opacity:.3;}}

/* START MENU */
#startmenu{position:fixed;bottom:32px;left:0;width:250px;max-height:calc(100vh - 40px);background:var(--wg);border:2px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);box-shadow:2px 2px 4px rgba(0,0,0,.4);display:none;z-index:9999;overflow-y:auto;}
#startmenu.open{display:flex;}
.smbanner{background:linear-gradient(180deg,var(--tb) 0%,#1a4080 100%);color:#fff;width:30px;flex-shrink:0;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:17px;font-weight:bold;letter-spacing:3px;display:flex;align-items:center;justify-content:center;}
.smitems{flex:1;overflow-y:auto;}
.smg{border-bottom:1px solid var(--wd);}
.smg:last-child{border:none;}
.mi{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:13px;cursor:pointer;font-family:var(--font);color:#000;}
.mi:hover{background:var(--tb);color:#fff;}
.mi .mii{width:22px;text-align:center;font-size:15px;flex-shrink:0;}
.misep{height:1px;background:var(--wd);margin:3px 0;border-bottom:1px solid var(--wl);}

video{width:100%;display:block;background:#000;border:2px solid var(--wk);}
audio{width:100%;margin:8px 0;}
img.poster{width:100%;max-width:500px;border:2px solid var(--wk);display:block;margin:0 auto;}

/* ════════════════════════════════════════════
   K8E V6 — DEFINITIVE SCROLL CHAIN FIX
   All rules use !important to beat earlier defs
   ════════════════════════════════════════════ */

/* Window shells */
.win          { display:none !important; }
.win.vis      { display:flex !important; flex-direction:column !important; overflow:hidden !important; }
.win.maxed    { display:flex !important; flex-direction:column !important; overflow:hidden !important;
                top:0 !important; left:0 !important; right:auto !important;
                width:100% !important; height:calc(100vh - 32px) !important;
                transform:none !important; }

/* Window body layer */
.wbody        { flex:1 !important; display:flex !important; flex-direction:column !important;
                overflow:hidden !important; padding:6px; min-height:0 !important; }
.wbody.nopad  { padding:0 !important; }

/* Split layout (content pages) */
.wsplit       { flex:1 !important; display:flex !important; overflow:hidden !important; min-height:0 !important; }
.wnav         { flex-shrink:0 !important; overflow-y:auto !important; min-height:0 !important; }
.wcontent     { flex:1 !important; display:flex !important; flex-direction:column !important;
                overflow:hidden !important; min-height:0 !important; }

/* Status line — never shrinks */
.sl           { flex-shrink:0 !important; }

/* Content area — SCROLLS */
.ca           { flex:1 !important; min-height:0 !important; overflow-y:auto !important;
                height:0 !important; /* flex trick: forces scroll vs grow */ }
/* ── NEWSPAPER ARTICLE CLASSES (TrueNews-style pages) — V6.1 ── */
.ca .masthead{border-bottom:3px solid #cc0000;padding:10px 0 8px;text-align:center;margin-bottom:14px;}
.ca .masthead-label{font-family:var(--mono);font-size:11px;letter-spacing:3px;color:#cc0000;text-transform:uppercase;margin-bottom:4px;}
.ca .masthead-site{font-size:34px;letter-spacing:5px;font-weight:bold;color:#000080;line-height:1;}
.ca .masthead-site a{text-decoration:none;color:#000080;}
.ca .masthead-site span{color:#cc0000;}
.ca .article{max-width:760px;margin:0 auto;}
.ca .article-title{font-size:26px;font-weight:bold;line-height:1.1;color:#000080;margin:10px 0;}
.ca .dek{font-size:14px;font-style:italic;color:#333;margin-bottom:10px;}
.ca .byline,.ca .kicker{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:#555;text-transform:uppercase;margin-bottom:12px;border-bottom:1px solid #c0c0c0;padding-bottom:8px;}
.ca .pull{border-left:4px solid #cc0000;background:#fff5f5;padding:10px 14px;margin:14px 0;font-size:15px;font-style:italic;}
.ca .pull em{color:#996600;font-style:normal;font-weight:bold;}
.ca .share-note,.ca .back-link{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:#555;margin-top:16px;border-top:1px solid #c0c0c0;padding-top:10px;}
.ca .back-link a{color:#0000cc;}

/* ── MOBILE FALLBACK — V6.1 ── */
.navtoggle{display:none;}
@media (max-width: 768px) {
  #desktop { display:none; }
  .win.vis, .win.maxed {
    top:0 !important; left:0 !important; right:0 !important;
    width:100% !important; height:calc(100vh - 32px) !important;
    transform:none !important; min-width:0 !important;
    border:none; box-shadow:none;
  }
  .wsplit { position:relative; }
  .wnav { display:none !important; }
  .wnav.mopen { display:block !important; position:absolute; left:0; top:0; bottom:0;
    width:78%; max-width:300px; z-index:60; box-shadow:3px 0 10px rgba(0,0,0,.45);
    border-right:2px solid var(--wk); }
  .navtoggle{display:inline-block;font-weight:bold;}
  .rh { display:none; }
  .ca { font-size:15px; padding:14px 12px; }
  .mbar { overflow-x:auto; flex-wrap:nowrap; }
  .tray-pill.day { display:none; }
}
/* ── K8E MESSENGER — V6.1 "she signs in when she notices you" ── */
#k8emsn{color:#008000;font-weight:bold;font-size:13px;cursor:pointer;}
#k8emsn:hover{color:#00a000;}
#wmsn{width:420px;height:520px;top:80px;left:auto;right:60px;}
.msn-head{background:linear-gradient(180deg,#e8f0fa 0%,#c8d8ee 100%);border-bottom:1px solid #8090a8;padding:8px 10px;flex-shrink:0;}
.msn-name{font-weight:bold;font-size:13px;color:#000;}
.msn-status{font-size:11px;color:#006600;margin-top:2px;}
.msn-status::before{content:"●";color:#00a000;margin-right:5px;}
.msn-log{flex:1;background:#fff;border:2px solid;border-color:var(--wk) var(--wl) var(--wl) var(--wk);margin:6px;padding:8px 10px;overflow-y:auto;font-size:13px;line-height:1.5;user-select:text;min-height:0;}
.msn-lbl{color:#808080;font-size:11px;margin-top:8px;}
.msn-lbl.me{color:#5a7a9a;}
.msn-txt{color:#000;margin-left:12px;white-space:pre-wrap;word-break:break-word;}
.msn-sys{color:#808080;font-size:11px;font-style:italic;margin:6px 0;text-align:center;}
.msn-typing{font-size:11px;color:#808080;font-style:italic;padding:0 12px 4px;height:16px;flex-shrink:0;}
.msn-inbar{display:flex;gap:4px;padding:0 6px 6px;flex-shrink:0;}
.msn-in{flex:1;font-family:var(--font);font-size:13px;padding:5px 7px;border:2px solid;border-color:var(--wk) var(--wl) var(--wl) var(--wk);background:#fff;resize:none;height:52px;}
.msn-btns{display:flex;flex-direction:column;gap:4px;}
.win.nudge{animation:k8enudge .5s linear;}
@keyframes k8enudge{0%,100%{transform:translate(0,0);}10%{transform:translate(-6px,3px);}20%{transform:translate(6px,-3px);}30%{transform:translate(-5px,-4px);}40%{transform:translate(5px,4px);}50%{transform:translate(-6px,2px);}60%{transform:translate(6px,-2px);}70%{transform:translate(-4px,3px);}80%{transform:translate(4px,-3px);}90%{transform:translate(-3px,2px);}}
#k8etoast{position:fixed;right:8px;bottom:-90px;width:230px;background:var(--wg);border:2px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);box-shadow:2px 2px 6px rgba(0,0,0,.4);z-index:9500;cursor:pointer;transition:bottom .6s ease;font-family:var(--font);}
#k8etoast.up{bottom:40px;}
#k8etoast .tt{background:linear-gradient(90deg,var(--tb),var(--tl));color:#fff;font-size:11px;font-weight:bold;padding:2px 8px;}
#k8etoast .tb{padding:8px 10px;font-size:12px;display:flex;align-items:center;gap:8px;}
#k8etoast .ti{color:#00a000;font-size:18px;font-weight:bold;}
#k8etoast .ts{color:#555;font-size:10px;margin-top:2px;}
/* Error-report feedback dialog */
.errdlg{max-width:420px;margin:26px auto 6px;background:var(--wg);border:2px solid;border-color:var(--wl) var(--wk) var(--wk) var(--wl);box-shadow:2px 2px 0 rgba(0,0,0,.3);font-family:var(--font);user-select:none;}
.errdlg .et{background:linear-gradient(90deg,var(--tb),var(--tl));color:#fff;font-size:12px;font-weight:bold;padding:3px 8px;}
.errdlg .eb{padding:12px 14px;font-size:12px;display:flex;gap:12px;align-items:flex-start;color:#000;}
.errdlg .ei{font-size:26px;color:#cc0000;flex-shrink:0;line-height:1;}
.errdlg .ebtns{display:flex;justify-content:center;gap:8px;padding:0 12px 12px;}
.errdlg textarea,.errdlg input[type=text]{width:100%;font-family:var(--font);font-size:12px;border:2px solid;border-color:var(--wk) var(--wl) var(--wl) var(--wk);padding:5px;margin-top:6px;background:#fff;}
.errdlg textarea{height:64px;resize:vertical;}
@media (max-width:768px){#wmsn{right:0;}}
.sm-sub.coll{display:none;}
.sm-sub{background:rgba(0,0,0,.06);}
.sm-link{padding-left:28px !important;font-size:12px !important;}
.sm-sec{justify-content:space-between;}
.sm-arr{font-size:10px;color:#666;margin-left:auto;padding-left:8px;flex-shrink:0;}

/* Editorial mode label: keeps reporting, analysis, personal accounts, health information, and story material distinct. */
.k8e-type-label{background:#fffbe6;border:2px solid #b38b00;color:#332800;padding:8px 10px;margin:0 0 12px;font-family:var(--mono);font-size:11px;line-height:1.45;letter-spacing:.3px;}
.k8e-type-label strong{color:#000080;letter-spacing:1px;}
.k8e-type-label a{float:right;color:#0000cc;font-size:10px;}
@media(max-width:560px){.k8e-type-label a{float:none;display:block;margin-top:5px;}}
.k8e-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}