/*
Theme Name: The Back Benchers Editorial
Theme URI: https://theback-benchers.com/
Author: The Back Benchers
Description: Responsive editorial theme built for The Back Benchers.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: tbb-editorial
*/
:root{--ink:#171717;--muted:#666;--accent:#d21670;--line:#e5e5e5;--paper:#fff;--soft:#f7f7f7;--wrap:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;width:auto;height:auto;z-index:1000;background:#fff;padding:12px}.site-header{background:#fff}.header-main{min-height:92px;display:flex;align-items:center;gap:30px}.site-brand{display:inline-flex;align-items:center;flex:none}.site-brand img{display:block;width:270px;height:auto}.header-search-desktop{max-width:390px;flex:1;margin-inline:auto}.search-form{display:flex;border:1px solid #d7d7d7;border-radius:3px;min-height:42px}.search-form label{flex:1}.search-field{width:100%;height:100%;padding:8px 12px;border:0;background:transparent;outline-color:var(--accent)}.search-submit{border:0;background:var(--accent);color:#fff;padding:0 17px;cursor:pointer}.header-social{display:flex;align-items:center;gap:12px}.header-social a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #bbb;font-weight:700}.header-controls{display:none}.nav-bar{background:#111;color:#fff}.primary-menu{display:flex;align-items:center;justify-content:center;gap:0;list-style:none;margin:0;padding:0}.primary-menu li{position:relative}.primary-menu a{display:block;padding:16px 17px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}.primary-menu a:hover,.primary-menu .current-menu-item>a{color:#fff;background:var(--accent)}.primary-menu .sub-menu{display:none;position:absolute;z-index:20;left:0;top:100%;min-width:190px;padding:0;list-style:none;background:#111}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.site-main{padding-block:34px 76px}.featured-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,215px);gap:16px}.featured-grid .story-card:first-child{grid-row:span 2}.story-card{min-width:0}.story-media{display:block;position:relative;overflow:hidden;background:#eee}.story-media img,.rank-image img{display:block;width:100%;height:100%;object-fit:cover}.story-media img{transition:transform .25s ease}.story-card:hover .story-media img{transform:scale(1.035)}.card-image-fallback{display:grid;place-items:center;width:100%;height:100%;padding:20px;background:#f2e9ee;color:#9f1c5d;text-align:center;font-weight:700}.story-category{display:inline-block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.story-title{margin:5px 0 8px;font-size:20px;line-height:1.24;letter-spacing:-.025em}.story-meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:12px}.story-excerpt{margin:7px 0;color:#eee;font-size:14px}.featured-grid .story-card{position:relative;overflow:hidden;background:#222}.featured-grid .story-media{height:100%}.featured-grid .story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.82))}.featured-grid .story-copy{position:absolute;bottom:0;left:0;right:0;padding:26px;color:#fff}.featured-grid .story-category{color:#ff77b8}.featured-grid .story-meta{color:#ddd}.featured-grid .story-card-featured .story-title{font-size:34px}.featured-grid .story-card-support .story-title{font-size:19px}.topic-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:29px 0;border-bottom:1px solid var(--line)}.topic-pill{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.topic-symbol{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;background:#fae9f1;color:var(--accent);font-weight:800}.home-section{margin-top:37px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;border-bottom:2px solid var(--ink)}.section-heading h2{position:relative;margin:0;padding:0 0 11px;font-size:25px;line-height:1.2;letter-spacing:-.035em}.section-heading h2:after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:3px;background:var(--accent)}.section-heading>a{font-size:12px;font-weight:700;color:var(--accent)}.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.latest-grid .story-media{aspect-ratio:4/3}.latest-grid .story-copy{padding-top:12px}.latest-grid .story-title{font-size:18px}.home-lower-grid{display:grid;grid-template-columns:1fr 1fr 270px;gap:25px;align-items:start}.home-lower-grid .home-section{min-width:0}.ranked-list{padding:0;margin:0;list-style:none}.ranked-list li{display:grid;grid-template-columns:24px 80px 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.rank-number{font-size:26px;color:var(--accent);font-weight:800}.rank-image{height:58px;overflow:hidden}.ranked-list h3{font-size:14px;line-height:1.25;margin:0 0 4px}.ranked-list time{font-size:11px;color:var(--muted)}.compact-grid .story-card{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.compact-grid .story-media{height:68px}.compact-grid .story-copy{min-width:0}.compact-grid .story-title{font-size:14px}.compact-grid .story-meta{font-size:11px}.ad-slot{margin:30px 0;padding:12px;border:1px solid var(--line);text-align:center;min-height:90px}.ad-label{display:block;color:#999;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.ad-sidebar{margin-top:37px}.ad-slot img{max-width:100%}.archive-intro,.page-intro{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.archive-intro h1,.page-intro h1{margin:0 0 7px;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.045em}.archive-intro p,.page-intro p{margin:0;color:var(--muted)}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:38px;align-items:start}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.archive-grid .story-media{aspect-ratio:4/3}.archive-grid .story-copy{padding-top:10px}.archive-grid .story-title{font-size:18px}.sidebar-panel{padding:20px;background:var(--soft)}.sidebar-panel h2{margin:0 0 14px;font-size:20px}.sidebar-panel ul{list-style:none;margin:0;padding:0}.sidebar-panel li{border-top:1px solid var(--line);padding:10px 0;font-size:14px;font-weight:700}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);font-size:13px}.pagination .current,.pagination a:hover{background:var(--accent);color:#fff}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:19px;color:var(--muted);font-size:12px}.breadcrumbs a:hover{color:var(--accent)}.article-header .story-category{margin-bottom:9px}.article-header h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.04em;margin:0 0 14px}.article-deck{font-size:18px;color:#555;margin:0 0 15px}.article-meta{color:var(--muted);font-size:13px;margin-bottom:15px}.article-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.article-share a,.article-share button{border:1px solid var(--line);background:#fff;padding:7px 12px;cursor:pointer;font-size:12px;font-weight:700}.article-share a:hover,.article-share button:hover{border-color:var(--accent);color:var(--accent)}.article-hero{margin:0 0 25px}.article-hero img{display:block;width:100%;height:auto}.article-hero figcaption{margin-top:5px;color:var(--muted);font-size:12px}.article-body{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.article-body p{margin:0 0 1.35em}.article-body h2,.article-body h3{line-height:1.25;letter-spacing:-.025em}.article-body a{color:var(--accent);text-decoration:underline}.article-body iframe,.article-body video{max-width:100%}.article-body figure{max-width:100%;margin-inline:0}.article-body blockquote{margin:25px 0;padding:6px 22px;border-left:4px solid var(--accent);background:var(--soft)}.article-tags{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.article-tags a{padding:5px 9px;background:var(--soft);font-size:12px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-grid .story-media{aspect-ratio:4/3}.related-grid .story-title{font-size:16px}.related-grid .story-copy{padding-top:8px}.comments-area{margin-top:42px;border-top:1px solid var(--line)}.comments-area h2{font-size:23px}.comment-list{padding-left:20px}.comment-body{padding:13px 0;border-bottom:1px solid var(--line)}.comment-form input:not([type=submit]),.comment-form textarea{display:block;width:100%;max-width:600px;padding:10px;border:1px solid #ccc}.comment-form .submit{border:0;background:var(--accent);color:#fff;padding:10px 17px;cursor:pointer}.empty-state{padding:40px 0}.page-content{max-width:820px}.site-footer{background:#141414;color:#e7e7e7}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-block:50px 40px}.footer-brand-area .site-brand{padding:8px;background:#fff}.footer-brand-area .site-brand img{width:210px}.footer-brand-area p{max-width:330px;color:#aaa;font-size:13px}.site-footer h2{font-size:15px;text-transform:uppercase;margin:0 0 14px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:10px;color:#bbb;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #333;padding-block:18px;color:#aaa;font-size:12px}@media(max-width:1050px){.home-lower-grid{grid-template-columns:1fr 1fr}.home-lower-grid .ad-sidebar{grid-column:1/-1}.primary-menu a{padding-inline:11px;font-size:11px}.topic-strip{grid-template-columns:repeat(3,1fr);row-gap:18px}}@media(max-width:760px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.header-main{min-height:68px;justify-content:space-between;gap:10px}.site-brand img{width:178px}.header-search-desktop,.header-social{display:none}.header-controls{display:flex;align-items:center;gap:12px}.header-controls button{display:flex;align-items:center;gap:5px;background:none;border:0;padding:5px;cursor:pointer}.menu-toggle{font-size:11px;font-weight:700}.menu-icon{position:relative;display:block;width:20px;height:2px;background:#111}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:20px;height:2px;background:#111}.header-search{padding-bottom:12px}.nav-bar{display:none}.nav-bar.is-open{display:block}.primary-menu{display:block}.primary-menu a{padding:12px 5px;border-top:1px solid #333}.primary-menu .sub-menu{display:block;position:static;padding-left:14px}.site-main{padding-block:18px 50px}.featured-grid{display:block}.featured-grid .story-card{margin-bottom:12px;height:230px}.featured-grid .story-card-featured{height:330px}.featured-grid .story-card-featured .story-title{font-size:27px}.featured-grid .story-copy{padding:17px}.featured-grid .story-card-support .story-title{font-size:18px}.topic-strip{grid-template-columns:repeat(3,1fr);gap:14px 7px;padding-block:22px}.topic-pill{flex-direction:column;text-align:center;font-size:10px;gap:5px}.topic-symbol{width:38px;height:38px}.latest-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.home-lower-grid,.content-with-sidebar{display:block}.sidebar{margin-top:35px}.home-lower-grid .home-section{margin-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand-area{grid-column:1/-1}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.featured-grid .story-card-support{height:190px}.featured-grid .story-card-featured{height:290px}.latest-grid,.archive-grid{display:block}.latest-grid .story-card,.archive-grid .story-card{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.latest-grid .story-media,.archive-grid .story-media{aspect-ratio:1/1}.latest-grid .story-copy,.archive-grid .story-copy{padding-top:0}.latest-grid .story-title,.archive-grid .story-title{font-size:15px}.latest-grid .story-meta,.archive-grid .story-meta{font-size:11px}.section-heading h2{font-size:23px}.article-header h1{font-size:32px}.article-body{font-size:16px}.related-grid{gap:12px}.related-grid .story-title{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{gap:15px}}
.ad-slot{max-width:100%;overflow:hidden}.ad-slot .adsbygoogle{width:100%;min-height:250px}.ad-slot.ad-sidebar .adsbygoogle{min-height:500px}.ad-slot.is-unfilled{display:none}.ad-grid-span{grid-column:1/-1;margin-block:5px}.ad-placeholder-image{display:block;width:100%;height:auto;margin-top:8px}.ad-slot-placeholder{min-height:0;padding:8px}.ad-slot-placeholder.ad-sidebar{max-width:300px;margin-inline:auto}.ad-slot-placeholder.ad-sidebar .ad-placeholder-image{max-height:600px}
@media(max-width:760px){.ad-slot.ad-sidebar .adsbygoogle{min-height:250px}.ad-slot-placeholder.ad-sidebar{max-width:none}.ad-slot-placeholder.ad-sidebar .ad-placeholder-image{height:250px;max-height:none;object-fit:cover;object-position:center}}
@media(max-width:760px){.ad-slot-placeholder.ad-sidebar .ad-placeholder-image{height:auto;object-fit:contain}}

/* Keep keyboard focus visible and respect reduced-motion preferences. */
:where(a, button, input, textarea, select):focus-visible{outline:3px solid #d21670;outline-offset:3px}
.nav-bar :where(a, button):focus-visible,.site-footer :where(a, button):focus-visible{outline-color:#fff}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-media img{transition:none}}
