/* readable1030: data/comparison page readability layer (body.rb only). Source: /workspace/hub/readable1030.css, applied by readable1030.py */
.rb{--rb-card:#FFFDF9;--rb-alt:#F7F4EE;--rb-head:#ECE7DE;--rb-acc:#C2552D;--rb-good:#2F6B47;--rb-line:#E2DCD1;--rb-mut:#5C5850}
.rb main.prose{max-width:760px;padding-left:20px;padding-right:20px}
.rb .prose>p,.rb .prose>ul>li,.rb .prose>ol>li,.rb .prose .wrap>p,.rb .prose .wrap>ul>li,.rb .prose .wrap>ol>li{line-height:1.7;max-width:68ch}
.rb .prose h1{line-height:1.08;margin-bottom:.45em}
.rb .prose .sub{font-size:1.15rem;line-height:1.6;max-width:62ch}
.rb .prose h2{margin:2.2em 0 .7em;padding-top:1.1em;border-top:1px solid var(--rb-line);line-height:1.15}
.rb .prose .box h2,.rb .prose section.box h2{border-top:0;padding-top:0;margin-top:0}
.rb .prose h3{margin:1.5em 0 .35em;line-height:1.3}
.rb .prose h3+p{margin-top:0}
.rb .prose small{color:var(--rb-mut)}
.rb .rb-crumbs{font:400 .86rem/1.6 var(--sans);color:var(--rb-mut);max-width:none}
.rb .rb-crumbs a{color:var(--rb-mut)}
/* key-number cards */
.rb .rb-k,.rb .bi-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:22px 0 26px}
.rb .rb-k>div,.rb .bi-k>div{background:var(--rb-card);border:1px solid var(--rb-line);border-radius:14px;padding:16px 18px;font:400 .95rem/1.4 var(--sans);color:var(--ink)}
.rb .rb-k b,.rb .bi-k b{display:block;font:600 2rem/1.05 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:6px}
.rb .rb-k span{display:block;font:500 .98rem/1.35 var(--sans)}
.rb .rb-k span a{color:inherit}
.rb .rb-k small{display:block;font:400 .84rem/1.45 var(--sans);color:var(--rb-mut);margin-top:6px}
.rb .rb-k .rb-best{border-color:var(--rb-good);box-shadow:inset 0 3px 0 var(--rb-good)}
.rb .rb-k .rb-best b{color:var(--rb-good)}
.rb .rb-k .rb-bar{margin-top:10px}
/* key takeaways */
.rb .rb-take{list-style:none;margin:16px 0 24px;padding:14px 18px;background:var(--rb-card);border:1px solid var(--rb-line);border-left:4px solid var(--rb-acc);border-radius:12px}
.rb .prose .rb-take>li{position:relative;margin:.5em 0;padding-left:26px;font:400 1.02rem/1.55 var(--sans);max-width:none}
.rb .rb-take>li::before{content:"";position:absolute;left:3px;top:.42em;width:10px;height:5px;border-left:2px solid var(--rb-acc);border-bottom:2px solid var(--rb-acc);transform:rotate(-45deg)}
.rb .rb-take>li::marker{content:none}
/* tables */
.rb .rb-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.1em 0 1.5em;border:1px solid var(--rb-line);border-radius:12px;background:var(--rb-card)}
@media (min-width:900px){.rb .rb-tw.rb-wide{margin-left:calc(50% - min(510px,50vw - 24px));margin-right:calc(50% - min(510px,50vw - 24px))}}
.rb .rb-tw table{display:table;width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;font:400 .95rem/1.45 var(--sans);font-variant-numeric:tabular-nums;background:none}
.rb .rb-tw th{font:600 .8rem/1.3 var(--sans);text-transform:none;letter-spacing:0;color:var(--rb-mut);background:var(--rb-head);padding:.75em .9em;vertical-align:bottom;text-align:left;border-bottom:1px solid var(--rb-line)}
.rb .rb-tw td{padding:.7em .9em;border-bottom:1px solid var(--rb-line);vertical-align:top;background:var(--rb-card);color:var(--ink)}
.rb .rb-tw tr:nth-child(even) td{background:var(--rb-alt)}
.rb .rb-tw tr:last-child td{border-bottom:0}
.rb .rb-tw tr>th:not(:first-child),.rb .rb-tw tr>td:not(:first-child){border-left:1px solid rgba(0,0,0,.04)}
.rb .rb-tw td:first-child{font-weight:500}
.rb .rb-tw .rb-n{text-align:right;white-space:nowrap}
.rb .rb-tw th.rb-n{white-space:normal}
.rb .rb-tw td:not(.rb-n):not(:first-child){min-width:8.5em}
.rb .rb-tw td small{color:var(--rb-mut);font-size:.82em}
.rb .rb-tw.rb-sticky tr>:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--rb-line)}
.rb .rb-tw tbody tr:hover td{background:#F1ECE3}
.rb .rb-bar{display:block;height:6px;min-width:56px;margin-top:6px;border-radius:3px;background:var(--rb-head);overflow:hidden}
.rb .rb-bar i{display:block;height:100%;border-radius:3px;background:var(--rb-acc)}
.rb .rb-tw .rb-n .rb-bar{margin-left:auto}
@media (min-width:641px){.rb table.cmp{display:table;width:100%;font:400 .95rem/1.5 var(--sans);border-top:2px solid var(--ink)}.rb table.cmp th{font:600 .82rem/1.3 var(--sans);text-transform:none;letter-spacing:0;color:var(--rb-mut);background:var(--rb-head);padding:.75em .9em}.rb table.cmp td{padding:.75em .9em}.rb table.cmp tr:nth-child(even) td{background:var(--rb-alt)}}
/* ranked issues */
.rb .prose ol.rb-iss{list-style:none;padding:0;margin:14px 0 24px;counter-reset:rbi}
.rb .prose ol.rb-iss>li{counter-increment:rbi;position:relative;margin:12px 0;padding:16px 18px 16px 58px;background:var(--rb-card);border:1px solid var(--rb-line);border-radius:14px;font:400 1rem/1.55 var(--sans);max-width:none}
.rb ol.rb-iss>li::before{content:counter(rbi);position:absolute;left:16px;top:15px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 .85rem/1 var(--sans)}
.rb ol.rb-iss>li>b:first-child{font-size:1.08rem;font-weight:600}
.rb ol.rb-iss .adv{display:block;margin-top:6px;padding-top:6px;border-top:1px dashed var(--rb-line)}
.rb ol.rb-iss>li>br{display:none}
.rb ol.rb-iss>li>i{display:block;margin-top:10px;padding:10px 14px;border-left:3px solid var(--rb-acc);background:var(--rb-alt);border-radius:0 10px 10px 0;font:italic 400 1.02rem/1.6 var(--read,Georgia,serif);color:#2B2A27}
.rb ol.rb-iss .rb-src{display:block;margin-top:4px;font:400 .82rem/1.4 var(--sans);color:var(--rb-mut)}
/* quotes */
.rb .prose blockquote{margin:14px 0;padding:12px 16px;border-left:3px solid var(--rb-acc);background:var(--rb-card);border-radius:0 12px 12px 0;font:italic 400 1.05rem/1.6 var(--read,Georgia,serif)}
.rb .prose blockquote p{margin:0;font:inherit;max-width:none}
.rb .prose blockquote small{display:block;margin-top:6px;font:normal 400 .82rem/1.4 var(--sans);color:var(--rb-mut);opacity:1}
/* side-by-side columns */
.rb .rb-cols{gap:12px!important;margin:12px 0 20px}
.rb .rb-cols>div{background:var(--rb-card);border:1px solid var(--rb-line);border-radius:14px;padding:14px 18px}
.rb .rb-cols h3{margin-top:.2em}
.rb .rb-cols ol{padding-left:1.2em;margin-bottom:.6em}
.rb .rb-cols li{font:400 .98rem/1.5 var(--sans);margin:.35em 0}
.rb .prose .rb-cols p{font-family:var(--sans);font-size:.92rem}
/* lists of links */
.rb .prose>ul>li{margin:.35em 0}
@media (max-width:640px){
.rb main.prose{padding-left:16px;padding-right:16px}
.rb .prose>p,.rb .prose li{font-size:1.06rem}
.rb .prose h2{margin-top:1.8em;padding-top:.9em}
.rb .rb-k,.rb .bi-k{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rb .rb-k>div,.rb .bi-k>div{padding:13px 14px}
.rb .rb-k b,.rb .bi-k b{font-size:1.6rem}
.rb .rb-tw{margin-left:-4px;margin-right:-4px}
.rb .rb-tw table{font-size:.9rem}
.rb .rb-tw th,.rb .rb-tw td{padding:.6em .65em}
.rb .rb-tw.rb-wide table{min-width:640px}
.rb .prose ol.rb-iss>li{padding:14px 14px 14px 50px}
.rb ol.rb-iss>li::before{left:12px;top:13px;width:26px;height:26px}
}
@media (prefers-reduced-motion:reduce){.rb *{scroll-behavior:auto}}
.rb .prose p:has(>small){line-height:1.5}
.rb .rb-tw tr:has(>td)>th{vertical-align:top;background:var(--rb-alt);color:var(--ink);text-align:left}