/* The ranked page's scoreboard, Option B "the lens" (GAMEPLAN W1). Phone-first; sits in the article column on
   desktop. The .rk-ssr list is the server-rendered fallback the script replaces. */
.rk{--ink:#1A1A17;--ink2:#5B5950;--faint:#8b877c;--paper2:#EFEAE0;--rule:rgba(26,26,23,.12);--rule2:rgba(26,26,23,.2);
  --forest:#1F4D34;--forest2:#2F7A52;--gold:#9e7c22;
  --c-scenery:#1F4D34;--c-recreation:#4E8A62;--c-crowds:#C99A34;--c-access:#8C6A4A;--c-amenities:#9FB49B;
  margin:2.4rem 0 3rem;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.rk *{box-sizing:border-box}
/* scoped resets against the article theme's h2/p/list/input rules */
body.elevate .article-content .rk h2,body .article-content .rk h2{margin:0 0 .5rem;padding:0;border:0;font:700 clamp(1.6rem,3vw,2rem)/1.15 var(--display);letter-spacing:-.02em;color:var(--ink)}
body.elevate .article-content .rk h2::before,body.elevate .article-content .rk h2::after,body .article-content .rk h2::before{display:none;content:none}
body.elevate .article-content .rk p,body .article-content .rk p{margin:0;font-family:'DM Sans',system-ui,sans-serif}
body.elevate .article-content .rk p::first-letter{all:unset}
body .article-content .rk ol,body .article-content .rk ul{margin:0;padding:0;list-style:none}
body .article-content .rk li{margin:0;padding:0}
body .article-content .rk li::before,body .article-content .rk li::marker{content:none;display:none}
body .article-content .rk .rk-find input,body .article-content .rk .rk-find input:focus{border:0;outline:none;box-shadow:none;padding:0;height:auto;background:none;-webkit-appearance:none;appearance:none;font:400 15px/1 'DM Sans',sans-serif}
.rk-find input::-webkit-search-cancel-button{-webkit-appearance:none}

body.elevate .article-content .rk p.rk-kicker{margin:0 0 .45rem;font:600 11px/1.2 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
body.elevate .article-content .rk p.rk-dek{margin:0 0 1.1rem;max-width:40em;font:400 15px/1.55 'DM Sans',sans-serif;color:var(--ink2)}
body.elevate .article-content .rk p.rk-foot{margin:12px 2px 0;font:400 12px/1.5 'DM Sans',sans-serif;color:var(--faint)}
.rk-dek b{font-weight:600;color:var(--ink)}

.rk-lens{display:flex;gap:6px;margin:0 -2px 10px;padding:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rk-lens::-webkit-scrollbar{display:none}
.rk-lens button{flex:none;height:38px;padding:0 14px;border:1px solid var(--rule2);border-radius:999px;background:#fff;font:600 13px/1 'DM Sans',sans-serif;color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.rk-lens button i{width:8px;height:8px;border-radius:50%;background:var(--dot,transparent)}
.rk-lens button:hover{border-color:var(--ink2);color:var(--ink)}
.rk-lens button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.rk-tools{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.rk-find{flex:1;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid var(--rule2);border-radius:10px;background:#fff}
.rk-find:focus-within{border-color:var(--forest2);box-shadow:0 0 0 3px rgba(47,122,82,.15)}
.rk-find svg{width:16px;height:16px;flex:none;color:var(--faint)}
.rk-find input{flex:1;min-width:0}
.rk-key{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 12px;font:500 12px/1.2 'DM Sans',sans-serif;color:var(--ink2)}
.rk-key span{display:inline-flex;align-items:center;gap:6px}
.rk-key i{width:10px;height:10px;border-radius:2px;background:var(--c)}

.rk-list{border-top:1px solid var(--rule2)}
.rk-row{border-bottom:1px solid var(--rule)}
.rk-row>button{display:grid;grid-template-columns:40px 1fr auto;gap:4px 12px;align-items:center;width:100%;padding:14px 4px;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}
.rk-row>button:hover{background:#f7f4ec}
.rk-pos{grid-row:span 2;font:700 22px/1 'DM Sans',sans-serif;color:var(--ink);text-align:right;letter-spacing:-.02em}
.rk-name{font:600 16px/1.25 'DM Sans',sans-serif;color:var(--ink)}
.rk-name small{margin-left:6px;font:400 13px/1 'DM Sans',sans-serif;color:var(--faint)}
.rk-val{grid-row:span 2;text-align:right;align-self:center}
.rk-val b{display:block;font:700 18px/1 'DM Sans',sans-serif;color:var(--ink)}
.rk-val small{display:block;margin-top:4px;font:500 11px/1.2 'DM Sans',sans-serif;color:var(--faint)}
.rk-stack{display:flex;height:10px;border-radius:5px;background:var(--paper2);overflow:hidden}
.rk-stack i{height:100%;background:var(--c);border-right:1.5px solid #fff;transition:opacity .2s}
.rk-stack i:last-child{border-right:0}
.rk.lensing .rk-stack i{opacity:.22}
.rk.lensing .rk-stack i.on{opacity:1}
.rk-more-row{display:none;padding:0 4px 16px 56px}
.rk-row.open .rk-more-row{display:block}
.rk-subs{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px 18px;margin:2px 0 12px}
.rk-sub{font:500 12px/1.2 'DM Sans',sans-serif;color:var(--ink2)}
.rk-sub b{float:right;font-weight:700;color:var(--ink)}
.rk-sub b span{font-weight:500;color:var(--faint)}
.rk-sub .m{clear:both;height:4px;margin-top:6px;border-radius:2px;background:var(--paper2);overflow:hidden}
.rk-sub .m i{display:block;height:100%;background:var(--c)}
.rk-links{display:flex;flex-wrap:wrap;gap:16px;font:600 13px/1 'DM Sans',sans-serif}
.rk-links a{color:var(--forest);text-decoration:none}
.rk-links a:hover{text-decoration:underline;text-underline-offset:3px}
.rk-links span{color:var(--ink2);font-weight:500}
.rk-showall{display:flex;justify-content:center;padding:16px 0 4px}
.rk-showall button{height:42px;padding:0 20px;border:1px solid var(--rule2);border-radius:10px;background:#fff;font:600 14px/1 'DM Sans',sans-serif;color:var(--ink);cursor:pointer}
.rk-showall button:hover{border-color:var(--forest2);color:var(--forest)}
.rk-empty{padding:24px 4px;font:400 14px/1.4 'DM Sans',sans-serif;color:var(--ink2)}
@media (min-width:761px){.rk-lens{flex-wrap:wrap;overflow:visible}}
@media (max-width:760px){
  .rk-row>button{grid-template-columns:32px 1fr auto;gap:4px 10px;padding:13px 2px}
  .rk-pos{font-size:19px}
  .rk-more-row{padding-left:44px}
}

/* the server-rendered list (search engines, no-JS readers, and the moment before the script runs) */
body .article-content .rk .rk-ssr{margin:.6rem 0 0;padding:0;list-style:none;columns:2;column-gap:28px}
body .article-content .rk .rk-ssr li{break-inside:avoid;display:flex;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--rule);font:400 14px/1.3 'DM Sans',sans-serif}
.rk-ssr .n{width:22px;text-align:right;font-weight:600;color:var(--ink2)}
.rk-ssr a{color:var(--ink);font-weight:600;text-decoration:none}
.rk-ssr .s{margin-left:auto;color:var(--ink2)}
@media (max-width:760px){body .article-content .rk .rk-ssr{columns:1}}

/* The answer-first top block, Option B "the answer box" (live 2026-09-23, Will's pick from ranked-top-2026-09-18).
   Server rendered by mu-plugins/mtjp-ranked-scoreboard.php; shares the scoreboard's tokens and five-color bar. */
.t5{--ink:#1A1A17;--ink2:#5B5950;--faint:#8b877c;--paper2:#EFEAE0;--rule:rgba(26,26,23,.12);--rule2:rgba(26,26,23,.2);
  --forest:#1F4D34;--gold:#9e7c22;
  --c-scenery:#1F4D34;--c-recreation:#4E8A62;--c-crowds:#C99A34;--c-access:#8C6A4A;--c-amenities:#9FB49B;
  margin:2rem 0 3rem;font-family:var(--font,'DM Sans',system-ui,sans-serif);color:var(--ink);font-variant-numeric:tabular-nums}
.t5 *{box-sizing:border-box}
body .article-content .t5 a{text-decoration:none;color:inherit;border:0;box-shadow:none}
body .article-content .t5 img{margin:0;max-width:none;border-radius:0;box-shadow:none}
body .article-content .t5 ol,body .article-content .t5 dl{margin:0;padding:0;list-style:none}
body .article-content .t5 li{margin:0;padding:0}
body .article-content .t5 li::before,body .article-content .t5 li::marker{content:none;display:none}
body .article-content .t5 dd,body .article-content .t5 dt{margin:0}
body.elevate .article-content .t5 p,body .article-content .t5 p{margin:0;font-family:var(--font,'DM Sans',system-ui,sans-serif)}
body.elevate .article-content .t5 p::first-letter{all:unset}
body.elevate .article-content .t5 p.t5-k,body .article-content .t5 p.t5-k{margin:0 0 .45rem;font:600 11px/1.2 var(--font,'DM Sans',sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
body.elevate .article-content .t5 p.t5-k2,body .article-content .t5 p.t5-k2{margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--rule2)}
body.elevate .article-content .t5 h2,body .article-content .t5 h2{margin:0 0 1.1rem;padding:0;border:0;font:700 clamp(1.6rem,3vw,2rem)/1.15 var(--display);letter-spacing:-.02em;color:var(--ink)}
body.elevate .article-content .t5 h2::before,body.elevate .article-content .t5 h2::after,body .article-content .t5 h2::before{display:none;content:none}
.t5-b .t5-list{border-top:1px solid var(--rule2)}
.t5-b .t5-list li a{display:grid;grid-template-columns:36px 1fr 84px 96px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}
.t5-b .t5-list li:first-child a{padding:16px 0}
.t5-b .t5-n{font:700 22px/1 var(--display);color:var(--ink);text-align:right;letter-spacing:-.02em}
.t5-b .t5-mid{min-width:0}
.t5-b .t5-nm{display:block;font:700 18px/1.2 var(--display);letter-spacing:-.01em;color:var(--ink)}
.t5-b li:first-child .t5-nm{font-size:clamp(21px,2.6vw,25px)}
.t5-b .t5-nm small{margin-left:8px;font:400 13px/1 var(--font,'DM Sans');letter-spacing:0;color:var(--faint)}
.t5-b .t5-bar{display:flex;height:8px;margin-top:8px;border-radius:4px;background:var(--paper2);overflow:hidden}
.t5-b .t5-bar i{height:100%;border-right:1.5px solid #fff}
.t5-b .t5-bar i:last-child{border-right:0}
.t5-b .c-scenery{background:var(--c-scenery)}.t5-b .c-recreation{background:var(--c-recreation)}.t5-b .c-crowds{background:var(--c-crowds)}.t5-b .c-access{background:var(--c-access)}.t5-b .c-amenities{background:var(--c-amenities)}
.t5-b .t5-sc{font:600 18px/1 var(--mono,ui-monospace,monospace);letter-spacing:-.02em;color:var(--ink);text-align:right}
.t5-b .t5-sc small{font:500 12px/1 var(--mono,ui-monospace,monospace);color:var(--faint)}
.t5-b .t5-th{width:96px;height:64px;object-fit:cover;background:var(--paper2)}
.t5-b .t5-list a:hover .t5-nm{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.t5-b .t5-dl>div{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--rule)}
.t5-b .t5-dl>div:first-child{border-top:1px solid var(--rule)}
.t5-b .t5-dl dt{font:600 11px/1.3 var(--font,'DM Sans');letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
body .article-content .t5-b .t5-dl dd a{font:700 17px/1.25 var(--display);letter-spacing:-.01em;color:var(--forest);text-decoration:underline;text-decoration-color:rgba(31,77,52,.3);text-underline-offset:3px}
.t5-b .t5-dl dd small{margin-left:8px;font:400 13px/1 var(--font,'DM Sans');color:var(--faint)}
@media (max-width:560px){
  .t5-b .t5-list li a,.t5-b .t5-list li:first-child a{grid-template-columns:28px 1fr 70px;gap:10px}
  .t5-b .t5-th{display:none}
  .t5-b li:first-child .t5-th{display:block;grid-column:1/-1;grid-row:1;width:100%;height:auto;aspect-ratio:16/9;margin-bottom:4px}
  .t5-b .t5-nm small{display:block;margin:3px 0 0}
  .t5-b .t5-dl>div{grid-template-columns:1fr;gap:3px}
  .t5-b .t5-dl dd small{display:block;margin:3px 0 0}
}