@font-face{font-family:Commander;src:url('fonts/ibm-vga.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#000;--ink:#fff;--accent:#fff;--muted:#fff;--line:#fff;--white:#000;font-family:Commander,monospace;color:#fff;background:#000}
body,body *{font-family:Commander,monospace!important;letter-spacing:0!important;border-radius:0!important;box-shadow:none!important;font-weight:400!important}
body{padding-bottom:62px;font-size:20px}button,input,select{font-size:20px!important}p{line-height:1.4}h1,h2,h3,.eyebrow{color:#fff}h1{font-size:32px!important}h2{font-size:24px!important}
aside{position:relative;inset:auto;width:100%;padding:12px 16px!important;background:#000;color:#fff;border-bottom:4px double #fff}.brand-header{display:flex!important;justify-content:space-between}.brand-header .wordmark{font-size:28px!important;text-align:left!important;color:#fff;width:auto}.brand-slogan,.nav-label,.sidebar-bottom,.section-art,.home-toggle{display:none!important}.brand-header:after{content:'COMMANDER EDITION';color:#fff;font-size:20px}.menu-toggle{display:none!important}
aside #mainNavigation{display:flex!important;flex-wrap:wrap;position:static;background:#fff;padding:0;margin:12px 0 0;gap:0;max-height:none}aside #mainNavigation a{background:#fff;color:#000;padding:8px 12px!important;border:0!important;min-height:40px;gap:8px}aside #mainNavigation a span{font-size:20px!important}aside #mainNavigation a:hover,aside #mainNavigation a[aria-current]{background:#fff!important;color:#000!important}.menu-update{order:1;margin:0 0 0 auto;padding:8px 12px;font-size:16px;color:#000;border:0}
main{margin:0;padding:0 16px}.topbar{height:36px;font-size:16px;color:#fff}.topbar a{font-size:16px;color:#fff}.intro{min-height:0;display:flex;padding:18px 0;gap:16px}.intro p,.eyebrow{font-size:18px!important}.intro h1{margin:8px 0}.intro #export{margin:0}.stats{background:#000;border:4px double #fff;margin-bottom:14px}.stat{padding:10px 16px}.stat b{font-size:24px}.stat span{font-size:16px;color:#fff;min-height:0;margin-top:4px}.tools{background:#000;border:4px double #fff;padding:12px;gap:10px;display:flex;flex-wrap:wrap}.tools label{font-size:16px;flex:1;min-width:110px}.tools .search{flex:3}.tools button{min-width:0;width:auto}input,select{background:#000;color:#fff;border:1px solid #fff;padding:8px}button,.primary,.apk-download{background:#fff!important;color:#000!important;border:1px solid #fff;padding:8px 12px}button:hover,button:focus-visible{background:#fff!important;color:#000!important}.resultline{font-size:16px;padding:12px 0;min-height:40px}.section-menu,.panel,.card,.notice,.empty,.chip,.install-tip{background:#000!important;color:#fff;border-color:#fff}.panel,.section-menu{border:4px double #fff}.panel p,.cardbody p,.meta,.cardfoot,label,.details b{color:#fff}.panel p,.panel li,.cardbody p,.details span,.track{font-size:20px}.card:hover{transform:none}.art,.archive-card .art{background:#000}.art img,.photopair img,.commander-photo img{mix-blend-mode:normal!important;filter:none!important;object-fit:contain!important}.cardbody .brand,.cardfoot span:last-child{color:#fff}.cardbody h2{color:#fff}.chip{font-size:16px!important}.cardfoot{font-size:16px!important}.home-grid .card{height:auto;min-height:160px}.browse-options a{color:#fff}.browse-label{font-size:18px}.commander-browser{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.commander-list,.commander-preview{border:4px double #fff;min-width:0}.commander-browser h2{font-size:20px!important;margin:0;padding:10px 12px;border-bottom:1px solid #fff;overflow-wrap:anywhere}.commander-columns,.commander-row{display:grid;grid-template-columns:9ch minmax(0,1fr) 4ch 4ch;gap:8px;text-align:left;align-items:center;padding:8px 12px}.commander-columns{border-bottom:1px solid #fff}.commander-rows{max-height:60vh;overflow:auto}.commander-row{width:100%;border:0;background:#000!important;color:#fff!important;font-size:20px!important;min-height:44px}.commander-row span:nth-child(2){overflow-wrap:anywhere}.commander-row[aria-pressed=true],.commander-row:hover{background:#fff!important;color:#000!important}.commander-status{padding:10px 12px;border-top:1px solid #fff;color:#fff}.commander-preview{position:sticky;top:12px;padding-bottom:16px}.commander-preview h3,.commander-preview dl,.commander-preview>button:last-child{margin:16px}.commander-preview h3{font-size:24px}.commander-preview dl{display:grid;grid-template-columns:15ch 1fr;gap:8px}.commander-preview dd{margin:0}.commander-photo{display:block;margin:16px;width:calc(100% - 32px);padding:12px;background:#000!important}.commander-photo img{display:block;width:100%;height:auto;max-height:360px}.command-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#000;gap:4px;padding:6px;z-index:5;overflow-x:auto}.command-bar button{white-space:nowrap;flex:1;padding:4px;font-size:18px!important;min-height:40px}.command-bar kbd{background:#000;color:#fff;padding:4px}dialog{background:#000;color:#fff;border:4px double #fff}dialog::backdrop{background:#0009;backdrop-filter:none}footer{font-size:16px}.update-notification{bottom:64px;background:#000;border-color:#fff;color:#fff}
@media(max-width:760px){body{font-size:16px}aside{position:relative}.brand-header .wordmark{font-size:24px!important}.brand-header:after{font-size:16px;max-width:10ch;text-align:right}aside #mainNavigation a{padding:6px 8px!important;font-size:0;min-height:36px}aside #mainNavigation a span{font-size:16px!important}.menu-update{width:100%;font-size:16px}.intro{display:block}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:8px}.tools .search{flex-basis:100%}.commander-browser{grid-template-columns:1fr}.commander-preview{position:static}.commander-rows{max-height:280px}.commander-columns,.commander-row{font-size:16px!important;gap:4px;grid-template-columns:8ch minmax(0,1fr) 4ch 3ch;padding:8px}.commander-preview dl{grid-template-columns:14ch 1fr}.resultline{gap:8px;flex-wrap:wrap}main{padding:0 10px}.topbar{font-size:14px}.topbar a{font-size:14px}.panel{padding:16px}.details{grid-template-columns:1fr 1fr}}
@media print{.command-bar{display:none}.commander-rows{max-height:none}body{padding:0}}
/* Keep the collection browser prominent and labels readable. */
body[data-section="collection"] .intro,body[data-section="cassettes"] .intro{padding:10px 0;min-height:0}body[data-section="collection"] .intro h1,body[data-section="cassettes"] .intro h1{font-size:24px!important;margin:4px 0}.stat span{font-size:16px!important}.stat{padding:8px 12px!important;min-height:0!important}.stats{margin-bottom:12px!important}.home-card{background:#000!important;border:4px double #fff!important;color:#fff!important}.home-copy p{color:#fff!important}.home-art img{mix-blend-mode:normal!important}input::placeholder{color:#aaa}
/* Compact grouped navigation: archive on the left, app controls on the right. */
aside #mainNavigation{background:#000;border:4px double #fff;align-items:center;gap:4px;padding:6px;margin-top:8px}aside #mainNavigation a{background:#000;color:#fff;padding:8px 10px!important;font-size:0;gap:0;min-height:40px}aside #mainNavigation a span{font-size:18px!important}aside #mainNavigation a[href="#about"]{margin-left:auto;border-left:1px solid #fff!important}aside #mainNavigation .menu-update{flex-basis:100%;color:#fff;text-align:right;padding:4px 8px 0;border-top:1px solid #fff;font-size:16px}.brand-header{min-height:36px}.brand-header:after{font-size:16px;color:#fff}.command-bar{gap:2px}.command-bar button{font-size:16px!important;min-height:36px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-grid .home-card{min-height:120px;padding:16px;grid-template-columns:80px minmax(0,1fr) 16px}.home-card .home-art{grid-column:1;grid-row:1/3}.home-card .home-art img{height:76px;max-width:80px}.home-card .home-copy{grid-column:2;grid-row:1/3}.home-copy h2{font-size:24px!important}.home-copy p{font-size:16px!important}.home-card .home-arrow{grid-column:3;grid-row:1/3}.home-card:hover{background:#000!important}
@media(max-width:760px){.brand-header:after{display:none}.brand-header .menu-toggle{display:flex!important;color:#fff;background:#000!important;border:1px solid #fff}.brand-header .menu-toggle:after{content:'Menu';font-size:16px}.brand-header .menu-toggle svg{display:none}.brand-header .menu-toggle{width:64px!important}aside #mainNavigation{display:none!important}aside.menu-open #mainNavigation{display:grid!important;grid-template-columns:1fr 1fr}aside #mainNavigation a{font-size:0;justify-content:flex-start!important;padding:12px!important}aside #mainNavigation a[href="#about"]{margin:0;border-left:0!important}aside #mainNavigation a span{font-size:18px!important}aside #mainNavigation .menu-update{grid-column:1/-1;text-align:left}.home-grid{grid-template-columns:1fr}.command-bar button{font-size:16px!important}.command-bar{padding:4px}.home-grid .home-card{min-height:112px}}
/* Norton Commander file-directory menu. */
aside{position:fixed;inset:0 auto 0 0;width:290px;padding:12px!important;border:0;border-right:4px double #fff;height:100dvh;overflow:auto;display:block}.brand-header .wordmark{font-size:24px!important}.brand-header:after{display:none}aside #mainNavigation{display:flex!important;flex-direction:column;align-items:stretch;background:#000;gap:0;margin-top:16px;padding:0;border:4px double #fff}aside #mainNavigation a{display:flex;align-items:center;gap:6px;min-height:40px;padding:6px 8px!important;white-space:nowrap;background:transparent;color:#fff;margin:0!important;border:0!important}aside #mainNavigation a span{font-size:16px!important}aside #mainNavigation a small{font-size:16px;color:#fff;margin-left:auto}aside #mainNavigation a[aria-current] small{color:#000}.directory-heading{padding:10px 8px;border-bottom:1px solid #fff;font-size:20px;color:#fff}.directory-group{padding:14px 8px 6px;color:#fff;font-size:18px}.directory-branch{color:#fff}aside #mainNavigation .menu-update{flex-basis:auto;order:10;text-align:left;font-size:16px;padding:12px 8px;margin-top:14px}main{margin-left:290px}.command-bar{left:290px}.brand-header .menu-toggle{display:none!important}
@media(max-width:1000px) and (min-width:761px){aside{width:250px}.brand-header .wordmark{font-size:22px!important}main{margin-left:250px}.command-bar{left:250px}.commander-browser{grid-template-columns:1fr}.commander-preview{position:static}}
@media(max-width:760px){aside{position:relative;inset:auto;width:100%;height:auto;overflow:visible;border-right:0;border-bottom:4px double #fff}.brand-header .menu-toggle{display:flex!important}aside #mainNavigation{display:none!important}aside.menu-open #mainNavigation{display:flex!important;flex-direction:column}aside #mainNavigation a{padding:10px 12px!important;min-height:44px}aside #mainNavigation a span,aside #mainNavigation a small{font-size:18px!important}main{margin-left:0}.command-bar{left:0}.directory-heading{font-size:20px}.menu-update{width:100%}}
/* Two Commander panels: plain directory listing on the left, content on the right. */
aside{width:36%;padding:10px!important;border:0;background:#000}.brand-header{height:40px}.brand-header .wordmark{font-size:24px!important}aside #mainNavigation{min-height:calc(100dvh - 112px);margin-top:0;border:4px double #fff;display:flex!important;flex-direction:column}.directory-heading{text-align:center;font-size:20px;padding:8px}.directory-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:20px}.directory-table th{color:#fff;font-size:20px;font-weight:400;text-align:center;padding:6px 12px;border-bottom:1px solid #fff}.directory-table th:first-child{width:72%}.directory-table th+th,.directory-table td+td{border-left:1px solid #fff}.directory-table td{height:36px;padding:0 12px;cursor:pointer;color:#fff}.directory-table td+td{text-align:right;font-size:20px}.directory-table tr:has(a[aria-current]),.directory-table tbody tr:hover{background:#fff}.directory-table tr:has(a[aria-current]) td,.directory-table tr:hover td{color:#000}aside #mainNavigation .directory-table a{display:block!important;padding:6px 0!important;min-height:32px;background:transparent!important;color:inherit!important}aside #mainNavigation .directory-table a span{font-size:20px!important}.directory-table tr:focus-within{outline:1px solid #fff;outline-offset:-1px}aside #mainNavigation .menu-update{margin-top:auto;border-top:1px solid #fff;text-align:center;padding:10px;font-size:16px}main{margin-left:36%;padding:10px 10px 0 0;min-height:calc(100dvh - 52px)}.topbar{height:40px}.command-bar{left:0}.commander-browser{grid-template-columns:1fr}.commander-preview{position:static}.home-grid{grid-template-columns:1fr}body[data-section="home"] #content{padding-top:10px}.tools{gap:8px}.tools .search{flex-basis:100%}.tools label{min-width:100px}.tools select{min-width:0}.commander-list,.commander-preview{min-width:0}
@media(max-width:760px){aside{position:relative;width:100%;height:auto;padding:8px!important}.brand-header .menu-toggle{display:none!important}aside #mainNavigation{display:flex!important;min-height:0}.directory-table td{height:32px}.directory-table th,.directory-table td+td,aside #mainNavigation .directory-table a span{font-size:16px!important}aside #mainNavigation .directory-table a{padding:6px 0!important}.directory-table th:first-child{width:70%}main{margin:0;padding:0 8px}.command-bar{left:0}.directory-heading{font-size:18px}.directory-table tbody{line-height:1}.menu-update{margin-top:6px!important}}
aside #mainNavigation .directory-table tr:has(a[aria-current]) a,aside #mainNavigation .directory-table tr:hover a{color:#000!important}aside #mainNavigation .menu-update{width:100%;margin-left:0}
/* Open-file viewer: white paper, DOS text, black selection. */
#detail,#zoom,.commander-preview{background:#fff!important;color:#000!important;border-color:#000!important}
#detail *,#zoom *,.commander-preview *{color:#000!important}
#detail .panel,#detail .notice,#detail .chip,#detail input,#detail select,#detail button,#zoom button,.commander-preview button{background:#fff!important;color:#000!important;border-color:#000!important}
#detail h2,#detail h3,#detail .eyebrow,#detail .details b,#detail .photopair figcaption,.commander-preview h2,.commander-preview h3{color:#000!important}
#detail .panel,#detail .notice,.commander-preview h2{border-color:#000!important}
#detail button:hover,#detail button:focus-visible,#detail a:focus-visible,#detail summary:focus-visible,#zoom button:hover,#zoom button:focus-visible,.commander-preview button:hover,.commander-preview button:focus-visible{background:#000!important;color:#fff!important;outline-color:#000!important}
#detail button:hover *,#detail button:focus-visible *,#zoom button:hover *,.commander-preview button:hover *,.commander-preview button:focus-visible *{color:#fff!important}
#detail ::selection,#zoom ::selection,.commander-preview ::selection{background:#000;color:#fff}
#detail img,#zoom img,.commander-preview img{mask:none!important;-webkit-mask:none!important;clip-path:none!important;filter:none!important;mix-blend-mode:normal!important}
#detail .detailtitle{font-size:28px!important}#detail p,#detail summary,#detail .details span,#detail .details b,#detail .photopair figcaption{font-size:20px!important;line-height:1.4}#detail .photopair{align-items:start}
/* Home is the directory itself, with no cards or preview surface. */
body[data-section="home"] main{display:none!important}
body[data-section="home"] aside #mainNavigation{min-height:calc(100dvh - 116px)}
:root{--paper:#000;--ink:#fff;--accent:#fff;--muted:#fff;--line:#fff;--white:#000;background:#000;color:#fff}
body,aside,main{background:#000;color:#fff}
button:hover,button:focus-visible{outline-color:#fff}
.directory-table tr:has(a[aria-current]),.directory-table tbody tr:hover{background:#fff;color:#000}
.commander-row[aria-pressed=true],.commander-row:hover{background:#fff!important;color:#000!important}
.command-bar kbd{background:#000;color:#fff}
@media(max-width:760px){body[data-section="home"] aside #mainNavigation{min-height:calc(100dvh - 76px)}}
aside #mainNavigation .directory-table tr:has(a[aria-current]) a span,aside #mainNavigation .directory-table tr:hover a span{color:#000!important}
.directory-theme{display:block;width:100%;text-align:left;padding:6px 0!important;border:0!important;background:transparent!important;color:inherit!important;font-size:20px!important;min-height:32px}.directory-table tr:has(.directory-theme):hover{color:#000;background:#fff}.theme-choices{border:1px solid #000;padding:16px}.theme-choices label{display:flex;align-items:center;gap:12px;padding:12px 8px;font-size:20px!important;letter-spacing:0;text-transform:none;cursor:pointer}.theme-choices input{width:20px;height:20px;accent-color:#000;flex:none}.theme-choices label:has(input:checked),.theme-choices label:focus-within{background:#000!important;color:#fff!important}.theme-choices label:has(input:checked) *{color:#fff!important}
html[data-theme="blue"]{--paper:#0000aa;--ink:#fff;--accent:#ffff55;--muted:#55ffff;--line:#55ffff;background:#0000aa;color:#fff}
html[data-theme="blue"] body,html[data-theme="blue"] aside,html[data-theme="blue"] main,html[data-theme="blue"] aside #mainNavigation,html[data-theme="blue"] .command-bar,html[data-theme="blue"] .tools,html[data-theme="blue"] .stats,html[data-theme="blue"] .commander-row{background:#0000aa!important;color:#fff!important}
html[data-theme="blue"] aside #mainNavigation,html[data-theme="blue"] .directory-heading,html[data-theme="blue"] .directory-table th,html[data-theme="blue"] .directory-table td,html[data-theme="blue"] .menu-update,html[data-theme="blue"] .tools,html[data-theme="blue"] .stats,html[data-theme="blue"] .commander-list,html[data-theme="blue"] .commander-columns,html[data-theme="blue"] .commander-status{border-color:#55ffff!important}
html[data-theme="blue"] .directory-heading,html[data-theme="blue"] .directory-table th,html[data-theme="blue"] main h1,html[data-theme="blue"] main h2,html[data-theme="blue"] main h3,html[data-theme="blue"] main .eyebrow{color:#ffff55}
html[data-theme="blue"] .directory-table tr:has(a[aria-current]),html[data-theme="blue"] .directory-table tbody tr:hover,html[data-theme="blue"] .commander-row[aria-pressed=true],html[data-theme="blue"] .commander-row:hover{background:#00aaaa!important;color:#000!important}
html[data-theme="blue"] main input,html[data-theme="blue"] main select{background:#0000aa!important;color:#fff!important;border-color:#55ffff!important}
html[data-theme="blue"] main button,html[data-theme="blue"] .command-bar button{background:#00aaaa!important;color:#000!important;border-color:#55ffff!important}
html[data-theme="blue"] main .panel,html[data-theme="blue"] main .card,html[data-theme="blue"] main .notice,html[data-theme="blue"] main .section-menu,html[data-theme="blue"] main .chip{background:#0000aa!important;color:#fff!important;border-color:#55ffff!important}
html[data-theme="blue"] .directory-theme{background:transparent!important;color:inherit!important}
@media(max-width:760px){.directory-theme{font-size:16px!important}}
#detail .theme-choices label:has(input:checked),#detail .theme-choices label:focus-within{background:#000!important;color:#fff!important}
.settings-directory{width:100%;border-collapse:collapse;margin:20px 0}.settings-directory th,.settings-directory td{border:1px solid #000;padding:10px;text-align:left}.settings-directory th{font-size:20px}.settings-directory button{width:100%;text-align:left}.settings-directory td:last-child{width:8ch}
/* One title, integrated into the Commander panel's top bar. */
aside .brand-header{display:none!important}.directory-heading{font-size:24px!important;line-height:1.2;text-align:center;padding:10px 8px!important}aside #mainNavigation,body[data-section="home"] aside #mainNavigation{min-height:calc(100dvh - 72px);margin-top:0!important}body[data-section="home"] aside #mainNavigation{min-height:calc(100dvh - 20px)}aside #mainNavigation .menu-update{padding:0!important;border-top:0!important}.directory-release{width:100%;border-collapse:collapse;font-size:16px}.directory-release th,.directory-release td{border-top:1px solid var(--line);padding:8px 12px;text-align:left;font-weight:400}.directory-release td{border-left:1px solid var(--line);text-align:right}.directory-release th{width:40%}
@media(max-width:760px){aside #mainNavigation{min-height:0}body[data-section="home"] aside #mainNavigation{min-height:calc(100dvh - 16px)}.directory-heading{font-size:22px!important}}
/* Main-page installation panel, in the same directory-table style. */
body[data-section="home"] main{display:block!important}body[data-section="home"] main>.topbar,body[data-section="home"] main>footer{display:none!important}body[data-section="home"] #content{padding-top:0}.home-download{border:4px double var(--line);padding:0 16px 18px;margin:0;background:var(--paper);color:var(--ink)}.home-download h2{margin:0 -16px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:22px!important}.home-download p{font-size:18px}.download-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.download-platforms a,.download-platforms button{display:flex;align-items:center;justify-content:center;text-align:center;background:#fff;color:#000;border:1px solid #fff;text-decoration:none;padding:10px 6px;min-height:48px;font-size:18px!important;line-height:1.3}.download-instructions{display:inline-block;font-size:18px}.download-note{font-size:16px!important}.download-platforms a:focus-visible,.download-platforms button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html[data-theme="blue"] .download-platforms a{background:#00aaaa;color:#000;border-color:#55ffff}@media(max-width:760px){body[data-section="home"] aside #mainNavigation{min-height:0}body[data-section="home"] main{min-height:0;padding:8px}.download-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.home-download h2{font-size:20px!important}.home-download{padding-inline:12px}.home-download h2{margin-inline:-12px}}
/* Directory rhythm: separate browsing, app actions and settings; metadata at bottom. */
aside #mainNavigation{display:flex!important;flex-direction:column;min-height:calc(100dvh - 72px)}
aside #mainNavigation .menu-update{margin-top:auto!important;flex-shrink:0}
.directory-table tr:has(a[href="#collection"]) td,.directory-table tr:has(a[href="#about"]) td,.directory-table tr:has(a[href="#install"]) td,.directory-table tr:has(.directory-theme) td{border-top:12px solid var(--paper)}
.directory-table tr:has(a[href="#collection"]):hover td,.directory-table tr:has(a[href="#about"]):hover td,.directory-table tr:has(a[href="#install"]):hover td,.directory-table tr:has(.directory-theme):hover td{border-top-color:var(--paper)}
@media(max-width:760px){aside #mainNavigation,body[data-section="home"] aside #mainNavigation{min-height:max(650px,calc(100dvh - 20px))}.directory-table tr:has(a[href="#collection"]) td,.directory-table tr:has(a[href="#about"]) td,.directory-table tr:has(a[href="#install"]) td,.directory-table tr:has(.directory-theme) td{border-top-width:10px}}
/* Independent full-size Commander panes. */
.dual-host{display:none}.dual-active>aside,.dual-active>main,.dual-active>.command-bar{display:none!important}.dual-active{padding:0!important;overflow:hidden}.dual-active>.dual-host{display:flex;flex-direction:column;height:100dvh;padding:8px;gap:8px}.dual-title{display:flex;justify-content:space-between;padding:8px 12px;border:4px double var(--line);font-size:24px}.dual-title span{font-size:18px;align-self:center}.dual-panels{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;min-height:0}.dual-panel{display:flex;flex-direction:column;border:4px double var(--line);min-width:0;min-height:0}.dual-panel h2{font-size:18px!important;text-align:center;margin:0;padding:6px;border-bottom:1px solid var(--line)}.dual-panel iframe{width:100%;flex:1;border:0;min-height:0;background:var(--paper)}.dual-status{margin:0;padding:8px 10px;border:4px double var(--line);font-size:16px;display:flex;justify-content:space-between;gap:16px;color:var(--ink)}
.pane-embedded{padding-bottom:0!important}.pane-toolbar{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line);font-size:18px;background:var(--paper);color:var(--ink)}.pane-embedded aside{display:none!important}.pane-embedded main{margin:0!important;padding:8px!important;min-height:0!important}.pane-embedded[data-section="home"] aside{display:block!important;position:relative!important;width:100%!important;padding:8px!important}.pane-embedded[data-section="home"] main{display:none!important}.pane-embedded aside #mainNavigation{min-height:calc(100dvh - 60px)!important;display:flex!important}.pane-embedded .directory-heading{display:none}.pane-embedded .command-bar,.pane-embedded .topbar,.pane-embedded main>footer{display:none!important}.pane-embedded .intro{min-height:0;padding:8px 0}.pane-embedded #detail.opposite-preview{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:18px;border:0;overflow:auto}.pane-embedded #detail.opposite-preview .photopair{grid-template-columns:1fr 1fr}.pane-embedded #detail.opposite-preview .details{grid-template-columns:1fr 1fr}.pane-embedded .home-download{display:none}
.download-table{border-collapse:collapse;width:100%;font-size:18px}.download-table th,.download-table td{padding:10px 8px;border:1px solid var(--line);text-align:left;overflow-wrap:anywhere}.download-table button{font-size:18px!important}.download-table th{font-weight:400}.pane-embedded .panel{padding:14px}.pane-embedded .download-table{font-size:16px}.pane-embedded .download-table td{padding:8px 5px}
body.installed-app[data-section="home"] .home-download{display:none!important}
body.dual-active[data-section]>main{display:none!important}
/* Every Commander choice uses directory rows, never tile buttons. */
body[data-section] #sectionMenu .browse-options,.browse-options,.download-platforms,.design-options,.group-switch,.playlist-directory{display:block!important;padding:0!important;margin:0!important;border:0!important}
.option-directory{width:100%;border-collapse:collapse;table-layout:fixed;font-size:18px}.option-directory th{font-size:18px;font-weight:400;text-align:left;border-bottom:1px solid currentColor;padding:8px}.option-directory th:last-child{width:8ch;text-align:right}.option-directory td{padding:0 8px;vertical-align:middle;border:0}.option-directory td+td{border-left:1px solid currentColor;text-align:right;white-space:nowrap}.option-directory tr:has([aria-pressed=true]),.option-directory tbody tr:hover,.option-directory tbody tr:focus-within{background:#fff;color:#000}
body #sectionMenu .option-directory button,body .option-directory button,body .option-directory a,html[data-theme="blue"] main .option-directory button,html[data-theme="blue"] main .option-directory a{display:block!important;width:100%!important;min-height:42px!important;padding:9px 0!important;text-align:left!important;background:transparent!important;color:inherit!important;border:0!important;outline-offset:-2px;text-decoration:none;font-size:18px!important;white-space:normal!important}
.option-directory strong{font-size:18px!important;margin:0!important}.option-directory span{font-size:16px!important;line-height:1.3}.option-directory [aria-pressed=true]{outline:0!important}
#detail .option-directory tr:has([aria-pressed=true]),#detail .option-directory tbody tr:hover,#detail .option-directory tbody tr:focus-within{background:#000!important;color:#fff!important}#detail .option-directory tr:has([aria-pressed=true]) *,#detail .option-directory tbody tr:hover *,#detail .option-directory tbody tr:focus-within *{background:transparent!important;color:#fff!important}#detail .option-directory td,#detail .option-directory th{border-color:#000!important}
html[data-theme="blue"] .option-directory tbody tr:hover,html[data-theme="blue"] .option-directory tr:has([aria-pressed=true]){background:#00aaaa;color:#000}
.apk-download,main .textlink,main .download-instructions{display:block!important;padding:10px 8px!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;font-size:18px!important;text-decoration:none}.apk-download:after{content:' <FILE>';float:right}.apk-download:hover{background:var(--ink)!important;color:var(--paper)!important}
main .tools button,main .download-table button,main #checkUpdates,main #applyUpdate,main #showInstallSteps,main #nativeInstall{background:transparent!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:left}main .download-table tr:hover{background:var(--ink);color:var(--paper)}main .download-table tr:hover button{color:inherit!important}
.theme-choices,.update-modes{padding:0!important;border:0!important}.theme-choices label,.update-modes label,.notification-setting{border-bottom:1px solid currentColor;padding:10px 8px!important;margin:0;min-height:44px}.theme-choices label:after{content:'<SELECT>';margin-left:auto;font-size:16px}.update-modes small{font-size:16px!important}
body[data-section="equipment"] #content>.grid,body[data-section="music"] #content>.grid{display:block;border:4px double var(--line)}body[data-section="equipment"] .archive-card,body[data-section="music"] .playlist{display:block;width:100%;height:auto!important;min-height:0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;padding:8px 12px!important}body[data-section="equipment"] .archive-card .art,body[data-section="equipment"] .archive-card .meta,body[data-section="equipment"] .archive-card .cardfoot,body[data-section="music"] .playlist-num,body[data-section="music"] .playlist p,body[data-section="music"] .playlist .cardfoot{display:none!important}body[data-section="equipment"] .archive-card .cardbody,body[data-section="music"] .playlist .cardbody{display:flex;gap:12px;align-items:center;padding:0!important}body[data-section="equipment"] .archive-card h2,body[data-section="music"] .playlist h2{height:auto;margin:0;font-size:20px!important}body[data-section="equipment"] .archive-card:hover,body[data-section="music"] .playlist:hover{background:var(--ink)!important;color:var(--paper)!important}body[data-section="equipment"] .archive-card:hover *,body[data-section="music"] .playlist:hover *{color:inherit!important}
@media(max-width:760px){.option-directory th,.option-directory td,body .option-directory button,body .option-directory a{font-size:16px!important}.option-directory th:last-child{width:7ch}}
.theme-choices label,.update-modes label,.notification-setting{position:relative;cursor:pointer}.theme-choices input,.update-modes input,.notification-setting input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.theme-choices label:before,.update-modes label:before,.notification-setting:before{content:' ';width:2ch;flex:none}.theme-choices label:has(input:checked):before,.update-modes label:has(input:checked):before,.notification-setting:has(input:checked):before{content:'*'}.update-modes label:has(input:checked),.notification-setting:has(input:checked){background:var(--ink);color:var(--paper)}.update-modes label:has(input:checked) *,.notification-setting:has(input:checked) *{color:inherit!important}

/* Keep only the current directory and a return line after opening a section. */
.directory-trail{display:none;margin:0 0 12px;width:100%}
body.directory-open:not(.dual-active)>aside{display:none!important}
body.directory-open:not(.dual-active)>main{margin-left:0!important;width:100%;padding:12px!important}
body.directory-open .directory-trail{display:table}
body.directory-open>.pane-toolbar{display:none}
.directory-trail a{display:block;color:inherit;text-decoration:none;padding:6px 0}
.directory-trail td{padding:6px 10px!important;border-top:0!important}
.directory-trail tr:first-child:hover{background:var(--ink);color:var(--paper)}

/* Equipment illustrations in Commander's white preview window. */
#detail .commander-equipment-illustration{margin:8px 0 22px;padding:10px 0 8px;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000;background:#fff}
#detail .commander-equipment-illustration img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;margin:0 auto}
#detail .commander-equipment-illustration figcaption{font-size:12px;line-height:1.2;text-align:right;margin-top:5px;color:#000}
.masthead-release{display:none!important}
/* Keep the global shortcuts available beside the two-pane desktop directory. */
.dual-active>.command-bar{display:flex!important}
.dual-active>.dual-host{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}

/* Equipment summary: total equipment, distinct categories and brands. */
body[data-section="equipment"] .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-section="equipment"] .stats .stat{border-bottom:0}
body[data-section="equipment"] .stats .stat:not(:last-child){border-right:1px solid var(--line)}
body[data-section="equipment"] .stats .stat:last-child{border-right:0}
