/* SNS ranking pages, monthly reports, the links between them, and the personal page additions (2026-10-24). */
.reader-intro{padding-top:80px;padding-bottom:24px}.reader-intro h1{font:400 clamp(30px,4.2vw,60px)/1.3 var(--jp);margin:22px 0 12px;overflow-wrap:anywhere}
.reader-updated{font-size:11px;letter-spacing:.12em;color:var(--muted)}
.reader-lead{max-width:760px;margin-top:28px;font:15px/2 var(--jp)}.reader-lead p+p{margin-top:2px}
.reader-section{margin-top:72px}.reader-heading{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;font:500 clamp(30px,3.6vw,52px)/1.1 var(--serif);letter-spacing:-.04em;border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:8px}
.reader-heading span{font:600 14px/1.6 var(--jp);letter-spacing:0}
.reader-ranking{list-style:none;margin:0;padding:0;max-width:960px}.reader-row{display:grid;grid-template-columns:64px 56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}
.reader-row:not(:has(.reader-photo)){grid-template-columns:64px minmax(0,1fr) auto}
.reader-rank{font:400 30px/1 var(--serif)}.reader-rank small{font:11px var(--sans);margin-left:2px;color:var(--muted)}
.reader-photo img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.reader-name{min-width:0;font:600 16px/1.5 var(--jp);overflow-wrap:anywhere}.reader-name a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.reader-name small{display:block;font:11px/1.6 var(--sans);color:var(--muted);font-weight:400}
.reader-value{text-align:right;white-space:nowrap}.reader-value strong{display:block;font:400 22px/1.2 var(--serif)}.reader-value small{display:block;font-size:11px;color:var(--muted)}.reader-value small a{text-decoration:underline;text-underline-offset:3px}
.reader-kings{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px}.reader-kings li{border-bottom:1px solid var(--rule);padding:16px 0}
.reader-kings-sns{font:500 26px/1.2 var(--serif)}.reader-kings-sns small{font:11px var(--sans);color:var(--muted);margin-left:8px}.reader-kings-name{margin-top:10px;font:600 15px/1.6 var(--jp);overflow-wrap:anywhere}.reader-kings-name strong{font:400 18px var(--serif);margin-left:6px}
.reader-more{display:inline-block;margin-top:12px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.reader-notes p{max-width:760px;font:14px/2 var(--jp);margin-top:10px}
/* Links to the SNS pages and the latest report. */
.reader-links ul{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.reader-links li>a,.reader-links li>span{display:inline-block;border:1px solid var(--ink);padding:9px 14px;font:13px/1.5 var(--jp)}
.reader-links li>a:hover{background:var(--ink);color:var(--paper);text-decoration:none}.reader-links li>span[aria-current]{background:var(--ink);color:var(--paper)}
.reader-links-top{margin-top:56px}.reader-links-title{font:500 clamp(26px,3vw,40px)/1.2 var(--serif);letter-spacing:-.03em;border-top:1px solid var(--rule);padding-top:22px}.reader-links-title span{display:block;font:13px/1.8 var(--jp);letter-spacing:0;margin-top:4px}
.reader-links-top ul{margin-top:16px}
.king-more{display:inline-block;margin-top:14px;font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
/* ARCHIVE: the list of monthly reports. */
.archive-reports{margin-top:88px}.archive-report-list{list-style:none;margin:0;padding:0}.archive-report-list a{display:flex;align-items:baseline;gap:20px;padding:16px 0;border-bottom:1px solid var(--rule)}
.archive-report-list a>span:first-child{font:11px/1.5 var(--sans);letter-spacing:.14em;color:var(--muted);min-width:120px}.archive-report-list strong{font:600 16px/1.6 var(--jp);flex:1}.archive-report-list strong::after{content:" ›"}
/* Personal page: 紹介文, the SNS rank link and the creators ranked nearby. */
.cf-intro span{display:block}.cf-intro .cf-bio{margin-top:12px}
.cf-social-rank{display:inline-block;margin-top:8px;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.cf-nearby-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cf-nearby-list a{display:block;color:inherit}
.cf-nearby-list img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.cf-nearby-rank{display:block;margin-top:10px;font-size:11px;letter-spacing:.08em;color:var(--muted)}
.cf-nearby-list strong{display:block;font:600 15px/1.5 var(--jp);overflow-wrap:anywhere}.cf-nearby-list small{display:block;font-size:12px;color:var(--muted)}.cf-nearby-all{display:inline-block;margin-top:20px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
.reader-intro{padding-top:40px}.reader-lead{font-size:14px;margin-top:20px}.reader-section{margin-top:52px}.reader-heading span{font-size:13px}
.reader-row{grid-template-columns:44px 44px minmax(0,1fr) auto;gap:10px;padding:12px 0}.reader-row:not(:has(.reader-photo)){grid-template-columns:44px minmax(0,1fr) auto}
.reader-rank{font-size:22px}.reader-photo img{width:44px;height:44px}.reader-name{font-size:14px}.reader-value strong{font-size:17px}
.reader-kings{grid-template-columns:1fr;gap:0}.reader-links li>a,.reader-links li>span{padding:8px 12px;font-size:12px}
.archive-reports{margin-top:64px}.archive-report-list a{display:block}.archive-report-list strong{display:block;margin-top:4px;font-size:15px}
.cf-nearby-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}