/* DU Heritage shared design system: loaded after page/template CSS */
:root{
  --dh-emerald:#10291f;
  --dh-emerald-deep:#08150f;
  --dh-pink:var(--pink,#ff075b);
  --dh-gold:var(--gold,#e8c65a);
  --dh-white:#fff;
  --dh-ink:#18251d;
  --dh-gradient:linear-gradient(90deg,var(--dh-pink) 0%,var(--dh-gold) 52%,var(--dh-pink) 100%);
  --dh-line:3px;
}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{accent-color:var(--dh-pink)}
/* One shared brand label and consistent header */
.article-site-header .site-brand-copy .eyebrow,
.site-brand-copy .eyebrow{color:var(--dh-pink)!important}
.article-site-header .site-brand-copy>p:not(.eyebrow){display:none!important}
.site-header{border-bottom:0!important;position:relative}
.site-header:after{
  content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:var(--dh-line);
  background:var(--dh-gradient);pointer-events:none
}
.site-footer{border-top:0!important;position:relative}
.site-footer:before{
  content:"";display:block;position:absolute;left:0;right:0;top:0;height:var(--dh-line);
  background:var(--dh-gradient);pointer-events:none
}
/* Keep the hero note in its original neutral style, never gradient-framed */
.hero-note,.hero-note-text{
  border-color:#ffffff1a!important;
  background:linear-gradient(145deg,#ffffff0c,#ffffff04)!important;
  box-shadow:0 22px 70px #0002!important
}
.hero-note:before,.hero-note:after,.hero-note-text:before,.hero-note-text:after{display:none!important}
/* Buttons: hot pink fill and white type, consistent across public pages and CMS */
.btn,.button,.booking-btn,.btn.primary,.btn.booking-btn,
button.btn,button[type="submit"],input[type="submit"],
.admin-main .btn,.admin-main button.primary,.admin-main .button,.article-action-btn,
.login-card .btn,.login-card button[type="submit"]{
  background:var(--dh-pink)!important;color:var(--dh-action-text,#fff)!important;border-color:var(--dh-pink)!important;
  text-decoration:none;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease
}
.btn:hover,.button:hover,.booking-btn:hover,.btn.primary:hover,.btn.booking-btn:hover,
button.btn:hover,button[type="submit"]:hover,input[type="submit"]:hover,
.admin-main .btn:hover,.admin-main button.primary:hover,.admin-main .button:hover,.article-action-btn:hover,
.login-card .btn:hover,.login-card button[type="submit"]:hover{
  background:var(--dh-pink)!important;color:var(--dh-action-text,#fff)!important;filter:brightness(.92);transform:translateY(-1px);
  box-shadow:0 8px 22px color-mix(in srgb,var(--dh-pink) 24%,transparent)
}
.btn.outline,.button.outline,.admin-main .btn.outline{
  background:transparent!important;color:var(--dh-pink)!important;border:1px solid var(--dh-pink)!important
}
.btn.outline:hover,.button.outline:hover,.admin-main .btn.outline:hover{
  background:var(--dh-pink)!important;border-color:var(--dh-pink)!important;color:var(--dh-action-text,#fff)!important
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--dh-gold)!important;outline-offset:3px
}
/* CMS login, sidebar, panels and forms follow the same brand language */
.admin-shell,.admin-layout,.admin-main{--admin-accent:var(--dh-pink)}
.sidebar{border-right:1px solid #ffffff18}
.sidebar .active,.sidebar a.active,.sidebar nav a[aria-current="page"]{
  border-left:3px solid var(--dh-pink)!important
}
.admin-brand .brand-mark,.brand-mark{border-color:var(--dh-gold)}
.admin-top{border-bottom:var(--dh-line) solid transparent!important;border-image:var(--dh-gradient) 1!important}
.admin-main .panel,.admin-main .card,.admin-main .stat-card,.admin-main .dashboard-card,
.admin-main .table-wrap,.admin-main .form-card{
  border-radius:14px
}
.admin-main input:not([type="checkbox"]):not([type="radio"]),
.admin-main textarea,.admin-main select,.login-card input:not([type="checkbox"]):not([type="radio"]){
  border-radius:9px
}
.admin-main table thead th{border-bottom:2px solid color-mix(in srgb,var(--dh-pink) 34%,transparent)}
.admin-main .eyebrow,.login-card .eyebrow{color:var(--dh-pink)}
/* Preserve readable content and responsive layout */
img,video,iframe{max-width:100%}
@media(max-width:700px){
  .site-header:after,.site-footer:before{height:3px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* === Unified public-page layout: index.php, page.php, article.php, articles.php === */
:root{
  --dh-content-max:1320px;
  --dh-content-gutter:20px;
  --dh-content-top:40px;
  --dh-content-bottom:72px;
}
.content-page,
.page-detail,
.article-detail,
.articles-index,
.page-extra-sections{
  width:100%;
  max-width:var(--dh-content-max);
  margin-inline:auto;
  padding:var(--dh-content-top) var(--dh-content-gutter) var(--dh-content-bottom);
  box-sizing:border-box;
}
.content-page>header h1,.page-detail>header h1,.article-detail>header h1,.articles-index>header h1{
  font-size:clamp(2.15rem,4.5vw,4rem);
  line-height:1.08;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
.page-detail-head,.article-detail-head,.articles-index-heading{
  width:100%;max-width:100%;margin:0px 0px;
}
.page-detail-head .lead,.article-detail-head .lead,.articles-index-heading .lead{
  max-width:760px;line-height:1.75;
}
.article-top-links{
  width:100%;max-width:var(--dh-content-max);margin:0 auto;
  padding:12px var(--dh-content-gutter);box-sizing:border-box;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-bottom:1px solid #ffffff20;
}
.content-thumb-gallery{
  width:100%;max-width:100%;box-sizing:border-box;
  padding:3px;margin:24px 0 30px;
  display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:3px;
}
.content-thumb-gallery .content-hero-image{
  display:block;width:100%;height:auto;max-height:460px;min-width:0;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  object-fit:contain;background:#10291f;
}
.content-thumb-gallery.gallery-count-2,.content-thumb-gallery.gallery-count-3{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.content-thumb-gallery.gallery-count-2 .content-hero-image:first-child,
.content-thumb-gallery.gallery-count-3 .content-hero-image:first-child{grid-row:span 1}
.rich-content{max-width:100%;min-width:0;overflow-wrap:anywhere;box-sizing:border-box}
.rich-content img,.rich-content video,.rich-content iframe{max-width:100%;height:auto}
.video-wrap,.video-player{max-width:100%;box-sizing:border-box}
@media(max-width:700px){
  .content-page,.page-detail,.article-detail,.articles-index,.page-extra-sections{
    padding:32px var(--dh-content-gutter) 56px;
  }
  .page-detail-head,.article-detail-head,.articles-index-heading{margin:0px 0px}
  .article-top-links{padding:12px var(--dh-content-gutter);font-size:12px}
  .content-thumb-gallery,.content-thumb-gallery.gallery-count-2,.content-thumb-gallery.gallery-count-3{
    grid-template-columns:minmax(0,1fr);gap:3px;margin:20px 0 24px;
  }
  .content-thumb-gallery .content-hero-image{max-height:340px;aspect-ratio:16/9;object-fit:contain}
  .rich-content{font-size:14px;line-height:1.7}
}
@media(min-width:1500px){
  .content-page,.page-detail,.article-detail,.articles-index,.page-extra-sections{max-width:var(--dh-content-max)}
}


/* ============================================================
   ARTICLE CARD — image fills card, text sits on dark glass
   ============================================================ */
.article-card.article-card-overlay{
  position:relative!important;
  display:block!important;
  min-height:300px;
  isolation:isolate;
  overflow:hidden!important;
  background:#10291f!important;
}
.article-card.article-card-overlay .article-thumb-strip{
  position:absolute!important;inset:0!important;z-index:0;
  display:block!important;width:100%;height:100%!important;
  overflow:hidden;background:#10291f!important;
}
.article-card.article-card-overlay .article-thumb-strip img{
  display:block;width:100%!important;height:100%!important;
  min-height:100%;object-fit:cover;
}
.article-card.article-card-overlay .article-thumb-placeholder{
  display:grid;width:100%;height:100%;min-height:300px;
  place-items:center;background:linear-gradient(135deg,#173b2a,#04140d);
}
.article-card.article-card-overlay .article-card-overlay-content{
  position:absolute!important;left:0;right:0;bottom:0;z-index:1;
  padding:18px!important;margin:0!important;
  background:rgba(7,25,17,.70)!important;
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  border-top:1px solid rgba(255,255,255,.12);
}
.article-card.article-card-overlay .article-card-overlay-content h3{color:#fff!important;margin:5px 0 7px}
.article-card.article-card-overlay .article-card-overlay-content p{color:#e1e8e2!important;margin:0;line-height:1.55}
.article-card.article-card-overlay .article-card-overlay-content .eyebrow{color:var(--dh-gold,#e8c65a)!important}
@media(max-width:700px){.article-card.article-card-overlay{min-height:260px}.article-card.article-card-overlay .article-thumb-placeholder{min-height:260px}.article-card.article-card-overlay .article-card-overlay-content{padding:14px!important}}


/* ============================================================
   PAGE CARDS — image covers card, copy at bottom over dark glass
   ============================================================ */
.page-link{
  display:block!important;position:relative!important;min-height:260px!important;
  padding:0!important;overflow:hidden!important;isolation:isolate!important;
  background:transparent!important;background-image:none!important;
}
.page-link .mini-thumb-strip{
  position:absolute!important;inset:0!important;z-index:0!important;
  display:block!important;width:100%!important;height:100%!important;
  overflow:hidden!important;background:#10291f!important;
}
.page-link .mini-thumb-strip img{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center!important;
}
.page-link .mini-thumb-strip img:not(:first-child){display:none!important;}
.page-link .page-thumb-placeholder{
  display:grid!important;place-items:center!important;width:100%!important;height:100%!important;
  background:linear-gradient(135deg,#173b2a,#04140d)!important;
}
.page-link .page-link-copy{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;gap:5px!important;
  padding:16px!important;margin:0!important;
  background:rgba(5,18,12,.70)!important;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  border-top:1px solid rgba(255,255,255,.12)!important;
}
.page-link .page-link-copy strong{color:#fff!important}
.page-link .page-link-copy span{color:#e1e8e2!important}


/* ============================================================
   PLAIN .article-card (no .article-card-overlay modifier)
   image behind full card, text over dark glass at bottom
   ============================================================ */
.article-card:not(.article-card-overlay){
  position:relative!important;
  display:block!important;
  min-height:300px!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  background:transparent!important;
  background-image:none!important;
}
.article-card:not(.article-card-overlay) .article-thumb-strip{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#10291f!important;
}
.article-card:not(.article-card-overlay) .article-thumb-strip img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
.article-card:not(.article-card-overlay)>div{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  padding:16px!important;
  margin:0!important;
  background:rgba(5,18,12,.70)!important;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  border-top:1px solid rgba(255,255,255,.12)!important;
}
.article-card:not(.article-card-overlay)>div h3{color:#fff!important;margin:5px 0 7px!important}
.article-card:not(.article-card-overlay)>div p{color:#e1e8e2!important;margin:0!important;line-height:1.55}
@media(max-width:700px){
  .page-link{min-height:230px!important}
  .page-link .page-link-copy{padding:13px!important}
  .article-card:not(.article-card-overlay){min-height:260px!important}
  .article-card:not(.article-card-overlay)>div{padding:14px!important}
}


/* ============================================================
   PARTNER LOGO CARD — white interior, frame via unified block
   ============================================================ */
.partner-logo-card{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
.partner-logo-card img,
.partner-logo-card picture,
.partner-logo-card svg{
  display:block!important;
  max-width:100%!important;
  max-height:120px!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Product media stays inside its frame */
.product-card img,.product-card picture,.product-card video,
.product-card .product-image,.product-card .product-thumb,.product-card .product-media{
  display:block!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.product-card img{height:auto;}
.product-card{background-color:#fbfaf5!important;}

/* Gallery image cards clip to their frame */
.dh-gallery-card img,
.content-page .content-thumb-gallery img{
  display:block;
  max-width:100%;
  box-sizing:border-box;
}

/* Keep image strips and copy inside the card frame */
.page-link .mini-thumb-strip,
.article-card .article-thumb-strip{
  overflow:hidden!important;
  border-radius:inherit!important;
}
.page-link .page-link-copy,
.article-card>div{
  max-width:100%;
  box-sizing:border-box!important;
}


/* ============================================================
   ✅ FINAL UNIFIED CARD FRAME — ONE SOURCE OF TRUTH
   Every public card: 3px hotpink→gold gradient frame,
   identical thickness at rest / hover / focus.
   Frame drawn on ::before via CSS mask so it never depends
   on the card's own background or background-clip.
   ============================================================ */
:root{
  --dh-frame-w:3px;
  --dh-frame-radius:14px;
  --dh-frame-gradient:linear-gradient(
    125deg,
    #ff006e 0%,
    #ff4d9d 28%,
    #d4af37 62%,
    #ffe08a 78%,
    #ff006e 100%
  );
}

/* 1) All card types — same geometry, no legacy border, no legacy background trickery */
.product-card,
.page-link,
.article-card,
.article-card-overlay,
.partner-logo-card,
.dh-gallery-card,
.dh-gallery-open,
.content-page .content-thumb-gallery,
.content-page .article-document-embed{
  position:relative!important;
  box-sizing:border-box!important;
  border:none!important;
  border-radius:var(--dh-frame-radius)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background-clip:padding-box!important;
  opacity:1!important;
  filter:none!important;
  transition:transform .2s ease, box-shadow .2s ease!important;
}

/* 2) One gradient ring on ::before — mask keeps only the 3px ring */
.product-card::before,
.page-link::before,
.article-card::before,
.article-card-overlay::before,
.partner-logo-card::before,
.dh-gallery-card::before,
.dh-gallery-open::before,
.content-page .content-thumb-gallery::before,
.content-page .article-document-embed::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:30!important;
  padding:var(--dh-frame-w)!important;
  border-radius:inherit!important;
  background:var(--dh-frame-gradient)!important;
  pointer-events:none!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  mask-composite:exclude!important;
}

/* 3) Hover / focus — same 3px frame, same gradient, only a soft glow */
.product-card:hover,.product-card:focus-within,
.page-link:hover,.page-link:focus-visible,
.article-card:hover,.article-card:focus-visible,
.article-card-overlay:hover,.article-card-overlay:focus-visible,
.partner-logo-card:hover,.partner-logo-card:focus-visible,
.dh-gallery-card:hover,.dh-gallery-card:focus-within,
.dh-gallery-open:hover,.dh-gallery-open:focus-visible,
.content-page .content-thumb-gallery:hover,
.content-page .article-document-embed:hover{
  border:none!important;
  box-shadow:0 6px 20px rgba(255,0,110,.16)!important;
}

/* 4) All children stay below the ring */
.product-card>*,
.page-link>*,
.article-card>*,
.partner-logo-card>*,
.dh-gallery-card>*,
.dh-gallery-open>*,
.content-page .content-thumb-gallery>*,
.content-page .article-document-embed>*{
  position:relative;
  z-index:1;
  box-sizing:border-box;
  max-width:100%;
}

/* 5) Preserve each card's intended interior fill — frame is separate */
.product-card        { background-color:#fbfaf5!important; }
.page-link           { background-color:transparent!important; }
.article-card        { background-color:transparent!important; }
.partner-logo-card   { background-color:#fff!important; }
.dh-gallery-card     { background-color:transparent!important; }
.dh-gallery-open     { background-color:#10291f!important; }
.content-page .content-thumb-gallery  { background-color:transparent!important; }
.content-page .article-document-embed { background-color:rgba(16,41,31,.30)!important; }

/* 6) Gallery inner padding stays consistent with the 3px ring */
.content-page .content-thumb-gallery{
  padding:var(--dh-frame-w)!important;
  gap:var(--dh-frame-w)!important;
}

/* 7) Reduced motion — no frame jitter */
@media(prefers-reduced-motion:reduce){
  .product-card,.page-link,.article-card,.partner-logo-card,
  .dh-gallery-card,.dh-gallery-open,
  .content-page .content-thumb-gallery,
  .content-page .article-document-embed{
    transition:none!important;
  }
}

/* --- Gaya Grid Galeri Gambar Halaman --- */
.content-thumb-gallery {
    display: grid;
    gap: 15px; /* Jarak antara gambar */
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}

/* Pastikan gambar memenuhi ruang grid dan tidak herot */
.content-thumb-gallery .content-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Memastikan gambar dipotong cantik tanpa herot */
    border-radius: 8px; /* Bucu bulat sedikit untuk nampak moden */
    display: block;
}

/* Jika 1 Gambar: Penuhkan (Full width) */
.content-thumb-gallery.gallery-count-1 {
    grid-template-columns: 1fr;
}

/* Jika 2 Gambar: Sebelah-menyebelah (50% - 50%) */
.content-thumb-gallery.gallery-count-2 {
    grid-template-columns: repeat(2, 1fr);
}

/* Jika 3 Gambar: Selari (3 kolum) */
.content-thumb-gallery.gallery-count-3 {
    grid-template-columns: repeat(3, 1fr);
}

/* --- Responsif untuk Skrin Kecil (Mobile) --- */
@media (max-width: 768px) {
    /* Pada telefon, paksa semua susunan menjadi 1 kolum menegak supaya senang lihat */
    .content-thumb-gallery.gallery-count-2,
    .content-thumb-gallery.gallery-count-3 {
        grid-template-columns: 1fr;
    }
}

/* Public page and article directories: adjustable desktop columns with compact theme aware tools. */
.page-directory-grid,
.articles-index .articles-list-grid{
  display:grid;
  grid-template-columns:repeat(var(--listing-cols,3),minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.page-directory-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--skin-line,color-mix(in srgb,var(--gold,#c99a2e) 35%,transparent));
  border-radius:12px;
  background:var(--fresh-card,var(--cream,#fffef3));
  color:var(--fresh-ink,var(--ink,#17251c));
  text-decoration:none;
  box-shadow:0 8px 24px #0002;
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
.page-directory-card:hover,
.page-directory-card:focus-visible{
  transform:translateY(-2px);
  border-color:var(--pink,var(--gold,#c99a2e));
  box-shadow:0 12px 28px #0003;
}
.page-directory-media,
.page-directory-placeholder{
  display:grid;
  grid-template-columns:repeat(var(--thumb-count,1),minmax(0,1fr));
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--green2,var(--green,#173c2d));
}
.page-directory-media img{display:block;width:100%;height:100%;min-width:0;object-fit:cover}
.page-directory-placeholder{place-items:center;padding:18px;color:var(--gold,#c99a2e);font-weight:800;letter-spacing:.12em;text-align:center}
.page-directory-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:9px;padding:16px}
.page-directory-copy .eyebrow{color:var(--pink,var(--gold,#c99a2e));font-size:10px}
.page-directory-copy strong{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.page-directory-copy>span:not(.eyebrow){font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.page-directory-copy>.text-link{margin-top:auto;padding-top:5px;color:var(--pink,var(--gold,#c99a2e));font-weight:700}
.dh-listing-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;box-sizing:border-box;width:100%;min-height:48px;margin:10px 0 18px;padding:8px 10px;border:1px solid var(--pink,var(--gold));border-radius:10px;background:var(--green,#071710);color:var(--cream,#fff);font:12px Arial,sans-serif}
.dh-listing-tools strong{margin-right:auto;font-size:12px}
.dh-listing-tools label{font-size:11px;font-weight:700}
.dh-listing-tools select{min-height:34px;padding:6px 30px 6px 9px;border:1px solid var(--gold);border-radius:8px;background:var(--cream,#fff);color:var(--ink,#17251c);font:700 11px Arial,sans-serif}
.dh-listing-tools .dh-tool-button{min-height:34px;padding:7px 12px;border:1px solid var(--gold);border-radius:8px;background:var(--pink,#276749);color:var(--dh-action-text,#fff);font:700 10px/1.2 Arial,sans-serif;cursor:pointer}
.dh-listing-tools .dh-tool-button:hover{filter:brightness(1.08)}
@media(max-width:1000px){
  .page-directory-grid,.articles-index .articles-list-grid{grid-template-columns:repeat(min(var(--listing-cols,3),2),minmax(0,1fr))}
}
@media(max-width:600px){
  .page-directory-grid,.articles-index .articles-list-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .dh-listing-tools{gap:7px}
  .dh-listing-tools strong{width:100%;margin:0}
  .page-directory-copy{padding:14px}
}

/* Kandungan daripada import DOCX/PDF — kekalkan casing asal */
.article-document-embed,
.imported-docx-image,
.article-body .article-document-embed *,
.page-body .article-document-embed *,
article .imported-docx-image,
article p,
article h2,
article h3,
.dh-rich-area,
.dh-rich-area * {
    text-transform: none !important;
    letter-spacing: normal !important;
}

.content-page>header h1, .page-detail>header h1, .article-detail>header h1, .articles-index>header h1 {
    font-size: clamp(2.15rem, 4.5vw, 4rem);
    line-height: 1.08;
    letter-spacing: 1px;
    overflow-wrap: anywhere;
}
.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4,.rich-content h5,.rich-content h6{color:var(--dh-pink,#c33062)}
/* Keep the shared header/footer content edges aligned with the 1320px page sections. */
.site-header .header-inner,.article-site-header .header-inner{width:100%!important;max-width:1320px!important;margin-inline:auto!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box!important}
.site-footer{width:100%!important;max-width:none!important;margin:0!important;padding-left:max(20px,calc((100vw - 1280px)/2))!important;padding-right:max(20px,calc((100vw - 1280px)/2))!important;box-sizing:border-box!important}