:root{--classic-gray:silver;--classic-blue:#00558c;--title-blue:navy;--paper:#f8f8f5}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{color:#111;background:#53738a;margin:0;font-family:Tahoma,Arial,sans-serif;overflow:hidden}button,input{font:inherit}:is(button:focus-visible,input:focus-visible){outline-offset:1px;outline:2px solid #fc0}.desktop-shell{height:100vh;background:radial-gradient(circle at 30% 10%,#ffffff2e,#0000 27%),linear-gradient(135deg,#91b7d0,#527993 48%,#24455e);place-items:center;height:100dvh;padding:14px;display:grid}.classic-app{width:min(1540px,100%);height:calc(100vh - 28px);background:var(--classic-gray);border:3px outset #eee;grid-template-rows:29px auto minmax(0,1fr) 25px;height:calc(100dvh - 28px);min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:14px 18px 38px #0000006b}.app-titlebar,.child-titlebar{color:#fff;background:linear-gradient(90deg, var(--title-blue), #1676aa 82%, #8fbdd5);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;min-width:0;display:flex}.app-titlebar{margin:2px;padding:2px 4px;font-size:13px}.app-titlebar strong,.child-titlebar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.title-icon{color:#003d6b;background:#ddd;border:1px outset #ddd;place-items:center;width:17px;height:17px;display:grid}.classic-toolbar{border-top:2px groove #fff;border-bottom:2px groove #fff;align-items:center;gap:6px;min-height:55px;padding:7px 8px;display:flex;overflow-x:auto}.classic-button,.square-button,.logo-button{background:var(--classic-gray);color:#111;cursor:pointer;border:2px outset #eee;flex:none;min-height:36px;font-size:12px}.classic-button{min-width:92px;padding:5px 9px}.archive-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.archive-link.disabled{color:#888;text-shadow:1px 1px #fff;cursor:default}.section-button{color:#003c66;background:#d8e9f3;min-width:112px;font-weight:700}.section-button.pressed{color:#fff;background:#0a80b6;border-style:inset}.square-button{width:34px;min-width:34px;font-size:17px;font-weight:700}.logo-button{place-items:center;width:44px;min-width:44px;height:36px;min-height:36px;margin-left:2px;padding:1px;display:grid}.classic-button:active,.square-button:active,.logo-button:active{border-style:inset}.classic-button:disabled,.square-button:disabled{color:#888;text-shadow:1px 1px #fff;cursor:default}.bmw-logo{image-rendering:auto;width:28px;height:28px}.workspace{background:#53738a;grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:5px;min-height:0;padding:5px;display:grid}.workspace.contents-hidden{grid-template-columns:minmax(0,1fr)}.contents-window,.document-window{background:var(--classic-gray);border:2px outset #eee;grid-template-rows:28px minmax(0,1fr);min-width:0;min-height:0;display:grid}.contents-window{grid-template-rows:28px auto minmax(0,1fr)}.child-titlebar{margin:2px;padding:2px 5px;font-size:12px}.panel-close{background:var(--classic-gray);color:#111;cursor:pointer;border:2px outset #eee;place-items:center;width:20px;height:19px;margin-left:auto;padding:0;font-size:12px;line-height:1;display:grid}.panel-close:active{border-style:inset}.tree-tools{border-bottom:2px groove #fff;padding:7px}.search-box{background:#fff;border:2px inset #eee;align-items:center;gap:5px;height:31px;padding:3px 5px;display:flex}.search-box>span{color:#555;font-size:19px}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search-box button{color:#555;cursor:pointer;background:#fff;border:0;width:22px;font-size:17px}.tree-panel{background:#fff;border:2px inset #eee;min-height:0;margin:0 5px 5px;overflow:auto}.contents-root,.chapter-row,.search-row{color:#111;text-align:left;cursor:pointer;background:#fff;border:0;width:100%}.contents-root{border-bottom:1px solid #aaa;align-items:center;gap:7px;padding:8px 7px;display:flex}.book-icon{color:#00558c;text-shadow:1px 1px #9dd0e9}.chapter-list{padding:3px 0 10px}.chapter-row{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:6px;padding:6px 7px;font:12px/1.3 Tahoma,Arial,sans-serif;display:grid}.chapter-row:hover,.search-row:hover{background:#dceefa}.chapter-row.selected{color:#fff;background:navy}.chapter-row:disabled{color:#999;cursor:default}.chapter-row:disabled:hover{background:#fff}.chapter-code{text-align:center;border:1px solid;padding:1px 3px;font-weight:700}.search-results{padding:3px 0}.search-row{border-bottom:1px dotted #aaa;flex-direction:column;gap:3px;padding:7px 8px;display:flex}.search-row span{font-size:11px;font-weight:700}.search-row small{color:#666;font-size:10px}.tree-message{color:#666;text-align:center;padding:22px 12px;font-size:12px}.document-window{grid-template-rows:28px 39px minmax(0,1fr)}.document-titlebar{margin:2px}.document-controls{gap:2px;margin-left:auto;display:flex}.document-controls button{background:var(--classic-gray);color:#111;cursor:pointer;border:2px outset #eee;place-items:center;width:24px;height:19px;padding:0;font-size:10px;display:grid}.document-controls button:disabled{color:#888;cursor:default}.viewer-toolbar{border-bottom:2px groove #fff;align-items:center;gap:5px;padding:4px 5px;display:flex;overflow-x:auto}.viewer-toolbar button,.dialog-button{background:var(--classic-gray);color:#111;cursor:pointer;border:2px outset #eee;flex:none;padding:5px 9px;font-size:11px}.viewer-toolbar button:active,.dialog-button:active{border-style:inset}.toolbar-separator{border-left:1px solid #888;border-right:1px solid #fff;align-self:stretch;width:2px;margin:0 3px}.zoom-readout{border:1px inset #fff;margin-left:auto;padding:3px 7px;font-size:11px}.document-scroll{text-align:center;background:#747474;border:2px inset #eee;min-height:0;padding:14px;position:relative;overflow:auto}.loading-panel{z-index:4;color:#fff;background:#747474;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.image-error-panel{z-index:3;color:#fff;background:#747474;place-items:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.page-stage{background:#fff;min-width:560px;margin:0 auto;transition:opacity .12s;position:relative;box-shadow:5px 7px 18px #0000007a}.page-stage.is-loading{opacity:0}.page-stage>img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.page-hotspot{z-index:2;cursor:pointer;background:#0062a305;border:1px solid #0000;margin:0;padding:0;position:absolute}:is(.page-hotspot:hover,.page-hotspot:focus-visible){background:#008fe026;border:2px solid #008fe0;outline:0;box-shadow:0 0 0 2px #ffffffbf}.welcome-panel{background:#dcecf5;border:2px inset #eee;min-width:0;min-height:0;position:relative;overflow:hidden}.welcome-panel>img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.welcome-card{background:#eef7fced;border:3px outset #fff;width:min(480px,100% - 44px);max-height:calc(100% - 32px);padding:clamp(20px,2.4vw,28px);position:absolute;top:50%;right:clamp(22px,5vw,76px);overflow:auto;transform:translateY(-50%);box-shadow:10px 13px 24px #002f5247}.welcome-card .eyebrow{color:#006394;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.welcome-card h1{color:#073d5c;margin:0 0 10px;font:700 clamp(28px,4vw,48px)/1 Arial,sans-serif}.welcome-card p:not(.eyebrow){color:#24414f;margin:0 0 18px;font:14px/1.5 Arial,sans-serif}.welcome-card button{color:#fff;cursor:pointer;background:#006ca5;border:2px outset #e8f4fb;padding:8px 15px;font-weight:700}.welcome-card button:disabled{color:#e6edf1;cursor:wait;background:#8aa6b5}.status-line{color:#49606d;margin-top:13px;font-size:10px;display:block}.statusbar{background:var(--classic-gray);border-top:1px solid #888;grid-template-columns:115px minmax(0,1fr) 92px;gap:4px;padding:3px 4px;font-size:11px;display:grid}.statusbar>span{text-overflow:ellipsis;white-space:nowrap;border:1px inset #fff;min-width:0;padding:3px 6px;overflow:hidden}.statusbar .online{color:#08771b}.statusbar .offline{color:#a02218}.floating-backdrop{z-index:50;background:#0000004d;place-items:center;padding:24px;display:grid;position:absolute;inset:29px 0 25px}.floating-window{background:var(--classic-gray);border:3px outset #eee;grid-template-rows:29px minmax(0,1fr);width:min(680px,96%);max-height:92%;display:grid;box-shadow:9px 12px 26px #00000075}.help-content{background:#f4f4ef;border:2px inset #eee;padding:20px;font:13px/1.55 Arial,sans-serif;overflow:auto}.help-content img{float:right;border:2px inset #ddd;width:240px;margin:0 0 12px 18px}.help-content h2{color:#00558c;margin:0 0 10px}.help-content .dialog-button{min-width:96px;margin:18px auto 0;display:block}@media print{body{background:#fff;overflow:visible}.desktop-shell{background:#fff;min-height:0;padding:0;display:block}.classic-app{width:100%;height:auto;min-height:0;box-shadow:none;border:0;display:block}.app-titlebar,.classic-toolbar,.contents-window,.statusbar,.child-titlebar,.viewer-toolbar,.floating-backdrop{display:none!important}.workspace,.workspace.contents-hidden,.document-window,.document-scroll{background:#fff;border:0;margin:0;padding:0;display:block;overflow:visible}.page-stage{min-width:0;box-shadow:none;width:100%!important;max-width:none!important}.page-hotspot{display:none}}@media (max-width:800px){body{overflow:hidden}.desktop-shell{padding:0}.classic-app{width:100%;height:100vh;border:0;grid-template-rows:29px auto minmax(0,1fr) 25px;height:100dvh;min-height:0}.classic-toolbar{gap:5px;padding:5px}.classic-button{min-width:82px}.section-button{min-width:104px}.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;padding:2px}.contents-window{grid-area:1/1}.workspace:not(.contents-hidden) .welcome-panel{display:none}.document-scroll{padding:5px}.page-stage{min-width:500px}.welcome-card{width:calc(100% - 28px);max-height:calc(100% - 28px);padding:18px;top:50%;right:14px;transform:translateY(-50%)}.welcome-card h1{font-size:30px}.statusbar{grid-template-columns:88px minmax(0,1fr)}.statusbar span:last-child{display:none}.floating-backdrop{padding:8px}.help-content img{width:150px}}