html{color-scheme:light}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}

/* Tema único, a pedido: fundo branco quadriculado, sem versão escura.
   Layout: mesa de planejamento em papel quadriculado. Calendário mensal ocupa 70% da largura,
   coluna da direita com o checklist de postados e o Top 3; quadro "Para gravar" (ideias) abaixo do calendário. Ficha do conteúdo abre em gaveta lateral. */
:root{
  --paper:#FFFFFF; --grid:rgba(24,55,92,.09); --grid-strong:rgba(24,55,92,.18);
  --card:#FFFFFF; --card-soft:#F4F6F9; --ink:#12233B; --muted:#586981; --line:#C7D2E0;
  --navy:#18375C; --accent:#B3201E; --accent-ink:#FFFFFF; --ok:#1F7A4D; --warn:#9A5400;
  --f-reels:#B3201E; --f-stories:#B26A00; --f-carrossel:#1D5FA8; --f-feed:#1F7A4D; --f-outro:#586981;
  --shadow:0 1px 0 rgba(18,35,59,.04), 0 10px 30px -18px rgba(18,35,59,.35);
  --display:"Montserrat","Poppins","Segoe UI",system-ui,sans-serif;
  --body:"Inter","Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
}
*{box-sizing:border-box}
body{
  font-family:var(--body); font-size:14px; line-height:1.45; color:var(--ink);
  background-color:var(--paper);
  background-image:
    linear-gradient(var(--grid-strong) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-strong) 1px, transparent 1px),
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px;
  background-position:-1px -1px;
}
.wrap{
  max-width:1560px; margin:0 auto; padding-block:20px 40px;
  padding-left:max(16px, env(safe-area-inset-left, 0px));
  padding-right:max(16px, env(safe-area-inset-right, 0px));
  display:flex; flex-direction:column; gap:18px;
}
button,input,select,textarea{font:inherit; color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px}

/* Topo */
.top{display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px}
.brand{display:flex; flex-direction:column; gap:2px; min-width:0}
.eyebrow{font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted)}
.brand h1{font-family:var(--display); font-weight:800; font-size:clamp(22px,2.4vw,30px); line-height:1.05; margin:0; letter-spacing:-.01em; text-wrap:balance}
.brand h1 b{color:var(--accent)}
.search{position:relative; flex:1 1 320px; min-width:0; max-width:640px; margin-left:auto}
#q{
  width:100%; height:46px; padding:0 44px 0 44px; border:1.5px solid var(--navy); border-radius:12px;
  background:var(--card); box-shadow:var(--shadow);
}
#q::placeholder{color:var(--muted)}
.search svg{position:absolute; left:14px; top:14px; width:18px; height:18px; stroke:var(--navy); fill:none; stroke-width:2; pointer-events:none}
.search .clear{position:absolute; right:8px; top:8px; width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:18px; line-height:1}
.results{
  position:absolute; z-index:20; left:0; right:0; top:52px; max-height:min(60vh,440px); overflow:auto;
  background:var(--card); border:1.5px solid var(--navy); border-radius:12px; box-shadow:var(--shadow); padding:6px;
}
.results .none{padding:14px; color:var(--muted)}
.res{display:flex; flex-direction:column; gap:3px; width:100%; text-align:left; border:0; background:transparent; padding:10px 12px; border-radius:8px}
.res:hover,.res:focus-visible{background:var(--card-soft)}
.res .l1{display:flex; gap:8px; align-items:center; min-width:0}
.res .ttl{font-weight:600; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.res .snip{color:var(--muted); font-size:12.5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}

/* Quadro */
.board{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,3fr); gap:20px; align-items:start}
.cal-col,.side{min-width:0; display:flex; flex-direction:column; gap:12px}
.cal-head{display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px 16px}
.cal-head h2{font-family:var(--display); font-weight:800; font-size:clamp(26px,3.2vw,40px); line-height:1; margin:0; text-transform:capitalize; letter-spacing:-.015em}
.cal-head h2 span{color:var(--muted); font-weight:600}
.cal-head .stat{font-family:var(--mono); font-size:12px; color:var(--muted); padding-bottom:5px}
.nav{margin-left:auto; display:flex; gap:6px}
.btn{height:36px; padding:0 14px; border:1.5px solid var(--navy); border-radius:10px; background:var(--card); font-weight:600}
.btn:hover{background:var(--card-soft)}
.btn.sq{width:36px; padding:0; font-size:18px; line-height:1}
.btn.primary{background:var(--accent); border-color:var(--accent); color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(1.07); background:var(--accent)}
.btn.ghost{border-color:var(--line)}
.btn.danger{border-color:var(--accent); color:var(--accent)}
.btn:disabled{opacity:.5; cursor:not-allowed}

.cal{border:1.5px solid var(--navy); border-radius:14px; overflow:hidden; background:var(--line); box-shadow:var(--shadow)}
.dow{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); background:var(--navy)}
.dow div{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; padding:8px 10px; color:var(--paper)}
.grid{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:1px}
.cell{
  position:relative; min-width:0; min-height:124px; padding:8px; display:flex; flex-direction:column; gap:5px;
  background:var(--card); cursor:pointer;
}
.cell:hover{background:var(--card-soft)}
.cell.out{background:var(--card-soft)}
.cell.out .num{opacity:.45}
.num{
  align-self:flex-start; border:0; background:transparent; padding:2px 6px; margin:-2px -4px 0; border-radius:7px;
  font-family:var(--mono); font-weight:700; font-size:13px; font-variant-numeric:tabular-nums;
}
.cell.today .num{background:var(--accent); color:var(--accent-ink)}
.cell.today{box-shadow:inset 0 0 0 2px var(--accent)}
.chip{
  --fc:var(--f-outro);
  display:flex; align-items:flex-start; gap:5px; width:100%; min-width:0; text-align:left;
  border:1px solid color-mix(in srgb, var(--fc) 45%, transparent); border-radius:7px; padding:4px 6px;
  background:color-mix(in srgb, var(--fc) 13%, var(--card)); font-size:11.5px; font-weight:500; line-height:1.25;
}
.chip:hover{background:color-mix(in srgb, var(--fc) 22%, var(--card))}
.chip i{flex:none; width:7px; height:7px; margin-top:4px; border-radius:2px; background:var(--fc)}
.chip .t{min-width:0; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow-wrap:break-word; hyphens:auto}
.chip .ck{flex:none; width:7px; font-size:10.5px; line-height:1.35; color:var(--ok); font-weight:700}
.chip.done .t{color:var(--muted)}
.chip.done i{display:none}
.chip.dim{opacity:.22}
.chips{display:flex; flex-direction:column; gap:4px; min-width:0}
.more{font-family:var(--mono); font-size:11px; color:var(--muted); padding-left:2px}
[data-f="reels"]{--fc:var(--f-reels)} [data-f="stories"]{--fc:var(--f-stories)} [data-f="carrossel"]{--fc:var(--f-carrossel)}
[data-f="feed"]{--fc:var(--f-feed)} [data-f="outro"]{--fc:var(--f-outro)}
.legend{display:flex; flex-wrap:wrap; gap:6px 16px; font-size:12px; color:var(--muted)}
.legend span{display:inline-flex; align-items:center; gap:6px}
.legend i{width:9px; height:9px; border-radius:2px; background:var(--fc)}
.tag{--fc:var(--f-outro); flex:none; font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:700;
  color:var(--fc); border:1px solid color-mix(in srgb, var(--fc) 50%, transparent); border-radius:5px; padding:1px 6px; background:color-mix(in srgb, var(--fc) 9%, var(--card))}
.mono{font-family:var(--mono); font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums}

/* Lateral */
.panel{background:var(--card); border:1.5px solid var(--navy); border-radius:14px; box-shadow:var(--shadow); padding:16px; display:flex; flex-direction:column; gap:12px; min-width:0}
.panel h3{font-family:var(--display); font-weight:800; font-size:17px; margin:0; letter-spacing:-.005em}
.panel .sub{color:var(--muted); font-size:12.5px; margin:-6px 0 0}
.ph{display:flex; align-items:baseline; gap:10px}
.ph .count{margin-left:auto; font-family:var(--mono); font-size:12px; font-weight:700; color:var(--navy); white-space:nowrap}
.bar{height:6px; border-radius:99px; background:var(--card-soft); border:1px solid var(--line); overflow:hidden}
.bar i{display:block; height:100%; width:0; background:var(--ok); transition:width .25s ease}
.todo{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.todo li{display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:start; padding:9px 0; border-top:1px dashed var(--line)}
.todo li:first-child{border-top:0}
.todo input[type=checkbox]{width:18px; height:18px; margin:1px 0 0; accent-color:var(--ok)}
.todo .it{border:0; background:transparent; padding:0; text-align:left; display:flex; flex-direction:column; gap:3px; min-width:0}
.todo .it b{font-weight:600; overflow-wrap:anywhere}
.todo .it:hover b{text-decoration:underline}
.todo li.done b{color:var(--muted); text-decoration:line-through}
.todo .meta{display:flex; flex-wrap:wrap; gap:6px; align-items:center}
.late{font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--warn)}
.empty{color:var(--muted); font-size:13px; margin:0}
.note{font-size:12.5px; color:var(--muted); margin:0}
.note.err{color:var(--accent)}

label.f{display:flex; flex-direction:column; gap:5px; min-width:0}
label.f > span,.flabel{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:700}
input[type=text],input[type=date],select,textarea{
  width:100%; min-width:0; border:1.5px solid var(--line); border-radius:9px; background:var(--card-soft); padding:9px 10px;
}
textarea{resize:vertical; line-height:1.5}
input[type=text]:focus,input[type=date]:focus,select:focus,textarea:focus{border-color:var(--navy); outline:none; background:var(--card)}
.two{display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px}
.acts{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.idea-add{display:flex; gap:8px; min-width:0}
.idea-add input{flex:1}
.idea-add .btn{flex:none; height:auto}
.todo li.idea{grid-template-columns:auto minmax(0,1fr) auto}
.todo label.it{cursor:pointer}
.todo label.it:hover b{text-decoration:none}
.todo li.done label.it:hover b{text-decoration:line-through}
.rm{border:0; background:transparent; color:var(--muted); font-size:17px; line-height:1; padding:2px 6px; border-radius:6px}
.rm:hover{color:var(--accent); background:var(--card-soft)}
.rm.arm{font-size:12px; font-weight:700; color:var(--accent)}

/* Quadro "Para gravar" (compacto) */
.gravar{position:relative; background:var(--card); border:1.5px solid var(--navy); border-radius:14px; box-shadow:var(--shadow); padding:12px 14px 14px; display:flex; flex-direction:column; gap:10px; min-width:0; overflow:hidden}
.gravar::before{content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,var(--accent) 0 38%,var(--navy) 38% 100%)}
.gr-head{display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; padding-top:3px}
.gr-title{display:flex; align-items:baseline; gap:10px}
.gr-eyebrow{display:none}
.gr-title h3{font-family:var(--display); font-weight:800; font-size:20px; line-height:1.1; margin:0; letter-spacing:-.01em}
.gr-title h3 b{color:var(--accent)}
.gr-prog{margin-left:auto; display:flex; align-items:center; gap:10px; min-width:min(300px,100%)}
.gr-num{font-family:var(--mono); font-size:11.5px; font-weight:700; color:var(--navy); white-space:nowrap}
.gr-bar{flex:1; min-width:60px; height:7px; border-radius:99px; background:var(--card-soft); border:1px solid var(--line); overflow:hidden}
.gr-bar i{display:block; height:100%; width:0; background:var(--ok); border-radius:99px; transition:width .35s ease}
.gr-add{display:flex; gap:8px; min-width:0}
.gr-add input{flex:1; min-width:0; height:38px; font-size:14px; border-radius:10px; padding:0 12px}
.gr-add .btn{flex:none; height:38px; padding:0 16px; font-weight:700}
.gcards{list-style:none; margin:0; padding:2px 4px 2px 0; display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:8px; max-height:300px; overflow-y:auto; align-content:start}
.gcard{position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:4px; background:var(--card); border:1.5px solid var(--line); border-left:4px solid var(--accent); border-radius:10px; padding:8px 6px 8px 10px; min-width:0; transition:border-color .15s ease, box-shadow .15s ease}
.gcard:hover{border-color:var(--navy); border-left-color:var(--accent); box-shadow:var(--shadow)}
.gbody{display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px; align-items:start; cursor:pointer; min-width:0}
.gbody input{position:absolute; opacity:0; width:1px; height:1px; pointer-events:none}
.gbox{width:20px; height:20px; border-radius:50%; border:2px solid var(--navy); background:var(--card); display:grid; place-items:center; flex:none; margin-top:1px; transition:background .15s ease, border-color .15s ease}
.gbox::after{content:""; width:5px; height:9px; border:solid #fff; border-width:0 2.5px 2.5px 0; transform:rotate(45deg) translate(-1px,-1px) scale(0); transition:transform .15s ease}
.gbody:hover .gbox{border-color:var(--ok)}
.gbody input:focus-visible + .gbox{outline:2px solid var(--accent); outline-offset:2px}
.gbody input:checked + .gbox{background:var(--ok); border-color:var(--ok)}
.gbody input:checked + .gbox::after{transform:rotate(45deg) translate(-1px,-1px) scale(1)}
.gtxt{font-family:var(--display); font-weight:700; font-size:13px; line-height:1.3; overflow-wrap:anywhere}
.gcard .rm{font-size:15px; padding:0 5px; opacity:.55}
.gcard:hover .rm,.gcard .rm.arm{opacity:1}
.gcard.done{border-left-color:var(--ok); background:var(--card-soft)}
.gcard.done:hover{border-left-color:var(--ok)}
.gcard.done .gtxt{color:var(--muted); font-weight:600; text-decoration:line-through; text-decoration-thickness:1.5px}
.gr-empty{margin:0; padding:16px 14px; border:2px dashed var(--line); border-radius:10px; text-align:center; color:var(--muted); font-size:13px}
@media (max-width:720px){
  .gr-prog{margin-left:0; width:100%}
  .gcards{grid-template-columns:minmax(0,1fr); max-height:360px}
}
@media (prefers-reduced-motion:reduce){ .gcard,.gbox,.gbox::after,.gr-bar i{transition:none} }

/* Gaveta */
.scrim{position:fixed; inset:0; z-index:40; background:rgba(8,16,30,.5)}
.drawer{
  position:fixed; z-index:41; top:0; right:0; bottom:0; width:min(640px,100%); background:var(--card); border-left:1.5px solid var(--navy);
  display:flex; flex-direction:column; box-shadow:-20px 0 50px -30px rgba(0,0,0,.6);
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
.d-top{display:flex; align-items:center; gap:10px; padding:14px 18px; border-bottom:1.5px solid var(--line)}
.d-top .when{display:inline-block; font-family:var(--mono); font-size:12px; color:var(--muted)}
.d-top .when::first-letter{text-transform:uppercase}
.d-top .x{margin-left:auto}
.d-body{flex:1; overflow:auto; padding:18px; display:flex; flex-direction:column; gap:14px; min-height:0}
.d-foot{padding:12px 18px; border-top:1.5px solid var(--line); display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.d-foot .sp{margin-left:auto}
.d-title{font-family:var(--display); font-weight:800; font-size:22px; line-height:1.15; margin:0; text-wrap:balance}
.blocos{display:flex; flex-direction:column; gap:8px}
.bloco{border:1px solid var(--line); border-radius:10px; padding:10px 12px; background:var(--card-soft); display:flex; flex-direction:column; gap:6px}
.bloco .bh{font-family:var(--mono); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent)}
.bloco .fala{margin:0; font-size:14.5px}
.bloco dl{margin:0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:3px 10px; font-size:12.5px; color:var(--muted)}
.bloco dt{font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; padding-top:2px}
.bloco dd{margin:0; overflow-wrap:anywhere}
.sec{display:flex; flex-direction:column; gap:8px; min-width:0}
.sech{display:flex; align-items:center; gap:10px}
.sech .btn{margin-left:auto; height:28px; padding:0 10px; font-size:12px; border-color:var(--line)}
.files{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px}
.file{display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:10px; padding:8px 10px; background:var(--card-soft); min-width:0}
.file .ic{flex:none; width:44px; height:44px; border-radius:7px; border:1px solid var(--line); background:var(--card); display:grid; place-items:center; font-family:var(--mono); font-size:10.5px; font-weight:700; color:var(--navy); overflow:hidden}
.file .ic img{width:100%; height:100%; object-fit:cover}
.file a{flex:1; min-width:0; font-weight:600; color:var(--ink); overflow-wrap:anywhere}
.file a:hover{color:var(--accent)}
.file .btn{height:28px; padding:0 9px; font-size:12px; border-color:var(--line)}
.daylist{display:flex; flex-direction:column; gap:8px}
.dayitem{display:flex; align-items:center; gap:10px; width:100%; text-align:left; border:1px solid var(--line); border-radius:10px; padding:10px 12px; background:var(--card-soft)}
.dayitem:hover{border-color:var(--navy)}
.dayitem b{min-width:0; overflow-wrap:anywhere; font-weight:600}
.dayitem .st{margin-left:auto; flex:none}
hr.dash{border:0; border-top:1px dashed var(--line); margin:2px 0; width:100%}

@media (max-width:1040px){
  .board{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .cell{min-height:66px; padding:5px 4px; gap:3px}
  .chips{flex-direction:row; flex-wrap:wrap; gap:3px}
  .chip{width:auto; padding:0; border:0; background:transparent}
  .chip i{width:10px; height:10px; margin-top:0}
  .chip.done i{display:block}
  .chip .t,.chip .ck{display:none}
  .chip.done i{outline:2px solid var(--ok); outline-offset:1px}
  .dow div{padding:6px 4px; font-size:9.5px; letter-spacing:.06em; text-align:center}
  .num{font-size:12px}
  .search{margin-left:0; max-width:none}
}
@media (prefers-reduced-motion: reduce){ .bar i{transition:none} }

/* Sair e tela de entrada */
.sair{margin:0}
.sair .btn{height:46px}
input[type=password]{width:100%; min-width:0; border:1.5px solid var(--line); border-radius:9px; background:var(--card-soft); padding:11px 12px}
input[type=password]:focus{border-color:var(--navy); outline:none; background:var(--card)}
body.porta{min-height:100vh; display:grid; place-items:center; padding:24px 16px}
.entrada{width:min(420px,100%); background:var(--card); border:1.5px solid var(--navy); border-radius:16px; box-shadow:var(--shadow); padding:28px; display:flex; flex-direction:column; gap:14px}
.entrada h1{font-family:var(--display); font-weight:800; font-size:28px; line-height:1.05; margin:0; letter-spacing:-.01em}
.entrada h1 b{color:var(--accent)}
.entrada form{display:flex; flex-direction:column; gap:14px}
.entrada .btn{height:44px}
.entrada .note{font-size:13.5px}

/* Resultados: balão ao passar o mouse, bloco na ficha e top 3 */
.tip{position:fixed; z-index:60; max-width:260px; background:var(--navy); color:#fff; border-radius:10px; padding:10px 12px; box-shadow:0 12px 30px -12px rgba(18,35,59,.6); display:flex; flex-direction:column; gap:6px; pointer-events:none; font-size:12.5px}
.tip b{font-weight:600; line-height:1.25}
.tip dl{margin:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 14px}
.tip dt{opacity:.8}
.tip dd{margin:0; text-align:right; font-family:var(--mono); font-weight:700; font-variant-numeric:tabular-nums}
.tip .mono{color:#fff; opacity:.7; font-size:10.5px}
.sec-res{border:1px solid var(--line); border-radius:12px; background:var(--card-soft); padding:12px}
.sec-res .res-grid div{background:var(--card)}
.prod{border:1px solid var(--line); border-radius:12px; background:var(--card); padding:0; min-width:0}
.prod > summary{cursor:pointer; padding:10px 12px; font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:700; list-style:revert}
.prod > summary:focus-visible{outline:2px solid var(--navy); outline-offset:2px; border-radius:10px}
.prod-in{display:flex; flex-direction:column; gap:14px; padding:4px 12px 12px; min-width:0}
.res-grid{margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px}
.res-grid div{border:1px solid var(--line); border-radius:10px; background:var(--card-soft); padding:8px 10px}
.res-grid dt{font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:700}
.res-grid dd{margin:2px 0 0; font-family:var(--display); font-weight:800; font-size:20px; font-variant-numeric:tabular-nums}
.sech a.btn{margin-left:auto; height:28px; padding:0 10px; font-size:12px; border-color:var(--line); display:inline-flex; align-items:center; text-decoration:none}
.rank{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.rank li{display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; padding:10px 0; border-top:1px dashed var(--line)}
.rank li:first-child{border-top:0; padding-top:2px}
.rank .rk{font-family:var(--display); font-weight:800; font-size:26px; line-height:1; color:var(--accent); width:20px; text-align:center}
.rank .tb{display:flex; flex-direction:column; gap:3px; min-width:0}
.rank .tb b{font-weight:600; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.rank .tb a{color:var(--ink); text-decoration:none}
.rank .tb a:hover b{text-decoration:underline}
.rank .big{font-size:12.5px; color:var(--muted)}
.rank .big strong{font-family:var(--mono); font-size:15px; color:var(--ink); font-variant-numeric:tabular-nums}