/* webcentive display modes + text size (Oct 2026). Grey = classic default. */
html{--bg:#cccccc;--fg:#000;--ln:#000;--vl:#551a8b;--al:#ff0000;--ai:#d6d6d6;--nt:#333;--lb:#555;--bd:#999;--sb:#666;color-scheme:light}
html[data-mode=white]{--bg:#ffffff;--fg:#000;--ln:#000;--vl:#551a8b;--ai:#f7f7f7;--nt:#333;--lb:#555;--bd:#ddd;--sb:#bbb}
html[data-mode=pink]{--bg:#fde6ec;--fg:#1a1a1a;--ln:#1a1a1a;--vl:#6a1b4d;--ai:#fef2f5;--nt:#3a2a30;--lb:#5a3a46;--bd:#f0c4d0;--sb:#d9a3b5}
html[data-mode=dark]{--bg:#121212;--fg:#e8e8e8;--ln:#e8e8e8;--vl:#c9a7ff;--al:#ff8080;--ai:#262626;--nt:#c8c8c8;--lb:#b0b0b0;--bd:#555;--sb:#777;color-scheme:dark}
html,body{background:var(--bg);color:var(--fg)}
body font{color:inherit}
a:link{color:var(--ln)}a:visited{color:var(--vl)}a:active{color:var(--al)}
table.wc th.ai,table.wc td.ai{background:var(--ai)}
.note{color:var(--nt)}
hr{color:var(--bd);background:var(--bd);border-color:var(--bd)}
table.wc td,table.wc th,font[size="-1"],table.wc tr.sec td{font-size:.8125rem}
html[style*="125%"] table.wc td.site,html[style*="150%"] table.wc td.site{white-space:normal;min-width:10em}
.ctl{float:right;margin:0 0 6px 8px;text-align:right}
.modes,.sizes{display:inline-block;margin:0 0 4px 8px;padding:0;border:0;font-size:.8125rem;vertical-align:top}
.modes legend,.sizes legend{float:left;padding:0 4px 0 0;line-height:28px}
.modes button,.sizes button{font:inherit;min-width:44px;min-height:28px;margin:0 0 0 2px;padding:2px 8px;border:1px solid var(--fg);border-radius:4px;background:var(--bg);color:var(--fg);cursor:pointer}
.modes button[aria-pressed=true],.sizes button[aria-pressed=true]{background:var(--fg);color:var(--bg);font-weight:bold}
.sizes button:disabled{opacity:.6;cursor:default}
.modes button:focus-visible,.sizes button:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
@media (max-width:700px){
 .ctl{float:none;text-align:left}.modes,.sizes{margin-left:0}
 table.wc td.site,table.wc tr.sec td{font-size:1rem}
 table.wc tr{border-bottom-color:var(--bd)}
 table.wc tr.sec{border-bottom-color:var(--sb)}
 table.wc td.lk:before{color:var(--lb)}
 table.wc td.ai{background:none}
}