/* careerahead responsive layer: fluid tokens, auto-fit grids, ad-slot reservation. Drafted with free LLM (cx), reviewed. */
:root{--gutter:clamp(16px,3.2vw,40px);--s5:clamp(18px,2.2vw,24px);--s6:clamp(22px,3vw,32px);--s7:clamp(30px,4.5vw,48px);--s8:clamp(36px,6vw,64px)}
.post-title{font-size:clamp(1.9rem,1.2rem + 3.2vw,3.6rem)}
.arch-title{font-size:clamp(2rem,1.3rem + 3.6vw,4rem)}
.entry-content{font-size:clamp(1rem,.95rem + .3vw,1.125rem);overflow-wrap:anywhere}
img,video,canvas{max-width:100%;height:auto}
iframe,embed,object,svg{max-width:100%}
.entry-content :where(pre,table){max-width:100%;overflow-x:auto}
.entry-content .wp-block-embed__wrapper,.entry-content iframe[src*="youtube"],.entry-content iframe[src*="vimeo"]{aspect-ratio:16/9;width:100%;height:auto}
.post-main,.post-side,.arch-grid>*,.g-4>*{min-width:0}
.arch-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));grid-auto-flow:dense}
.arch-lead,.arch-slot{grid-column:1/-1}
.g-4{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.woocommerce ul.products{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.post-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:768px){
 .woocommerce-account .woocommerce{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--s6)}
 .woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content{float:none;width:auto;min-width:0}
}
@media(max-width:991px){.post-grid{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1024px){
 .woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:var(--s6)}
 .woocommerce form.checkout>*{grid-column:1/-1}
 .woocommerce form.checkout #customer_details{grid-column:1;grid-row:1 / span 2;min-width:0}
 .woocommerce form.checkout #order_review_heading{grid-column:2;grid-row:1}
 .woocommerce form.checkout #order_review{grid-column:2;grid-row:2;min-width:0}
}
#customer_details{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
#customer_details .col-1,#customer_details .col-2{float:none;width:auto}
.woocommerce table.shop_table{width:100%}
.page-full{min-width:0}
.post-side{align-self:stretch}

/* ---- Ad slots: reserve the standard size that fits the slot (container queries), collapse when unfilled ----
   lb: 320x50 | 728x90 | 970x90 · rect: 300x250 | 728x90 · side: 300x600 sticky, >=1024 only */
.ca-ad{display:none;width:100%;margin:var(--s5) auto;container-type:inline-size}
html.ca-ads-on .ca-ad:not(.is-empty),.ca-ad:has(iframe,.mv-ad-box,[data-slotname]){display:block}
.ca-ad-in{display:flex;justify-content:center;align-items:flex-start;margin-inline:auto;overflow:hidden}
.ca-ad[data-ad="lb"] .ca-ad-in{min-height:50px;max-width:320px}
@container (min-width:728px){.ca-ad[data-ad="lb"] .ca-ad-in{min-height:90px;max-width:728px}}
@container (min-width:970px){.ca-ad[data-ad="lb"] .ca-ad-in{max-width:970px}}
.ca-ad[data-ad="rect"] .ca-ad-in{min-height:250px;max-width:336px}
@container (min-width:728px){.ca-ad[data-ad="rect"] .ca-ad-in{min-height:90px;max-width:728px}}
.ca-ad[data-ad="lb"]{margin-block:var(--s4)}
@media(min-width:768px) and (max-width:1023px){.ca-ad[data-ad="lb"]{width:auto;margin-inline:calc(var(--gutter) * -1)}}
html.ca-ads-on .ca-ad[data-ad="side"]{display:none}
@media(min-width:1024px){html.ca-ads-on .ca-ad[data-ad="side"]:not(.is-empty),.ca-ad[data-ad="side"]:has(iframe,.mv-ad-box){display:block;container-type:normal;width:300px;margin:0 auto;position:sticky;top:16px}.ca-ad[data-ad="side"] .ca-ad-in{min-height:600px;max-width:300px}}
@media(max-width:1023px){.ca-ad[data-ad="side"]{display:none!important}}
.post-side{align-self:stretch}
@media(min-width:992px){.post-grid{grid-template-columns:minmax(0,1fr) clamp(320px,24vw,340px)}}
@media(min-width:1600px){:root{--max:clamp(1280px,75vw,1440px)}}
.arch-slot .ca-ad{margin-block:0}

/* Archive ads (category, tag, author, search): in-feed "feed" slot = 300x250 phone, 728x90 tablet, 728/970x90 desktop;
   sticky 300x600 sidebar at >=1024px; leaderboard under the archive header. */
.ca-ad[data-ad="feed"] .ca-ad-in{min-height:250px;max-width:300px}
@container (min-width:728px){.ca-ad[data-ad="feed"] .ca-ad-in{min-height:90px;max-width:728px}}
@container (min-width:970px){.ca-ad[data-ad="feed"] .ca-ad-in{max-width:970px}}
.ca-ad .content_hint{display:block;width:100%}
.arch-cols{display:block}
.arch-side{display:none}
@media(min-width:1024px){
 .arch-cols.has-side{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s5);align-items:start}
 .arch-cols.has-side .arch-side{display:block;align-self:stretch}
 .arch-cols.has-side .arch-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
 .arch-side .ca-ad[data-ad="side"]{position:sticky;top:var(--s5)}
}
@media(min-width:768px) and (max-width:1023px){.arch-slot .ca-ad[data-ad="feed"]{width:auto;margin-inline:calc(var(--gutter) * -1)}}