/* Canonical Fluid CSS: 430/1440 anchors, 320–1920 viewport. */
:root{--j4-gutter: clamp(14.8837px, calc(4.6512vw), 20px);--j4-container: clamp(982.3256px, calc(306.9767vw), 1320px);--j4-body: clamp(12.6512px, calc(3.9535vw), 17px);--j4-small: clamp(11.907px, calc(3.7209vw), 16px);--j4-meta: clamp(9.6744px, calc(3.0233vw), 13px);--j4-nav: clamp(11.907px, calc(3.7209vw), 16px);--j4-h2: clamp(20.8372px, calc(6.5116vw), 28px);--j4-h3: clamp(17.1163px, calc(5.3488vw), 23px);--j4-h4: clamp(14.8837px, calc(4.6512vw), 20px);--j4-lead: clamp(23.0698px, calc(7.2093vw), 31px);--j4-feature: clamp(20.8372px, calc(6.5116vw), 28px);--j4-home-title: clamp(20.093px, calc(6.2791vw), 27px);--j4-desk-title: clamp(20.8372px, calc(6.5116vw), 28px);--j4-section: clamp(32.7442px, calc(10.2326vw), 44px);--j4-logo: clamp(208.3721px, calc(65.1163vw), 280px);--j4-logo-mobile: clamp(177.1163px, calc(55.3488vw), 238px);--j4-search: clamp(238.1395px, calc(74.4186vw), 320px);--j4-thumb: clamp(96.7442px, calc(30.2326vw), 130px);--j4-tablet-thumb: clamp(74.4186px, calc(23.2558vw), 100px);--j4-mobile-thumb: clamp(75.907px, calc(23.7209vw), 102px);--j4-desk-head: clamp(71.4419px, calc(22.3256vw), 96px);--j4-s4: clamp(2.9767px, calc(0.9302vw), 4px);--j4-s8: clamp(5.9535px, calc(1.8605vw), 8px);--j4-s12: clamp(8.9302px, calc(2.7907vw), 12px);--j4-s16: clamp(11.907px, calc(3.7209vw), 16px);--j4-s20: clamp(14.8837px, calc(4.6512vw), 20px);--j4-s24: clamp(17.8605px, calc(5.5814vw), 24px);--j4-s32: clamp(23.814px, calc(7.4419vw), 32px);--j4-s40: clamp(29.7674px, calc(9.3023vw), 40px);--j4-s48: clamp(35.7209px, calc(11.1628vw), 48px);--j4-s56: clamp(41.6744px, calc(13.0233vw), 56px);--j4-s64: clamp(47.6279px, calc(14.8837vw), 64px);}
@media(min-width:430px){:root{--j4-gutter: clamp(20px, calc(8.0792px + 2.7723vw), 48px);--j4-container: clamp(1320px, calc(1320px + 0vw), 1320px);--j4-body: clamp(17px, calc(16.5743px + 0.099vw), 18px);--j4-small: clamp(16px, calc(15.5743px + 0.099vw), 17px);--j4-meta: clamp(13px, calc(12.5743px + 0.099vw), 14px);--j4-nav: clamp(16px, calc(15.1485px + 0.198vw), 18px);--j4-h2: clamp(28px, calc(23.7426px + 0.9901vw), 38px);--j4-h3: clamp(23px, calc(21.297px + 0.396vw), 27px);--j4-h4: clamp(20px, calc(18.7228px + 0.297vw), 23px);--j4-lead: clamp(31px, calc(27.1683px + 0.8911vw), 40px);--j4-feature: clamp(28px, calc(25.4455px + 0.5941vw), 34px);--j4-home-title: clamp(27px, calc(25.7228px + 0.297vw), 30px);--j4-desk-title: clamp(28px, calc(26.7228px + 0.297vw), 31px);--j4-section: clamp(44px, calc(33.7822px + 2.3762vw), 68px);--j4-logo: clamp(280px, calc(267.2277px + 2.9703vw), 310px);--j4-logo-mobile: clamp(238px, calc(238px + 0vw), 238px);--j4-search: clamp(320px, calc(302.9703px + 3.9604vw), 360px);--j4-thumb: clamp(130px, calc(117.2277px + 2.9703vw), 160px);--j4-tablet-thumb: clamp(100px, calc(91.4851px + 1.9802vw), 120px);--j4-mobile-thumb: clamp(102px, calc(102px + 0vw), 102px);--j4-desk-head: clamp(96px, calc(90.0396px + 1.3861vw), 110px);--j4-s4: clamp(4px, calc(4px + 0vw), 4px);--j4-s8: clamp(8px, calc(8px + 0vw), 8px);--j4-s12: clamp(12px, calc(12px + 0vw), 12px);--j4-s16: clamp(16px, calc(16px + 0vw), 16px);--j4-s20: clamp(20px, calc(20px + 0vw), 20px);--j4-s24: clamp(24px, calc(24px + 0vw), 24px);--j4-s32: clamp(32px, calc(32px + 0vw), 32px);--j4-s40: clamp(40px, calc(40px + 0vw), 40px);--j4-s48: clamp(48px, calc(48px + 0vw), 48px);--j4-s56: clamp(56px, calc(56px + 0vw), 56px);--j4-s64: clamp(64px, calc(64px + 0vw), 64px);}}
@media(min-width:1440px){:root{--j4-gutter: clamp(48px, calc(3.3333vw), 64px);--j4-container: clamp(1320px, calc(91.6667vw), 1760px);--j4-body: clamp(18px, calc(1.25vw), 24px);--j4-small: clamp(17px, calc(1.1806vw), 22.6667px);--j4-meta: clamp(14px, calc(0.9722vw), 18.6667px);--j4-nav: clamp(18px, calc(1.25vw), 24px);--j4-h2: clamp(38px, calc(2.6389vw), 50.6667px);--j4-h3: clamp(27px, calc(1.875vw), 36px);--j4-h4: clamp(23px, calc(1.5972vw), 30.6667px);--j4-lead: clamp(40px, calc(2.7778vw), 53.3333px);--j4-feature: clamp(34px, calc(2.3611vw), 45.3333px);--j4-home-title: clamp(30px, calc(2.0833vw), 40px);--j4-desk-title: clamp(31px, calc(2.1528vw), 41.3333px);--j4-section: clamp(68px, calc(4.7222vw), 90.6667px);--j4-logo: clamp(310px, calc(21.5278vw), 413.3333px);--j4-logo-mobile: clamp(238px, calc(16.5278vw), 317.3333px);--j4-search: clamp(360px, calc(25vw), 480px);--j4-thumb: clamp(160px, calc(11.1111vw), 213.3333px);--j4-tablet-thumb: clamp(120px, calc(8.3333vw), 160px);--j4-mobile-thumb: clamp(102px, calc(7.0833vw), 136px);--j4-desk-head: clamp(110px, calc(7.6389vw), 146.6667px);--j4-s4: clamp(4px, calc(0.2778vw), 5.3333px);--j4-s8: clamp(8px, calc(0.5556vw), 10.6667px);--j4-s12: clamp(12px, calc(0.8333vw), 16px);--j4-s16: clamp(16px, calc(1.1111vw), 21.3333px);--j4-s20: clamp(20px, calc(1.3889vw), 26.6667px);--j4-s24: clamp(24px, calc(1.6667vw), 32px);--j4-s32: clamp(32px, calc(2.2222vw), 42.6667px);--j4-s40: clamp(40px, calc(2.7778vw), 53.3333px);--j4-s48: clamp(48px, calc(3.3333vw), 64px);--j4-s56: clamp(56px, calc(3.8889vw), 74.6667px);--j4-s64: clamp(64px, calc(4.4444vw), 85.3333px);}}
/* Three base colours. All interface tones derive from these three. */
:root{--j4-petrol:#173e45;--j4-terra:#a95843;--j4-cream:#f7f2eb;--j4-muted:color-mix(in srgb,var(--j4-petrol) 74%,var(--j4-cream));--j4-line:color-mix(in srgb,var(--j4-petrol) 18%,var(--j4-cream));--j4-wash:color-mix(in srgb,var(--j4-petrol) 5%,var(--j4-cream));--navy:var(--j4-petrol);--navy-dark:var(--j4-petrol);--teal:var(--j4-petrol);--teal-dark:var(--j4-petrol);--coral:var(--j4-terra);--ink:var(--j4-petrol);--muted:var(--j4-muted);--line:var(--j4-line);--wash:var(--j4-wash);--mint:var(--j4-wash);--paper:var(--j4-cream)}
body{background:var(--j4-cream);color:var(--j4-petrol)}
.jz4-wrap{width:calc(100% - var(--j4-gutter)*2);max-width:var(--j4-container);margin-inline:auto}
.jz4-header,.jz4-footer,.jz4-home{font-family:SourceSans,Arial,sans-serif;font-size:max(1rem,var(--j4-body));line-height:1.55}
.jz4-header a,.jz4-home a,.jz4-footer a{text-decoration:none}
.jz4-header button,.jz4-header input{font:inherit}
.jz4-header button{cursor:pointer}
.jz4-header [hidden]{display:none!important}
.jz4-header a:focus-visible,.jz4-header button:focus-visible,.jz4-header input:focus-visible,.jz4-home a:focus-visible{outline:3px solid var(--j4-terra);outline-offset:4px}
.jz4-footer a:focus-visible{outline:3px solid var(--j4-cream);outline-offset:4px}
.jz4-header a:hover,.jz4-home a:hover{color:var(--j4-terra)}
.jz4-skip{position:absolute;left:1rem;top:-8rem;z-index:100;background:var(--j4-cream);color:var(--j4-petrol);padding:1rem}
.jz4-skip:focus{top:1rem}
.jz4-header{position:relative;z-index:40;background:var(--j4-cream)}
.jz4-topline{background:var(--j4-petrol);color:var(--j4-cream);font-size:max(.8125rem,var(--j4-meta))}
.jz4-topline>.jz4-wrap{display:flex;justify-content:space-between;gap:var(--j4-s24);padding-block:var(--j4-s8)}
.jz4-topline nav{display:flex;gap:var(--j4-s24)}
.jz4-topline a:hover{color:var(--j4-cream);text-decoration:underline}
.jz4-masthead{display:flex;align-items:center;gap:var(--j4-s40);padding-block:var(--j4-s24)}
.jz4-logo{display:block;flex:none;width:var(--j4-logo)}
.jz4-logo img{display:block;width:100%;height:auto}
.jz4-brand-note{font-size:max(1rem,var(--j4-small));color:var(--j4-muted);line-height:1.45;margin:0 auto 0 0}
.jz4-search{display:flex;align-items:center;width:var(--j4-search);max-width:100%;border:1px solid var(--j4-line);background:var(--j4-cream);margin:0;min-height:2.875rem}
.jz4-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--j4-petrol);padding:.7em .85em;font-size:max(1rem,var(--j4-small))}
.jz4-search input::placeholder{color:var(--j4-muted);opacity:1}
.jz4-search button{align-self:stretch;display:flex;align-items:center;justify-content:center;background:var(--j4-terra);color:var(--j4-cream);width:3rem;min-height:2.875rem;border:0;flex:none}
.jz4-search svg{fill:none;stroke:currentColor;stroke-width:1.8}
.jz4-menu-button{display:none;background:transparent;border:0;align-items:center;justify-content:center;gap:.55rem;min-height:2.75rem;color:var(--j4-petrol);font-weight:700}
.jz4-menu-button>span:first-child{font-size:1.5rem}
.jz4-nav-shell{position:relative;background:var(--j4-petrol)}
.jz4-menu{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--j4-s12);margin:0;padding:0}
.jz4-menu-item{display:flex;align-items:center}
.jz4-menu-link{display:block;font-size:max(1rem,var(--j4-nav));font-weight:650;color:var(--j4-cream);padding-block:var(--j4-s16)}
.jz4-header .jz4-menu-link:hover{color:var(--j4-cream);text-decoration:underline;text-underline-offset:.3em}
.jz4-mega-toggle{display:flex;align-items:center;justify-content:center;min-height:2.75rem;width:2.75rem;background:transparent;border:0;color:var(--j4-cream)}
.jz4-mega-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .15s}
.is-open>.jz4-mega-toggle svg{transform:rotate(180deg)}
.jz4-mega{position:absolute;inset-inline:0;top:100%;background:var(--j4-cream);border-bottom:3px solid var(--j4-terra);box-shadow:0 18px 28px color-mix(in srgb,var(--j4-petrol) 14%,transparent);color:var(--j4-petrol);z-index:50}
.jz4-mega-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.35fr);gap:var(--j4-s40);padding-block:var(--j4-s32)}
.jz4-mega-title{font-size:max(1.5rem,var(--j4-h2));font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:0 0 var(--j4-s16)}
.jz4-mega-intro>p:not(.jz4-mega-title){font-size:max(1rem,var(--j4-small));color:var(--j4-muted);margin-bottom:var(--j4-s16)}
.jz4-mega-label{font-weight:650;font-size:max(.875rem,var(--j4-small));margin:0 0 var(--j4-s12);color:var(--j4-muted)}
.jz4-mega-topics>a{display:flex;justify-content:space-between;gap:var(--j4-s16);padding-block:var(--j4-s12);border-bottom:1px solid var(--j4-line);font-size:max(1rem,var(--j4-small));font-weight:600;line-height:1.35}
.jz4-mega-feature .jz4-story-compact{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--j4-s20)}
.jz4-mega-feature .jz4-story-photo{aspect-ratio:1;}
.jz4-mega-feature .jz4-story-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jz4-mobile-search{display:none}
.jz4-home h1,.jz4-home h2,.jz4-home h3,.jz4-footer h2{font-weight:700;letter-spacing:-.025em;line-height:1.14;margin:0}
.jz4-home h2{font-size:max(1.5rem,var(--j4-h2))}
.jz4-home h3{font-size:max(1.125rem,var(--j4-h3))}
.jz4-home p{margin:0}
.jz4-home-intro{padding-block:var(--j4-s24)}
.jz4-home-intro h1{font-size:max(1.5rem,var(--j4-home-title))}
.jz4-home-intro p{font-size:max(1rem,var(--j4-small));color:var(--j4-muted);margin-top:var(--j4-s8);max-width:78ch}
.jz4-opening{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.95fr) minmax(0,.8fr);gap:var(--j4-s32);align-items:start}
.jz4-story{min-width:0}
.jz4-story-photo{display:block;aspect-ratio:1.6;overflow:hidden;background:var(--j4-wash)}
.jz4-story-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.jz4-story-photo:hover img{transform:scale(1.025)}
.jz4-story-copy{padding-top:var(--j4-s16)}
.jz4-meta{font-size:max(.8125rem,var(--j4-meta));line-height:1.4;margin-bottom:var(--j4-s8);color:var(--j4-muted)}
.jz4-meta a{color:var(--j4-terra)}
.jz4-story-copy p,.jz4-text-story p{font-size:max(1rem,var(--j4-small));line-height:1.55;color:var(--j4-muted);margin-top:var(--j4-s12)}
.jz4-story-lead .jz4-story-photo{aspect-ratio:1.4}
.jz4-home .jz4-story-lead h3{font-size:max(1.7rem,var(--j4-lead));line-height:1.1}
.jz4-story-lead .jz4-story-copy p{font-size:max(1rem,var(--j4-body))}
.jz4-opening-side{display:grid;gap:var(--j4-s24)}
.jz4-story-support .jz4-story-photo{aspect-ratio:1.75}
.jz4-home .jz4-story-support h3{font-size:max(1.2rem,var(--j4-h3))}
.jz4-topic-directory{background:var(--j4-wash);padding:var(--j4-s24);border-top:3px solid var(--j4-terra)}
.jz4-home .jz4-topic-directory h2{font-size:max(1.2rem,var(--j4-h3));margin-bottom:var(--j4-s16)}
.jz4-topic-directory>a{display:flex;align-items:center;justify-content:space-between;gap:var(--j4-s12);min-height:2.75rem;padding-block:var(--j4-s12);border-top:1px solid var(--j4-line);font-weight:650;font-size:max(1rem,var(--j4-small));line-height:1.35}
.jz4-topic-directory>a>span:last-child{color:var(--j4-terra)}
.jz4-topic-directory>p{font-size:max(.8125rem,var(--j4-meta));color:var(--j4-muted);margin-top:var(--j4-s16)}
.jz4-section{margin-block:var(--j4-section)}
.jz4-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--j4-s24);margin-bottom:var(--j4-s24)}
.jz4-more{display:inline-flex;align-items:center;gap:.6em;font-size:max(.875rem,var(--j4-small));font-weight:650;line-height:1.35}
.jz4-more:hover{text-decoration:underline;text-underline-offset:.25em}
.jz4-subtopics{display:flex;flex-wrap:wrap;gap:var(--j4-s12) var(--j4-s24);margin-bottom:var(--j4-s24)}
.jz4-subtopics>a{color:var(--j4-terra);font-weight:600;font-size:max(.875rem,var(--j4-small))}
.jz4-story-compact{display:grid;grid-template-columns:var(--j4-thumb) minmax(0,1fr);gap:var(--j4-s24);align-items:start}
.jz4-story-compact .jz4-story-photo{aspect-ratio:1.15}
.jz4-story-compact .jz4-story-copy{padding:0}
.jz4-story-compact h3{font-size:max(1.125rem,var(--j4-h4))}
.jz4-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--j4-s32) var(--j4-s40)}
.jz4-latest-grid .jz4-story-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jz4-health-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--j4-s40)}
.jz4-story-feature .jz4-story-photo{aspect-ratio:1.7}
.jz4-home .jz4-story-feature h3{font-size:max(1.5rem,var(--j4-feature))}
.jz4-health-list{display:grid;gap:var(--j4-s24);align-content:start}
.jz4-health-list .jz4-story-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jz4-supplements{background:var(--j4-petrol);color:var(--j4-cream);padding-block:var(--j4-section)}
.jz4-supplements a:hover{color:var(--j4-cream);text-decoration:underline;text-underline-offset:.2em}
.jz4-supplements .jz4-meta,.jz4-supplements .jz4-meta a,.jz4-supplements .jz4-subtopics a{color:var(--j4-cream);opacity:.8}
.jz4-supplements .jz4-story-copy p,.jz4-supplements .jz4-text-story p{color:var(--j4-cream);opacity:.85}
.jz4-supplements-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--j4-s48)}
.jz4-supplements .jz4-story-feature .jz4-story-photo{aspect-ratio:2.1}
.jz4-supplements-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--j4-s32)}
.jz4-home .jz4-text-story h3{font-size:max(1.125rem,var(--j4-h4))}
.jz4-supplements-list .jz4-text-story p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jz4-nutrition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--j4-s32)}
.jz4-small-desks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--j4-s40)}
.jz4-small-desk .jz4-heading{flex-direction:column;align-items:start;gap:var(--j4-s8);min-height:var(--j4-desk-head)}
.jz4-small-desk .jz4-heading h2{font-size:max(1.4rem,var(--j4-desk-title))}
.jz4-small-desk .jz4-text-story{margin-top:var(--j4-s24);padding-top:var(--j4-s16);border-top:1px solid var(--j4-line)}
.jz4-small-desk .jz4-subtopics{margin-top:var(--j4-s24)}
.jz4-family{background:var(--j4-wash);padding-block:var(--j4-section);margin-bottom:0}
.jz4-family-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:var(--j4-s64)}
.jz4-family-grid>div:first-child>p{color:var(--j4-muted);margin-top:var(--j4-s20);max-width:38ch}
.jz4-family-grid>div:first-child>.jz4-more{margin-top:var(--j4-s24)}
.jz4-family-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--j4-s24)}
.jz4-footer{background:linear-gradient(115deg,var(--j4-petrol) 0%,var(--j4-petrol) 40%,color-mix(in srgb,var(--j4-terra) 45%,var(--j4-petrol)) 75%,var(--j4-petrol) 100%);background-size:200% 200%;color:var(--j4-cream);padding-block:var(--j4-s56) var(--j4-s24);animation:jz4-footer-colour 18s ease-in-out infinite alternate;animation-play-state:paused}
.jz4-footer.is-visible{animation-play-state:running}
@keyframes jz4-footer-colour{from{background-position:0% 35%}to{background-position:100% 65%}}
.jz4-footer-grid{display:grid;grid-template-columns:1.05fr .85fr 1.3fr 1fr;gap:var(--j4-s40)}
.jz4-footer h2{font-size:max(1.1rem,var(--j4-h4));margin-bottom:var(--j4-s20)}
.jz4-footer a:hover{color:var(--j4-cream);text-decoration:underline;text-underline-offset:.2em}
.jz4-footer .jz4-logo{width:100%;max-width:var(--j4-logo);margin-bottom:var(--j4-s24)}
.jz4-footer-brand>p{font-size:max(1rem,var(--j4-small));margin-bottom:var(--j4-s24);opacity:.85;max-width:32ch}
.jz4-footer-brand>a:not(.jz4-logo){font-size:max(.875rem,var(--j4-small));font-weight:600}
.jz4-footer-topics>a{display:block;font-size:max(1rem,var(--j4-small));padding-block:var(--j4-s4);break-inside:avoid-column}
.jz4-footer-latest article{padding-bottom:var(--j4-s12);margin-bottom:var(--j4-s12);border-bottom:1px solid color-mix(in srgb,var(--j4-cream) 20%,transparent)}
.jz4-footer-latest article>a{font-size:max(1rem,var(--j4-small));font-weight:600;line-height:1.3;display:block}
.jz4-footer-latest time{display:block;font-size:max(.8125rem,var(--j4-meta));margin-top:var(--j4-s4);opacity:.72}
.jz4-footer-contact>p{font-size:max(1rem,var(--j4-small));margin-block:var(--j4-s24)}
.jz4-footer-contact>a{display:block;font-size:max(1rem,var(--j4-small));margin-bottom:var(--j4-s12)}
.jz4-footer-contact .jz4-contact-email{overflow-wrap:anywhere;font-size:max(.875rem,var(--j4-meta))}
.jz4-footer-bottom{display:flex;align-items:start;justify-content:space-between;gap:var(--j4-s32);margin-top:var(--j4-s40);padding-top:var(--j4-s24);border-top:1px solid color-mix(in srgb,var(--j4-cream) 20%,transparent);font-size:max(.8125rem,var(--j4-meta));opacity:.8}
.jz4-footer-bottom>p{max-width:61ch;margin:0}
.jz4-footer-bottom>div{display:flex;gap:var(--j4-s20);flex-wrap:wrap}
@media(max-width:1100px){.jz4-brand-note{display:none}.jz4-masthead{justify-content:space-between}.jz4-masthead>.jz4-search{margin-left:auto}.jz4-menu-button{display:flex}.jz4-nav-shell{display:none}.jz4-header.is-menu-open .jz4-nav-shell{display:block}.jz4-menu{display:block;padding-block:var(--j4-s12)}.jz4-menu-item{display:flex;flex-wrap:wrap;border-bottom:1px solid color-mix(in srgb,var(--j4-cream) 16%,transparent)}.jz4-menu-link{flex:1;padding-block:.8rem}.jz4-mega{position:static;width:100%;border:0;box-shadow:none}.jz4-mega-inner{width:100%;padding:var(--j4-s24);grid-template-columns:1fr;gap:var(--j4-s20)}.jz4-mega-intro>p:not(.jz4-mega-title),.jz4-mega-feature{display:none}.jz4-mega-title{font-size:1.4rem;margin-bottom:var(--j4-s12)}.jz4-mega-topics{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--j4-s20)}.jz4-mega-label{grid-column:1/-1}.jz4-mobile-search{display:block;padding-block:var(--j4-s16) var(--j4-s24)}.jz4-mobile-search .jz4-search{width:100%}.jz4-opening{grid-template-columns:1.35fr 1fr;gap:var(--j4-s24)}.jz4-topic-directory{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--j4-s20)}.jz4-topic-directory h2,.jz4-topic-directory>p{grid-column:1/-1}.jz4-story-compact{grid-template-columns:var(--j4-tablet-thumb) minmax(0,1fr);gap:var(--j4-s20)}.jz4-latest-grid .jz4-story-copy p{display:none}.jz4-health-grid{grid-template-columns:1fr 1fr;gap:var(--j4-s24)}.jz4-health-list .jz4-story-copy p{display:none}.jz4-supplements-grid{grid-template-columns:1fr;gap:var(--j4-s32)}.jz4-supplements-list{grid-template-columns:1fr 1fr}.jz4-small-desks{grid-template-columns:1fr 1fr}.jz4-small-desk:last-child{grid-column:1/-1}.jz4-small-desk:last-child>.jz4-story-small{display:grid;grid-template-columns:1fr 1fr;gap:var(--j4-s24)}.jz4-small-desk:last-child>.jz4-story-small>.jz4-story-copy{padding:0}.jz4-family-grid{grid-template-columns:1fr 1.5fr;gap:var(--j4-s32)}.jz4-family-stories{grid-template-columns:1fr;gap:var(--j4-s20)}.jz4-footer-grid{grid-template-columns:1fr 1fr 1.2fr}.jz4-footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--j4-s16) var(--j4-s40)}.jz4-footer-brand .jz4-logo{margin-bottom:0}.jz4-footer-brand>p{margin-bottom:0}.jz4-footer-brand>a:not(.jz4-logo){grid-column:2}.jz4-footer-bottom{flex-direction:column}}
@media(max-width:700px){.jz4-topline{display:none}.jz4-masthead{gap:var(--j4-s16);padding-block:var(--j4-s16)}.jz4-logo{width:var(--j4-logo-mobile)}.jz4-masthead>.jz4-search{display:none}.jz4-mega-topics{grid-template-columns:1fr}.jz4-home-intro{padding-block:var(--j4-s24)}.jz4-opening{display:flex;flex-direction:column;gap:var(--j4-s24)}.jz4-opening-main{order:1;width:100%}.jz4-opening-side{order:3;width:100%;gap:var(--j4-s20)}.jz4-topic-directory{order:2;width:100%;grid-template-columns:1fr 1fr;padding:var(--j4-s20);gap:0 var(--j4-s16)}.jz4-topic-directory>a{font-size:1rem;padding-block:.7em}.jz4-topic-directory>p{display:none}.jz4-story-lead .jz4-story-photo{aspect-ratio:1.5}.jz4-story-support{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.4fr);gap:var(--j4-s16)}.jz4-story-support .jz4-story-photo{aspect-ratio:1}.jz4-story-support .jz4-story-copy{padding:0}.jz4-home .jz4-story-support h3{font-size:max(1.1rem,var(--j4-h4))}.jz4-heading{gap:var(--j4-s16);align-items:start}.jz4-heading>.jz4-more{font-size:.875rem;flex:none;padding-top:.25rem}.jz4-home .jz4-heading h2{font-size:max(1.5rem,var(--j4-h2))}.jz4-latest-grid,.jz4-health-grid,.jz4-supplements-list,.jz4-nutrition-grid,.jz4-small-desks,.jz4-family-grid,.jz4-footer-grid{grid-template-columns:1fr}.jz4-story-compact{grid-template-columns:var(--j4-mobile-thumb) minmax(0,1fr);gap:var(--j4-s16)}.jz4-story-compact .jz4-story-photo{aspect-ratio:1}.jz4-latest-grid{gap:var(--j4-s24)}.jz4-latest-grid .jz4-story-copy p{display:none}.jz4-health-list{gap:var(--j4-s20)}.jz4-subtopics{gap:var(--j4-s12) var(--j4-s20)}.jz4-supplements-list{gap:var(--j4-s24)}.jz4-supplements-list .jz4-text-story{border-bottom:1px solid color-mix(in srgb,var(--j4-cream) 20%,transparent);padding-bottom:var(--j4-s20)}.jz4-supplements-list .jz4-text-story p{display:block}.jz4-small-desks{gap:var(--j4-section)}.jz4-small-desk:last-child{grid-column:auto}.jz4-small-desk:last-child>.jz4-story-small{display:block}.jz4-small-desk:last-child>.jz4-story-small>.jz4-story-copy{padding-top:var(--j4-s16)}.jz4-small-desk .jz4-heading{flex-direction:row;align-items:baseline;min-height:0}.jz4-family-grid{gap:var(--j4-s32)}.jz4-family-stories{gap:var(--j4-s24)}.jz4-footer-grid{gap:var(--j4-s32)}.jz4-footer-brand{display:block;grid-column:auto}.jz4-footer-brand .jz4-logo{max-width:var(--j4-logo-mobile);margin-bottom:var(--j4-s24)}.jz4-footer-brand>p{margin-bottom:var(--j4-s20)}.jz4-footer-topics{columns:2;column-gap:var(--j4-s24)}.jz4-footer-topics>h2{column-span:all}.jz4-footer-contact .jz4-contact-email{font-size:1rem}.jz4-footer-bottom>div{gap:var(--j4-s16)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.jz4-footer{animation:none!important}.jz4-story-photo img,.jz4-mega-toggle svg{transition:none!important}}
@media print{.jz4-header,.jz4-footer{display:none}}

/* Allow long Polish titles to shrink inside existing mobile archive cards. */
.jz-card,.jz-card__copy{min-width:0}
.jz-card h3{overflow-wrap:anywhere}
@media(max-width:700px){.jz-card{grid-template-columns:var(--j4-mobile-thumb) minmax(0,1fr);gap:var(--j4-s16)}}

/* Accessible category links: target spacing and contrast on the tinted family band. */
.jz4-meta>a{display:inline-flex;align-items:center;min-height:1.5rem}
.jz4-family .jz4-meta>a{color:var(--j4-petrol)}