:root{font-family:Arial,Helvetica,sans-serif;color:#000;background:#C9DEC4;font-size:14px}*{box-sizing:border-box}body{margin:0}header,nav,main,footer{width:900px;max-width:calc(100% - 24px);margin:auto}header{background:#fff;border:2px solid #555;border-top:0;padding:12px 16px;display:flex;justify-content:space-between;align-items:baseline}header b{font:700 24px Georgia,serif;color:#000}header span{color:#000}nav{background:#f0f0f0;border:2px solid #666;border-top:0;padding:6px 10px;line-height:2}nav a{color:#04c;text-decoration:underline;margin-right:10px;white-space:nowrap}nav a.on{font-weight:bold;color:#000;text-decoration:none}main{background:#fff;border:2px solid #666;border-top:0;padding:20px 24px;min-height:650px}h1{font:700 27px Georgia,serif;color:#000;margin:0 0 6px}h2{font:700 19px Georgia,serif;color:#000;border-bottom:2px solid #666;padding-bottom:3px;margin:25px 0 8px}.intro{margin:0 0 18px;color:#000}.box{background:#f0f0f0;border:2px solid #666;padding:14px;max-width:560px}.form label{display:grid;grid-template-columns:230px 1fr;align-items:center;margin:7px 0}.form label>span{font-weight:bold}.form input,.form select,.form textarea{font:14px Arial;padding:5px;border:2px solid #555;background:white;width:100%}table{border-collapse:collapse;width:100%;max-width:760px;margin:8px 0 18px}th,td{border:2px solid #666;padding:7px 9px;text-align:left;vertical-align:top}th{background:#f0f0f0;width:220px}.wide th{width:auto}.wide thead th{background:#d8e7ef}.wide tbody tr:nth-child(even) td{background:#f7f7f7}.note{border:2px solid #6f651d;background:#fffbdc;padding:9px;max-width:760px}.bad{color:#000;font-weight:bold}footer{border:2px solid #666;border-top:0;background:#f0f0f0;padding:10px;color:#000;font-size:12px;margin-bottom:30px}a{color:#04c}@media(max-width:650px){header{display:block}header span{display:block;margin-top:3px}nav{line-height:2.3}nav a{margin-right:12px}main{padding:15px 12px}.form label{grid-template-columns:1fr;gap:3px}h1{font-size:23px}.wide{display:block;overflow-x:auto;white-space:nowrap}th{width:42%}}
main :is(p,li,dd,dt,h1,h2,h3,h4,figcaption,blockquote,summary){overflow-wrap:anywhere}@media(max-width:650px){nav{display:block;white-space:nowrap;overflow-x:auto;max-width:calc(100% - 24px)}nav a{display:inline-block}.wide{max-width:100%}}
.ad-unit{margin:0;max-width:100%;overflow:hidden}.ad-unit:not(:has(ins[data-ad-status="filled"])){height:0}.ad-unit:has(ins[data-ad-status="filled"]){margin:28px 0 15px;height:auto}.ad-unit:has(ins[data-ad-status="filled"])::before{content:"Advertisement";display:block;font-size:12px;color:inherit;opacity:.8;margin:0 0 4px;pointer-events:none}.ad-unit ins.adsbygoogle{display:block}.ad-unit ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}.ad-unit:has(ins[data-ad-status="unfilled"]){display:none}

nav{display:flex;align-items:center;gap:14px;position:relative;overflow:visible}nav>a{margin-right:0}.nav-menu{display:inline-block;position:relative}.nav-menu summary{color:#04c;text-decoration:underline;cursor:pointer;list-style:none}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary:after{content:" \25BC";font-size:10px}.nav-menu[open] summary{font-weight:bold;color:#000;text-decoration:none}.nav-menu div{position:absolute;z-index:20;top:100%;left:0;width:240px;background:#f0f0f0;border:2px solid #555;padding:5px;box-shadow:2px 2px 0 #999}.nav-menu div a{display:block;margin:0;padding:4px 6px;color:#04c;text-decoration:underline;white-space:normal}.nav-menu div a:hover{background:#fff}.nav-menu div a.on{font-weight:bold;color:#000;text-decoration:none}@media(max-width:650px){nav{display:flex;overflow:visible;white-space:normal;max-width:calc(100% - 24px)}.nav-menu div{position:fixed;top:115px;left:12px;right:12px;width:auto;max-height:65vh;overflow-y:auto}}

.result-scroll{max-width:100%;overflow-x:auto}.result-scroll table{min-width:520px}

/* v1.9.0 design pass */
.box{max-width:760px}
.btn,.theme-toggle{font:bold 14px Arial,Helvetica,sans-serif;color:#000;background:#e0e0e0;border:2px solid #555;padding:6px 14px;cursor:pointer}
.btn{margin-top:8px}.btn:hover,.theme-toggle:hover{background:#fff}.btn:disabled{color:#555;cursor:wait}
.theme-toggle{font-size:11px;padding:2px 6px;margin-left:8px;font-weight:normal}
.nav-menu .nav-group{margin:6px 6px 2px;padding:0 0 2px;font-weight:bold;font-size:12px;color:#000;border-bottom:1px solid #999}
.nav-menu .nav-group:first-child{margin-top:2px}
.tool-index{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 18px;max-width:760px}
.tool-index h3{font:700 15px Georgia,serif;margin:6px 0 4px;color:#000}
.tool-index ul{margin:0;padding-left:18px}.tool-index li{margin:3px 0}
.prose p,.prose li,.prose td{font-size:15px;line-height:1.5}
@media(max-width:650px){
.form input,.form select,.form textarea{font-size:16px;min-height:44px;padding:8px}
.form textarea{min-height:120px}
.btn{min-height:44px;width:100%;font-size:16px}
.nav-menu div a{padding:9px 6px}
.tool-index{grid-template-columns:repeat(2,1fr)}
.theme-toggle{min-height:30px;margin:6px 0 0;display:inline-block}
}
/* Dark mode: additive; light stays default unless the OS prefers dark or the user picks it */
:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=dark]{--bg:#121412;--panel:#1c1f1c;--panel2:#262a26;--bd:#909090;--tx:#e8e8e8;--ln:#7cb8ff;--thd:#1f3440;--even:#181b18;--note:#2a2712;--notebd:#a8993a}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#121412;--panel:#1c1f1c;--panel2:#262a26;--bd:#909090;--tx:#e8e8e8;--ln:#7cb8ff;--thd:#1f3440;--even:#181b18;--note:#2a2712;--notebd:#a8993a}}
:root[data-theme=dark],:root[data-theme=dark] body{background:var(--bg);color:var(--tx)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:root:not([data-theme=light]) body{background:var(--bg);color:var(--tx)}}
:root[data-theme=dark] header,:root[data-theme=dark] main{background:var(--panel);border-color:var(--bd)}
:root[data-theme=dark] nav,:root[data-theme=dark] footer,:root[data-theme=dark] .box,:root[data-theme=dark] .nav-menu div{background:var(--panel2);border-color:var(--bd);color:var(--tx)}
:root[data-theme=dark] header b,:root[data-theme=dark] header span,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] .tool-index h3,:root[data-theme=dark] .intro,:root[data-theme=dark] .bad,:root[data-theme=dark] footer,:root[data-theme=dark] .nav-menu .nav-group,:root[data-theme=dark] nav a.on,:root[data-theme=dark] .nav-menu[open] summary,:root[data-theme=dark] .nav-menu div a.on{color:var(--tx)}
:root[data-theme=dark] h2{border-color:var(--bd)}
:root[data-theme=dark] a,:root[data-theme=dark] nav a,:root[data-theme=dark] .nav-menu summary,:root[data-theme=dark] .nav-menu div a{color:var(--ln)}
:root[data-theme=dark] .nav-menu div a:hover{background:var(--panel)}
:root[data-theme=dark] th,:root[data-theme=dark] td{border-color:var(--bd)}:root[data-theme=dark] th{background:var(--panel2)}
:root[data-theme=dark] .wide thead th{background:var(--thd)}:root[data-theme=dark] .wide tbody tr:nth-child(even) td{background:var(--even)}
:root[data-theme=dark] .note{background:var(--note);border-color:var(--notebd);color:var(--tx)}
:root[data-theme=dark] .form input,:root[data-theme=dark] .form select,:root[data-theme=dark] .form textarea{background:#0e100e;color:var(--tx);border-color:var(--bd)}
:root[data-theme=dark] .btn,:root[data-theme=dark] .theme-toggle{background:var(--panel);color:var(--tx);border-color:var(--bd)}
:root[data-theme=dark] .btn:hover,:root[data-theme=dark] .theme-toggle:hover{background:#333}
:root[data-theme=dark] .nav-menu div{box-shadow:2px 2px 0 #000}
@media(prefers-color-scheme:dark){
:root:not([data-theme=light]) header,:root:not([data-theme=light]) main{background:var(--panel);border-color:var(--bd)}
:root:not([data-theme=light]) nav,:root:not([data-theme=light]) footer,:root:not([data-theme=light]) .box,:root:not([data-theme=light]) .nav-menu div{background:var(--panel2);border-color:var(--bd);color:var(--tx)}
:root:not([data-theme=light]) header b,:root:not([data-theme=light]) header span,:root:not([data-theme=light]) h1,:root:not([data-theme=light]) h2,:root:not([data-theme=light]) .tool-index h3,:root:not([data-theme=light]) .intro,:root:not([data-theme=light]) .bad,:root:not([data-theme=light]) footer,:root:not([data-theme=light]) .nav-menu .nav-group,:root:not([data-theme=light]) nav a.on,:root:not([data-theme=light]) .nav-menu[open] summary,:root:not([data-theme=light]) .nav-menu div a.on{color:var(--tx)}
:root:not([data-theme=light]) h2{border-color:var(--bd)}
:root:not([data-theme=light]) a,:root:not([data-theme=light]) nav a,:root:not([data-theme=light]) .nav-menu summary,:root:not([data-theme=light]) .nav-menu div a{color:var(--ln)}
:root:not([data-theme=light]) .nav-menu div a:hover{background:var(--panel)}
:root:not([data-theme=light]) th,:root:not([data-theme=light]) td{border-color:var(--bd)}:root:not([data-theme=light]) th{background:var(--panel2)}
:root:not([data-theme=light]) .wide thead th{background:var(--thd)}:root:not([data-theme=light]) .wide tbody tr:nth-child(even) td{background:var(--even)}
:root:not([data-theme=light]) .note{background:var(--note);border-color:var(--notebd);color:var(--tx)}
:root:not([data-theme=light]) .form input,:root:not([data-theme=light]) .form select,:root:not([data-theme=light]) .form textarea{background:#0e100e;color:var(--tx);border-color:var(--bd)}
:root:not([data-theme=light]) .btn,:root:not([data-theme=light]) .theme-toggle{background:var(--panel);color:var(--tx);border-color:var(--bd)}
:root:not([data-theme=light]) .btn:hover,:root:not([data-theme=light]) .theme-toggle:hover{background:#333}
:root:not([data-theme=light]) .nav-menu div{box-shadow:2px 2px 0 #000}
}
.nav-menu div{line-height:1.35}
@media(max-width:650px){.nav-menu{position:static}.nav-menu div{position:absolute;top:100%;left:-2px;right:-2px;width:auto;max-height:70vh;overflow-y:auto}.theme-toggle{min-height:28px;margin:4px 0 0}}
/* v1.9.0 audit fixes: mobile tap targets and two-column tables */
@media(max-width:650px){
.theme-toggle{min-height:44px;padding:4px 12px;font-size:13px}
nav>a,.nav-menu summary{display:inline-flex;align-items:center;min-height:44px}
.nav-menu div a{display:flex;align-items:center;min-height:44px;padding:4px 6px}
.tool-index li{margin:0}.tool-index li a{display:inline-flex;align-items:center;min-height:44px}
footer a{display:inline-flex;align-items:center;min-height:44px}
.result-scroll table:not(.wide){min-width:0;width:100%;table-layout:fixed}
.result-scroll table:not(.wide) th{width:42%}
.result-scroll table:not(.wide) td,.result-scroll table:not(.wide) th{overflow-wrap:anywhere;word-break:normal}
}

/* v1.9.0 palette (audit pick): palm green page, sunset peach on every column header; light theme only */
thead th,.wide thead th{background:#F6CDB3}
@media(max-width:650px){.result-scroll table.fit{min-width:0;width:100%;white-space:normal}.wide.fit{display:table}}
:root[data-theme=dark] thead th{background:var(--thd)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) thead th{background:var(--thd)}}
/* v1.9.1: wordmark links home */
header a.wordmark{text-decoration:none;color:inherit}header a.wordmark:hover b{opacity:.85}
@media(max-width:650px){header a.wordmark{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:650px){table.useful td a{display:inline-flex;align-items:center;min-height:44px}}


/* v1.9.3 header mark: RC Calculator Rack (Daniel pick, concept 3). Decorative; link name is "RACKCRUNCH home". */
header{align-items:center}header a.wordmark{display:inline-flex;align-items:center;line-height:0}header a.wordmark:hover .rc-mark{opacity:.85}
.rc-mark{display:block;height:52px;width:auto}.rc-body{fill:#2E2E2E;stroke:#2E2E2E}
:root[data-theme=dark] .rc-body{fill:#0e0f0e;stroke:#9a9a9a}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .rc-body{fill:#0e0f0e;stroke:#9a9a9a}}
header a.wordmark:focus-visible{outline:2px solid #04c;outline-offset:3px}
/* v1.11.0 methodology table: wraps normally; stacks into cards on phones */
table.method thead th{background:#F6CDB3}table.method th{width:auto}table.method td:first-child{font-weight:bold;white-space:nowrap}
:root[data-theme=dark] table.method thead th{background:var(--thd)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) table.method thead th{background:var(--thd)}}
@media(max-width:650px){table.method thead{display:none}table.method,table.method tbody,table.method tr,table.method td{display:block;width:100%}table.method tr{border:2px solid #666;margin:0 0 10px}table.method td{border:0;border-top:1px solid #bbb;white-space:normal}table.method td:first-child{border-top:0;white-space:normal}table.method td:nth-child(2)::before{content:"Formula: ";font-weight:bold}table.method td:nth-child(3)::before{content:"Assumptions: ";font-weight:bold}}

/* v1.11.1: close the top of the page frame (Daniel 2026-09-23) */
header{border-top:2px solid #555;margin-top:12px}

/* v1.12.0: theme button label chosen by CSS so server HTML and first client render match */
.scroll-cue{display:none;margin:4px 0;font-size:12px;font-style:italic}@media(max-width:650px){.scroll-cue{display:block}}

/* v1.13.0 EOL lookup (existing styles only; plain layout) */
.small{font-size:12px}.eol-list{columns:3;max-width:760px;padding-left:18px;margin:4px 0 12px}.eol-list li{break-inside:avoid;margin:2px 0}.eol-top{max-width:760px;line-height:1.9}@media(max-width:650px){.eol-list{columns:1}.eol-list a,.eol-top a{display:inline-block;min-height:32px;padding:4px 0}}
.eol-table td.nw{white-space:nowrap}
.dns-data{white-space:normal;overflow-wrap:anywhere;max-width:420px}

/* v1.14.0 homepage */
.home-eol{max-width:760px;margin-bottom:22px}.home-eol p{margin:6px 0}.home-eol .form label{grid-template-columns:90px 1fr}
.home-h2{margin-top:4px}
.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;max-width:760px}
.home-cat ul{list-style:none;padding:0;margin:0}.home-cat li{margin:0 0 9px}
@media(max-width:650px){.home-grid{grid-template-columns:1fr}.home-cat li a{display:inline-block;min-height:28px;padding-top:4px}}

.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:8px;top:8px;z-index:100;background:#fff;color:#000;padding:6px 10px;border:2px solid #000}main:focus{outline:none}
.form label>span.numin{font-weight:normal;display:block}.field-err{display:block;margin-top:3px;font-size:12px;font-weight:bold;color:#8a1c1c}.form input[aria-invalid=true]{border-color:#8a1c1c}.warn-note{border:2px solid #8a1c1c;background:#fff2f2;padding:8px;max-width:760px}
:root[data-theme=dark] .field-err{color:#ffb3b3}:root[data-theme=dark] .warn-note{background:transparent;border-color:#ffb3b3}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .field-err{color:#ffb3b3}:root:not([data-theme=light]) .warn-note{background:transparent;border-color:#ffb3b3}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #04c;outline-offset:2px}
.copy-link{font:13px Arial;padding:5px 10px;border:2px solid #555;background:#f0f0f0;cursor:pointer}
:root[data-theme=dark] .copy-link{background:transparent;color:var(--tx);border-color:var(--tx)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .copy-link{background:transparent;color:var(--tx);border-color:var(--tx)}}
@media(max-width:650px){.eol-top a{display:inline-block;padding:6px 2px;font-size:15px}}
.guide{max-width:760px;margin-top:10px}.guide details{border:2px solid #666;background:#f0f0f0;margin:0 0 -2px}.guide summary{cursor:pointer;font-weight:bold;padding:8px 10px;list-style-position:inside}.guide details[open] summary{border-bottom:2px solid #666}.guide-body{background:#fff;padding:4px 12px 8px}.guide p,.guide li{line-height:1.5}
:root[data-theme=dark] .guide details{background:var(--panel2);border-color:var(--bd)}:root[data-theme=dark] .guide-body{background:var(--panel)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .guide details{background:var(--panel2);border-color:var(--bd)}:root:not([data-theme=light]) .guide-body{background:var(--panel)}}
.form label.chk{display:inline-flex;align-items:center;gap:5px;margin:4px 14px 4px 0;font-weight:normal;grid-template-columns:none}.form label.chk input,.permgrid input{width:auto;padding:0;margin:0;height:auto}.permgrid{max-width:520px;margin:10px 0 4px}.permgrid th{width:auto}.permgrid td{text-align:center}.permgrid td label.chk{margin:0}fieldset.days{border:2px solid #666;margin:8px 0;padding:6px 10px}fieldset.days legend{font-weight:bold}.codewrap{max-width:760px;margin:8px 0 14px}.codeout{white-space:pre;overflow-x:auto;font:13px/1.45 Consolas,Menlo,monospace;background:#f7f7f7;color:#000;border:2px solid #666;padding:10px;margin:0 0 6px}code{font-family:Consolas,Menlo,monospace;overflow-wrap:anywhere}
:root[data-theme=dark] .codeout,:root[data-theme=dark] fieldset.days{background:var(--panel);color:var(--tx);border-color:var(--bd)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .codeout,:root:not([data-theme=light]) fieldset.days{background:var(--panel);color:var(--tx);border-color:var(--bd)}}
/* v1.26.0: EOL tables at phone width - let the Version column wrap so Status stays visible without swiping */
@media (max-width:600px){.eol-table th:first-child,.eol-table td:first-child{white-space:normal;min-width:7em;max-width:9.5em;overflow-wrap:anywhere}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hash{word-break:break-all;font-size:12px}
.study-report{max-width:820px;line-height:1.6}.study-report .byline{font-size:14px;color:#444}
.study-report table{border-collapse:collapse;margin:6px 0 4px;font-size:14px}.study-report th,.study-report td{border:1px solid #999;padding:4px 8px;text-align:left;vertical-align:top}.study-report td:not(:first-child),.study-report th:not(:first-child){text-align:right}.study-report table.rub td,.study-report table.rub th{text-align:left}
.study-report .result-scroll{margin-bottom:14px}.study-report .result-scroll table{min-width:0}.study-report table.plat,.study-report table.small{font-size:13px}.study-report .ci{display:block;font-size:11px;color:#555;white-space:nowrap}.study-report .nw td,.study-report .nw th{white-space:nowrap}
.study-report figure{margin:12px 0 16px}.study-report figure img{max-width:100%;height:auto;display:block}.study-report .fig-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.study-report .fig-row figure{flex:1 1 360px;margin:0}.study-report .fig-row .result-scroll{flex:0 1 auto}
.study-report .fmeta{font-size:11px;color:#666;overflow-wrap:anywhere}.study-report .fmeta code{font-size:10px;word-break:break-all}.study-report .footnote{font-size:13px;border-top:1px solid #999;margin-top:20px}.study-report .footnote hr{display:none}
.study-report .hashlist{font-size:13px;padding-left:18px}.study-report details.pack-list{margin:4px 0 14px}.study-report details.pack-list summary{cursor:pointer;min-height:32px}
@media(max-width:650px){.study-report table.plat,.study-report table.small{font-size:12px}.study-report .result-scroll table.plat,.study-report .result-scroll table.rub{min-width:520px}}
.study-report .result-scroll table,.study-report .result-scroll table:not(.wide){table-layout:auto;width:auto;max-width:none}.study-report .result-scroll table:not(.wide) th{width:auto}.study-report .result-scroll table:not(.wide) td,.study-report .result-scroll table:not(.wide) th{overflow-wrap:normal;word-break:normal}.study-report td:first-child{white-space:nowrap}.study-report table.rub td:first-child{white-space:normal;min-width:110px}.study-report table.rub{min-width:600px}.study-report pre{overflow-x:auto;white-space:pre}
.home-news{max-width:760px;margin-bottom:22px}.home-news ul{margin:6px 0 0;padding-left:18px}.home-news li{margin:4px 0}
:root[data-theme=dark] .study-report figure img{background:#fff;padding:8px;border-radius:2px}:root[data-theme=dark] .study-report .byline,:root[data-theme=dark] .study-report .fmeta,:root[data-theme=dark] .study-report .ci,:root[data-theme=dark] .study-report .footnote{color:var(--tx)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .study-report figure img{background:#fff;padding:8px;border-radius:2px}:root:not([data-theme=light]) .study-report .byline,:root:not([data-theme=light]) .study-report .fmeta,:root:not([data-theme=light]) .study-report .ci,:root:not([data-theme=light]) .study-report .footnote{color:var(--tx)}}
.study-report .study-defs{border:1px solid var(--bd,#cfd6cf);border-radius:4px;padding:10px 14px;margin:12px 0 18px;font-size:15px}.study-report .study-defs dl{margin:6px 0 0}.study-report .study-defs dt{font-weight:600;margin-top:6px}.study-report .study-defs dd{margin:0 0 0 0}.study-report .study-defs p{margin:4px 0}
