/* ---- Microsoft Word 97 (js/apps/winword.js) ---- */
.win.winword .client{display:flex;flex-direction:column;background:var(--face)}
.wd-tb{display:flex;align-items:center;height:26px;padding:0 1px;flex:none;position:relative;font-size:11px;box-shadow:inset 0 1px var(--hilight),inset 0 -1px var(--shadow)}
.wd-grip{width:6px;height:19px;margin:0 3px 0 3px;flex:none;background:linear-gradient(90deg,var(--hilight) 0 1px,var(--face) 1px 2px,var(--shadow) 2px 3px,var(--hilight) 3px 4px,var(--face) 4px 5px,var(--shadow) 5px 6px)}
.win.winword .menubar{height:23px;box-shadow:inset 0 1px var(--hilight),inset 0 -1px var(--shadow);padding-left:0;display:flex;align-items:center}
.win.winword .menubar .wd-grip{margin-right:2px}
.wd-menudoc{width:16px;height:16px;margin:0 4px 0 0;flex:none}
.wd-btn{width:23px;height:22px;display:flex;align-items:center;justify-content:center;flex:none;position:relative;cursor:default;border:1px solid transparent;box-sizing:border-box}
.wd-btn:hover:not(.disabled){box-shadow:inset 1px 1px var(--hilight),inset -1px -1px var(--shadow)}
.wd-btn:active:not(.disabled),.wd-btn.checked{box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow)}
.wd-btn.checked{background:repeating-conic-gradient(var(--hilight) 0 25%,var(--face) 0 50%) 0 0/2px 2px}
.wd-btn.disabled .wd-ic{filter:grayscale(1) contrast(0.3) brightness(1.4)}
.wd-btn.drop{width:34px;justify-content:flex-start;padding-left:3px}
.wd-dropper{position:absolute;right:0;top:0;bottom:0;width:11px}
.wd-dropper::after{content:"";position:absolute;left:3px;top:9px;border:3px solid transparent;border-top:3px solid #000;border-bottom:0}
.wd-btn.text{width:auto;padding:0 5px;white-space:nowrap}
.wd-ic{width:16px;height:16px;background-repeat:no-repeat;image-rendering:pixelated;flex:none}
.wd-swatch{position:absolute;left:4px;bottom:3px;width:13px;height:3px}
.wd-sep{width:2px;height:22px;margin:0 2px 0 3px;flex:none;box-shadow:inset 1px 0 var(--shadow),inset -1px 0 var(--hilight)}
.wd-combo{height:19px;margin:0 2px;font-size:11px;flex:none}
.wd-combo .arrow{height:15px}
.wd-combo .val{line-height:12px}
.wd-largeicons .wd-ic{transform:scale(1.4)}
/* ruler */
.wd-rulerrow{display:flex;height:22px;flex:none;background:var(--face);padding:1px 0 0}
.wd-tabsel{width:19px;height:19px;margin:1px 1px 0 1px;flex:none;display:flex;align-items:center;justify-content:center;box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow),inset -2px -2px var(--face),inset 2px 2px var(--dkshadow);background:var(--face)}
.wd-ruler{flex:1;position:relative;overflow:hidden;background:var(--face);font:9px Arial,sans-serif}
.wd-rband{position:absolute;top:5px;height:12px;background:var(--shadow)}
.wd-rwhite{position:absolute;top:5px;height:12px;background:#fff}
.wd-rticks{position:absolute;inset:0}
.wd-rtick{position:absolute;top:10px;width:1px;height:2px;background:#000}
.wd-rtick.big{top:9px;height:4px}
.wd-rnum{position:absolute;top:5px;line-height:12px;transform:translateX(-50%)}
.wd-ind{position:absolute;width:0;height:0}
.wd-ind.first{top:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #000}
.wd-ind.first::after{content:"";position:absolute;left:-3px;top:-5px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid var(--face)}
.wd-ind.hang,.wd-ind.right{top:13px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #000}
.wd-ind.hang::after,.wd-ind.right::after{content:"";position:absolute;left:-3px;top:2px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid var(--face)}
.wd-ind.left{top:18px;width:8px;height:3px;background:var(--face);border:1px solid #000;border-top:0}
.wd-vruler{width:19px;flex:none;position:relative;overflow:hidden;background:var(--face);font:9px Arial,sans-serif}
.wd-rwhite.v{left:3px;width:12px;top:auto}
.wd-rtick.v{left:8px;width:2px;height:1px;top:auto}
.wd-rtick.v.big{left:7px;width:4px}
.wd-rnum.v{left:3px;width:12px;text-align:center;transform:translateY(-50%);top:auto;line-height:9px}
/* document area */
.wd-main{flex:1;display:flex;min-height:0;box-shadow:inset 0 1px var(--shadow)}
.wd-docmap{width:150px;flex:none;background:var(--face);border-right:2px groove var(--hilight);font-size:11px;padding:2px 0;overflow:auto}
.wd-dmitem{padding:1px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}
.wd-dmitem:hover{background:var(--sel);color:var(--sel-text)}
.wd-dmitem.l2{padding-left:18px}.wd-dmitem.l3{padding-left:30px}
.wd-center{flex:1;display:flex;flex-direction:column;min-width:0}
.wd-viewrow{flex:1;display:flex;min-height:0}
.wd-view{flex:1;overflow:hidden;position:relative;background:#fff;min-width:0}
.wd-canvas{min-width:100%;min-height:100%}
.wd-root{outline:0;font:10pt "Times New Roman",Times,serif;line-height:1.15;color:#000;user-select:text;-webkit-user-select:text;cursor:text}
.wd-root p,.wd-root h1,.wd-root h2,.wd-root h3{margin:0}
.wd-root h1{font:bold 14pt Arial;margin:12pt 0 3pt}.wd-root h2{font:bold italic 12pt Arial;margin:12pt 0 3pt}.wd-root h3{font:12pt Arial;margin:12pt 0 3pt}
.wd-root ul,.wd-root ol{margin:0;padding-left:0.25in}
.wd-root a{color:#0000ff;text-decoration:underline}
.wd-text{position:relative;width:var(--tw);height:var(--th);overflow:visible}
.wd-page{position:relative;background:#fff}
.wd-hf{display:none;position:absolute;left:var(--ml);right:var(--mr);min-height:16px;border:1px dashed #000;padding:1px}
.wd-hf.hdr{top:0.5in}.wd-hf.ftr{bottom:0.5in}
.wd-hflabel{position:absolute;left:-1px;top:-13px;font:bold 9px Arial;background:#fff;padding:0 2px;border:1px dashed #000;border-bottom:0}
.wd-hftext{min-height:14px;outline:0}
.wd-showhf .v-page .wd-hf{display:block}
.wd-pagebreak{height:14px}
.v-normal .wd-pagebreak,.v-outline .wd-pagebreak{border-top:1px dotted #000;text-align:center;font:8pt Arial;color:#000}
.v-normal .wd-pagebreak::before,.v-outline .wd-pagebreak::before{content:"Page Break";background:#fff;position:relative;top:-7px;padding:0 4px}
/* Normal view */
.v-normal .wd-page,.v-outline .wd-page{padding:0 0 0 6px}
.v-normal .wd-page+.wd-page,.v-outline .wd-page+.wd-page{border-top:1px dotted #000}
.v-normal .wd-text,.v-outline .wd-text{height:auto;min-height:1em}
.v-normal .wd-hf,.v-outline .wd-hf,.v-online .wd-hf{display:none!important}
/* Online Layout */
.v-online .wd-page{padding:8px}.v-online .wd-text{width:auto;height:auto}.v-online .wd-root{font-size:12pt}
/* Outline */
.v-outline .wd-text{padding-left:14px}
.v-outline .wd-text>*{position:relative}
.v-outline .wd-text>*::before{content:"";position:absolute;left:-13px;top:0.35em;width:5px;height:5px;background:var(--shadow);border:1px solid #000}
.v-outline .wd-text>h1::before,.v-outline .wd-text>h2::before,.v-outline .wd-text>h3::before{content:"+";background:none;border:0;width:auto;height:auto;top:0;left:-14px;font:bold 11px Arial}
/* Page Layout */
.v-page .wd-view{background:#808080}
.v-page .wd-canvas{padding:8px 0}
.v-page .wd-page{width:var(--pw);height:var(--ph);margin:0 auto 10px;border:1px solid #000;box-shadow:2px 2px 0 #000;box-sizing:border-box;padding:var(--mt) var(--mr) var(--mb) var(--ml)}
.wd-root.marks p::after,.wd-root.marks h1::after,.wd-root.marks h2::after,.wd-root.marks h3::after,.wd-root.marks li::after{content:"¶";color:#808080}
.wd-root.cols .wd-text{column-fill:auto}
.wd-table{border-collapse:collapse;width:100%;margin:0}
.wd-table td{border:1px solid #000;padding:1px 4px;min-width:1em;vertical-align:top}
.wd-table.excel td{background:#fff}
.wd-table.fmt1 tr:first-child td{font-weight:bold;border-bottom:2px solid #000}
.wd-table tr.hdr td{font-weight:bold}
.nogrid .wd-table td{border-color:transparent}
.wd-dropcap::first-letter{float:left;font-size:3em;line-height:0.85;padding:0 4px 0 0}
.wd-fntext{font-size:8pt;border-top:1px solid #000;width:2in;margin-top:12pt;padding-top:2px}
.wd-anim.blinkingbackground{animation:wdblink 1s steps(2) infinite}@keyframes wdblink{to{background:#000;color:#fff}}
.wd-anim.lasvegaslights{outline:2px dotted #f00;animation:wdlv .6s steps(2) infinite}@keyframes wdlv{to{outline-color:#00f}}
.wd-anim.marchingblackants{outline:1px dashed #000;animation:wdants .4s linear infinite}@keyframes wdants{to{outline-offset:2px}}
.wd-anim.marchingredants{outline:1px dashed #f00;animation:wdants .4s linear infinite}
.wd-anim.shimmer{animation:wdshim 1s ease-in-out infinite alternate}@keyframes wdshim{to{opacity:.3}}
.wd-anim.sparkletext{animation:wdspark .4s steps(2) infinite}@keyframes wdspark{to{text-shadow:1px -1px #f00,-1px 1px #00f,2px 2px #ff0}}
/* scroll bars, browse buttons, view buttons */
.wd-vcol{width:16px;flex:none;display:flex;flex-direction:column}
.wd-sb{display:flex;flex:none}
.wd-sb.v{flex:1;flex-direction:column;width:16px}
.wd-sb.h{flex:1;height:16px}
.wd-sbtn{width:16px;height:16px;flex:none;background:var(--face);display:flex;align-items:center;justify-content:center;box-shadow:inset -1px -1px var(--dkshadow),inset 1px 1px var(--hilight),inset -2px -2px var(--shadow),inset 2px 2px var(--light);position:relative;cursor:default}
.wd-sbtn:active,.wd-sbtn.checked{box-shadow:inset 1px 1px var(--dkshadow),inset -1px -1px var(--hilight),inset 2px 2px var(--shadow),inset -2px -2px var(--light)}
.wd-sbtn.checked{background:repeating-conic-gradient(var(--hilight) 0 25%,var(--face) 0 50%) 0 0/2px 2px}
.wd-sbtn.arr::after{content:"";border:4px solid transparent}
.wd-sbtn.up::after{border-bottom:4px solid #000;border-top:0}.wd-sbtn.down::after{border-top:4px solid #000;border-bottom:0}
.wd-sbtn.left::after{border-right:4px solid #000;border-left:0}.wd-sbtn.right::after{border-left:4px solid #000;border-right:0}
.wd-track{flex:1;position:relative;background-color:var(--face);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2' shape-rendering='crispEdges'><rect width='1' height='1' fill='white'/><rect x='1' y='1' width='1' height='1' fill='white'/></svg>");background-size:2px 2px}
.wd-thumb{position:absolute;background:var(--face);box-shadow:inset -1px -1px var(--dkshadow),inset 1px 1px var(--hilight),inset -2px -2px var(--shadow),inset 2px 2px var(--light)}
.wd-sb.v .wd-thumb{left:0;right:0}.wd-sb.h .wd-thumb{top:0;bottom:0}
.wd-browse{flex:none;display:flex;flex-direction:column}
.wd-hrow{height:16px;display:flex;flex:none}
.wd-viewbtns{display:flex;flex:none;margin-right:1px}
.wd-corner{width:16px;flex:none;background:var(--face)}
/* status bar */
.wd-status{height:20px;display:flex;flex:none;align-items:center;background:var(--face);padding:0 3px;font-size:11px;overflow:hidden;gap:2px}
.wd-pane{height:17px;line-height:16px;padding:0 6px;box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--hilight);white-space:nowrap;overflow:hidden;flex:none;box-sizing:border-box;display:flex;justify-content:space-between;gap:6px}
.wd-pane.mode{text-align:center;padding:0;justify-content:center}
.wd-pane.dim{color:var(--shadow);text-shadow:1px 1px var(--hilight);font-weight:normal}
.wd-pane.spell{display:flex;align-items:center;justify-content:center;padding:0}
.wd-pane.fill{flex:1;box-shadow:none}
/* popups */
.wd-palette,.wd-tgrid{position:absolute;z-index:200001;background:var(--face);padding:3px;box-shadow:inset -1px -1px var(--dkshadow),inset 1px 1px var(--hilight),inset -2px -2px var(--shadow),inset 2px 2px var(--light);font-size:11px}
.wd-palgrid{display:flex;flex-wrap:wrap}
.wd-palcell{width:16px;height:16px;box-sizing:border-box;border:1px solid var(--face)}
.wd-palcell:hover{border-color:#000}
.wd-palauto{text-align:center;padding:2px 0;margin:1px 1px 3px;box-shadow:inset -1px -1px var(--shadow),inset 1px 1px var(--hilight)}
.wd-palgrid+.wd-palauto{margin-top:3px;margin-bottom:0}
.wd-tgrid{display:grid;grid-template-columns:repeat(5,18px);gap:1px}
.wd-tcell{width:18px;height:16px;background:#fff;border:1px solid #000;box-sizing:border-box}
.wd-tcell.on{background:var(--sel)}
.wd-tgridlbl{grid-column:1/-1;text-align:center;padding-top:2px}
/* dialog parts */
.wd-preview{height:40px;background:#fff;box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow),inset -2px -2px var(--face),inset 2px 2px var(--dkshadow);display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}
.wd-parapreview{height:70px;background:#fff;box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow),inset -2px -2px var(--face),inset 2px 2px var(--dkshadow);padding:8px 12px;display:flex;flex-direction:column;gap:4px}
.wd-parapreview i{height:2px;background:#c0c0c0;width:90%}.wd-parapreview b{height:2px;background:#000;width:100%}.wd-parapreview b:nth-of-type(3){width:60%}
.wd-bngrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.wd-bncell{height:62px;background:#fff;border:1px solid var(--shadow);padding:5px;box-sizing:border-box;cursor:default}
.wd-bncell.on{border:2px solid #000080;padding:4px}
.wd-bnprev div{font:10px Arial;display:flex;gap:4px;align-items:center;margin-bottom:5px}.wd-bnprev i{flex:1;height:2px;background:#808080}
.wd-bdprev{width:100px;height:90px;background:#fff;border:1px solid var(--shadow);margin:0 auto 6px;padding:10px;box-sizing:border-box;background-image:repeating-linear-gradient(#808080 0 1px,transparent 1px 6px);background-clip:content-box}
.wd-colpreset{text-align:center;font-size:11px;padding:3px;border:1px solid transparent}
.wd-colpreset.on{border:1px solid #000080}
.wd-colpic{width:40px;height:52px;border:1px solid #000;display:flex;gap:3px;padding:3px;box-sizing:border-box;margin:0 auto 2px;background:#fff}
.wd-colpic i{flex:1;background:repeating-linear-gradient(#000 0 1px,transparent 1px 4px)}
.wd-colpic.drop1::before{content:"W";font:bold 18px "Times New Roman";float:left}
.wd-colpic.drop2::before{content:"W";font:bold 18px "Times New Roman";margin-left:-14px}
.wd-pageprev,.wd-zoomprev{width:70px;height:90px;background:#fff;border:1px solid #000;box-shadow:2px 2px 0 var(--shadow);margin:0 auto 6px;background-image:repeating-linear-gradient(#808080 0 1px,transparent 1px 5px);background-clip:content-box;padding:8px 10px;box-sizing:border-box}
.wd-pnprev{width:80px;height:100px;background:#fff;border:1px solid #000;box-shadow:2px 2px 0 var(--shadow)}
.wd-tplgrid{display:grid;grid-template-columns:repeat(3,80px);align-content:start;gap:4px;width:250px;height:190px;overflow:auto;background:#fff;box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow),inset -2px -2px var(--face),inset 2px 2px var(--dkshadow);padding:6px}
.wd-tpl{text-align:center;font-size:11px;padding:4px 2px;cursor:default}
.wd-tpl img{display:block;margin:0 auto 3px}
.wd-tpl.on{background:var(--sel);color:var(--sel-text);outline:1px dotted #ff0;outline-offset:-1px}
.wd-tplprev{width:120px;height:110px;background:#fff;box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow),inset -2px -2px var(--face),inset 2px 2px var(--dkshadow);display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;padding:8px}
.wd-spellbox{height:64px;background:#fff;box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow),inset -2px -2px var(--face),inset 2px 2px var(--dkshadow);padding:3px;overflow:auto;white-space:pre-wrap;font-size:11px}
.wd-desc{font-size:11px;min-height:30px}
.wd-stattbl{border-collapse:collapse;font-size:11px}.wd-stattbl td{padding:1px 10px 1px 0}
.wd-envprev{width:100px;height:60px;background:#fff;border:1px solid #000;margin:4px auto 0}
.wd-symgrid{display:grid;grid-template-columns:repeat(16,1fr);background:#fff;border:1px solid #000;height:150px;overflow:auto;align-content:start}
.wd-sym{text-align:center;font-size:13px;height:18px;line-height:18px;border:1px solid #c0c0c0;cursor:default}
.wd-sym.on{background:var(--sel);color:var(--sel-text)}
.wd-tocprev{width:160px;height:80px;background:#fff;font:11px "Times New Roman";padding:4px;box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow),inset -2px -2px var(--face),inset 2px 2px var(--dkshadow)}
.wd-fsclose{position:absolute;right:20px;bottom:30px;z-index:5}
.wd-fullscreen .wd-tb,.wd-fullscreen .wd-rulerrow,.wd-fullscreen .wd-status,.wd-fullscreen .menubar,.wd-fullscreen .titlebar{display:none}
body.whatsthis *{cursor:help!important}
/* About, splash */
.wd-about{display:flex;gap:8px;padding:2px 2px 0;font-size:11px}
.wd-aboutbanner{width:67px;height:256px;background:url(../img/word97/about.png) no-repeat;flex:none}
.wd-aboutright{flex:1;display:flex;flex-direction:column}
.wd-abouttext div{margin-bottom:3px;line-height:13px}
.wd-aboutlic{margin:2px 0 8px;padding:4px 6px;box-shadow:inset -1px -1px var(--hilight),inset 1px 1px var(--shadow)}
.wd-aboutfoot{display:flex;gap:8px;align-items:flex-start;margin-top:auto}
.wd-aboutwarn{flex:1;font-size:10px;line-height:11px;color:#000}
.wd-splash{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;height:247px;background:#fff url(../img/word97/splash.png) no-repeat;box-shadow:0 0 0 1px #000;z-index:140000;font:11px "MS Sans Serif",Arial,sans-serif;overflow:hidden}
.wd-splash .who{position:absolute;left:100px;top:160px;line-height:13px}
.wd-splash .who+.who{top:184px}
/* Office Assistant: the window as it appears in Word 97 (img/word97/assistant.png), balloon above it */
.wd-assistant{position:absolute;z-index:150000;width:101px;height:85px}
.wd-clippit{position:absolute;left:0;top:0;width:101px;height:85px;background:url(../img/word97/assistant.png) no-repeat;cursor:default}
.wd-clippit.wiggle{animation:wdwig .8s ease-in-out}@keyframes wdwig{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
.wd-astclose{position:absolute;right:3px;top:3px;width:14px;height:12px}
.wd-balloon{position:absolute;left:-60px;bottom:92px;width:176px;background:#ffffcf;border:1px solid #000;border-radius:9px;padding:6px 8px 8px;font:11px Tahoma,"MS Sans Serif",Arial,sans-serif;box-sizing:border-box}
.wd-balloon::after{content:"";position:absolute;left:78px;bottom:-11px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:11px solid #000}
.wd-balloon::before{content:"";position:absolute;left:79px;bottom:-9px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:9px solid #ffffcf;z-index:1}
.wd-balloon.side{left:auto;right:106px;bottom:-4px;width:200px}
.wd-balloon.side::after{left:auto;right:-11px;bottom:34px;border:5px solid transparent;border-left:11px solid #000;border-right:0}
.wd-balloon.side::before{left:auto;right:-9px;bottom:35px;border:4px solid transparent;border-left:9px solid #ffffcf;border-right:0}
.wd-balhead{font-weight:bold;margin-bottom:8px;font-size:12px}
.wd-baltopics{margin-bottom:6px}
.wd-baltopic{padding:2px 0;cursor:default;display:flex;gap:6px;align-items:flex-start}
.wd-baltopic i,.wd-balbtn i{width:14px;height:14px;background:url(../img/word97/bullet.png) no-repeat;flex:none}
.wd-baltopic:hover span{color:#0000ff;text-decoration:underline}
.wd-baltip{padding:4px 0}
.wd-balloon .tb{width:100%;box-sizing:border-box;margin-bottom:4px;font-size:11px}
.wd-balsep{height:1px;background:#c0c0c0;margin:4px 0 6px}
.wd-balbtns{display:grid;grid-template-columns:1fr 1fr;gap:4px 6px}
.wd-balbtn{display:flex;align-items:center;gap:4px;cursor:default;border:1px solid #a0a0a0;border-radius:9px;padding:1px 6px 1px 3px;background:#ffffcf}
.wd-balbtn:hover{border-color:#000}
