/* Editorial pages that extend the site's warm paper and clay-red palette. */
.series-heading-side{display:grid;justify-items:end;gap:10px}
.series-heading-side p{margin:0;color:var(--muted);font-size:12px}
.series-heading-side a,.popular-empty a{color:var(--accent);font-size:12px;text-decoration:none}
.series-heading-side a span{display:inline-block;transition:transform .2s}
.series-heading-side a:hover span{transform:translateX(4px)}
.popular-page{padding-top:34px}
.popular-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:45px 0 48px;border-bottom:1px solid var(--line)}
.popular-intro h1{max-width:760px;margin:16px 0 15px;font:500 clamp(42px,6vw,72px)/1.04 'Playfair Display',serif;letter-spacing:-2.8px}
.popular-intro h1 em{color:var(--accent);font-style:italic}
.popular-deck{max-width:580px;margin:0;color:#6f706a;font-size:14px;line-height:1.8}
.popular-updated{display:grid;gap:8px;min-width:190px;padding:18px 0 2px 22px;border-left:1px solid var(--line)}
.popular-updated span,.popular-updated small{color:var(--muted);font-size:11px}
.popular-updated strong{font-size:14px;font-weight:500}
.popular-series{border-top:0;padding-top:34px}
.popular-empty{grid-column:1/-1;padding:60px 28px;background:#ebe6dc;border:1px solid var(--line)}
.popular-empty h3{margin:14px 0 8px;font:500 28px 'Playfair Display',serif}
.popular-empty p{margin:0 0 20px;color:#6f706a;font-size:13px;line-height:1.8}
.pansou-notice{margin:22px 0 30px;padding:25px 28px;background:#ebe7de;border:1px solid #ded9cf}
.pansou-notice h2{margin:10px 0 8px;font:500 25px 'Playfair Display',serif}
.pansou-notice>p{margin:0;color:#6f706a;font-size:13px;line-height:1.7}
.pansou-live-status{margin-top:14px;color:var(--accent);font-size:13px;font-weight:500}
.pansou-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.pansou-filter-bar[hidden]{display:none}
.pansou-filter-label{margin-right:3px;color:var(--muted);font-size:11px}
.pansou-filter-bar label{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#fffefa;border:1px solid #d4cfc4;color:var(--ink);font-size:11px;cursor:pointer}
.pansou-filter-bar input{margin:0;accent-color:var(--accent)}
.pansou-filter-bar label small{min-width:16px;color:var(--muted);font-size:10px;text-align:center}
.pansou-filter-summary{margin-left:auto;color:var(--muted);font-size:10px}
.pansou-filter-empty{margin:12px 0 0;padding:12px 14px;background:#fffefa;color:var(--muted);font-size:11px}
.pansou-filter-empty[hidden]{display:none}
.pansou-feedback-link{display:inline-block;margin-top:16px;color:var(--ink);font-size:12px;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:4px}
.pansou-public-results{display:grid;gap:8px;margin-top:16px}
.pansou-public-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#fffefa;border:1px solid #ded9cf}
.pansou-public-item[hidden]{display:none}
.pansou-public-item>div{display:grid;gap:5px;min-width:0}
.pansou-public-item span{color:var(--accent);font-size:10px}
.pansou-public-item strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}
.pansou-public-item small{color:var(--muted);font-size:10px}
.pansou-public-item>a{flex:0 0 auto;color:var(--accent);font-size:11px;text-decoration:none}
.pansou-admin{margin:0 0 54px;padding:28px;background:#ebe7de;border:1px solid #ded9cf}
.pansou-admin-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #d4cfc4}
.pansou-admin-head .eyebrow{margin:0 0 6px}
.pansou-admin-head h2{margin:0;font:500 30px 'Playfair Display',serif}
.pansou-admin-head>span{color:var(--muted);font-size:11px}
.pansou-entry{padding:18px 0;border-bottom:1px solid #d4cfc4}
.pansou-entry:last-child{border-bottom:0}
.pansou-entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pansou-entry-head>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pansou-entry-head strong{font:500 20px 'Playfair Display',serif}
.pansou-entry-head span,.pansou-candidate small{color:var(--muted);font-size:10px}
.pansou-badge{padding:5px 9px;background:#ded9cf;color:#665e53;font-size:10px;font-weight:500}
.pansou-done{background:#e5eadf;color:#526344}
.pansou-error{margin:11px 0 0;color:#a24331;font-size:12px}
.pansou-count,.pansou-empty-result{margin:12px 0;color:#77766f;font-size:11px}
.pansou-candidate-list{display:grid;gap:1px;background:#d4cfc4;border:1px solid #d4cfc4}
.pansou-candidate{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;background:#fffefa}
.pansou-candidate>div:first-child{display:grid;gap:5px;min-width:0}
.pansou-candidate>div:first-child>span{color:var(--accent);font-size:10px}
.pansou-candidate strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}
.pansou-candidate-link{display:grid;justify-items:end;gap:5px;flex:0 0 auto}
.pansou-candidate-link a{color:var(--accent);font-size:11px;text-decoration:none}
.pansou-entry-foot{display:flex;justify-content:flex-end;margin-top:11px;color:var(--muted);font-size:10px}
.pansou-entry-foot form{margin:0}
.pansou-review-button{padding:8px 12px;background:transparent;border:1px solid #c8c1b5;color:#625d54;font-size:11px}
.traffic-panel{margin:26px 0 54px;padding:28px;background:#ebe7de;border:1px solid #ded9cf}
.traffic-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-bottom:18px;border-bottom:1px solid #d4cfc4}
.traffic-heading .eyebrow{margin:0 0 6px}
.traffic-heading h2{margin:0;font:500 30px 'Playfair Display',serif}
.traffic-heading>span{color:var(--muted);font-size:11px}
.traffic-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0}
.traffic-summary article{display:grid;gap:7px;padding:18px;background:#fffefa;border:1px solid #e5e1d8}
.traffic-summary article span,.traffic-summary article small{color:var(--muted);font-size:11px}
.traffic-summary article strong{font:500 32px/1 'Playfair Display',serif;color:var(--accent)}
.traffic-details{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;padding-top:16px;border-top:1px solid #d4cfc4}
.traffic-details h3{margin:0 0 16px;font:500 18px 'Playfair Display',serif}
.traffic-day{display:grid;grid-template-columns:42px minmax(40px,1fr) 35px;align-items:center;gap:10px;margin:11px 0;font-size:11px}
.traffic-day time{color:var(--muted)}
.traffic-day b,.traffic-pages b{text-align:right;font-size:11px;font-weight:500}
.traffic-bar{height:7px;background:#ded9cf;overflow:hidden}
.traffic-bar i{display:block;height:100%;background:var(--accent)}
.traffic-pages>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #d4cfc4;font-size:12px}
.traffic-pages .muted{margin:0;font-size:11px}
@media(max-width:760px){
  .popular-page{padding-top:18px}
  .popular-intro{display:block;padding:32px 0 30px}
  .popular-intro h1{font-size:44px;letter-spacing:-1.8px}
  .popular-updated{margin-top:24px;padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}
  .series-heading-side{justify-items:start;margin-top:12px}
  .popular-series .series-heading{display:block}
  .popular-series .series-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}
  .popular-series .series-feature{grid-column:1/-1;grid-row:auto;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);min-height:270px}
  .popular-series .series-feature-copy{padding:18px}
  .popular-series .series-kicker{margin-bottom:13px}
  .traffic-panel{padding:19px;margin:22px 0 42px}
  .traffic-heading{display:block}
  .traffic-heading>span{display:block;margin-top:10px}
  .traffic-summary{gap:7px}
  .traffic-summary article{padding:12px 10px}
  .traffic-summary article strong{font-size:25px}
  .traffic-summary article span,.traffic-summary article small{font-size:10px}
  .traffic-details{grid-template-columns:1fr;gap:25px}
  .pansou-admin{padding:19px}
  .pansou-admin-head{display:block}
  .pansou-admin-head>span{display:block;margin-top:10px}
  .pansou-candidate{align-items:start;padding:12px 10px}
  .pansou-candidate-link a{font-size:10px}
  .pansou-notice{padding:20px}
  .pansou-public-item{align-items:flex-start;padding:12px}
  .pansou-public-item>a{font-size:10px}
}
@media(max-width:480px){
  header{padding-left:14px;padding-right:14px}
  nav{gap:10px}
  nav a{font-size:11px}
  .brand{font-size:16px}
  .popular-series .series-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px}
  .popular-series .series-feature{grid-column:1/-1;grid-template-columns:1fr;grid-template-rows:190px auto;min-height:0}
  .popular-series .series-feature-poster{min-height:190px}
  .popular-series .series-feature-copy{padding:18px}
  .popular-series .series-feature-copy>p{display:none}
  .traffic-summary article{min-height:112px}
}