/* Okuma karnem (/okuma-karnem/): the reader's year, drawn by reading-report.js. */
.rr{--rr-accent:#115463;--rr-soft:#eef5f6;max-width:960px;margin:0 auto;padding-bottom:56px}
html[data-theme=dark] .rr{--rr-accent:#7cc3d1;--rr-soft:#ffffff0d}
.rr-head{padding-bottom:22px}
.rr-head h1{font-family:'Source Serif 4',Georgia,serif}
.rr-year{display:inline-flex;align-items:center;gap:10px;margin-top:6px;font:600 13px 'DM Sans',Arial,sans-serif;color:var(--muted)}
.rr-year select{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:600 15px 'DM Sans',Arial,sans-serif}
.rr-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 28px}
.rr-stats p{margin:0;padding:22px 24px;border-radius:14px;background:var(--rr-accent);color:#fff}
html[data-theme=dark] .rr-stats p{background:#0b3a44}
.rr-stats strong{display:block;font:700 clamp(46px,8vw,76px)/1 'Source Serif 4',Georgia,serif;color:#ffa62b;letter-spacing:-.02em}
.rr-stats span{display:block;margin-top:8px;font:500 14px 'DM Sans',Arial,sans-serif;color:#cfe5ea}
.rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.rr-grid section{padding:18px 0 20px;border-top:1px solid var(--line)}
.rr-grid h2{margin:0 0 12px;font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rr-accent)}
.rr-wide{grid-column:1/-1}
.rr-rank{margin:0;padding:0;list-style:none;counter-reset:rr}
.rr-rank li{display:flex;align-items:baseline;gap:12px;padding:5px 0;counter-increment:rr;font:600 19px/1.3 'Source Serif 4',Georgia,serif}
.rr-rank li::before{content:counter(rr);flex:none;width:1.2em;font:700 13px 'DM Sans',Arial,sans-serif;color:#d98a12}
.rr-rank li span{flex:1;min-width:0;overflow-wrap:anywhere}
.rr-rank small{font:600 13px 'DM Sans',Arial,sans-serif;color:var(--muted)}
.rr-answer{margin:0;font:600 24px/1.3 'Source Serif 4',Georgia,serif}
.rr-answer a{color:inherit;text-decoration:underline;text-decoration-color:#ffa62b;text-decoration-thickness:2px;text-underline-offset:4px}
.rr-answer small{font:500 14px 'DM Sans',Arial,sans-serif;color:var(--muted)}
.rr-meter{display:block;height:6px;margin-top:12px;border-radius:3px;background:var(--rr-soft);overflow:hidden}
html:not([data-theme=dark]) .rr-meter{background:#e3ecee}
.rr-meter i{display:block;height:100%;width:0;background:#ffa62b;border-radius:3px}
.rr-closing{margin:26px 0 30px;padding:20px 0 0;border-top:1px solid var(--line);font:italic 500 clamp(21px,3vw,27px)/1.45 'Source Serif 4',Georgia,serif;color:var(--ink)}
.rr-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.rr-share button{display:inline-flex;align-items:center;gap:8px}
.rr-share .kb-icon{width:18px;height:18px;color:currentColor}
.rr-share p{flex:1 1 260px;margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.rr-status{flex-basis:100%;font-size:13px;color:var(--muted)}
.rr-status:empty{display:none}
.rr-empty{padding:26px 0 8px}
.rr-empty>p{max-width:520px;margin:0 auto 34px;font:500 18px/1.6 'Source Serif 4',Georgia,serif}
.rr-empty h2{margin:0 0 18px;text-align:left;font:700 11px 'DM Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rr-accent)}
.rr-empty .article-grid{text-align:left}
.rr-privacy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin-top:40px;padding:16px 18px;border-radius:12px;background:var(--rr-soft);font-size:14px;color:var(--muted)}
html:not([data-theme=dark]) .rr-privacy{background:#f3f7f8}
.rr-privacy p{margin:0}
.rr-clear{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:600 13px 'DM Sans',Arial,sans-serif}
.rr-clear:hover{border-color:#b3261e;color:#b3261e}
html[data-theme=dark] .rr-clear:hover{border-color:#ff8a80;color:#ff8a80}
@media(max-width:650px){.rr-grid{grid-template-columns:1fr}.rr-stats{gap:10px}.rr-stats p{padding:16px}.rr-stats span{font-size:13px}.rr-answer{font-size:21px}}
/* Home band, 15 December – 15 January (home.html, home.js) */
.rr-band{display:flex;align-items:center;gap:14px;margin:18px 0;padding:12px 12px 12px 18px;border-radius:12px;background:#115463;color:#fff}
.rr-band[hidden]{display:none}
.rr-band .kb-sun{width:26px;height:26px}
.rr-band a{flex:1;color:#fff;font:600 17px/1.35 'Source Serif 4',Georgia,serif}
.rr-band a span{display:inline-block;margin-left:8px;font:700 13px 'DM Sans',Arial,sans-serif;color:#ffa62b}
.rr-band a:hover{color:#fff;text-decoration:underline;text-decoration-color:#ffa62b}
.rr-band button{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#cfe5ea;font-size:22px;line-height:1}
.rr-band button:hover{background:#ffffff1a;color:#fff}
@media print{.rr-band,.rr-share,.rr-clear{display:none!important}}