/*
Theme Name: PoolSpaKit Seasonal
Theme URI: https://poolspakit.com/
Author: PoolSpaKit
Description: Fast, security-conscious seasonal WordPress theme for PoolSpaKit with Summer/Winter modes, a configurable homepage, article layouts, and no frontend framework dependencies.
Version: 2.0.2
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.1
Text Domain: poolspakit-seasonal
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --psk-accent: #08a7bf;
  --psk-accent-2: #1fd0df;
  --psk-dark: #062e43;
  --psk-dark-2: #0a4058;
  --psk-ink: #082b43;
  --psk-muted: #5f7180;
  --psk-bg: #ffffff;
  --psk-soft: #edfafd;
  --psk-line: #dce9ef;
  --psk-card: #ffffff;
  --psk-radius: 18px;
  --psk-shadow: 0 16px 45px rgba(2, 43, 67, .09);
  --psk-container: 1180px;
  --psk-reading: 760px;
}

.psk-season-winter {
  --psk-accent: #c9152a;
  --psk-accent-2: #ff6673;
  --psk-dark: #5f0710;
  --psk-dark-2: #89101d;
  --psk-ink: #3a1015;
  --psk-soft: #fff3f2;
  --psk-line: #f1d9d9;
  --psk-shadow: 0 16px 45px rgba(84, 8, 18, .09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--psk-ink);
  background: var(--psk-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--psk-dark-2); text-decoration-thickness: .08em; text-underline-offset: .16em; }
a:hover { color: var(--psk-accent); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--psk-accent) 60%, white); outline-offset: 3px; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; }

.psk-container { width: min(calc(100% - 40px), var(--psk-container)); margin-inline: auto; }
.psk-section { padding: 64px 0; }
.psk-section--soft { background: linear-gradient(180deg, color-mix(in srgb, var(--psk-soft) 88%, white), #fff); }
.psk-kicker { margin: 0 0 8px; color: var(--psk-accent); font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.psk-section-head { display:flex; gap:20px; align-items:end; justify-content:space-between; margin-bottom:24px; }
.psk-section-head h2 { margin:0; font-size:clamp(1.65rem,3vw,2.4rem); line-height:1.1; letter-spacing:-.035em; }
.psk-section-head p { margin:.45rem 0 0; color:var(--psk-muted); max-width:700px; }
.psk-section-link { white-space:nowrap; font-weight:750; text-decoration:none; }

/* Header */
.psk-site-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.94); backdrop-filter: blur(14px); border-bottom:1px solid rgba(8,43,67,.08); }
.admin-bar .psk-site-header { top:32px; }
.psk-header-inner { min-height:72px; display:flex; align-items:center; gap:28px; }
.psk-brand { display:flex; align-items:center; gap:10px; color:var(--psk-ink); font-weight:850; font-size:1.28rem; text-decoration:none; letter-spacing:-.02em; }
.psk-brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:white; background:linear-gradient(145deg,var(--psk-dark),var(--psk-accent)); box-shadow:0 8px 20px rgba(4,55,76,.18); font-size:1.35rem; }
.custom-logo-link { display:flex; align-items:center; }
.custom-logo { width:auto; max-height:44px; }
.psk-primary-nav { margin-left:auto; min-width:0; }
.psk-primary-nav > ul { display:flex; align-items:center; gap:20px; margin:0; padding:0; list-style:none; }
.psk-primary-nav li { position:relative; margin:0; }
.psk-primary-nav > ul > li > a { display:flex; align-items:center; min-height:72px; white-space:nowrap; }
.psk-primary-nav a { color:var(--psk-ink); text-decoration:none; font-size:.9rem; font-weight:750; line-height:1.2; }
.psk-primary-nav a:hover, .psk-primary-nav a:focus-visible { color:var(--psk-accent); }
.psk-primary-nav .menu-item-has-children > a::after { content:""; width:6px; height:6px; margin-left:7px; border-right:1.7px solid currentColor; border-bottom:1.7px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.72; }
.psk-primary-nav .sub-menu { position:absolute; top:calc(100% - 7px); left:-16px; z-index:70; display:block; min-width:220px; max-width:300px; margin:0; padding:10px; list-style:none; border:1px solid var(--psk-line); border-radius:14px; background:#fff; box-shadow:0 18px 48px rgba(2,43,67,.14); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .16s ease, transform .16s ease, visibility .16s ease; }
.psk-primary-nav .sub-menu::before { content:""; position:absolute; left:0; right:0; top:-10px; height:10px; }
.psk-primary-nav li:hover > .sub-menu, .psk-primary-nav li:focus-within > .sub-menu { opacity:1; visibility:visible; transform:translateY(0); }
.psk-primary-nav .sub-menu li + li { margin-top:2px; }
.psk-primary-nav .sub-menu a { display:block; padding:9px 10px; border-radius:9px; white-space:nowrap; font-size:.88rem; font-weight:700; }
.psk-primary-nav .sub-menu a:hover, .psk-primary-nav .sub-menu a:focus-visible { background:var(--psk-soft); }
.psk-primary-nav .sub-menu .sub-menu { top:-10px; left:calc(100% + 8px); }
.psk-header-actions { display:flex; gap:10px; align-items:center; }
.psk-icon-btn { width:40px; height:40px; border:1px solid var(--psk-line); border-radius:999px; background:#fff; color:var(--psk-ink); display:grid; place-items:center; text-decoration:none; }
.psk-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:11px; padding:12px 18px; background:var(--psk-dark); color:#fff; font-weight:800; text-decoration:none; box-shadow:0 8px 22px rgba(4,51,70,.14); }
.psk-btn:hover { color:#fff; background:var(--psk-accent); }
.psk-btn--outline { background:#fff; color:var(--psk-dark); border:1px solid color-mix(in srgb,var(--psk-accent) 50%,var(--psk-line)); box-shadow:none; }
.psk-btn--outline:hover { color:#fff; border-color:var(--psk-accent); }
.psk-nav-toggle { display:none; width:42px; height:42px; border-radius:10px; border:1px solid var(--psk-line); background:#fff; }

/* Hero */
.psk-hero { position:relative; overflow:hidden; background:linear-gradient(120deg,var(--psk-dark) 0%,var(--psk-dark-2) 54%,var(--psk-accent) 130%); color:#fff; }
.psk-hero::after { content:""; position:absolute; inset:auto -12% -55% -12%; height:60%; background:radial-gradient(ellipse, color-mix(in srgb,var(--psk-accent-2) 30%, transparent), transparent 62%); pointer-events:none; }
.psk-hero-grid { min-height:490px; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr); align-items:stretch; }
.psk-hero-copy { position:relative; z-index:2; padding:68px 48px 54px 0; align-self:center; }
.psk-hero-copy .psk-kicker { color:color-mix(in srgb,var(--psk-accent-2) 84%,white); }
.psk-hero h1 { max-width:680px; margin:0 0 18px; font-size:clamp(2.45rem,5.4vw,4.55rem); line-height:.98; letter-spacing:-.055em; }
.psk-hero h1 span { color:var(--psk-accent-2); }
.psk-hero-subtitle { max-width:670px; margin:0 0 26px; color:rgba(255,255,255,.92); font-size:clamp(1rem,1.6vw,1.16rem); }
.psk-hero-media { position:relative; min-height:490px; }
.psk-hero-media img { width:100%; height:100%; object-fit:cover; }
.psk-hero-media::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,var(--psk-dark) 0%,rgba(6,46,67,.3) 22%,transparent 54%); }
.psk-search { display:flex; width:min(100%,700px); padding:6px; background:#fff; border-radius:13px; box-shadow:0 16px 40px rgba(0,0,0,.18); }
.psk-search label { flex:1; }
.psk-search input[type="search"] { width:100%; height:48px; border:0; outline:0; padding:0 15px; color:#17394b; background:transparent; }
.psk-search button { flex:0 0 auto; min-width:110px; border:0; border-radius:9px; background:var(--psk-accent); color:#fff; font-weight:800; }
.psk-trust-row { display:flex; gap:24px; flex-wrap:wrap; margin-top:24px; color:rgba(255,255,255,.92); font-size:.88rem; font-weight:700; }
.psk-trust-item { display:flex; align-items:center; gap:7px; }
.psk-trust-item svg { width:20px; height:20px; color:var(--psk-accent-2); }

/* Cards */
.psk-grid { display:grid; gap:20px; }
.psk-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.psk-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.psk-category-card, .psk-article-card, .psk-tool-card { border:1px solid var(--psk-line); background:var(--psk-card); border-radius:var(--psk-radius); overflow:hidden; box-shadow:0 8px 28px rgba(6,46,67,.045); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.psk-category-card:hover, .psk-article-card:hover, .psk-tool-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--psk-accent) 42%,var(--psk-line)); box-shadow:var(--psk-shadow); }
.psk-card-media { display:block; position:relative; width:100%; aspect-ratio:16/7; overflow:hidden; background:var(--psk-soft); }
.psk-card-media img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.psk-category-card:hover .psk-card-media img, .psk-article-card:hover .psk-card-media img { transform:scale(1.025); }
.psk-card-body { padding:18px 18px 20px; }
.psk-card-body h3 { margin:0 0 7px; font-size:1.08rem; line-height:1.2; }
.psk-card-body h3 a { color:var(--psk-ink); text-decoration:none; }
.psk-card-body p { margin:0; color:var(--psk-muted); font-size:.92rem; line-height:1.5; }
.psk-card-link { display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-weight:800; font-size:.88rem; text-decoration:none; }
.psk-badge { display:inline-flex; margin-bottom:8px; padding:5px 9px; border-radius:999px; background:color-mix(in srgb,var(--psk-accent) 11%,white); color:var(--psk-dark-2); font-size:.68rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }

/* Tools */
.psk-tools-panel { padding:26px; border-radius:24px; background:linear-gradient(135deg,color-mix(in srgb,var(--psk-soft) 90%,white),#fff); border:1px solid var(--psk-line); }
.psk-tools-panel .psk-section-head { gap:18px; margin-bottom:20px; }
.psk-tools-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; gap:12px; }
.psk-tools-panel .psk-tool-card { display:flex; flex-direction:column; align-items:flex-start; gap:0; min-width:0; height:100%; padding:20px; color:var(--psk-ink); text-decoration:none; }
.psk-tools-panel .psk-tool-card:hover, .psk-tools-panel .psk-tool-card:focus-visible { color:var(--psk-ink); transform:translateY(-2px); border-color:color-mix(in srgb,var(--psk-accent) 65%,var(--psk-line)); box-shadow:0 8px 20px color-mix(in srgb,var(--psk-dark) 10%,transparent); }
.psk-tool-icon { width:52px; height:52px; flex-shrink:0; display:grid; place-items:center; margin-bottom:16px; border-radius:14px; color:var(--psk-dark-2); background:color-mix(in srgb,var(--psk-accent) 10%,white); transition:background-color .18s ease,color .18s ease; }
.psk-tool-icon svg { width:30px; height:30px; }
.psk-tool-card:hover .psk-tool-icon, .psk-tool-card:focus-visible .psk-tool-icon { background:color-mix(in srgb,var(--psk-accent) 18%,white); color:var(--psk-dark); }
.psk-tool-card h3 { margin:0 0 8px; font-size:1.08rem; font-weight:800; line-height:1.3; }
.psk-tool-card p { margin:0 0 18px; color:var(--psk-muted); font-size:.88rem; line-height:1.5; }
.psk-tool-cta { margin-top:auto; color:var(--psk-dark-2); font-size:.86rem; font-weight:800; }
.psk-tool-card:hover .psk-tool-cta, .psk-tool-card:focus-visible .psk-tool-cta { text-decoration:underline; text-underline-offset:.2em; }
.psk-tools-all { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:44px; padding:9px 14px; border:1px solid var(--psk-line); border-radius:10px; background:var(--psk-card); color:var(--psk-dark-2); font-size:.88rem; font-weight:800; text-decoration:none; transition:border-color .18s ease,background-color .18s ease; }
.psk-tools-all:hover { color:var(--psk-dark); border-color:var(--psk-accent); background:var(--psk-soft); }
.psk-tools-panel .psk-tool-card:focus-visible, .psk-tools-all:focus-visible { outline:3px solid var(--psk-dark-2); outline-offset:4px; }
@media (prefers-reduced-motion: reduce) {
  .psk-tools-panel .psk-tool-card:hover, .psk-tools-panel .psk-tool-card:focus-visible { transform:none; }
}

/* Hubs */
.psk-hub-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.psk-hub { position:relative; overflow:hidden; min-height:310px; border-radius:24px; border:1px solid var(--psk-line); background:var(--psk-soft); }
.psk-hub--image { color:#fff; background:var(--psk-dark); }
.psk-hub--image::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,36,52,.93),rgba(4,36,52,.58) 58%,rgba(4,36,52,.22)); z-index:1; }
.psk-season-winter .psk-hub--image::before { background:linear-gradient(90deg,rgba(82,7,16,.93),rgba(82,7,16,.58) 58%,rgba(82,7,16,.22)); }
.psk-hub-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.psk-hub-content { position:relative; z-index:2; padding:38px; max-width:560px; }
.psk-hub h2 { margin:0 0 12px; font-size:clamp(1.7rem,3vw,2.45rem); line-height:1.08; letter-spacing:-.035em; }
.psk-hub p { margin:0 0 20px; }
.psk-hub--image p { color:rgba(255,255,255,.9); }
.psk-chip-row { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0 22px; }
.psk-chip { padding:7px 11px; border:1px solid rgba(255,255,255,.42); border-radius:999px; color:#fff; text-decoration:none; font-size:.8rem; font-weight:750; }

/* Article cards */
.psk-article-card .psk-card-media { aspect-ratio:16/9; }
.psk-article-meta { display:flex; flex-wrap:wrap; gap:10px; color:var(--psk-muted); font-size:.79rem; }
.psk-empty { padding:28px; border:1px dashed var(--psk-line); border-radius:16px; color:var(--psk-muted); background:var(--psk-soft); }

/* Archive */
.psk-page-hero { padding:58px 0 36px; background:linear-gradient(180deg,var(--psk-soft),#fff); border-bottom:1px solid var(--psk-line); }
.psk-page-hero h1 { margin:0 0 8px; font-size:clamp(2rem,4vw,3.3rem); line-height:1.05; letter-spacing:-.045em; }
.psk-page-hero p { max-width:720px; margin:0; color:var(--psk-muted); }
.psk-pagination { margin-top:36px; }
.psk-pagination .nav-links { display:flex; gap:8px; flex-wrap:wrap; }
.psk-pagination a, .psk-pagination span { min-width:38px; height:38px; padding:0 10px; display:grid; place-items:center; border:1px solid var(--psk-line); border-radius:9px; text-decoration:none; }
.psk-pagination .current { background:var(--psk-dark); color:#fff; border-color:var(--psk-dark); }

/* Single */
.psk-breadcrumbs { padding:20px 0 0; color:var(--psk-muted); font-size:.82rem; }
.psk-breadcrumbs a { text-decoration:none; }
.psk-article-header { width:min(calc(100% - 40px),920px); margin:0 auto; padding:46px 0 26px; text-align:center; }
.psk-article-header h1 { margin:10px 0 15px; font-size:clamp(2.25rem,5vw,4rem); line-height:1.03; letter-spacing:-.05em; }
.psk-article-deck { margin:0 auto 18px; max-width:760px; color:var(--psk-muted); font-size:1.12rem; }
.psk-article-hero { width:min(calc(100% - 40px),1120px); margin:0 auto 42px; border-radius:24px; overflow:hidden; box-shadow:var(--psk-shadow); }
.psk-article-hero img { width:100%; max-height:630px; object-fit:cover; }
.psk-article-layout { width:min(calc(100% - 40px),1100px); margin:0 auto; display:grid; grid-template-columns:minmax(0,var(--psk-reading)) 260px; gap:56px; align-items:start; }
.psk-entry-content { min-width:0; font-size:1.055rem; }
.psk-entry-content > :first-child { margin-top:0; }
.psk-entry-content h2 { margin-top:2.2em; font-size:clamp(1.65rem,3vw,2.2rem); line-height:1.16; letter-spacing:-.025em; }
.psk-entry-content h3 { margin-top:1.7em; font-size:1.35rem; line-height:1.25; }
.psk-entry-content p, .psk-entry-content ul, .psk-entry-content ol { margin-top:1.1em; margin-bottom:1.1em; }
.psk-entry-content a { font-weight:650; }
.psk-entry-content blockquote { margin:1.7em 0; padding:20px 24px; border-left:4px solid var(--psk-accent); border-radius:0 12px 12px 0; background:var(--psk-soft); }
.psk-entry-content table { width:100%; border-collapse:collapse; margin:1.6em 0; font-size:.94rem; }
.psk-entry-content th, .psk-entry-content td { padding:12px 14px; border:1px solid var(--psk-line); text-align:left; vertical-align:top; }
.psk-entry-content th { background:var(--psk-soft); }
.psk-entry-content img { border-radius:14px; }
.psk-entry-content pre { max-width:100%; overflow:auto; padding:18px; border-radius:12px; background:#0c2733; color:#fff; }
.psk-entry-content .wp-block-button__link { border-radius:10px; background:var(--psk-dark); }
.psk-toc { position:sticky; top:105px; padding:20px; border:1px solid var(--psk-line); border-radius:16px; background:#fff; }
.psk-toc[hidden] { display:none; }
.psk-toc h2 { margin:0 0 11px; font-size:.95rem; }
.psk-toc ol { margin:0; padding-left:1.1rem; }
.psk-toc li { margin:7px 0; font-size:.84rem; line-height:1.35; }
.psk-toc a { color:var(--psk-muted); text-decoration:none; }
.psk-toc a:hover { color:var(--psk-accent); }
.psk-safety-note { margin:38px 0; padding:20px 22px; border-radius:15px; background:color-mix(in srgb,var(--psk-accent) 7%,white); border:1px solid color-mix(in srgb,var(--psk-accent) 22%,var(--psk-line)); }
.psk-safety-note strong { display:block; margin-bottom:5px; }
.psk-related { margin-top:72px; padding-top:48px; border-top:1px solid var(--psk-line); }

/* Footer */
.psk-site-footer { margin-top:72px; background:#072b3e; color:rgba(255,255,255,.82); }
.psk-season-winter .psk-site-footer { background:#4e0911; }
.psk-footer-grid { display:grid; grid-template-columns:1.3fr .7fr .7fr; gap:48px; padding:54px 0 40px; }
.psk-site-footer .psk-brand { color:#fff; }
.psk-site-footer p { max-width:470px; }
.psk-site-footer h2 { margin:0 0 12px; color:#fff; font-size:.9rem; text-transform:uppercase; letter-spacing:.08em; }
.psk-site-footer ul { list-style:none; margin:0; padding:0; }
.psk-site-footer li { margin:8px 0; }
.psk-site-footer a { color:rgba(255,255,255,.85); text-decoration:none; }
.psk-site-footer a:hover { color:#fff; }
.psk-footer-bottom { border-top:1px solid rgba(255,255,255,.13); padding:18px 0 28px; display:flex; justify-content:space-between; gap:20px; color:rgba(255,255,255,.64); font-size:.82rem; }

/* Search form outside hero */
.search-form { display:flex; gap:8px; }
.search-form label { flex:1; }
.search-form .search-field { width:100%; height:44px; padding:0 12px; border:1px solid var(--psk-line); border-radius:9px; }
.search-form .search-submit { border:0; border-radius:9px; padding:0 16px; background:var(--psk-dark); color:#fff; font-weight:800; }

@media (max-width: 1000px) {
  .psk-grid--4, .psk-tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .psk-hero-grid { grid-template-columns:1fr; min-height:auto; }
  .psk-hero-copy { padding:54px 0 36px; }
  .psk-hero-media { min-height:360px; margin:0 -20px; }
  .psk-hero-media::before { background:linear-gradient(180deg,var(--psk-dark) 0%,rgba(6,46,67,.08) 42%,transparent); }
  .psk-primary-nav { display:none; position:absolute; top:72px; left:0; right:0; max-height:calc(100vh - 90px); overflow:auto; padding:14px 20px 22px; background:#fff; border-bottom:1px solid var(--psk-line); box-shadow:0 18px 32px rgba(0,0,0,.08); }
  .psk-primary-nav.is-open { display:block; }
  .psk-primary-nav > ul { display:block; }
  .psk-primary-nav > ul > li > a { min-height:0; padding:10px 0; white-space:normal; }
  .psk-primary-nav .menu-item-has-children > a::after { display:none; }
  .psk-primary-nav .sub-menu, .psk-primary-nav .sub-menu .sub-menu { position:static; display:block; min-width:0; max-width:none; margin:0 0 5px 12px; padding:0 0 0 14px; border:0; border-left:2px solid var(--psk-line); border-radius:0; background:transparent; box-shadow:none; opacity:1; visibility:visible; transform:none; }
  .psk-primary-nav .sub-menu::before { display:none; }
  .psk-primary-nav .sub-menu a { padding:7px 0; white-space:normal; font-size:.86rem; font-weight:650; }
  .psk-primary-nav .sub-menu a:hover, .psk-primary-nav .sub-menu a:focus-visible { background:transparent; }
  .psk-nav-toggle { display:inline-grid; place-items:center; margin-left:auto; }
  .psk-header-actions .psk-btn { display:none; }
  .psk-article-layout { grid-template-columns:1fr; }
  .psk-toc { position:relative; top:auto; grid-row:1; }
}

@media (max-width: 720px) {
  .admin-bar .psk-site-header { top:46px; }
  .psk-container { width:min(calc(100% - 28px),var(--psk-container)); }
  .psk-section { padding:46px 0; }
  .psk-section-head { align-items:start; flex-direction:column; }
  .psk-grid--4, .psk-grid--3, .psk-tools-grid, .psk-hub-grid, .psk-footer-grid { grid-template-columns:1fr; }
  .psk-header-inner { min-height:64px; gap:12px; }
  .psk-primary-nav { top:64px; }
  .psk-hero-copy { padding:42px 0 28px; }
  .psk-hero h1 { font-size:clamp(2.35rem,12vw,3.4rem); }
  .psk-search { flex-direction:column; }
  .psk-search button { min-height:46px; }
  .psk-trust-row { gap:12px 18px; }
  .psk-hero-media { min-height:265px; }
  .psk-tools-panel { padding:18px; }
  .psk-tools-panel .psk-tool-card { padding:18px; }
  .psk-hub-content { padding:28px; }
  .psk-article-header { padding-top:34px; }
  .psk-article-layout { width:min(calc(100% - 28px),1100px); gap:28px; }
  .psk-footer-bottom { flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}