/* ============================================================
   Patteloft v1.1 — main stylesheet
   Creator Pop reskin: Sage #e7f1e0 / Ink #181309 / Lime #cdf14e
   Coral #ff5a36 / Violet #7c5cff
   Customizer overrides ember/ember-dark/ink/bone via :root vars
   (see functions.php patteloft_customizer_css).
   ============================================================ */

:root{
	--pl-lime:#cdf14e;
	--pl-coral:#ff5a36;
	--pl-violet:#7c5cff;
	--pl-ember:#ff5a36;
	--pl-ember-dark:#b53f0e;
	--pl-ink:#181309;
	--pl-paper:#e7f1e0;
	--pl-bone:#e7f1e0;
	--pl-cream:#f2f6ea;
	--pl-charcoal:#181309;
	--pl-smoke:#4d463a;
	--pl-white:#ffffff;
	--pl-container:1200px;
	--pl-radius:20px;
	--pl-shadow:7px 7px 0 var(--pl-ink);
	--pl-shadow-sm:4px 4px 0 var(--pl-ink);
	--pl-font-display:"Space Grotesk","Inter",sans-serif;
	--pl-font-body:"Inter",-apple-system,"Segoe UI",sans-serif;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	margin:0;
	background:var(--pl-bone);
	color:var(--pl-ink);
	font-family:var(--pl-font-body);
	font-size:1.0625rem;
	line-height:1.7;
	overflow-x:clip;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
a{color:var(--pl-ember-dark)}
a:hover{color:var(--pl-ember)}
h1,h2,h3,h4{font-family:var(--pl-font-display);line-height:1.12;letter-spacing:-.015em;color:var(--pl-ink)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:.5rem;left:.5rem;width:auto;height:auto;clip:auto;background:var(--pl-ink);color:var(--pl-paper);padding:.6rem 1rem;z-index:200;border-radius:8px}

/* ---------- Layout ---------- */
.pl-container{max-width:var(--pl-container);margin-inline:auto;padding-inline:1.25rem}
.pl-main{padding-block:clamp(2rem,4vw,3.5rem) clamp(3rem,6vw,5rem)}
.pl-layout{display:grid;gap:clamp(2rem,4vw,3.5rem)}
@media(min-width:900px){
	body.pl-sidebar-right .pl-layout{grid-template-columns:minmax(0,1fr) 320px}
	body.pl-sidebar-right .pl-sidebar{grid-column:2;grid-row:1}
	body.pl-sidebar-left .pl-layout{grid-template-columns:320px minmax(0,1fr)}
	body.pl-sidebar-left .pl-sidebar{grid-column:1;grid-row:1}
	body.pl-sidebar-left .pl-article{grid-column:2;grid-row:1}
}
.pl-article{min-width:0}
.pl-entry>*:first-child{margin-top:0}
.pl-entry p,.pl-entry ul,.pl-entry ol{max-width:70ch}
.pl-narrow{max-width:760px;margin-inline:auto}

/* Full-bleed inside the content column (no-sidebar pages only) */
body.pl-sidebar-none .alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
body.pl-sidebar-none .alignwide{max-width:min(1400px,100vw - 2.5rem);margin-inline:auto}

/* ---------- Type helpers ---------- */
.pl-kicker{display:inline-flex;align-items:center;gap:.6rem;background:var(--pl-white);border:2px solid var(--pl-ink);border-radius:999px;padding:.5rem 1.1rem;box-shadow:var(--pl-shadow-sm);transform:rotate(-2deg);color:var(--pl-ink);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:800;margin:0 0 1.25rem}
.pl-lead{font-size:clamp(1.15rem,1.05rem + .5vw,1.35rem);color:var(--pl-smoke);max-width:60ch}
.pl-page-head{margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.pl-page-title{margin:0;max-width:20ch}
.pl-highlight{background:linear-gradient(transparent 60%,var(--pl-lime) 60%,var(--pl-lime) 96%,transparent 96%)}

/* ---------- Sticker badges ---------- */
.pl-sticker{display:inline-block;font-size:.82rem;font-weight:800;padding:.45rem 1rem;border-radius:999px;border:2px solid var(--pl-ink);background:var(--pl-white);color:var(--pl-ink);box-shadow:3px 3px 0 var(--pl-ink)}
.pl-sticker-coral{background:var(--pl-coral);color:#fff;transform:rotate(-3deg)}
.pl-sticker-ink{background:var(--pl-ink);color:var(--pl-paper);transform:rotate(2deg)}
.pl-sticker-lime{background:var(--pl-lime);transform:rotate(-1.5deg)}
.pl-sticker-violet{background:var(--pl-violet);color:#fff;transform:rotate(1.5deg)}
.pl-burst{position:absolute;top:-26px;right:32px;background:var(--pl-coral);color:#fff;font-weight:800;font-size:.85rem;padding:.7rem 1.2rem;border-radius:999px;border:2px solid var(--pl-ink);transform:rotate(5deg);box-shadow:var(--pl-shadow-sm)}

/* ---------- Buttons ---------- */
.pl-btn,.wp-block-button__link{
	display:inline-block;background:var(--pl-lime);color:var(--pl-ink)!important;
	border:2px solid var(--pl-ink);border-radius:999px;padding:.9rem 1.9rem;font-weight:700;text-decoration:none;
	transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
	box-shadow:5px 5px 0 var(--pl-ink);cursor:pointer;
}
.pl-btn:hover,.wp-block-button__link:hover{background:var(--pl-lime);color:var(--pl-ink)!important;transform:translate(2px,2px);box-shadow:3px 3px 0 var(--pl-ink)}
.pl-btn-lg{font-size:1.1rem;padding:1.05rem 2.4rem}
.pl-btn-ink{background:var(--pl-ink);color:var(--pl-paper)!important;box-shadow:5px 5px 0 var(--pl-coral)}
.pl-btn-ink:hover{background:var(--pl-ink);color:var(--pl-paper)!important;transform:translate(2px,2px);box-shadow:3px 3px 0 var(--pl-coral)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--pl-ink)!important;border:2px solid var(--pl-ink);box-shadow:none}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--pl-lime)}
/* Outline buttons stay readable inside the (light) hero */
.pl-hero .wp-block-button.is-style-outline .wp-block-button__link{color:var(--pl-ink)!important;border-color:var(--pl-ink)}

/* ---------- Header ---------- */
.pl-header{background:color-mix(in srgb,var(--pl-paper) 88%,transparent);z-index:100}
.pl-header.is-sticky{position:sticky;top:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pl-header-inner{display:flex;align-items:center;gap:2rem;padding-block:.9rem}
.pl-brand{flex:none}
.pl-brand img{max-height:44px;width:auto;display:block}
.pl-brand-link{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none}
.pl-brand-logo{border-radius:10px}
.pl-brand-name{font-family:var(--pl-font-display);font-weight:800;font-size:1.35rem;letter-spacing:.04em;color:var(--pl-ink);line-height:1}
.pl-logo-text{font-family:var(--pl-font-display);font-weight:800;font-size:1.35rem;letter-spacing:.04em;color:var(--pl-ink);text-decoration:none}
.pl-nav{margin-left:auto}
.pl-menu{display:flex;gap:1.6rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pl-menu a{color:var(--pl-ink);text-decoration:none;font-weight:600;font-size:.98rem;position:relative;padding-block:.25rem}
.pl-menu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--pl-coral);transition:width .2s ease}
.pl-menu a:hover{color:var(--pl-coral)}
.pl-menu a:hover::after,.pl-menu .current-menu-item a::after{width:100%}
.pl-menu .sub-menu{display:none}
.pl-header-cta{display:flex;align-items:center;gap:1rem;margin-left:1rem}
.pl-header-cta .pl-btn{padding:.7rem 1.5rem;font-size:.95rem;background:var(--pl-ink);color:var(--pl-paper)!important;box-shadow:4px 4px 0 var(--pl-coral)}
.pl-header-cta .pl-btn:hover{background:var(--pl-ink);color:var(--pl-paper)!important;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pl-coral)}
.pl-nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:.5rem}
.pl-nav-toggle-bars{display:block;width:26px;height:2px;background:var(--pl-ink);position:relative}
.pl-nav-toggle-bars::before,.pl-nav-toggle-bars::after{content:"";position:absolute;left:0;width:26px;height:2px;background:var(--pl-ink);transition:transform .2s ease}
.pl-nav-toggle-bars::before{top:-8px}
.pl-nav-toggle-bars::after{top:8px}
.pl-nav-toggle.is-open .pl-nav-toggle-bars{background:transparent}
.pl-nav-toggle.is-open .pl-nav-toggle-bars::before{transform:translateY(8px) rotate(45deg)}
.pl-nav-toggle.is-open .pl-nav-toggle-bars::after{transform:translateY(-8px) rotate(-45deg)}
.pl-mobile-nav{border-top:2px solid var(--pl-ink);padding:1rem 1.25rem 1.5rem;background:var(--pl-paper)}
.pl-mobile-menu{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.pl-mobile-menu a{display:block;padding:.7rem .25rem;color:var(--pl-ink);text-decoration:none;font-weight:600;font-size:1.1rem;border-bottom:1px solid rgba(24,19,9,.12)}
.pl-mobile-menu a:hover{color:var(--pl-coral)}
@media(max-width:900px){
	.pl-nav{display:none}
	.pl-nav-toggle{display:block}
	.pl-header-cta{margin-left:auto}
	.pl-header-cta .pl-btn{display:none}
}

/* ---------- Hero / page head ---------- */
.pl-hero{color:var(--pl-ink);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem);text-align:center;position:relative}
.pl-hero h1,.pl-hero h2{color:var(--pl-ink);letter-spacing:-.02em}
.pl-hero .pl-lead{color:var(--pl-smoke);margin-inline:auto}
.pl-hero .pl-kicker{margin-bottom:1.5rem}

/* ---------- Ticker ---------- */
.pl-ticker-wrap{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);transform:rotate(-1.4deg);margin-block:clamp(2.5rem,5vw,3.5rem) 0}
.pl-ticker{background:var(--pl-ink);color:var(--pl-paper);overflow:hidden;white-space:nowrap;padding:.85rem 0;border-top:2px solid var(--pl-ink);border-bottom:2px solid var(--pl-ink)}
.pl-ticker span{display:inline-block;font-weight:800;letter-spacing:.14em;font-size:.95rem;padding-right:1.2rem;animation:pl-tick 24s linear infinite}
.pl-ticker b{color:var(--pl-lime);font-weight:800}
@keyframes pl-tick{to{transform:translateX(-50%)}}

/* ---------- Cards ---------- */
.pl-card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-block:2rem}
.pl-card{background:var(--pl-white);border:2.5px solid var(--pl-ink);border-radius:var(--pl-radius);overflow:hidden;box-shadow:var(--pl-shadow);display:flex;flex-direction:column;transition:transform .18s ease}
.pl-card:hover{transform:translateY(-5px)}
.pl-card-media{display:block;overflow:hidden;border-bottom:2.5px solid var(--pl-ink)}
.pl-card-media img{display:block;width:100%;height:200px;object-fit:cover;transition:transform .3s ease}
.pl-card:hover .pl-card-media img{transform:scale(1.04)}
.pl-card-body{padding:1.75rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.pl-card-body p{margin:0;color:var(--pl-smoke)}
.pl-card-title{margin:0;font-size:1.25rem}
.pl-card-title a{color:var(--pl-ink);text-decoration:none}
.pl-card-title a:hover{color:var(--pl-coral)}
.pl-card-meta{font-size:.85rem;color:var(--pl-smoke)}
.pl-card-link{margin-top:auto;font-weight:700;text-decoration:none;color:var(--pl-ink)}
.pl-card-link:hover{color:var(--pl-coral)}

/* ---------- Sidebar ---------- */
.pl-sidebar-sticky{position:sticky;top:96px;display:grid;gap:1.5rem}
.widget{background:var(--pl-white);border:2px solid var(--pl-ink);border-radius:18px;padding:1.5rem;box-shadow:var(--pl-shadow-sm)}
.widget-title{margin:0 0 .8rem;font-size:1.05rem}
.widget ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.widget a{color:var(--pl-ink);text-decoration:none;font-weight:500}
.widget a:hover{color:var(--pl-coral)}
.pl-widget-cta{background:var(--pl-lime);border:2px solid var(--pl-ink);color:var(--pl-ink);box-shadow:var(--pl-shadow-sm)}
.pl-widget-cta .widget-title{color:var(--pl-ink)}
.pl-widget-cta p{color:var(--pl-ink)}
.pl-widget-cta .pl-btn{margin-top:.4rem;background:var(--pl-white)}
.pl-widget-cta .pl-btn:hover{background:var(--pl-white)}

/* ---------- Footer ---------- */
.pl-footer{background:var(--pl-ink);color:var(--pl-paper);margin-top:clamp(3rem,6vw,5rem)}
.pl-footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);padding-block:clamp(2.5rem,5vw,4rem)}
.pl-footer .widget{background:none;border:0;box-shadow:none;padding:0;color:var(--pl-paper)}
.pl-footer .widget-title{color:var(--pl-paper);font-size:1rem;text-transform:uppercase;letter-spacing:.08em}
.pl-footer a{color:var(--pl-paper)}
.pl-footer a:hover{color:var(--pl-lime)}
.pl-footer-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.pl-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pl-footer-grid{grid-template-columns:1fr}}

/* ---------- Posts ---------- */
.pl-post-head{margin-bottom:2rem}
.pl-post-meta{display:flex;gap:1rem;align-items:center;color:var(--pl-smoke);font-size:.9rem;margin-bottom:.75rem}
.pl-post-meta a{color:var(--pl-smoke)}
.pl-post-thumb{margin:1.5rem 0 0;border-radius:var(--pl-radius);overflow:hidden;border:2.5px solid var(--pl-ink)}
.pl-post-thumb img{display:block;width:100%;height:auto}
.pl-post-foot{margin-top:3rem;padding-top:1.5rem;border-top:2px solid rgba(24,19,9,.14)}
.pl-tags{margin-bottom:1.5rem;color:var(--pl-smoke)}
.pl-post-nav{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.pl-post-next{text-align:right}
.pl-post-nav a{color:var(--pl-ink);text-decoration:none;font-weight:600}
.pl-post-nav a:hover{color:var(--pl-coral)}
.pl-service-head{margin-bottom:1.5rem}
.pl-service-thumb{border-radius:var(--pl-radius);overflow:hidden;margin-bottom:2rem;border:2.5px solid var(--pl-ink)}
.pl-service-thumb img{display:block;width:100%;height:auto}
.pl-service-cta{margin-top:2.5rem}

/* ---------- Service cards on homepage etc. ---------- */
.pl-service-card{background:var(--pl-white);border:2.5px solid var(--pl-ink);border-radius:var(--pl-radius);padding:2rem;box-shadow:var(--pl-shadow);transition:transform .18s ease}
.pl-service-card:hover{transform:translateY(-5px)}
.pl-service-card h3{margin-top:0}

/* ---------- CTA band ---------- */
.pl-cta-band{background:var(--pl-white);border:2.5px solid var(--pl-ink);color:var(--pl-ink);border-radius:26px;box-shadow:9px 9px 0 var(--pl-ink);padding:clamp(2.5rem,6vw,4.5rem);text-align:center;position:relative}
.pl-cta-band h2{color:var(--pl-ink);margin-top:0}
.pl-cta-band p{color:var(--pl-smoke);max-width:56ch;margin-inline:auto}

/* ---------- Dark sections ---------- */
.pl-dark{background:var(--pl-ink);color:var(--pl-paper);border-radius:24px}
.pl-dark h1,.pl-dark h2,.pl-dark h3{color:var(--pl-paper)}
.pl-dark p{color:var(--pl-paper)}
.pl-dark a{color:var(--pl-lime)}
.pl-dark .pl-kicker{background:var(--pl-lime)}

/* ---------- Forms ---------- */
input[type=text],input[type=email],input[type=url],input[type=tel],input[type=search],textarea,select{
	font:inherit;padding:.8rem 1rem;border:2px solid var(--pl-ink);border-radius:12px;background:#fff;color:var(--pl-ink);max-width:100%;
}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--pl-ink);box-shadow:3px 3px 0 var(--pl-lime)}
button,input[type=submit]{font:inherit}
input[type=submit]{
	display:inline-block;background:var(--pl-lime);color:var(--pl-ink);border:2px solid var(--pl-ink);
	border-radius:999px;padding:.9rem 1.9rem;font-weight:700;cursor:pointer;box-shadow:5px 5px 0 var(--pl-ink);
	transition:transform .15s ease,box-shadow .15s ease;
}
input[type=submit]:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--pl-ink)}
.wp-block-search__input{border-radius:12px 0 0 12px}
.wp-block-search__button{background:var(--pl-lime);color:var(--pl-ink);border:2px solid var(--pl-ink);border-radius:0 12px 12px 0;font-weight:700;box-shadow:4px 4px 0 var(--pl-ink);transition:transform .15s ease,box-shadow .15s ease}
.wp-block-search__button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pl-ink)}

/* ---------- Comments ---------- */
.comments-area{margin-top:3rem}
.comment-list{list-style:none;margin:0;padding:0;display:grid;gap:1.5rem}
.comment-body{background:var(--pl-white);border:2px solid var(--pl-ink);border-radius:18px;padding:1.5rem;box-shadow:var(--pl-shadow-sm)}
.comment-reply-title{font-size:1.4rem}

/* ---------- Pagination ---------- */
.pagination{margin-top:2.5rem;display:flex;gap:.5rem;flex-wrap:wrap}
.pagination .page-numbers{display:inline-block;padding:.55rem 1rem;border:2px solid var(--pl-ink);border-radius:12px;text-decoration:none;color:var(--pl-ink);font-weight:700;background:var(--pl-white)}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--pl-ink);color:var(--pl-paper);border-color:var(--pl-ink)}

/* ---------- Landing template ---------- */
.pl-landing-head{padding-block:1.25rem}
.pl-landing-head .pl-container{display:flex;justify-content:center}
.pl-landing-foot{padding-block:2rem;text-align:center;color:var(--pl-smoke);font-size:.9rem}

/* ---------- Per-page theme: Halloween ---------- */
body.pl-theme-halloween .pl-page-head{
	background:linear-gradient(180deg,#16110D,#201512 60%,#2B1A10);
	color:#FAF5EA;border-radius:22px;
	padding:clamp(2.5rem,6vw,5rem) clamp(1.25rem,4vw,3rem);
	text-align:center;position:relative;overflow:hidden;
	margin-bottom:clamp(2rem,4vw,3rem);
}
body.pl-theme-halloween .pl-page-head::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	background:radial-gradient(55% 80% at 50% 115%,rgba(255,90,31,.32),transparent 70%);
}
body.pl-theme-halloween .pl-page-head>*{position:relative}
body.pl-theme-halloween .pl-page-head .pl-page-title{color:#FAF5EA;max-width:22ch;margin-inline:auto}
body.pl-theme-halloween .pl-kicker{justify-content:center;color:#FFA63D}
body.pl-theme-halloween .pl-entry h2::after{
	content:"";display:block;width:3rem;height:4px;border-radius:2px;margin-top:.6rem;
	background:linear-gradient(90deg,var(--pl-ember),rgba(255,90,31,0));
}
body.pl-theme-halloween .wp-block-button__link,
body.pl-theme-halloween .pl-btn{box-shadow:0 10px 30px -8px rgba(255,90,31,.65)}
body.pl-theme-halloween .pl-halloween-cover{border-radius:22px;overflow:hidden}
@media(max-width:640px){
	body.pl-theme-halloween .pl-page-head{border-radius:16px}
}

/* ---------- Visual style: Gloss ---------- */
body.pl-style-gloss .pl-header{
	background:linear-gradient(180deg,#FFFFFF 0%,var(--pl-bone) 100%);
	border-bottom:1px solid rgba(24,19,9,.12);
	box-shadow:0 2px 14px rgba(24,19,9,.07);
}
body.pl-style-gloss .pl-btn,
body.pl-style-gloss .wp-block-button__link{
	background:linear-gradient(180deg,#E4F77E 0%,var(--pl-lime) 55%,#B8D63E 100%);
	border:2px solid var(--pl-ink);
	box-shadow:5px 5px 0 var(--pl-ink), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 4px rgba(120,130,20,.22);
}
body.pl-style-gloss .pl-card{
	background:linear-gradient(180deg,#FFFFFF 0%,#FDFBF6 100%);
	box-shadow:var(--pl-shadow), inset 0 1px 0 #FFFFFF;
}
body.pl-style-gloss .widget{
	background:linear-gradient(180deg,#FFFFFF 0%,#FBF8F1 100%);
	box-shadow:var(--pl-shadow-sm), inset 0 1px 0 #FFFFFF;
}

/* ---------- Visual style: Retro ---------- */
body.pl-style-retro{
	--pl-ember:#E8641C;
	--pl-ember-dark:#C24E12;
	--pl-bone:#F3EBD6;
	--pl-cream:#EFE3C8;
	--pl-ink:#2B2118;
	--pl-smoke:#6E5F4B;
	background-image:radial-gradient(rgba(43,33,24,.055) 1px, transparent 1.5px);
	background-size:22px 22px;
}
body.pl-style-retro .pl-header{border-bottom:2px solid var(--pl-ink)}
body.pl-style-retro h1,body.pl-style-retro h2,body.pl-style-retro h3{letter-spacing:0}
body.pl-style-retro .pl-btn,
body.pl-style-retro .wp-block-button__link{
	border-radius:10px;
	border:2px solid var(--pl-ink);
	box-shadow:4px 4px 0 rgba(43,33,24,.9);
}
body.pl-style-retro .pl-card{
	border:2px solid var(--pl-ink);
	border-radius:12px;
	box-shadow:6px 6px 0 rgba(43,33,24,.12);
}
body.pl-style-retro .widget{
	border:2px solid var(--pl-ink);
	border-radius:12px;
	box-shadow:4px 4px 0 rgba(43,33,24,.12);
}
body.pl-style-retro .pl-kicker{letter-spacing:.22em}

/* ---------- Motion preferences ---------- */
@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	.pl-ticker span{animation:none}
	*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ---------- Small screens ---------- */
@media(max-width:900px){
	.pl-ticker-wrap{margin-block:2rem 0}
}
@media(max-width:640px){
	.pl-post-nav{grid-template-columns:1fr}
	.pl-post-next{text-align:left}
	.pl-cta-band{border-radius:16px;box-shadow:6px 6px 0 var(--pl-ink)}
	.pl-hero{padding:2.5rem 1.25rem}
	.pl-kicker{transform:rotate(-1deg)}
}

/* SYNC-MARKER-POP-110: creator-pop sage reskin v1.1.0 */

/* Mobile polish (2026-10-02): centered buttons + edge spacing on phones */
@media(max-width:640px){
	.wp-block-buttons{justify-content:center}
	.pl-ticker{padding-inline:1rem}
	.pl-container{padding-inline:1.5rem}
}
