
/* Accessible long-form guides: no script, no tracking, no changes to the Apple-style landing-page tiles. */
.guide-layout{max-width:1020px;padding:0 24px 94px;margin:0 auto}
.guide-hero{padding:70px 0 46px;border-bottom:1px solid #e1e5eb}
.guide-eyebrow{font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:#687180;margin:0 0 18px}
.guide-hero h1{font-size:clamp(38px,5.2vw,72px);line-height:1.08;letter-spacing:-.05em;font-weight:650;max-width:970px}
.guide-intro{font-size:clamp(18px,2.1vw,23px);max-width:870px;line-height:1.5;color:#424956;margin-top:22px}
.guide-byline{font-size:13px;color:#626974;margin-top:22px}
.guide-section{padding:42px 0 12px}
.guide-section h2,.guide-answer h2,.guide-cta h2,.guide-related h2{font-size:clamp(26px,3vw,38px);font-weight:650;letter-spacing:-.045em;line-height:1.14;margin:0 0 18px}
.guide-section h3{font-size:21px;letter-spacing:-.02em;margin:0 0 8px}
.guide-section p,.guide-answer p,.guide-cta p,.guide-related li,.guide-section li{font-size:17px;line-height:1.65;color:#3e4651}
.guide-section p+p,.guide-answer p+p{margin-top:14px}
.guide-section ul,.guide-section ol,.guide-related ul{margin:12px 0 0;padding-left:22px}
.guide-section li+li{margin-top:13px}
.guide-section a:not(.discovery-link),.guide-related a,.guide-cta a:not(.discovery-link){color:#0066c7;text-decoration:underline;text-underline-offset:3px}
.guide-answer{background:#f1f5fb;padding:30px 34px;border-radius:24px;margin-top:38px}
.guide-answer h2{font-size:25px}
.guide-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.guide-panels>div{padding:26px;background:#f6f7f9;border:1px solid #e6e8ed;border-radius:20px}
.guide-table-wrap{overflow-x:auto;margin:24px 0 10px;border:1px solid #dce2e8;border-radius:16px}
.guide-table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}
.guide-table caption{padding:14px 18px;background:#f6f7f9;color:#3e4651;font-size:14px;text-align:left;font-weight:650}
.guide-table th,.guide-table td{padding:17px;vertical-align:top;border-top:1px solid #e1e6eb;line-height:1.52}
.guide-table thead th{border-top:0;background:#f6f7f9;font-size:15px}
.guide-table tbody th{font-weight:750;white-space:nowrap}
.guide-sources,.guide-disclosure p{font-size:14px!important;color:#58606c!important}
.guide-cta{margin:54px 0 35px;padding:34px;border-radius:24px;background:#101114;color:#fff}
.guide-cta h2,.guide-cta p{color:#fff}
.guide-cta p{margin-top:14px}.guide-cta p:last-child{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.guide-cta a:not(.discovery-link){color:#85c7ff}
.guide-related{border-top:1px solid #e2e6ea;padding-top:36px}
.guide-showcase{background:#f6f7f9;border-radius:22px;padding:14px}
.guide-showcase img{display:block;width:100%;height:auto}
.guide-showcase figcaption{margin-top:10px;font-size:13px;color:#58606c;line-height:1.5}
.guide-facts{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:0;max-width:770px}
.guide-facts dt,.guide-facts dd{padding:14px 0;border-bottom:1px solid #e1e5eb;font-size:16px;line-height:1.5;margin:0}
.guide-facts dt{font-weight:650}.guide-facts dd{color:#49515c}
@media(max-width:720px){.guide-layout{padding:0 18px 70px}.guide-hero{padding:46px 0 32px}.guide-panels{grid-template-columns:1fr}.guide-answer,.guide-cta{padding:24px}.guide-table th,.guide-table td{padding:12px}.guide-facts{grid-template-columns:130px 1fr}.guide-section{padding-top:34px}}

/* Small editorial discovery hub below the existing Apple-style feature tiles. */
.discovery-guides{padding:82px 22px 88px;background:#f7f8fa}
.discovery-guides-inner{max-width:1140px;margin:0 auto;text-align:center}
.discovery-guides h2{font-size:clamp(34px,4.3vw,58px);letter-spacing:-.05em;line-height:1.1;font-weight:650}
.discovery-guides-inner>p:not(.discovery-eyebrow){margin:16px auto 0;max-width:650px;font-size:18px;line-height:1.5;color:#4e5660}
.discovery-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;text-align:left}
.discovery-guides-grid article{padding:26px 25px;border:1px solid #e0e4e8;border-radius:24px;background:#fff}
.discovery-guides-grid h3{font-size:23px;letter-spacing:-.03em;line-height:1.18;font-weight:650}
.discovery-guides-grid p{font-size:16px;line-height:1.55;color:#4e5660;margin-top:13px}
.discovery-guides-grid a,.discovery-guides-trust a{display:inline-block;color:#0066c7;margin-top:18px;text-decoration:underline;text-underline-offset:3px}
.discovery-guides-inner .discovery-guides-trust{font-size:13px!important;margin-top:22px!important}
@media(max-width:760px){.discovery-guides{padding:60px 20px}.discovery-guides-grid{grid-template-columns:1fr}.discovery-guides-grid article{padding:24px}}

/* Visible, accessible breadcrumbs on educational pages, including the free workout log. */
.guide-breadcrumb{padding-top:22px}
.guide-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px 0;padding:0;margin:0;list-style:none;align-items:center}
.guide-breadcrumb li{font-size:13px;line-height:1.5;color:#67717e}
.guide-breadcrumb li+li::before{content:"/";margin:0 12px;color:#a0a9b4}
.guide-breadcrumb a{color:#536274;text-decoration:none}
.guide-breadcrumb a:hover,.guide-breadcrumb a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.guide-breadcrumb+.guide-hero{padding-top:36px}
.guide-answer .discovery-link{margin:12px 0 8px}
.discovery-guides-inner .discovery-guides-trust+.discovery-guides-trust{margin-top:8px!important}

/* Source-screen evidence on the progressive-overload guide, without affecting landing tiles. */
.discovery-screen-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:26px}
.discovery-screen-evidence figure{margin:0;padding:26px;border-radius:22px;text-align:center;background:#f4f6f9}
.discovery-screen-evidence img{display:block;width:min(100%,270px);height:auto;margin:0 auto;border-radius:22px;box-shadow:0 12px 32px #0000001c}
.discovery-screen-evidence figcaption{margin:16px auto 0;max-width:350px;color:#59616d;font-size:14px;line-height:1.5}
@media(max-width:680px){.discovery-screen-evidence{grid-template-columns:1fr}}
