@font-face{font-family:"Arimo";font-style:normal;font-weight:400 700;font-display:swap;src:url("/s98/fonts/s98-Arimo-400-latin-ext.woff2") format("woff2");unicode-range:U+20B9;}
@font-face{font-family:"Arimo";font-style:normal;font-weight:400 700;font-display:swap;src:url("/s98/fonts/s98-Arimo-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Tiny5";font-style:normal;font-weight:400;font-display:swap;src:url("/s98/fonts/s98-Tiny5-400-latin-ext.woff2") format("woff2");unicode-range:U+20B9;}
@font-face{font-family:"Tiny5";font-style:normal;font-weight:400;font-display:swap;src:url("/s98/fonts/s98-Tiny5-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}


:root{--s98-teal:#0B6E6E;--s98-grey:#C3C3C3;--s98-navy:#0A1F6B;--s98-lip:#D81E5B;--s98-ink:#111;--s98-dark:#7B7B7B;--s98-lite:#DFDFDF;
--s98-up:inset -1px -1px #111,inset 1px 1px #fff,inset -2px -2px #7B7B7B,inset 2px 2px #DFDFDF;
--s98-in:inset 1px 1px #7B7B7B,inset -1px -1px #fff,inset 2px 2px #111,inset -2px -2px #DFDFDF}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--s98-teal);color:var(--s98-ink);font:17px/1.45 Arimo,Arial,sans-serif;overflow-wrap:break-word}
img{display:block;max-width:100%}
a{color:var(--s98-navy)}
h1,h2,h3,p,ul,ol,figure,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
:focus-visible{outline:2px dotted var(--s98-ink);outline-offset:-4px}
.s98-sprite{position:absolute}
.s98-ic{width:16px;height:16px;flex:none;display:block}
.s98-pix{shape-rendering:crispEdges}

/* the plain page: windows simply stacked */
.s98-win{display:block;background:var(--s98-grey);box-shadow:var(--s98-up);padding:3px;margin:10px 8px}
.s98-tb{display:flex;align-items:center;gap:6px;background:var(--s98-navy);color:#fff;min-height:30px;padding:0 3px 0 7px;user-select:none;-webkit-user-select:none}
.s98-tb-i{width:18px;height:18px;flex:none}
.s98-tb-t{font:400 20px/1 Tiny5,monospace;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px;padding-bottom:2px}
.s98-tb-b{display:none}
.s98-body{padding:12px}
.s98-paper{background:#fff;box-shadow:var(--s98-in);padding:14px}
h1,h2{font-family:Tiny5,monospace;font-weight:400;line-height:1.02;letter-spacing:.2px}
h1{font-size:28px}
h2{font-size:29px;margin-bottom:8px}
h3{font-size:17px;margin:0 0 4px}
.s98-body p+p{margin-top:8px}

/* buttons */
.s98-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:6px 12px;background:var(--s98-grey);color:var(--s98-ink);border:0;border-radius:0;box-shadow:var(--s98-up);font:700 15px/1.15 Arimo,Arial,sans-serif;text-decoration:none;cursor:pointer;text-align:center;touch-action:manipulation}
.s98-btn:active,.s98-btn[aria-pressed="true"]{box-shadow:var(--s98-in)}
.s98-btn:active{padding:7px 11px 5px 13px}
.s98-btn[aria-pressed="true"]{background:var(--s98-lite)}
.s98-btn .s98-ic{width:18px;height:18px}
.s98-call{background:var(--s98-lip);color:#fff;box-shadow:inset -1px -1px #5c0a27,inset 1px 1px #ff8fb4,inset -2px -2px #9e1442,inset 2px 2px #ee5b8b}
.s98-call:active{box-shadow:inset 1px 1px #5c0a27,inset -1px -1px #ff8fb4,inset 2px 2px #9e1442}
.s98-def{outline:1px solid #111;outline-offset:0}
.s98-row{display:flex;gap:6px;flex-wrap:wrap}
.s98-row>.s98-btn{flex:1 1 0;min-width:0}

/* header on the plain page */
.s98-bar{background:var(--s98-grey);box-shadow:var(--s98-up);padding:8px}
.s98-brand{font:400 26px/1 Tiny5,monospace;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.s98-brand .s98-ic{width:20px;height:20px}
.s98-start,.s98-chips,.s98-boss-key,.s98-clk,.s98-menu-x,.s98-band,.s98-mcopy,.s98-mdesk,.s98-prog-t{display:none}
.s98-tray{display:flex;gap:6px;margin-bottom:8px}
.s98-tray .s98-btn{flex:1 1 0}
.s98-menu ul{display:flex;flex-wrap:wrap;gap:0 14px}
.s98-menu li a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;gap:6px}
.s98-menu .s98-ic{display:none}
.s98-menu-h{font-weight:700;font-size:15px;margin-top:4px}
.s98-only-js{display:none}

/* wallpaper + icons on the plain page */
.s98-wall{display:none}
.s98-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:2px;margin:10px 8px}
.s98-icon{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:76px;padding:6px 1px 2px;color:#fff;text-decoration:none;text-align:center;font-size:14px;line-height:1.1;touch-action:manipulation}
.s98-icon svg{width:36px;height:36px;flex:none}
.s98-icon:active span,.s98-icon:focus-visible span{background:var(--s98-navy);outline:1px dotted #fff}
.s98-icon:focus-visible{outline:0}

/* welcome */
.s98-ans{font-size:16px;margin-top:8px}
.s98-ans b{color:var(--s98-lip);font-weight:700}
.s98-welrow{margin-top:10px}
.s98-open-f{width:100%;margin-top:6px}
.s98-pane{background:#111;box-shadow:var(--s98-in);padding:2px;position:relative}
.s98-slides{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.s98-slide:first-child{grid-column:1/3}
.s98-slide img,.s98-file-ph img,.s98-pvimg{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center top;background:#333}
.s98-status{display:flex;align-items:center;gap:4px;padding-top:3px}
.s98-status .s98-btn{width:44px;padding:0;flex:none}
.s98-prev,.s98-next,.s98-pvprev,.s98-pvnext{display:none}
.s98-cap{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:var(--s98-in);font-size:15px;padding:2px 6px;line-height:1.15;background:var(--s98-grey)}
.s98-tip{display:none}

/* folder */
.s98-tool{display:none}
.s98-pane-tree{display:none}
.s98-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:12px 8px;margin-top:10px}
.s98-file-ph{display:block;box-shadow:var(--s98-in);padding:2px;background:#111}
.s98-file-n{display:block;margin-top:5px;font-weight:700;font-size:15px;line-height:1.2;color:var(--s98-navy)}
.s98-file-m{font-size:14px;line-height:1.3}
.s98-file-p{font-weight:700;font-size:16px;color:var(--s98-lip)}
.s98-file-a{display:flex;gap:4px;margin-top:5px}
.s98-file-a .s98-btn{flex:1 1 0;padding:4px 2px;font-size:14px}
.s98-tablew{display:none;overflow-x:auto;margin-top:12px;background:#fff;box-shadow:var(--s98-in);padding:2px}
.s98-t{border-collapse:collapse;width:100%;font-size:15px}
.s98-t th,.s98-t td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--s98-lite)}
.s98-t th{background:var(--s98-grey);font-weight:700}
.s98-t td a{display:block;font-weight:700}
.s98-t .s98-money{color:var(--s98-lip);font-weight:700;white-space:nowrap}
.s98-sortb{display:none}
.s98-statusbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;font-size:15px}

/* rate sheet */
.s98-fx{display:none}
.s98-grid{border-collapse:collapse;width:100%;background:#fff;margin-top:8px;font-size:16px}
.s98-grid th,.s98-grid td{border:1px solid var(--s98-dark);padding:0;text-align:center}
.s98-grid th{background:var(--s98-grey);font-weight:700;padding:7px 3px;font-size:15px;box-shadow:var(--s98-up)}
.s98-grid td{height:46px}
.s98-cell{display:flex;width:100%;height:46px;align-items:center;justify-content:center;background:none;border:0;color:var(--s98-ink);font:700 16px Arimo,Arial,sans-serif;cursor:pointer;padding:0;touch-action:manipulation}
.s98-cell[aria-pressed="true"]{outline:2px solid #111;outline-offset:-2px}
.s98-cell.s98-fit{background:var(--s98-lip);color:#fff}
.s98-budget{display:none}
.s98-notes{margin-top:12px;font-size:16px}
.s98-notes li{padding:5px 0 5px 26px;position:relative;border-top:1px solid var(--s98-dark)}
.s98-notes .s98-rn{position:absolute;left:0;top:5px;color:var(--s98-dark);font-weight:700;font-size:14px}

/* network */
.s98-side{margin-top:12px}
.s98-side h3{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--s98-dark);padding-bottom:3px}
.s98-pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:4px;margin-top:4px}
.s98-pc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:7px 2px;text-decoration:none;color:var(--s98-ink);font-size:15px;line-height:1.15;min-height:82px;touch-action:manipulation}
.s98-pc:active{background:var(--s98-navy);color:#fff}
.s98-pc svg{width:34px;height:34px}
.s98-pc b{font-size:14px;font-weight:400}
.s98-netnote{margin-top:12px}

/* control panel */
.s98-cps{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:6px}
.s98-cp{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px;color:var(--s98-ink);text-decoration:none;line-height:1.15;font-size:15px;touch-action:manipulation}
.s98-cp svg{width:34px;height:34px;flex:none}
.s98-cp small{display:block;font-size:14px;color:#333}
.s98-cp:active{background:var(--s98-navy);color:#fff}
.s98-cp:active small{color:#fff}
.s98-cps2{display:flex;flex-wrap:wrap;gap:0 14px;margin-top:8px;border-top:1px solid var(--s98-dark);padding-top:6px;font-size:15px}
.s98-cps2 a{display:inline-flex;align-items:center;min-height:44px;gap:5px}

/* date and time */
.s98-dt{display:grid;gap:12px}
.s98-face{width:190px;height:190px;margin:0 auto;display:block}
.s98-hr{display:flex;justify-content:space-between;gap:8px;width:100%;min-height:44px;align-items:center;background:#fff;border:0;border-bottom:1px solid var(--s98-lite);padding:4px 10px;font:400 16px Arimo,Arial,sans-serif;color:var(--s98-ink);text-align:left}
.s98-hr.s98-today{background:var(--s98-navy);color:#fff}
.s98-left{margin-top:10px;font-size:16px}
.s98-left b{color:var(--s98-lip);font-size:20px}

/* wizard */
.s98-wz{display:grid;gap:10px}
.s98-wz-band{background:var(--s98-navy);color:#fff;display:flex;align-items:center;justify-content:center;min-height:64px}
.s98-wz-band svg{width:44px;height:44px}
.s98-wz-s{padding:4px 0 8px}
.s98-wz-s h3{font-size:19px}
.s98-big{font-weight:700;font-size:24px;color:var(--s98-lip);display:block;text-decoration:none}
.s98-line{background:#fff;box-shadow:var(--s98-in);padding:8px 10px;margin-top:8px;font-size:16px;line-height:1.9}
.s98-line input{width:7.5em;max-width:100%;border:0;border-bottom:1px solid #111;font:16px Arimo,Arial,sans-serif;background:none;padding:0 2px;min-height:30px;border-radius:0}
.s98-prog{height:24px;box-shadow:var(--s98-in);background:#fff;padding:3px;margin:8px 0;overflow:hidden}
.s98-prog i{display:block;height:100%;background:var(--s98-navy);transform-origin:left;background-size:12px 100%}
.s98-wz-nav{display:none}
.s98-wzg{display:none}

/* bin + dialogs */
.s98-bins{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}
.s98-binb{display:flex;gap:7px;align-items:center;background:none;border:0;padding:0;font:700 15px Arimo,Arial,sans-serif;color:var(--s98-ink);text-align:left}
.s98-binb svg{width:32px;height:32px;flex:none}
.s98-bin-t{display:flex;gap:7px;align-items:center;font-weight:700;font-size:15px}
.s98-bin-t svg{width:32px;height:32px;flex:none}
.s98-bin-a{font-size:16px;margin-top:3px}
.s98-dlgw,.s98-boss,.s98-pv{display:none}

/* help */
.s98-topics{display:none}
.s98-qa{border-top:1px solid var(--s98-dark);padding:0}
.s98-qa summary{font-weight:700;min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:6px 0;font-size:16px;line-height:1.25}
.s98-qa summary::-webkit-details-marker{display:none}
.s98-qa summary svg{width:18px;height:18px;flex:none}
.s98-qa p{padding:0 0 10px 26px;font-size:16px}

/* read me */
.s98-readme{position:relative}
.s98-floppy{float:right;width:50px;height:50px;margin:0 0 4px 10px;background:none;border:0;padding:0;cursor:pointer}
.s98-floppy svg{width:50px;height:50px;display:block}
.s98-readme p{font-size:17px}
.s98-readme::after{content:"";display:block;clear:both}

/* hidden files */
.s98-prop{display:flex;gap:10px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--s98-dark);margin-bottom:6px;font-size:15px}
.s98-prop svg{width:44px;height:44px;flex:none}
.s98-chk{display:block;padding:3px 0}
.s98-chk input{position:absolute;opacity:0;width:44px;height:44px;margin:0}
.s98-chk label{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:700;cursor:pointer}
.s98-chk label::before{content:"";width:20px;height:20px;background:#fff;box-shadow:var(--s98-in);flex:none}
.s98-chk input:checked+label::before{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' shape-rendering='crispEdges'%3E%3Cpath d='M5 9h2v2h2v-2h2V7h2V5h2v4h-2v2h-2v2H9v2H7v-2H5z'/%3E%3C/svg%3E") center/20px no-repeat}
.s98-chk input:focus-visible+label{outline:2px dotted #111}
.s98-chk p{margin:0 0 4px 28px;font-size:16px}
.s98-chk input:not(:checked)~p{display:none}

/* shut down */
.s98-off{background:#000;color:#FF9A1F;padding:22px 14px 30px;margin-top:14px}
.s98-off-big{font:400 40px/1 Tiny5,monospace;margin-bottom:12px}
.s98-off a{color:#FF9A1F}
.s98-off-tel{display:inline-flex;align-items:center;min-height:44px;font-size:24px;font-weight:700}
.s98-off ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;margin:12px 0;font-size:15px}
.s98-off li a{display:flex;align-items:center;min-height:44px;line-height:1.1}
.s98-restart{display:none}
.s98-off .s98-btn{color:var(--s98-ink)}

/* girl page, plain + world */
.s98-addr{display:flex;align-items:center;gap:6px;background:var(--s98-grey);padding:3px 3px;border-bottom:1px solid var(--s98-dark);font-size:15px;min-height:44px}
.s98-addr-l{font-size:14px;padding:0 4px}
.s98-addr ol{display:flex;flex:1;min-width:0;align-items:center;flex-wrap:wrap;background:#fff;box-shadow:var(--s98-in);padding:2px 8px;min-height:36px}
.s98-addr li+li::before{content:"\203A";padding:0 6px;color:#555}
.s98-addr a{display:inline-flex;align-items:center;min-height:32px}
.s98-gtxt{padding:10px}
.s98-gact{margin:8px 0}
.s98-gprops{padding:12px}
.s98-gdl{display:grid;grid-template-columns:auto 1fr;gap:0 12px;background:#fff;box-shadow:var(--s98-in);padding:6px 10px;font-size:16px}
.s98-gdl dt{font-weight:700;padding:5px 0}
.s98-gdl dd{padding:5px 0}
.s98-gdl a{display:inline-flex;align-items:center;min-height:24px}
.s98-gp{height:48px;color:var(--s98-lip);font-weight:700;font-size:18px}
.s98-send{margin-top:10px;background:var(--s98-grey);box-shadow:var(--s98-up);padding:3px}
.s98-send-t{font-weight:700;background:var(--s98-navy);color:#fff;padding:5px 8px;font-size:15px}
.s98-send .s98-mrow{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 10px;color:#111;text-decoration:none;font-size:16px}
.s98-send .s98-mrow:hover,.s98-send .s98-mrow:active{background:var(--s98-navy);color:#fff}
.s98-send .s98-ic{width:20px;height:20px}
.s98-blks{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:10px}
.s98-blk{min-height:48px;background:var(--s98-lite);border:0;box-shadow:var(--s98-up);font:700 17px Arimo,Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.s98-blk[aria-pressed="true"]{background:var(--s98-navy);color:#fff;box-shadow:var(--s98-in)}
.s98-readme .s98-saved{font-weight:700;color:var(--s98-navy);font-size:16px}

/* ===== the world: only with scripts on ===== */
.s98js body{padding-bottom:calc(48px + env(safe-area-inset-bottom));background:var(--s98-teal)}
.s98js .s98-only-js{display:block}
.s98js .s98-win{display:none;margin:0}
.s98js .s98-win.s98-open{display:flex;flex-direction:column}
.s98js .s98-tb-b{display:flex;gap:2px;flex:none}
.s98js .s98-tb.s98-idle,.s98js .s98-win:not(.s98-top)>.s98-tb{background:var(--s98-dark)}
.s98js .s98-tbbtn{width:38px;height:38px;background:var(--s98-grey);color:#111;border:0;box-shadow:var(--s98-up);font:700 15px/1 Arimo,Arial,sans-serif;padding:0;cursor:pointer;touch-action:manipulation;position:relative}
.s98js .s98-tbbtn::after{content:"";position:absolute;inset:-3px}
.s98js .s98-tbbtn:active{box-shadow:var(--s98-in)}
.s98js .s98-tb{min-height:44px;padding:0 3px 0 7px}
.s98js .s98-tb-t{font-size:22px}
.s98js .s98-off{display:none;position:fixed;inset:0 0 calc(48px + env(safe-area-inset-bottom)) 0;margin:0;overflow:auto;z-index:3500}
.s98js .s98-off.s98-open{display:block}
.s98js .s98-restart{display:inline-flex;margin-top:14px}
.s98js .s98-win:not(.s98-open){display:none}

/* wallpaper: dither + a pixel moon */
.s98js .s98-desk{background-color:var(--s98-teal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Cpath fill='%23095f5f' d='M0 0h1v1H0zM2 2h1v1H2z'/%3E%3C/svg%3E");min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px)}
.s98js .s98-wall{display:none}

/* task bar */
.s98js .s98-bar{position:fixed;left:0;right:0;bottom:0;z-index:5000;display:flex;align-items:center;gap:3px;height:calc(48px + env(safe-area-inset-bottom));padding:3px 3px calc(3px + env(safe-area-inset-bottom));box-shadow:inset 0 1px #fff,inset 0 2px #DFDFDF}
.s98js .s98-brand{display:none}
.s98js .s98-start{display:inline-flex;align-items:center;gap:5px;height:42px;padding:0 9px 2px 7px;background:var(--s98-grey);color:#111;border:0;box-shadow:var(--s98-up);font:400 23px/1 Tiny5,monospace;cursor:pointer;flex:none;touch-action:manipulation}
.s98js .s98-start .s98-ic{width:18px;height:18px;color:var(--s98-navy)}
.s98js .s98-start[aria-expanded="true"],.s98js .s98-start:active{box-shadow:var(--s98-in)}
.s98js .s98-chips{display:flex;gap:3px;flex:1 1 0;min-width:0;overflow-x:auto;scrollbar-width:none}
.s98js .s98-chips::-webkit-scrollbar{display:none}
.s98js .s98-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;flex:none;background:var(--s98-grey);color:#111;border:0;box-shadow:var(--s98-up);font:700 14px Arimo,Arial,sans-serif;padding:0;cursor:pointer;touch-action:manipulation}
.s98js .s98-chip svg{width:22px;height:22px;flex:none}
.s98js .s98-chip span{display:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.s98js .s98-chip.s98-on{box-shadow:var(--s98-in);background:var(--s98-lite)}
.s98js .s98-tray{display:flex;align-items:center;gap:3px;margin:0;flex:none}
.s98js .s98-tray .s98-btn{flex:none;width:44px;height:42px;min-height:42px;padding:0}
.s98js .s98-tray .s98-ic{width:22px;height:22px}
.s98js .s98-tl{display:none}
.s98js .s98-boss-key{display:inline-flex;font:400 19px/1 Tiny5,monospace}
.s98js .s98-clk{display:none}

/* start menu */
.s98js .s98-menu{display:none;position:fixed;left:3px;bottom:calc(47px + env(safe-area-inset-bottom));width:min(320px,calc(100vw - 6px));max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);background:var(--s98-grey);box-shadow:var(--s98-up);padding:3px;z-index:5100;overflow:hidden}
.s98js .s98-menu.s98-up{display:flex}
.s98js .s98-band{display:flex;align-items:flex-end;width:34px;flex:none;background:var(--s98-navy);color:#fff;padding:8px 0}
.s98js .s98-band span{writing-mode:vertical-rl;transform:rotate(180deg);font:400 28px/34px Tiny5,monospace;letter-spacing:2px;width:34px}
.s98js .s98-mlist{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;position:relative}
.s98js .s98-menu-x{display:block;position:absolute;right:0;top:0;width:44px;height:44px;background:var(--s98-grey);border:0;box-shadow:var(--s98-up);font:700 15px Arimo,Arial,sans-serif;cursor:pointer;z-index:2}
.s98js .s98-menu-h{display:none}
.s98js .s98-menu ul{display:block}
.s98js .s98-menu .s98-ic{display:block;width:22px;height:22px;flex:none}
.s98js .s98-menu li a,.s98js .s98-mrow,.s98js .s98-prog-t{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 10px;background:none;border:0;color:#111;font:400 16px Arimo,Arial,sans-serif;text-decoration:none;text-align:left;cursor:pointer;touch-action:manipulation}
.s98js .s98-menu li a:active,.s98js .s98-mrow:active,.s98js .s98-prog-t:active,.s98js .s98-menu li a:hover,.s98js .s98-mrow:hover,.s98js .s98-prog-t:hover{background:var(--s98-navy);color:#fff}
.s98js .s98-prog-t{font-weight:700;border-top:1px solid var(--s98-dark)}
.s98js .s98-arrow{margin-left:auto;font-size:12px}
.s98js .s98-menu .s98-prog-l{display:none;background:var(--s98-lite)}
.s98js .s98-menu .s98-prog-l.s98-up{display:block}
.s98js .s98-msep{border-top:1px solid var(--s98-dark);border-bottom:1px solid #fff;margin:3px 0}
.s98js .s98-mcall{color:var(--s98-lip);font-weight:700}
.s98js .s98-mwa{font-weight:700}
.s98js .s98-menu li:first-child a{padding-right:48px}

/* welcome + icons: phone */
.s98js .s98-welsec{padding:6px 6px 0}
.s98js .s98-win[data-s98-win="s98-welcome"],.s98js .s98-win[data-s98-win="s98-viewer"]{display:flex;flex-direction:column;margin:0}
.s98js .s98-wel .s98-tb-b,.s98js .s98-vtb{display:none}
.s98js .s98-wel>.s98-tb{background:var(--s98-navy)!important;min-height:30px}
.s98js .s98-dlg>.s98-tb{background:var(--s98-navy)!important}
.s98js .s98-topics{display:none}
@media (max-width:759px){.s98js .s98-wel .s98-tb-t{font-size:20px}}
.s98js .s98-tb .s98-tb-t{padding-bottom:2px}
html.s98js{scroll-padding-bottom:58px}
@media (max-width:759px){
.s98js .s98-slide img{height:max(360px,min(560px,calc(100dvh - 478px)));aspect-ratio:auto}
}
.s98js .s98-wel .s98-body{padding:8px 8px 6px}
.s98js .s98-wel h1{font-size:25px}
.s98js .s98-ans{font-size:15px;line-height:1.35;margin-top:6px}
.s98js .s98-welrow{margin-top:8px}
.s98js .s98-welrow .s98-btn{min-height:46px;font-size:16px}
.s98js .s98-win[data-s98-win="s98-viewer"]{box-shadow:var(--s98-up);padding:0 3px 3px;background:var(--s98-grey)}
.s98js .s98-slides{display:block}
.s98js .s98-slide{display:none}
.s98js .s98-slide.s98-on{display:block}
.s98js .s98-prev,.s98js .s98-next{display:inline-flex}
.s98js .s98-icons{grid-template-columns:repeat(5,1fr);margin:8px 3px 10px;gap:0}
.s98js .s98-icon{min-height:80px;padding:6px 0 2px}
.s98js .s98-tip{display:block;position:fixed;right:4px;bottom:calc(52px + env(safe-area-inset-bottom));z-index:4900;width:208px;background:#fff;border:1px solid #111;padding:8px 40px 8px 9px;font-size:14px;line-height:1.25;box-shadow:1px 1px 0 #111}
.s98js .s98-tip::after{content:"";position:absolute;right:57px;bottom:-6px;width:9px;height:9px;background:#fff;border-right:1px solid #111;border-bottom:1px solid #111;transform:rotate(45deg)}
.s98js .s98-tip[hidden]{display:none}
.s98js .s98-tipx{position:absolute;right:0;top:0;width:40px;height:40px;background:none;border:0;font:700 14px Arimo,Arial,sans-serif;cursor:pointer}

/* every other window on a phone = full screen */
@media (max-width:759px){
.s98js .s98-win.s98-open:not(.s98-wel):not(.s98-viewer),.s98js .s98-pv.s98-open{position:fixed;left:0;right:0;top:0;bottom:calc(48px + env(safe-area-inset-bottom));padding:0;box-shadow:none}
.s98js .s98-pv.s98-open{display:flex}
.s98js .s98-tb .s98-tbmin{display:none}
.s98js .s98-win.s98-open>.s98-body,.s98js .s98-explorer,.s98js .s98-pvbody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.s98js .s98-body{padding:12px 10px}
}
.s98js .s98-win.s98-open{z-index:10}

/* folder toolbar */
.s98js .s98-tool{display:flex;flex-wrap:wrap;gap:4px;padding:4px 3px;border-bottom:1px solid var(--s98-dark)}
.s98js .s98-views{display:flex;gap:2px;flex:1 1 100%}
.s98js .s98-views .s98-btn{flex:1 1 0;padding:4px 2px;font-size:14px}
.s98js .s98-find{display:flex;align-items:center;gap:6px;flex:1 1 100%;font-weight:700;font-size:15px}
.s98js .s98-find input{flex:1;min-width:0;height:40px;border:0;border-radius:0;background:#fff;box-shadow:var(--s98-in);padding:0 8px;font:16px Arimo,Arial,sans-serif;-webkit-appearance:none;appearance:none}
.s98js .s98-explorer{display:flex;flex:1 1 auto;min-height:0;background:#fff;box-shadow:var(--s98-in);margin-top:3px}
.s98js .s98-pane-tree{display:none}
.s98js .s98-gbody{flex:1;min-width:0;overflow-y:auto;padding:10px 8px}
.s98js .s98-label{font-size:14px;color:#444;margin-bottom:3px}
.s98js .s98-ghead p:last-child{font-size:16px}
.s98js .s98-files{grid-template-columns:repeat(2,minmax(0,1fr))}
.s98js .s98-file[hidden],.s98js tr[hidden],.s98js .s98-empty[hidden]{display:none}
.s98js .s98-tablew{display:none;margin-top:10px}
.s98js .s98-details .s98-files{display:none}
.s98js .s98-details .s98-tablew{display:block}
.s98js .s98-capt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.s98js .s98-nosort{display:none}
.s98js .s98-sortb{display:flex;align-items:center;width:100%;min-height:44px;background:none;border:0;font:700 14px Arimo,Arial,sans-serif;text-align:left;cursor:pointer;padding:0 4px;color:#111}
.s98js .s98-t th{padding:0;box-shadow:var(--s98-up);position:sticky;top:0}
.s98js .s98-t th[aria-sort="ascending"] .s98-sortb::after{content:" ▲";font-size:10px;margin-left:3px}
.s98js .s98-t th[aria-sort="descending"] .s98-sortb::after{content:" ▼";font-size:10px;margin-left:3px}
.s98js .s98-t td{padding:0 4px;font-size:14px;height:46px}
.s98js .s98-t td a{display:flex;align-items:center;min-height:44px}
.s98js .s98-t tr:active td{background:var(--s98-navy);color:#fff}
.s98js .s98-full .s98-files{grid-template-columns:minmax(0,1fr)}
.s98js .s98-empty{padding:16px 2px}
.s98js .s98-statusbar{flex:none;padding:3px;margin:0;background:var(--s98-grey);flex-wrap:nowrap;justify-content:space-between;font-size:14px}
.s98js .s98-statusbar .s98-btn{font-size:14px;padding:4px 8px}
.s98js #s98-gcount{box-shadow:var(--s98-in);padding:4px 6px;line-height:1.15}

/* rate sheet */
.s98js .s98-rates .s98-body{background:var(--s98-grey)}
.s98js .s98-fx{display:flex;align-items:stretch;background:#fff;box-shadow:var(--s98-in);min-height:44px;margin-top:6px;font-size:15px}
.s98js .s98-fx-l{font-style:italic;font-weight:700;padding:0 8px;display:flex;align-items:center;border-right:1px solid var(--s98-dark);color:var(--s98-navy)}
.s98js .s98-fx-o{padding:5px 8px;line-height:1.2;display:flex;align-items:center}
.s98js .s98-budget{display:grid;grid-template-columns:auto 1fr repeat(3,auto);gap:3px;align-items:center;margin-top:8px}
.s98js .s98-bud-l{font-weight:700;font-size:14px;line-height:1.1}
.s98js .s98-bud-i{min-width:0;width:100%;height:44px;border:0;border-radius:0;background:#fff;box-shadow:var(--s98-in);padding:0 6px;font:700 16px Arimo,Arial,sans-serif;color:var(--s98-lip)}
.s98js .s98-budget .s98-btn{padding:0 7px;font-size:14px}
.s98js .s98-bud-o{grid-column:1/-1;font-size:15px;line-height:1.25;min-height:38px;padding-top:3px}

/* picture viewer + dialogs */
.s98js .s98-pv{z-index:900}
.s98js .s98-pvbody{display:block}
.s98js .s98-pvpane{position:relative;padding:0}
.s98js .s98-pvimg{width:100%}
@media (max-width:759px){.s98js .s98-pvimg{height:max(360px,calc(100dvh - 286px));aspect-ratio:auto}}
.s98js .s98-pvprev,.s98js .s98-pvnext{display:inline-flex;position:absolute;bottom:8px;width:48px;height:48px;padding:0;font-size:16px}
.s98js .s98-pvprev{left:8px}.s98js .s98-pvnext{right:8px}
.s98js .s98-pvn{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);background:var(--s98-grey);padding:3px 8px;font-size:14px;box-shadow:var(--s98-up)}
.s98js .s98-pvside{padding:6px}
.s98js .s98-pvm{font-size:15px;line-height:1.25;margin-bottom:5px}
.s98js .s98-pvprices{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;box-shadow:var(--s98-in);padding:2px;margin-bottom:6px;text-align:center;font-size:14px;line-height:1.2}
.s98js .s98-pvprices span{padding:5px 2px;border-left:1px solid var(--s98-lite)}
.s98js .s98-pvprices b{display:block;color:var(--s98-lip);font-size:16px}
.s98js .s98-pvfull{width:100%;margin-top:5px;min-height:44px;font-size:14px}
.s98js .s98-dlgw{display:none;position:fixed;inset:0 0 48px 0;z-index:4000;align-items:center;justify-content:center;padding:10px}
.s98js .s98-dlgw.s98-open{display:flex}
.s98js .s98-win.s98-dlg{display:flex;flex-direction:column;width:100%;max-width:400px;position:static}
.s98js .s98-dlgb{display:flex;gap:12px;padding:14px 10px 8px;font-size:16px;align-items:flex-start}
.s98js .s98-dlgi{width:40px;height:40px;flex:none}
.s98js .s98-dlgc{flex:1;min-width:0}
.s98js .s98-dlgc h3{font-size:17px}
.s98js .s98-dlgc dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px}
.s98js .s98-dlgc dt{font-weight:700;font-size:15px}
.s98js .s98-dlgc dd{font-size:15px}
.s98js .s98-dlgc p{margin-top:6px;font-size:15px;line-height:1.3}
.s98js .s98-dlgf{display:flex;justify-content:flex-end;gap:6px;padding:0 10px 10px}
.s98js .s98-dlgok{min-width:88px}
.s98js .s98-dlglink[hidden]{display:none}

/* bin */
.s98js .s98-binb{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:96px;background:none;border:0;font:400 15px/1.15 Arimo,Arial,sans-serif;cursor:pointer;padding:8px 2px;color:#111;touch-action:manipulation}
.s98js .s98-binb svg{width:44px;height:44px}
.s98js .s98-binb:active{background:var(--s98-navy);color:#fff}
.s98js .s98-binf>.s98-bin-a{display:none}
.s98js .s98-bins{grid-template-columns:1fr 1fr}

/* boss */
.s98js .s98-boss{display:none;position:fixed;inset:0;z-index:9000;background:#fff;flex-direction:column;font:14px/1.2 Arimo,Arial,sans-serif;color:#111}
.s98js .s98-boss.s98-open{display:flex}
.s98-bossed body{overflow:hidden}
.s98-bossed .s98-desk,.s98-bossed .s98-bar,.s98-bossed .s98-off,.s98-bossed .s98-pv,.s98-bossed .s98-dlgw,.s98-bossed .s98-tip{visibility:hidden}
.s98-bt{background:var(--s98-dark);color:#fff;padding:6px 8px;font-weight:700}
.s98-bm{display:flex;gap:12px;padding:6px 8px;background:var(--s98-grey);overflow:hidden;white-space:nowrap}
.s98-bf{display:flex;gap:10px;padding:5px 8px;background:#eee;border-bottom:1px solid var(--s98-dark);color:#333}
.s98-bsw{flex:1;overflow:auto;min-height:0}
.s98-bs{border-collapse:collapse;width:100%;min-width:320px;background:#fff}
.s98-bs th{background:var(--s98-grey);font-weight:400;border:1px solid var(--s98-dark);padding:0 5px;height:28px;text-align:center}
.s98-bs td{border:1px solid #cfcfcf;padding:0 5px;height:30px;white-space:nowrap}
.s98-bs td a{color:#111;display:block;line-height:30px}
.s98-bs tr:nth-child(1) th:first-child{padding:0;width:44px}
.s98-bx{display:block;width:44px;height:44px;background:var(--s98-grey);border:0;box-shadow:var(--s98-up);cursor:pointer}
.s98-bh{padding:6px 8px;background:var(--s98-grey);color:#333;font-size:14px}

/* the shut down + help + others on phones */
.s98js .s98-wz{align-content:start}
.s98js .s98-wz-nav{display:flex;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--s98-dark);box-shadow:0 1px #fff inset}
.s98js .s98-wz-nav .s98-btn{min-width:96px}
.s98js .s98-wz-s{display:none}
.s98js .s98-wz-s.s98-on{display:block}
.s98js .s98-wzg.s98-on{display:flex;gap:10px;align-items:center;margin:8px 0}
.s98js .s98-wzg img{width:110px;height:165px;object-fit:cover;object-position:center top;box-shadow:var(--s98-in);padding:2px}
.s98js .s98-wzg figcaption{font-weight:700}
.s98js .s98-prog i{transform:scaleX(0)}
.s98js .s98-prog i.s98-go{transform:scaleX(1);transition:transform 780ms steps(14)}
.s98js .s98-wz .s98-copyline,.s98js .s98-wz [data-s98-copy]{margin-top:6px}
.s98js .s98-wz-band svg.s98-wz-d{display:none}
.s98-time .s98-paper,.s98js .s98-hours{padding:2px}

/* ===== computer + tablet: real windows ===== */
@media (min-width:760px){
.s98js body{height:100vh;overflow:hidden;padding:0}
.s98js .s98-desk{position:fixed;inset:0 0 48px 0;min-height:0;overflow:hidden}
.s98js .s98-wall{display:flex;position:absolute;left:150px;bottom:34px;align-items:flex-end;gap:14px;color:#0F7F7F;pointer-events:none}
.s98js .s98-wallm{width:120px;height:120px}
.s98js .s98-wallw{font:400 110px/.8 Tiny5,monospace}
.s98js .s98-welsec{padding:0;display:contents}
.s98js .s98-win,.s98js .s98-win.s98-open{position:absolute;left:0;top:0;margin:0}
.s98js .s98-win[data-s98-win="s98-welcome"],.s98js .s98-win[data-s98-win="s98-viewer"]{display:none;padding:3px}
.s98js .s98-win[data-s98-win="s98-welcome"].s98-open,.s98js .s98-win[data-s98-win="s98-viewer"].s98-open{display:flex}
.s98js .s98-vtb{display:flex}
.s98js .s98-wel .s98-tb-b{display:flex}
.s98js .s98-tb,.s98js .s98-wel>.s98-tb{min-height:30px;cursor:default;touch-action:none}
.s98js .s98-tb-t{font-size:20px}
.s98js .s98-tbbtn{width:24px;height:22px;font-size:13px}
.s98js .s98-tbbtn::after{inset:-4px -2px}
.s98js .s98-win.s98-open>.s98-body,.s98js .s98-pvbody{flex:1 1 auto;min-height:0;overflow:auto}
.s98js .s98-wel h1{font-size:32px}
.s98js .s98-ans{font-size:17px;line-height:1.4}
.s98js .s98-wel .s98-body{padding:14px}
.s98js .s98-slide img{width:100%;height:100%}
.s98js .s98-viewer .s98-pane{flex:1 1 auto;min-height:0}
.s98js .s98-slides,.s98js .s98-slide.s98-on{height:100%}
.s98js .s98-icons{position:absolute;left:6px;top:6px;margin:0;width:96px;display:grid;grid-template-columns:96px;gap:0}
.s98js .s98-icon{min-height:74px;width:96px;padding:5px 2px}
.s98js .s98-icon svg{width:36px;height:36px}
.s98js .s98-bar{height:48px;padding:3px}
.s98js .s98-start{padding:0 12px 2px 8px}
.s98js .s98-chip{flex:0 1 170px;width:auto;min-width:44px;justify-content:flex-start;padding:0 8px;font-weight:400;overflow:hidden}
.s98js .s98-chip.s98-on{font-weight:700}
.s98js .s98-chip span{display:block}
.s98js .s98-tray{box-shadow:var(--s98-in);height:42px;padding:0 3px 0 3px}
.s98js .s98-tray .s98-btn{width:auto;padding:0 10px;height:36px;min-height:36px;font-size:14px}
.s98js .s98-tray .s98-ic{width:18px;height:18px}
.s98js .s98-tl{display:inline}
.s98js .s98-clk{display:block;font-size:14px;padding:0 8px;min-width:76px;text-align:right}
.s98js .s98-tip{right:96px}
.s98js .s98-tip::after{right:30px}
.s98js .s98-pv.s98-open{display:flex}
.s98js .s98-pvbody{display:flex;background:var(--s98-grey)}
.s98js .s98-pvpane{flex:none;width:400px}
.s98js .s98-pvside{flex:1;min-width:0;padding:10px}
.s98js .s98-pvprices{grid-template-columns:1fr}
.s98js .s98-pvprices span{border-left:0;border-bottom:1px solid var(--s98-lite);padding:8px}
.s98js .s98-explorer{margin:3px 0 0}
.s98js .s98-pane-tree{display:block;flex:none;width:166px;border-right:2px solid var(--s98-grey);padding:6px 4px;overflow:auto}
.s98js .s98-tree-t{font-weight:700;font-size:14px;padding:4px 6px}
.s98js .s98-tree{display:block;width:100%;text-align:left;min-height:36px;background:none;border:0;font:15px Arimo,Arial,sans-serif;padding:4px 6px 4px 14px;cursor:pointer;color:#111}
.s98js .s98-tree[aria-pressed="true"]{background:var(--s98-navy);color:#fff}
.s98js .s98-files{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.s98js .s98-full .s98-files{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.s98js .s98-tool{flex-wrap:nowrap;align-items:center}
.s98js .s98-views{flex:none}
.s98js .s98-views .s98-btn{padding:4px 10px;flex:none;min-height:34px}
.s98js .s98-find{flex:1;max-width:340px;margin-left:auto}
.s98js .s98-find input{height:34px}
.s98js .s98-dlgw{inset:0 0 48px 0}
.s98js .s98-dt{grid-template-columns:210px 1fr;align-items:start}
.s98js .s98-wz{grid-template-columns:150px 1fr;padding:0;gap:0;align-content:stretch}
.s98js .s98-wz-band{flex-direction:column;gap:30px;justify-content:space-between;padding:20px 0}
.s98js .s98-wz-band svg{width:64px;height:64px}
.s98js .s98-wz-band svg.s98-wz-d{display:block;color:#fff}
.s98js .s98-wz-m{padding:14px;display:flex;flex-direction:column;min-height:100%}
.s98js .s98-wz-nav{margin-top:auto}
.s98js .s98-bins{grid-template-columns:repeat(4,1fr)}
.s98js .s98-helpw{display:grid;grid-template-columns:230px 1fr;gap:10px}
.s98js .s98-topics{display:block;background:#fff;box-shadow:var(--s98-in);padding:4px;align-self:start}
.s98js .s98-topic{display:block;width:100%;text-align:left;min-height:40px;background:none;border:0;font:15px/1.2 Arimo,Arial,sans-serif;padding:6px;cursor:pointer;color:#111}
.s98js .s98-topic[aria-pressed="true"]{background:var(--s98-navy);color:#fff}
.s98js .s98-qa{border:0}
.s98js .s98-qa summary{display:none}
.s98js .s98-ans-w{background:#fff;box-shadow:var(--s98-in);padding:14px;min-height:170px}
.s98js .s98-qa p{padding:0;font-size:17px}
.s98js .s98-bx{height:28px}
}
@media (min-width:760px) and (max-width:1099px){
.s98js .s98-icons{width:112px;grid-template-columns:112px}
.s98js .s98-icon{width:112px;min-height:88px;font-size:15px}
.s98js .s98-icon svg{width:44px;height:44px}
.s98js .s98-chip{flex:none;width:44px;justify-content:center;padding:0}
.s98js .s98-chip span{display:none}
.s98js .s98-tbbtn{width:36px;height:30px}
.s98js .s98-tb{min-height:38px}
}
@media (prefers-reduced-motion:no-preference){
.s98js .s98-pop{animation:s98-pop 110ms steps(3)}
@keyframes s98-pop{from{scale:.94;opacity:.4}to{scale:1;opacity:1}}
}
@media (prefers-reduced-motion:reduce){
.s98js .s98-prog i.s98-go{transition:none}
}

/* ===== the girl page ===== */
.s98js .s98-win[data-s98-win="s98-pgirl"]{display:flex;flex-direction:column;margin:6px 6px 0}
.s98js .s98-gmain>.s98-tb{background:var(--s98-navy)!important;min-height:30px}
.s98js .s98-gtxt{padding:8px 8px 6px}
.s98js .s98-gtxt h1{font-size:25px}
.s98js .s98-gact{margin:6px 0 0}
.s98js .s98-gact .s98-btn{min-height:46px;font-size:15px}
.s98js .s98-viewer.s98-gfig{display:block;padding:0}
.s98js .s98-gprops{padding:10px 8px}
.s98js .s98-gicons{margin:8px 3px 10px}
@media (max-width:759px){
.s98js .s98-gfig .s98-slide img{height:max(380px,calc(100dvh - 430px));aspect-ratio:auto}
.s98js .s98-win.s98-open.s98-gmain{position:static}
}
@media (min-width:760px){
.s98js .s98-win[data-s98-win="s98-pgirl"]{display:none;margin:0}
.s98js .s98-win[data-s98-win="s98-pgirl"].s98-open{display:flex}
.s98js .s98-gmainb{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:0 14px;overflow:auto}
.s98js .s98-gone{display:contents}
.s98js .s98-gfig{grid-column:1;grid-row:1/4;display:flex!important;flex-direction:column;min-height:0;height:100%}
.s98js .s98-gfig .s98-pane{flex:1 1 auto;min-height:0;aspect-ratio:2/3}
.s98js .s98-gfig .s98-slides,.s98js .s98-gfig .s98-slide.s98-on{height:100%}
.s98js .s98-gfig .s98-slide img{height:100%;width:100%}
.s98js .s98-gtxt{grid-column:2;grid-row:1;padding:12px 10px 0 0}
.s98js .s98-gtxt h1{font-size:40px}
.s98js .s98-gact{grid-column:2;grid-row:2;margin:10px 10px 0 0}
.s98js .s98-gprops{grid-column:2;grid-row:3;padding:12px 10px 10px 0}
.s98js .s98-gprops h2{font-size:26px}
}
@media (hover:hover){.s98js .s98-icon:hover span{background:var(--s98-navy);outline:1px dotted #fff}.s98js .s98-pc:hover,.s98js .s98-cp:hover{background:var(--s98-lite)}}


/* sunithasen.com - the parts that are THIS SITE'S OWN.
 *
 * The design (Ulta d1 "Raat 98") supplies the desk, the windows, the title bars, the
 * buttons, the palette and the fonts. It does NOT supply a header, a Call/WhatsApp
 * control, a girl card without a photograph, a BIOS rate sheet, a program list, a network
 * map or a step list - and by law 1 those parts have to be this site's own anyway.
 *
 * Everything below is built from the design's own custom properties, so it is the same
 * 1998 office computer, not a second style pasted on top.
 *
 * No icon font (no-icon-fonts). No slide-up two-button bottom bar, nothing that hides on
 * scroll, nothing that sits over a text section (no-copied-bottom-bar).
 */

/* ---------------------------------------------------------------- the bezel strip */
.s98-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;padding:6px 8px}
.s98-label{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--s98-ink);
  font:700 15px/1 Arimo,Arial,sans-serif;padding:4px 8px;box-shadow:var(--s98-up);
  background:#efeedf}
.s98-label i{font:400 12px/1 Arimo,Arial,sans-serif;font-style:italic;color:#444}
.s98-lamp{width:9px;height:9px;border-radius:50%;background:#2ecc40;
  box-shadow:0 0 5px #2ecc40,inset 0 0 2px #0a3}
.s98-keys{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.s98-fk{display:inline-flex;align-items:baseline;gap:5px;min-height:34px;padding:5px 9px;
  text-decoration:none;color:var(--s98-ink);background:var(--s98-grey);
  box-shadow:var(--s98-up);font:14px/1 Arimo,Arial,sans-serif}
.s98-fk b{font:700 11px/1 Tiny5,monospace;color:#0A1F6B}
.s98-fk[aria-current="page"]{box-shadow:var(--s98-in);background:#d8d8d8}
@media (max-width:620px){
  .s98-bar{gap:6px;padding:5px 6px}
  .s98-keys{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(3,1fr)}
  .s98-fk{justify-content:center;min-width:0;font-size:13px}
}

/* ---------------------------------------------------------------- the hero */
.s98-herob{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:900px){.s98-herob{grid-template-columns:1.15fr .85fr;align-items:center}}
.s98-page h1{font:700 clamp(21px,4.4vw,33px)/1.2 Arimo,Arial,sans-serif;margin:0 0 10px}
.s98-lede{margin:0 0 14px;font-size:17px}
.s98-keys-n{display:flex;gap:3px;flex-wrap:wrap;margin:0 0 12px;text-decoration:none}
.s98-keys-n b{display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:34px;background:#efeedf;box-shadow:var(--s98-up);
  font:400 17px/1 Tiny5,monospace;color:var(--s98-ink)}
.s98-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.s98-micro{margin:0;font-size:14px;color:#333}

/* ---------------------------------------------------------------- the covered frame */
.s98-crt{position:relative;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;aspect-ratio:4/3;max-height:320px;background:#0e1410;
  box-shadow:var(--s98-in);padding:14px;text-align:center;overflow:hidden}
.s98-file .s98-crt{aspect-ratio:3/4;max-height:none}
.s98-crt-scan{position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(#0000 0 2px,#0b100c66 2px 4px)}
.s98-crt-t{font:400 15px/1.3 Tiny5,monospace;color:#39d353;letter-spacing:.5px}
.s98-crt-s{font:400 12px/1.4 Arimo,Arial,sans-serif;color:#8fe8a4;max-width:22ch}

/* ---------------------------------------------------------------- README */
.s98-paper .s98-body{background:#fdfdf4;box-shadow:var(--s98-in)}
.s98-paper p{max-width:68ch}

/* ---------------------------------------------------------------- the setup sheet */
.s98-setup{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:860px){.s98-setup{grid-template-columns:1.1fr .9fr}}
.s98-setup-t{width:100%;border-collapse:collapse;background:#0A1F6B;color:#e8e8ff;
  font:15px/1.3 Arimo,Arial,sans-serif}
.s98-setup-t caption{text-align:left;padding:6px 8px;background:#0A1F6B;color:#ffd84d;
  font:400 13px/1 Tiny5,monospace}
.s98-setup-t th,.s98-setup-t td{padding:9px 10px;text-align:left;
  border-bottom:1px solid #2b3f8f}
.s98-setup-t thead th{color:#ffd84d;font:400 12px/1.2 Tiny5,monospace}
.s98-setup-t tbody th{font-weight:400}
.s98-setup-t tbody td{font:700 17px/1 Arimo,Arial,sans-serif;color:#fff}
.s98-setup-h{background:#dfdfdf;box-shadow:var(--s98-in);padding:10px 12px}
.s98-setup-h h3{margin:0 0 6px;font:400 13px/1 Tiny5,monospace;color:#0A1F6B}
.s98-setup-h p{margin:0 0 8px;font-size:14px}
.s98-setup-f{margin:12px 0 0;font-size:14px;color:#333}

/* ---------------------------------------------------------------- the file grid */
.s98-files{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:12px 0 0}
@media (min-width:700px){.s98-files{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1050px){.s98-files{grid-template-columns:repeat(5,1fr)}}
.s98-file{background:#dfdfdf;box-shadow:var(--s98-up);padding:6px;display:flex;
  flex-direction:column;gap:5px}
.s98-file-ph{display:block;text-decoration:none}
.s98-file-n{font:14px/1.2 Arimo,Arial,sans-serif;color:#0A1F6B;text-decoration:underline}
.s98-file-m{margin:0;font-size:12px;color:#333}
.s98-file-p{margin:0;font:700 14px/1 Arimo,Arial,sans-serif}
.s98-dir-f{margin:12px 0 0}

/* ---------------------------------------------------------------- the program list */
.s98-progs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px;
  grid-template-columns:1fr}
@media (min-width:640px){.s98-progs{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.s98-progs{grid-template-columns:repeat(3,1fr)}}
.s98-progs a{display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:42px;padding:6px 10px;background:#dfdfdf;box-shadow:var(--s98-up);
  text-decoration:none;color:var(--s98-ink);font-size:15px}
.s98-progs b{font:400 13px/1 Tiny5,monospace;color:#0A1F6B}

/* ---------------------------------------------------------------- the network map */
.s98-net{display:grid;gap:10px;grid-template-columns:1fr;margin:12px 0 0}
@media (min-width:760px){.s98-net{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.s98-net{grid-template-columns:repeat(4,1fr)}}
.s98-node{background:#dfdfdf;box-shadow:var(--s98-up);padding:10px}
.s98-node h3{margin:0 0 8px;font:400 12px/1.3 Tiny5,monospace;color:#0A1F6B}
.s98-node ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.s98-node a{display:block;padding:5px 7px;background:#efeedf;text-decoration:none;
  color:var(--s98-ink);font-size:15px;box-shadow:inset 0 -1px #bdbdbd}
.s98-net-f{margin:12px 0 0}

/* ---------------------------------------------------------------- the steps */
.s98-steps{margin:10px 0 0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:10px}
.s98-steps li{font-size:16px}
.s98-warn{margin:12px 0 0;padding:10px 12px;background:#ffe9b3;
  box-shadow:var(--s98-in);font-size:15px}

/* ---------------------------------------------------------------- help */
.s98-helpw{display:grid;gap:12px;grid-template-columns:1fr;margin:10px 0 0}
@media (min-width:860px){.s98-helpw{grid-template-columns:.8fr 1.2fr}}
.s98-topics{background:#dfdfdf;box-shadow:var(--s98-in);padding:10px 10px 10px 28px}
.s98-topics a{color:#0A1F6B;font-size:15px}
.s98-ans{padding:0 0 12px;border-bottom:1px solid #bdbdbd;margin:0 0 12px}
.s98-ans:last-child{border-bottom:0;margin:0}
.s98-ans h3{margin:0 0 5px;font:700 16px/1.25 Arimo,Arial,sans-serif}
.s98-ans p{margin:0;max-width:66ch}

/* ---------------------------------------------------------------- the taskbar footer */
.s98-off a{color:#FF9A1F}
.s98-tasks{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 14px}
.s98-tasks a{padding:5px 9px;background:#1b1b1b;color:#FF9A1F;text-decoration:none;
  font-size:14px;box-shadow:inset -1px -1px #000,inset 1px 1px #4a4a4a}
.s98-foot-n{margin:0 0 6px;font:700 16px/1.4 Arimo,Arial,sans-serif}
.s98-foot-s{margin:0;font-size:14px;color:#cfcfcf}

/* ---------------------------------------------------------------- the floppy drive
 * Folded small, bottom right, and it STAYS folded until it is pressed. It is a <details>
 * element, so it works with no JavaScript at all.
 */
.s98-drive{position:fixed;right:10px;bottom:10px;z-index:30;width:min(290px,calc(100vw - 20px))}
.s98-drive>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
  justify-content:center;min-height:52px;padding:8px 14px;background:#2b2b2b;color:#ffd84d;
  box-shadow:inset -2px -2px #000,inset 2px 2px #6a6a6a;
  font:700 15px/1 Arimo,Arial,sans-serif}
.s98-drive>summary::-webkit-details-marker{display:none}
.s98-drive>summary::before{content:"";width:22px;height:22px;background:#d8d8d0;
  box-shadow:inset -1px -1px #6a6a6a,inset 1px 1px #fff;
  border-top:7px solid #8a8a82;flex:0 0 auto}
.s98-slot{background:#0e1410;box-shadow:inset 2px 2px #000,inset -2px -2px #3a4a3c;
  padding:10px;display:flex;flex-direction:column;gap:7px}
.s98-slot .s98-btn{width:100%}
.s98-drv-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.s98-drv-list a{color:#39d353;text-decoration:none;font:400 12px/1.4 Tiny5,monospace;
  padding:4px 5px;background:#111a13}
.s98-drv-list b{color:#8fe8a4}
.s98-eject{display:block;text-align:center;color:#8fe8a4;text-decoration:none;
  font:400 12px/1 Tiny5,monospace;padding:7px 0 2px}

/* ---------------------------------------------------------------- housekeeping */
.s98-desk{padding-bottom:88px}
.s98-win{margin:10px 8px}
@media (min-width:1200px){
  .s98-desk{max-width:1180px;margin:0 auto}
}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #ffd84d;
  outline-offset:2px}

/* ---------------------------------------------------------------- parts the inner pages need
   WHY THIS BLOCK EXISTS. Two of the design's own classes are display:none until its script
   puts .s98js on <html>, and this site ships no JavaScript at all. Used unchanged they
   render an invisible element on a page that otherwise passes every check:

     .s98-topics  - hidden at engine.py line 180. It is the FAQ topic list and it was
                    INVISIBLE on the built homepage until this rule. Caught by reading the
                    cascade, not by the screenshot: a hidden block scrolls and errors like
                    any other.
     .s98-tablew  - hidden at engine.py line 105. Never used on this site; .s98-tw below
                    replaces it and is visible without a script. */
.s98-topics{display:block}
@media (min-width:860px){.s98-topics{position:sticky;top:64px}}

/* a table that is readable on a phone without a script */
.s98-tw{overflow-x:auto;margin:12px 0 0;background:#fff;box-shadow:var(--s98-in);padding:2px}
.s98-tw table{border-collapse:collapse;width:100%;font-size:15px;min-width:34rem}
.s98-tw caption{text-align:left;padding:7px 8px;font:400 12px/1.2 Tiny5,monospace;
  background:#0A1F6B;color:#ffd84d}
.s98-tw th,.s98-tw td{text-align:left;padding:8px 8px;border-bottom:1px solid #cfcfcf;
  vertical-align:top}
.s98-tw thead th{background:#dfdfdf;font:700 14px/1.3 Arimo,Arial,sans-serif}
.s98-tw tbody th{font:700 15px/1.35 Arimo,Arial,sans-serif;white-space:nowrap}
.s98-tw tbody tr:last-child th,.s98-tw tbody tr:last-child td{border-bottom:0}

/* a labelled list - the "what to say when you call" blocks */
.s98-dlx{margin:12px 0 0;display:grid;gap:0}
.s98-dlx>div{display:grid;gap:2px 14px;padding:9px 0;border-bottom:1px solid #cfcfcf}
.s98-dlx>div:last-child{border-bottom:0}
@media (min-width:720px){.s98-dlx>div{grid-template-columns:14rem 1fr}}
.s98-dlx dt{font:700 15px/1.35 Arimo,Arial,sans-serif;color:#0A1F6B;margin:0}
.s98-dlx dd{margin:0;font-size:15px;max-width:62ch}

/* a plain bullet list inside a window */
.s98-pts{margin:12px 0 0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:9px}
.s98-pts li{font-size:16px;max-width:66ch}

/* the roster, as a list of files - reused by gallery, and narrower than the home grid */
.s98-rost{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px}
@media (min-width:700px){.s98-rost{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.s98-rost{grid-template-columns:repeat(3,1fr)}}
.s98-rost a{display:grid;gap:1px 10px;grid-template-columns:1fr auto;align-items:baseline;
  background:#dfdfdf;box-shadow:var(--s98-up);padding:10px 11px;min-height:44px;
  text-decoration:none;color:#111}
.s98-rost a:hover,.s98-rost a:focus{background:#0A1F6B;color:#fff;outline:0}
.s98-rost a:hover em,.s98-rost a:focus em,.s98-rost a:hover b,.s98-rost a:focus b{color:#ffd84d}
.s98-rost b{font:400 14px/1.2 Tiny5,monospace;color:#0A1F6B;grid-column:1}
.s98-rost i{font-style:normal;font:400 12px/1.2 Tiny5,monospace;color:#5a5a5a;grid-column:2;
  grid-row:1;white-space:nowrap}
.s98-rost a:hover i,.s98-rost a:focus i{color:#dfdfdf}
.s98-rost em{font-style:normal;font-size:13px;color:#333;grid-column:1/-1}
.s98-rost a:hover em,.s98-rost a:focus em{color:#e8e8ff}

/* the nearby-areas strip at the foot of an area page */
.s98-nearby{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.s98-nearby a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;
  background:#dfdfdf;box-shadow:var(--s98-up);color:#0A1F6B;font:400 14px/1 Tiny5,monospace;
  text-decoration:none}
.s98-nearby a:hover,.s98-nearby a:focus{background:#0A1F6B;color:#ffd84d;outline:0}

/* the one-line price reminder that ends most inner pages */
.s98-reminder{margin:14px 0 0;padding:11px 12px;background:#0A1F6B;color:#e8e8ff;
  font-size:15px;box-shadow:var(--s98-in)}
.s98-reminder b{color:#ffd84d}
.s98-reminder a{color:#FF9A1F}

/* the footer's help-page row, so the five help pages are never orphans */
.s98-helplinks{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;padding:0 0 8px;
  border-bottom:1px solid #3a3a3a}
.s98-helplinks span{font:400 12px/1.6 Tiny5,monospace;color:#9a9a9a}

/* the breadcrumb - a plain path line above the H1, never a sticky element */
.s98-crumb{font:400 12px/1.5 Tiny5,monospace;color:#5a5a5a;margin:0 0 8px}
.s98-crumb a{color:#0A1F6B}
.s98-crumb span{color:#111}

/* A content table on a phone.
   Real Chrome at 390px caught six rows of the drive table sticking 179px past the right
   edge: the wrapper scrolls, but the owner's standard is that nothing goes past the edge.
   So at narrow widths a row becomes a small stacked card and each cell prints its own
   column name from data-l. No script, and the wide layout is untouched above 700px. */
.s98-tw2 table{min-width:0}
@media (max-width:700px){
  .s98-tw{overflow-x:visible;padding:0;background:transparent;box-shadow:none}
  .s98-tw table{min-width:0;width:100%;display:block}
  .s98-tw thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .s98-tw tbody,.s98-tw tr,.s98-tw th,.s98-tw td{display:block;width:auto}
  .s98-tw caption{display:block}
  .s98-tw tr{background:#fff;box-shadow:var(--s98-in);padding:9px 10px;margin:0 0 6px}
  .s98-tw tbody th{white-space:normal;border-bottom:1px solid #cfcfcf;padding:0 0 6px;
    margin:0 0 6px;color:#0A1F6B}
  .s98-tw tbody td{border-bottom:0;padding:3px 0}
  .s98-tw tbody td[data-l]::before{content:attr(data-l) ": ";font:400 12px/1.4 Tiny5,monospace;
    color:#5a5a5a;display:block}
  .s98-tw tbody tr:last-child{margin:0}
}

/* A window title bar must never widen the page.
   The design protects its own title with .s98-tb-t (flex:1, min-width:0, ellipsis). The
   builders in pages.py emit a bare <span> instead, and a title like
   C:\ASK\HOUSEWIFE_ESCORTS_BANGAL.TXT is ONE word with no space in it, so it cannot wrap
   and it pushed seven category pages into real sideways scrolling at 390px - caught in
   Chrome, not by any gate. Giving the bare span the same protection fixes every window on
   the site at once, including any title written later. */
.s98-tb>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s98-tb>i{flex:none}