/* Ready & Sorted — larder-label brand layer over Blocksy. Palette is pinned in rs-brand.php. */
:root{
  --rs-navy:#1F2A44; --rs-cream:#F4ECD8; --rs-paper:#FBF6EA; --rs-red:#B5412B; --rs-red-dark:#8F3220;
  --rs-green:#4F6B45; --rs-amber:#F2B632; --rs-pebble:#CFC8B8; --rs-tea:#7A4E2D;
  --rs-slab:"Alfa Slab One",Rockwell,"Roboto Slab",Georgia,serif;
  --rs-body:"Cabin","Gill Sans","Trebuchet MS",system-ui,sans-serif;
  --rs-aside:"Fraunces",Georgia,serif;
  --theme-font-family:var(--rs-body);
}
/* Blocksy prints its default palette on :root in inline CSS that loads after this file; the doubled
   selector outranks it regardless of order, so the brand always wins */
:root:root{
  --theme-palette-color-1:#B5412B; --theme-palette-color-2:#8F3220; --theme-palette-color-3:#1F2A44;
  --theme-palette-color-4:#1F2A44; --theme-palette-color-5:#CFC8B8; --theme-palette-color-6:#FBF6EA;
  --theme-palette-color-7:#F4ECD8; --theme-palette-color-8:#FFFFFF;
  --theme-link-initial-color:#B5412B; --theme-link-hover-color:#8F3220;
  --theme-text-color:#1F2A44; --theme-headings-color:#1F2A44; --theme-border-color:#CFC8B8;
}
body,#main-container,.site-main,main#main,.ct-container-full,[data-prefix] .entry-content{background-color:var(--rs-cream)!important}
.ct-header [data-row],.ct-header [data-row] .ct-container{background-color:var(--rs-cream)!important}
.ct-footer [data-row],.ct-footer .ct-container{background-color:var(--rs-navy)!important}
.ct-footer,.ct-footer p,.ct-footer div,.ct-footer span,.ct-footer li,.ct-footer .ct-footer-copyright{color:var(--rs-cream)!important}
.entry-content a,.rs-card a,.rs-facts a{color:var(--rs-red)}
.rs-card h3 a{color:var(--rs-navy);text-decoration:none}
.rs-card h3 a:hover{color:var(--rs-red);text-decoration:underline}
body{font-family:var(--rs-body);color:var(--rs-navy);background:var(--rs-cream);font-size:17.5px;line-height:1.65}
h1,h2,h3,.page-title,.entry-title,.site-title{font-family:var(--rs-slab)!important;font-weight:400!important;letter-spacing:.005em;color:var(--rs-navy);text-wrap:balance}
h1,.page-title{font-size:clamp(34px,5vw,54px);line-height:1.05}
h2{font-size:clamp(26px,3.2vw,34px);line-height:1.15}
h3{font-size:clamp(20px,2.4vw,24px);line-height:1.25}
h4,h5,h6{font-family:var(--rs-body)!important;font-weight:700!important}
a{text-underline-offset:3px}
.rs-aside,.rs-wink{font-family:var(--rs-aside);font-style:italic;color:var(--rs-tea)}

/* notice bar */
.rs-notice{background:var(--rs-navy);color:var(--rs-cream);font:600 13.5px/1.35 var(--rs-body);letter-spacing:.02em;padding:9px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px}
.rs-notice a{color:var(--rs-amber);text-decoration:underline}

/* header: tin rims */
.ct-header{box-shadow:0 2px 0 var(--rs-navy),0 5px 0 var(--rs-cream),0 6px 0 var(--rs-navy)}
.site-title{font-size:26px!important;text-transform:uppercase}
.site-logo-container img,[data-id="logo"] img{max-height:46px!important;width:auto!important}
@media (max-width:600px){.site-logo-container img,[data-id="logo"] img{max-height:34px!important}}
.rs-photo{margin:10px 0 26px;display:grid;gap:8px}
.rs-photo img{width:100%;height:auto;display:block;border:1px solid var(--rs-navy);aspect-ratio:16/9;object-fit:cover}
.rs-photo figcaption{font-family:var(--rs-aside);font-style:italic;color:var(--rs-tea);font-size:16px}
.wp-post-image,.ct-media-container img{border:1px solid var(--rs-navy)}
.site-title a{color:var(--rs-navy)!important}
/* the logo already carries the wordmark: keep the text title for screen readers only */
.site-branding .site-logo-container ~ .site-title-container{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-description{font-family:var(--rs-aside);font-style:italic;color:var(--rs-tea)}
.ct-header [data-id="menu"] a{font:700 15.5px/1 var(--rs-body)!important;letter-spacing:.02em;color:var(--rs-navy)!important}
.ct-header [data-id="menu"] a:hover,.ct-header [data-id="menu"] .current-menu-item>a,.ct-header [data-id="menu"] .current_page_parent>a{color:var(--rs-red)!important}
.ct-header [data-id="menu"] .current-menu-item>a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}

/* buttons */
.wp-element-button,.wp-block-button__link,.ct-button,button[type=submit],input[type=submit],.rs-btn,.button{
  background:var(--rs-red)!important;color:#fff!important;border:0!important;border-radius:3px!important;
  font:700 16px/1 var(--rs-body)!important;letter-spacing:.02em;padding:15px 20px!important;cursor:pointer}
.wp-element-button:hover,.wp-block-button__link:hover,.rs-btn:hover,button[type=submit]:hover{background:var(--rs-red-dark)!important}
:focus-visible{outline:3px solid var(--rs-amber);outline-offset:2px}

/* footer */
.ct-footer{background:var(--rs-navy)!important;color:var(--rs-cream)!important}
.ct-footer a{color:var(--rs-amber)!important}
.ct-footer .rs-aside{color:var(--rs-pebble);display:block;margin-top:4px}

/* waitlist form */
.rs-waitlist{display:grid;gap:10px;background:var(--rs-paper);border:2px solid var(--rs-navy);padding:22px;max-width:520px}
.rs-label{font:700 16px/1.3 var(--rs-body)}
.rs-input{border:1.5px solid var(--rs-navy)!important;background:#fff!important;padding:12px 13px!important;font:400 17px/1.2 var(--rs-body)!important;border-radius:2px!important;width:100%}
.rs-consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.rs-consent input{margin-top:4px;width:18px;height:18px;accent-color:var(--rs-green)}
.rs-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.rs-fine{font-size:13.5px;color:var(--rs-tea);margin:0}
.rs-ok{background:#e4ecdf;border-left:4px solid var(--rs-green);padding:10px 12px;margin:0;font-weight:600}
.rs-err{background:#f6e3de;border-left:4px solid var(--rs-red);padding:10px 12px;margin:0;font-weight:600}

/* homepage building blocks */
.rs-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;padding-block:28px 36px}
@media (max-width:860px){.rs-hero{grid-template-columns:1fr}}
.rs-hero h1{font-size:clamp(40px,6vw,68px);margin:0 0 14px}
.rs-lede{font-size:19px;max-width:40ch}
/* a lede on an ordinary page sits in .rs-intro, so the theme aligns the wrapper and the text keeps a readable width */
.rs-intro .rs-lede{max-width:58ch;margin:0;font-size:20px}
.rs-band{display:grid;justify-items:center;padding:8px 0}
.rs-band:before,.rs-band:after{content:"";display:block;width:100%;height:6px;border-top:2px solid var(--rs-navy);border-bottom:1px solid var(--rs-navy)}
.rs-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:2px solid var(--rs-navy);border-bottom:2px solid var(--rs-navy);margin-block:18px}
.rs-facts>div{padding:18px 20px;border-right:1px solid var(--rs-pebble)}
.rs-facts>div:last-child{border-right:0}
@media (max-width:700px){.rs-facts>div{border-right:0;border-bottom:1px solid var(--rs-pebble)}.rs-facts>div:last-child{border-bottom:0}}
.rs-facts b{display:block;font:400 34px/1 var(--rs-slab);color:var(--rs-red);margin-bottom:6px}
.rs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-block:18px}
.rs-card{background:var(--rs-paper);border:1px solid var(--rs-pebble);border-top:5px solid var(--rs-navy);padding:18px 20px;display:grid;gap:8px;align-content:start}
.rs-card h3{margin:0;font-size:21px}
.rs-card p{margin:0}
.rs-tick{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.rs-tick li{padding-left:28px;position:relative}
.rs-tick li:before{content:"";position:absolute;left:2px;top:5px;width:14px;height:8px;border-left:3px solid var(--rs-green);border-bottom:3px solid var(--rs-green);transform:rotate(-45deg)}

/* guides */
.single-post .page-title,.single-post .entry-header h1{font-size:clamp(30px,3.6vw,44px)!important;line-height:1.1}
.entry-content table{border-collapse:collapse;width:100%;font-size:16px;background:var(--rs-paper)}
.entry-content th,.entry-content td{border:1px solid var(--rs-pebble);padding:9px 11px;text-align:left;vertical-align:top}
.entry-content th{background:var(--rs-navy);color:var(--rs-cream);font-weight:700}
.entry-content blockquote{border:0;border-left:5px solid var(--rs-green);background:var(--rs-paper);padding:14px 18px;margin:22px 0;font-style:normal;font-size:17px}
.entry-content blockquote.rs-nations{border-left-color:var(--rs-navy)}
.entry-content blockquote p{margin:0 0 8px}
.entry-content blockquote p:last-child{margin:0}
.rs-updated{font:600 14px/1.3 var(--rs-body);color:var(--rs-tea);letter-spacing:.02em}
.rs-kitnote{border:2px solid var(--rs-navy);background:var(--rs-paper);padding:16px 18px;margin:26px 0}
#rs-list{margin-top:34px}

/* guides index */
.rs-archive-head{display:grid;gap:8px;margin:0 0 28px;max-width:60ch}
.rs-archive-head h1{margin:0}
.rs-archive-head p{margin:0;font-size:18.5px}
/* sections (the mini-sites): topic links + guide cards with their photo */
.rs-topics{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;font:700 15px/1.2 var(--rs-body)}
.rs-topics span{color:var(--rs-tea);font-weight:600}
.rs-topics a{background:var(--rs-paper);border:1.5px solid var(--rs-navy);color:var(--rs-navy)!important;padding:7px 12px;text-decoration:none;border-radius:3px}
.rs-topics a:hover{background:var(--rs-navy);color:var(--rs-cream)!important}
.rs-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.rs-guide-cards{grid-template-columns:1fr}}
.rs-guide-cards .rs-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border:1px solid var(--rs-navy)}
.rs-now{background:var(--rs-navy);color:var(--rs-cream);padding:16px 18px;margin:6px 0 22px;display:grid;gap:4px}
.rs-now b{font:400 22px/1.15 var(--rs-slab)}
.rs-now a{color:var(--rs-amber)!important}
[data-prefix] .entries[data-layout="grid"]{--grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){[data-prefix] .entries[data-layout="grid"]{--grid-template-columns:1fr}}
.entries .entry-card{background:var(--rs-paper)!important;border:1px solid var(--rs-pebble);border-top:5px solid var(--rs-navy);box-shadow:none!important}
.entries .entry-card .entry-title{font-size:clamp(22px,2.3vw,27px)!important;line-height:1.15}
.entries .entry-card .entry-title a{color:var(--rs-navy)}
.entries .entry-card .entry-title a:hover{color:var(--rs-red)}
.entries .entry-card .entry-meta,.entries .entry-card .entry-meta a{color:var(--rs-tea)!important}
