:root{--bg:#bdbdbd;--chrome:#d8d8d8;--chrome-light:#efefef;--chrome-mid:#c6c6c6;--chrome-dark:#7d7d7d;--chrome-deep:#4f4f4f;--paper:#fff;--ink:#000}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(#c7c7c7,#b7b7b7);margin:0;font-family:Times New Roman,Times,serif}a{color:navy}@media (width<=800px){body{background:#979797}}.viewport{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.browser-shell{aspect-ratio:4/3;background:var(--chrome-mid);border:1px solid var(--chrome-deep);width:min(92vw,122.667vh);box-shadow:inset 1px 1px 0 var(--chrome-light), inset -1px -1px 0 var(--chrome-dark), 2px 2px 0 #0000001f;grid-template-rows:auto auto auto auto 1fr auto;gap:0;padding:2px;display:grid;position:relative}.browser-shell.is-resizing,.browser-shell.is-dragging{user-select:none}.browser-shell.is-maximized{max-width:none;max-height:none}.browser-titlebar{background:var(--chrome);border-top:1px solid var(--chrome-light);border-left:1px solid var(--chrome-light);border-right:1px solid var(--chrome-dark);border-bottom:1px solid var(--chrome-dark);cursor:grab;grid-template-columns:1.2rem 1fr auto 1fr 1.2rem;align-items:center;gap:.45rem;min-height:1.7rem;padding:.18rem .35rem;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:700;display:grid}.browser-shell.is-dragging .browser-titlebar{cursor:grabbing}.window-control,.window-zoom{background:var(--chrome-mid);border-top:1px solid var(--chrome-light);border-left:1px solid var(--chrome-light);border-right:1px solid var(--chrome-deep);border-bottom:1px solid var(--chrome-deep);width:13px;height:13px}.window-zoom{appearance:none;cursor:pointer;padding:0}.window-zoom:active{border-top:1px solid var(--chrome-deep);border-left:1px solid var(--chrome-deep);border-right:1px solid var(--chrome-light);border-bottom:1px solid var(--chrome-light)}.window-control:before{content:"";background:#000;width:7px;height:1px;margin:5px auto 0;display:block}.window-zoom:before{content:"";border:1px solid #000;width:5px;height:5px;margin:3px auto 0;display:block}.titlebar-stripes{background:repeating-linear-gradient(#000 0 1px,#0000 1px 3px);height:100%;min-height:11px}.titlebar-label{white-space:nowrap;text-align:center;text-overflow:ellipsis;overflow:hidden}.browser-menubar,.browser-toolbar,.browser-location,.browser-status{background:var(--chrome);color:var(--ink);border-left:1px solid var(--chrome-light);border-right:1px solid var(--chrome-dark);border-bottom:1px solid var(--chrome-dark);font-family:Arial,Helvetica,sans-serif}.browser-menubar{align-items:center;gap:1rem;padding:.22rem .55rem;font-size:.95rem;display:flex}.menu-dropdown{position:relative}.menu-dropdown summary{cursor:default;list-style:none}.menu-dropdown summary::-webkit-details-marker{display:none}.menu-dropdown[open]>summary{color:#fff;background:#000}.menu-dropdown-panel{background:var(--chrome);border-top:1px solid var(--chrome-light);border-left:1px solid var(--chrome-light);border-right:1px solid var(--chrome-deep);border-bottom:1px solid var(--chrome-deep);z-index:30;min-width:8.5rem;padding:.2rem;position:absolute;top:calc(100% + 2px);left:-.35rem;box-shadow:2px 2px #0000001a}.menu-dropdown-panel button{appearance:none;text-align:left;color:#000;width:100%;font:inherit;background:0 0;border:0;padding:.18rem .45rem;display:block}.menu-dropdown-panel button:hover:not(:disabled){color:#fff;background:#000}.menu-dropdown-panel button:disabled{color:#7d7d7d}.browser-toolbar{align-items:stretch;gap:.35rem;padding:.35rem;display:flex}.browser-toolbar button{appearance:none;border-top:1px solid var(--chrome-light);border-left:1px solid var(--chrome-light);border-right:1px solid var(--chrome-deep);border-bottom:1px solid var(--chrome-deep);background:var(--chrome-mid);color:#000;justify-items:center;gap:.1rem;min-width:3.55rem;padding:.2rem .3rem .18rem;font-family:Arial,Helvetica,sans-serif;font-size:.72rem;display:grid}.browser-toolbar button:active:not(:disabled){border-top:1px solid var(--chrome-deep);border-left:1px solid var(--chrome-deep);border-right:1px solid var(--chrome-light);border-bottom:1px solid var(--chrome-light)}.browser-toolbar button:disabled{color:var(--chrome-dark);cursor:not-allowed}.tool-icon{font-size:.9rem;line-height:1}.browser-location{grid-template-columns:auto 1fr;align-items:center;gap:.45rem;padding:.28rem .45rem;font-size:.95rem;display:grid}.browser-location input{border-top:1px solid var(--chrome-deep);border-left:1px solid var(--chrome-deep);border-right:1px solid var(--chrome-light);border-bottom:1px solid var(--chrome-light);color:#000;width:100%;font:inherit;background:#fff;padding:.12rem .3rem}.browser-content{background:var(--paper);color:var(--ink);border-left:1px solid var(--chrome-light);border-top:1px solid var(--chrome-light);border-right:1px solid var(--chrome-deep);border-bottom:1px solid var(--chrome-deep);padding:1.25rem 1.45rem;overflow:auto}.browser-status{padding:.18rem .45rem;font-size:.86rem}.resize-handle{z-index:20;position:absolute}.resize-handle-n,.resize-handle-s{height:8px;left:12px;right:12px}.resize-handle-e,.resize-handle-w{width:8px;top:12px;bottom:12px}.resize-handle-n{cursor:ns-resize;top:-4px}.resize-handle-s{cursor:ns-resize;bottom:-4px}.resize-handle-e{cursor:ew-resize;right:-4px}.resize-handle-w{cursor:ew-resize;left:-4px}.resize-handle-ne,.resize-handle-se,.resize-handle-sw,.resize-handle-nw{width:12px;height:12px}.resize-handle-ne{cursor:nesw-resize;top:-4px;right:-4px}.resize-handle-se{cursor:nwse-resize;bottom:-4px;right:-4px}.resize-handle-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.resize-handle-nw{cursor:nwse-resize;top:-4px;left:-4px}.page-header{border-bottom:1px solid #000;justify-content:space-between;align-items:baseline;margin-bottom:.8rem;padding-bottom:.35rem;display:flex}.page-header h1{margin:0;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:400}.page-id{font-family:Arial,Helvetica,sans-serif;font-size:.88rem}.page-nav{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif;font-size:.92rem;display:flex}.page-body{font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.35}.page-body p{margin:0 0 .9rem}@media (width<=800px){.viewport{padding:.5rem}.browser-shell{aspect-ratio:auto;width:100%;min-height:calc(100vh - 1rem)}.resize-handle,.browser-menubar,.window-zoom{display:none}.browser-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.browser-toolbar button{min-width:0}.browser-toolbar button:disabled{display:none}.browser-titlebar{cursor:default;grid-template-columns:1rem minmax(0,1fr) auto minmax(0,1fr);gap:.25rem}}