/*
Theme Name: PAX
Author: PAX
Description: Custom classic theme voor paxraamdecoratie.nl — geen page builder, content via Gutenberg.
Version: 1.0
Text Domain: pax
*/

:root{
  --blue:        #007ba4;
  --blue-dark:   #00374d;
  --orange:      #e67429;
  --cream:       #fbf7f1;
  --grey:        #9ea4a6;
  --ink:         #0a0a0a;
  --white:       #ffffff;
  --border:      rgba(0,0,0,.08);
  --radius-pill: 35px;
  --radius-lg:   18px;
  --container:   1770px; /* 1920 - 2*75 */
  --gutter:      75px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Source Sans 3', 'Source Sans Pro', sans-serif;
  color:var(--ink);
  background:var(--white);
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;border:none;background:none;cursor:pointer;}
.container{margin:0 auto;padding:0;}

/* ---------- Utility bar ---------- */
.pax-infobar{background:#fff;border-bottom:1px solid var(--border);}
.pax-infobar .container{padding-left: var(--gutter);padding-right: var(--gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;min-height:42px;padding-top:8px;padding-bottom:8px;font-size:14px;}
.pax-infobar__left{display:flex;flex-wrap:wrap;row-gap:8px;column-gap:24px;color:var(--blue);}
.pax-infobar__left span{display:flex;align-items:center;white-space:nowrap;}
.pax-infobar__left span a{display:flex;align-items:center;gap:8px;}
.pax-infobar__left span a:hover{text-decoration:underline;}
.pax-infobar__promo a{color:var(--orange);font-weight:600;}
.pax-promo-banner{display:none;}
.pax-infobar__right{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;column-gap:24px;color:var(--grey);}
.pax-infobar__rating{display:flex;align-items:center;gap:10px;}
.pax-infobar__rating .stars{color:var(--orange);}
.pax-infobar__rating strong{color:#000;}
.pax-infobar__lang{display:flex;gap:3px;}

/* ---------- Main header ---------- */
.pax-header{background:var(--blue);padding:16px var(--gutter);}
.pax-header .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:16px;min-height:94px;padding:0;}
.pax-header__brand{display:flex;flex-wrap:wrap;align-items:center;gap:24px 60px;flex:1;min-width:0;}
.pax-header__logo img{height:100px;width:auto;}
.pax-header__search{flex:1;min-width:200px;max-width:100%;position:relative;}
.pax-header__search input{
  width:100%;height:55px;border:none;border-radius:26px;padding:0 20px 0 48px;
  font-family:inherit;font-size:15px;color:var(--grey);
}
.pax-header__search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);}

/* ---------- Breadcrumbs / hero ---------- */
.pax-breadcrumbs{font-size:13px;color:var(--grey);display:flex;flex-wrap:wrap;align-items:center;row-gap:6px;column-gap:11px;margin-bottom:16px;}
.pax-hero{padding:40px var(--gutter) 10px;}
.pax-hero__eyebrow{color:var(--orange);font-size:15px;letter-spacing:.5px;margin-bottom:10px;}
.pax-hero h1{font-size:26px;font-weight:700;margin:0 0 16px;max-width:1000px;}
.pax-hero p{font-size:15px;font-weight:500;max-width:760px;margin:0 0 16px;}
.pax-hero__stats{color:var(--grey);font-size:15px;}

/* ---------- Featured article ---------- */
.pax-featured{padding:12px var(--gutter) 40px;}
.pax-featured__label{color:var(--orange);font-size:15px;letter-spacing:.5px;margin-bottom:20px;}
.pax-featured__row{display:flex;gap:36px;}
.pax-featured__image{display:block;flex:0 0 480px;height:280px;border-radius:var(--radius-lg);overflow:hidden;background:#eee;}
.pax-featured__image img{width:100%;height:100%;object-fit:cover;}
.pax-featured__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;}
.pax-tag{display:inline-flex;align-self:flex-start;background:var(--orange);color:#fff;font-weight:800;font-size:12px;padding:5px 10px;border-radius:var(--radius-pill);}
.pax-tag--blue{background:var(--blue);}
.pax-featured__body h2{font-size:26px;font-weight:700;margin:0;}
.pax-featured__body h2 a:hover{color:var(--orange);}
.pax-featured__body p{font-size:16px;font-weight:500;margin:0;}
.pax-meta{color:var(--grey);font-size:15px;}
.pax-readmore{display:inline-flex;align-items:center;gap:11px;color:var(--orange);font-size:16px;}

/* ---------- Category filter ---------- */
.pax-filters{display:flex;flex-wrap:wrap;gap:12px;padding:8px var(--gutter) 32px;}
.pax-pill{padding:10px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--orange);font-weight:800;font-size:15px;color:var(--orange);background:#fff;}
.pax-pill.is-active{background:var(--orange);color:#fff;border-color:var(--orange);}

/* ---------- Article grid ---------- */
.pax-section-title{padding:12px var(--gutter) 0;}
.pax-section-title__eyebrow{color:var(--orange);font-size:15px;letter-spacing:.5px;margin-bottom:6px;}
.pax-section-title h1,.pax-section-title h2{font-size:26px;font-weight:800;margin:0;}
.pax-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:28px var(--gutter) 0; padding-bottom:25px;} 
.pax-card{display:flex;flex-direction:column;gap:26px;}
.pax-card__image{height:298px;border-radius:var(--radius-lg);overflow:hidden;background:#eee;}
.pax-card__image img{width:100%;height:100%;object-fit:cover;}
.pax-card__body{display:flex;flex-direction:column;gap:12px;}
.pax-card__cat{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;font-weight:300;}
.pax-card__title{font-size:20px;font-weight:700;margin:0;line-height:1.3;}
.pax-loadmore{display:flex;justify-content:center;padding:40px var(--gutter);}
.pax-loadmore button,#pax-load-more{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;font-weight:800;font-size:15px;padding:14px 26px;border-radius:var(--radius-pill);}
#pax-load-more.is-loading{opacity:.7;pointer-events:none;}

/* ---------- Meetservice CTA ---------- */
.pax-cta{background:var(--cream);padding:64px var(--gutter);}
.pax-cta .container{display:flex;gap:64px;align-items:center;padding:0;}
.pax-cta__text{flex:0 0 500px;display:flex;flex-direction:column;gap:18px;}
.pax-cta__eyebrow{color:var(--orange);font-size:15px;}
.pax-cta__text h2{font-size:48px;font-weight:700;margin:0;line-height:1.15;}
.pax-cta__text h2 span{color:var(--blue);}
.pax-cta__text p{font-size:16px;font-weight:500;margin:0;}
.pax-checklist{display:flex;flex-direction:column;gap:12px;}
.pax-checklist div{display:flex;gap:5px;align-items:flex-end;font-size:14px;}
.pax-checklist svg{flex:0 0 auto;color:var(--orange);}
.pax-cta__action{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.pax-cta__button{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;font-weight:800;font-size:15px;padding:14px 24px;border-radius:var(--radius-pill);width:260px;justify-content:center;}
.pax-cta__note{color:var(--orange);font-weight:800;font-size:14px;}
.pax-cta__image{flex:1;position:relative;height:460px;border-radius:10px;overflow:hidden;background:var(--border);}
.pax-cta__image img{width:100%;height:100%;object-fit:cover;}
.pax-cta__badge{position:absolute;top:24px;left:24px;}

/* ---------- Reviews ---------- */
.pax-reviews{background:rgba(230,230,230,.32);padding:45px var(--gutter);}
.pax-reviews .container{display:flex;gap:141px;align-items:center;padding:0;}
.pax-reviews__intro{flex:0 0 285px;display:flex;flex-direction:column;gap:9px;}
.pax-reviews__intro .eyebrow{color:var(--orange);font-size:15px;}
.pax-reviews__intro h2{font-size:32px;font-weight:800;margin:0;}
.pax-reviews__intro h2 span{display:block;color:var(--blue);}
.pax-reviews__score{display:flex;align-items:center;gap:12px;font-size:15px;}
.pax-reviews__score .stars{color:var(--orange);font-size:16px;}
.pax-reviews__score strong{font-size:20px;}
.pax-reviews__list{flex:1;display:flex;gap:24px;}
.pax-review{background:#fff;border:1px solid var(--border);border-radius:20px;padding:23px 10px 13px 17px;display:flex;flex-direction:column;gap:34px;flex:1;}
.pax-review .stars{color:var(--orange);font-size:12px;}
.pax-review p{font-size:14px;margin:12px 0 0;}
.pax-review strong{font-size:12px;}

/* ---------- Footer ---------- */
.pax-footer{background:var(--blue-dark);color:#fff;padding:35px var(--gutter);}
.pax-footer .container{padding:0;}
.pax-footer__bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.pax-footer__brand p{font-size:15px;margin:0 0 10px;opacity:.9;}
.pax-footer__legal{font-size:15px;opacity:.9;}
.pax-footer__trees{display:flex;align-items:center;gap:8px;font-size:15px;}
.pax-footer__rating{display:flex;align-items:center;gap:6px;font-size:14px;}

/* ---------- Los artikel: header ---------- */
.pax-article-header{padding:32px var(--gutter) 28px;flex-direction:column;gap:16px;}
.pax-breadcrumbs--article .pax-breadcrumbs__current{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom;}
.pax-article-title{font-size:32px;font-weight:700;margin:0;max-width:1300px;}
.pax-meta--article{display:flex;align-items:center;gap:12px;}
.pax-meta--article img{border-radius:50%;width:32px;height:32px;}

/* ---------- Los artikel: audiospeler ---------- */
.pax-audio{padding:0 var(--gutter) 12px;}
/* Los core/audio-block middenin de artikeltekst (zie assets/pax-article.js):
   zit al binnen de kolombreedte van .pax-article-content, dus zonder de
   eigen pagina-brede gutter hierboven — de flex-gap van de kolom zorgt al
   voor de verticale ruimte tussen blokken. */
.pax-article-content .pax-audio{padding:0;}
.pax-audio__box{background:var(--cream);border-radius:16px;padding:22px;display:flex;align-items:center;gap:20px;}
.pax-audio__play{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;}
.pax-audio__play .pax-icon-pause{display:none;}
.pax-audio__play.is-playing .pax-icon-play{display:none;}
.pax-audio__play.is-playing .pax-icon-pause{display:block;}
.pax-audio__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;}
.pax-audio__title{font-weight:700;font-size:17px;margin:0;}
.pax-audio__row{display:flex;align-items:center;gap:10px;}
.pax-audio__time{font-size:12px;color:var(--grey);flex:0 0 auto;}
.pax-audio__track{flex:1;height:6px;border-radius:3px;background:#e6e6e6;position:relative;}
.pax-audio__track.is-seekable{cursor:pointer;}
.pax-audio__track.is-seekable::before{content:"";position:absolute;left:0;right:0;top:-7px;bottom:-7px;}
.pax-audio__fill{position:relative;width:0;height:100%;background:var(--orange);border-radius:3px;}
.pax-audio__track.is-seekable .pax-audio__fill::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;border-radius:50%;background:var(--orange);transform:translateY(-50%);box-shadow:0 0 0 3px #fff;}
.pax-audio__volume{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.pax-audio__volume-btn{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--grey);}
.pax-audio__volume-btn:hover{color:var(--orange);}
.pax-audio__volume-btn .pax-icon-volume-off{display:none;}
.pax-audio__volume-btn.is-muted .pax-icon-volume-on{display:none;}
.pax-audio__volume-btn.is-muted .pax-icon-volume-off{display:block;}
.pax-audio__volume-slider{width:80px;accent-color:var(--orange);cursor:pointer;}

/* ---------- Los artikel: body + sidebar ---------- */
.pax-article-wrap{padding:12px var(--gutter) 40px;}
.pax-article-body{display:flex;gap:64px;align-items:flex-start;}
.pax-article-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;font-size:16px;font-weight:500;line-height:1.6;}
.pax-article-content a:not([class]){color:var(--orange);text-decoration:underline;text-underline-offset:2px;}
.pax-article-content a:not([class]):hover{text-decoration:none;}
/* Tabellen (los <table> of het core Tabel-blok) */
.pax-article-content .wp-block-table{margin:0;overflow-x:auto;}
.pax-article-content table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;border:1px solid rgba(158,163,166,.45);}
.pax-article-content th,.pax-article-content td{border:1px solid rgba(158,163,166,.45);padding:12px 16px;text-align:left;vertical-align:top;}
.pax-article-content thead th{background:var(--blue);color:#fff;font-weight:700;border-color:var(--blue);}
.pax-article-content tbody tr:nth-child(even) td{background:var(--cream);}
.pax-article-content > *:first-child{margin-top:0;}
.pax-article-content h2{font-size:26px;font-weight:800;margin:0;scroll-margin-top:24px;}
.pax-article-content h3{font-size:20px;font-weight:800;margin:0;scroll-margin-top:24px;}
.pax-article-content p{margin:0;}
.pax-article-content img{border-radius:var(--radius-lg);max-width:100%;height:auto;}
.pax-article-content figure,.pax-article-content video,.pax-article-content iframe,.pax-article-content embed{max-width:100%;}
.pax-article-content video{height:auto;}
.pax-article-content figure.wp-block-image{margin:0;display:flex;flex-direction:column;gap:8px;}
.pax-article-content figure.wp-block-image figcaption{font-size:15px;color:var(--grey);}
.pax-article-content ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.pax-article-content ul li{display:flex;gap:5px;align-items:flex-start;font-size:14px;}
.pax-article-content ul li::before{content:"\2713";font-weight:700;color:var(--orange);flex:0 0 auto;}
.pax-article-content ol{list-style:none;margin:0;padding:0;counter-reset:pax-step;display:flex;flex-direction:column;gap:18px;}
.pax-article-content ol li{counter-increment:pax-step;display:flex;gap:16px;align-items:center;font-size:16px;}
.pax-article-content ol li::before{content:counter(pax-step);flex:0 0 32px;width:32px;height:32px;border-radius:16px;background:var(--orange);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;}
.pax-article-content .wp-block-columns{display:flex;gap:16px;margin:0;}
.pax-article-content .wp-block-column{flex:1;border:1px solid rgba(158,163,166,.32);border-radius:14px;padding:20px 18px;}
.pax-article-content .wp-block-column h3,
.pax-article-content .wp-block-column h4{font-size:18px;font-weight:800;margin:0 0 10px;}
.pax-article-content .wp-block-column p{font-size:14px;margin:0 0 6px;}

.pax-sidebar{flex:0 0 440px;display:flex;flex-direction:column;gap:24px;}
.pax-sidebar-cta{background:var(--cream);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;}
.pax-sidebar-cta__image{height:200px;border-radius:12px;overflow:hidden;background:var(--border);}
.pax-sidebar-cta__image img{width:100%;height:100%;object-fit:cover;}
.pax-sidebar-cta__eyebrow{color:var(--orange);font-size:10px;}
.pax-sidebar-cta h3{font-size:22px;font-weight:700;margin:0;}
.pax-sidebar-cta p{font-size:14px;margin:0;}
.pax-sidebar-cta__button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#fff;font-weight:800;font-size:15px;padding:10px;border-radius:var(--radius-pill);width:100%;}
.pax-sidebar-toc{border:1px solid rgba(158,163,166,.32);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;}
.pax-sidebar-toc__title{font-weight:700;font-size:16px;margin:0;}
.pax-sidebar-toc a{display:block;color:var(--orange);font-size:14px;}
.pax-recent{flex:0 0 320px;align-self:stretch;justify-content:center;}
.pax-recent a{line-height:1.4;}
.pax-recent a:hover{text-decoration:underline;}

/* ---------- Los artikel: gerelateerde artikelen ---------- */
.pax-related{padding:48px var(--gutter); background: var(--cream);}

/* ---------- Widgets ---------- */
.pax-widget-area{padding:12px var(--gutter);}
.pax-widget-area__item + .pax-widget-area__item{margin-top:40px;}

.pax-compare__widget-title{font-size:20px;font-weight:800;margin:0 0 18px;}
.pax-compare{display:flex;gap:16px;}
.pax-compare__card{flex:1;border:1px solid rgba(158,163,166,.32);border-radius:14px;padding:20px 18px;}
.pax-compare__title{font-size:18px;font-weight:800;margin:0 0 10px;}
.pax-compare .pax-compare__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.pax-compare .pax-compare__list li{font-size:14px;}
.pax-compare .pax-compare__list li::before{content:"\2013\a0";color:inherit;font-weight:400; color: var(--orange);}

.pax-steps__intro{font-size:16px;font-weight:500;margin:0 0 18px;}
.pax-steps{list-style:none;margin:0;padding:0;counter-reset:pax-step;display:flex;flex-direction:column;gap:18px;}
.pax-steps li{counter-increment:pax-step;display:flex;gap:16px;align-items:center;font-size:16px;}
.pax-steps li::before{content:counter(pax-step);flex:0 0 32px;width:32px;height:32px;border-radius:16px;background:var(--orange);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;}

/* Editor-only: RichText met multiline="li" plaatst de className op elke
   <li> apart in plaats van op de <ul>/<ol> zelf, dus de blokken-editor
   krijgt hier een losse wrapper-klasse i.p.v. de front-end klasse direct op
   de lijst (zie inc/blocks.php render_callback voor de echte front-end
   output, en assets/pax-blocks-editor.js voor de wrapper). De !important
   op de content is nodig omdat editor-style.css al een generieke vinkje-
   stijl voor elke <ul><li> in de editor zet die anders wint. */
.pax-compare__list-wrap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.pax-compare__list-wrap ul li{font-size:14px;}
.pax-compare__list-wrap ul li::before{content:"\2013\a0" !important;color:inherit;font-weight:400;}

.pax-steps-wrap ol{list-style:none;margin:0;padding:0;counter-reset:pax-step;display:flex;flex-direction:column;gap:18px;}
.pax-steps-wrap ol li{counter-increment:pax-step;display:flex;gap:16px;align-items:center;font-size:16px;}
.pax-steps-wrap ol li::before{content:counter(pax-step);flex:0 0 32px;width:32px;height:32px;border-radius:16px;background:var(--orange);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;}

/* ---------- Diensten (3 kaarten: foto + titel + checklist + knop) ---------- */
.pax-services{display:flex;gap:32px;}
.pax-services__card{flex:1;min-width:0;display:flex;flex-direction:column;}
.pax-services__image{aspect-ratio:11/10;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;background:#eee;}
.pax-services__image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;}
.pax-services__body{flex:1;display:flex;flex-direction:column;gap:20px;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:20px 10px 10px;}
.pax-services__title{font-size:14px;font-weight:700;margin:0;}
.pax-services__body .pax-checklist{gap:8px;}
.pax-services__body .pax-checklist div{font-size:12px;}
.pax-services__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#fff;font-weight:800;font-size:15px;padding:14px 20px;border-radius:var(--radius-pill);width:100%;margin-top:auto;}
.pax-services__button:hover,
.pax-services__button:focus,
.pax-services__button:active{background:var(--orange);color:#fff;text-decoration:none;}

/* ---------- Responsive ---------- */
@media (max-width: 1400px){
  :root{--gutter:40px;}
  .pax-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pax-featured__row{flex-direction:column;}
  .pax-featured__image{flex-basis:auto;width:100%;max-width:560px;height:320px;}
  .pax-recent{flex-basis:auto;width:100%;align-self:stretch;}
  .pax-reviews .container{gap:48px;}
  .pax-reviews__list{flex-wrap:wrap;}
  .pax-cta .container{gap:40px;}
  .pax-cta__text{flex-basis:auto;}
  .pax-article-title{font-size:38px;}
  .pax-article-body{gap:40px;}
  .pax-sidebar{flex-basis:340px;}
}
@media (max-width: 900px){
  :root{--gutter:28px;}
  .pax-grid{grid-template-columns:1fr 1fr;gap:20px;}
  .pax-hero h1{font-size:20px;}
  .pax-featured__row{gap:24px;}
  .pax-featured__image{height:280px;}
  .pax-featured__body h2{font-size:24px;}
  .pax-cta{padding:44px var(--gutter);}
  .pax-cta .container{flex-direction:column;align-items:stretch;}
  .pax-cta__text{flex-basis:auto;}
  .pax-cta__text h2{font-size:32px;}
  .pax-cta__image{height:280px;}
  .pax-cta__button{width:100%;}
  .pax-reviews{padding:32px var(--gutter);}
  .pax-reviews .container{flex-direction:column;align-items:stretch;gap:28px;}
  .pax-reviews__intro{flex-basis:auto;}
  .pax-article-title{font-size:30px;}
  .pax-article-body{flex-direction:column;}
  .pax-article-content{width:100%;align-self:stretch;}
  .pax-sidebar{flex-basis:auto;width:100%;}
  .pax-article-content .wp-block-columns{flex-direction:column;}
  .pax-compare{flex-direction:column;}
  .pax-services{flex-direction:column;}
  .pax-audio__box{padding:16px;gap:14px;}
  .pax-audio__volume-slider{width:56px;}
}
@media (max-width: 640px){
  :root{--gutter:20px;}
  .pax-infobar .container{display:none;}
  .pax-promo-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#fff;font-size:13px;font-weight:600;padding:9px var(--gutter);text-align:center;}
  .pax-cta__badge{display:none;}
  .pax-header{padding:14px var(--gutter);}
  .pax-header .container{min-height:auto;}
  .pax-header__brand{flex-wrap:nowrap;gap:12px;width:100%;}
  .pax-header__logo{flex-shrink:0;}
  .pax-header__logo img{height:60px;}
  .pax-header__search{flex:1;min-width:0;max-width:none;}
  .pax-header__search input{height:44px;font-size:14px;padding:0 14px 0 40px;}
  .pax-header__search svg{left:14px;width:18px;height:18px;}
  .pax-hero{padding:28px var(--gutter) 10px;}
  .pax-hero h1{font-size:20px;}
  .pax-hero p{font-size:15px;}
  .pax-hero__stats{font-size:15px;}
  .pax-featured{padding:8px var(--gutter) 32px;}
  .pax-featured__image{height:200px;}
  .pax-recent{display:none;}
  .pax-featured__body h2{font-size:21px;}
  .pax-filters{padding:8px var(--gutter) 24px;gap:8px;}
  .pax-pill{padding:8px 16px;font-size:14px;}
  .pax-section-title{padding:8px var(--gutter) 0;}
  .pax-section-title h1,.pax-section-title h2{font-size:20px;}
  .pax-grid{grid-template-columns:1fr;gap:24px;padding-top:20px;}
  .pax-card__image{height:220px;}
  .pax-cta__text h2{font-size:26px;}
  .pax-reviews__list{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none;}
  .pax-reviews__list::-webkit-scrollbar{display:none;}
  .pax-review{flex:0 0 85%;scroll-snap-align:start;}
  .pax-reviews__intro h2{font-size:26px;}
  .pax-footer{padding:28px var(--gutter);}
  .pax-footer__bottom{align-items:flex-start;}
  .pax-article-header{padding:20px var(--gutter) 20px;}
  .pax-article-title{font-size:20px; margin-top: 7px;}
  .pax-breadcrumbs--article .pax-breadcrumbs__current{max-width:160px;}
  .pax-article-wrap{padding-top:4px;}
  .pax-article-content{font-size:15px;}
  .pax-article-content table{display:block;overflow-x:auto;font-size:14px;}
  .pax-article-content th,.pax-article-content td{padding:10px 12px;min-width:120px;}
  .pax-article-content h2{font-size:20px;}
  .pax-article-content h3{font-size:18px;}
  .pax-sidebar-cta,.pax-sidebar-toc{padding:18px;}
  .pax-related{padding:32px var(--gutter); }
  .pax-audio__title{font-size:15px;}
  .pax-audio__volume-slider{display:none;}
}