/* PCOS and thyroid education: deliberately follows the sample-workouts design language. */
.guide-page{background:#05080b;color:#f5f7fa;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
.guide-page .topbar{position:absolute}
.guide-page main{display:block;min-height:100vh;padding:0}
.guide-page .wg-container{width:min(100% - 44px,1100px);max-width:none;margin:0 auto;padding:0}
.guide-page .wg-hero{position:relative;display:flex;align-items:center;min-height:min(780px,100svh);padding:130px 0 90px;background:radial-gradient(ellipse at 83% 34%,#12304a 0,#09121b 28%,#05080b 65%);overflow:hidden}
.guide-page .wg-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080b 4%,rgba(5,8,11,.86) 45%,rgba(5,8,11,.2)),linear-gradient(0deg,#05080b,transparent 45%);pointer-events:none}
.guide-page .wg-hero>.wg-container{position:relative;z-index:1}
.guide-page .wg-kicker,.guide-page .wg-eyebrow{font-size:10px;letter-spacing:.28em;color:#1680ff;font-weight:800;text-transform:uppercase;margin:0 0 18px}
.guide-page .wg-hero h1,.guide-page .wg-section h2{font-size:clamp(44px,10vw,84px);line-height:.93;letter-spacing:-.05em;font-weight:900;margin:0 0 22px;max-width:950px}
.guide-page .wg-hero h1{font-size:clamp(54px,11vw,112px);max-width:920px}
.guide-page h1 em,.guide-page h2 em{font-style:normal;color:#1680ff}
.guide-page .wg-section h2{font-size:clamp(40px,8vw,76px)}
.guide-page .wg-lead,.guide-page .wg-intro{font-size:15px;line-height:1.7;color:#aeb8c2;max-width:620px;margin:0 0 30px}
.guide-page .wg-lead{font-size:16px;max-width:580px}
.guide-page .wg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.guide-page .wg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:2px;background:#0878ff;padding:16px 19px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:800;text-decoration:none;color:#fff}
.guide-page .wg-btn.wg-secondary{background:transparent;border:1px solid #526477;color:#e8edf2}
.guide-page .wg-btn:hover{background:#2469c4}.guide-page .wg-btn.wg-secondary:hover{background:#182a3a}
.guide-page .wg-featureline{display:flex;gap:20px;flex-wrap:wrap;margin-top:36px;font-size:11px;color:#9ba7b2}
.guide-page .wg-featureline span{border-top:1px solid #324252;padding-top:10px}
.guide-page .wg-safety,.guide-page .wg-tip{max-width:1000px;padding:20px 22px;border-left:2px solid #1680ff;background:#0d1720;color:#c7d2dc;line-height:1.65;font-size:13px;margin:29px 0 0}
.guide-page .wg-jump{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.guide-page .wg-jump a{font-size:10px;color:#c3d2df;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px;border:1px solid #304252}
.guide-page .wg-section{padding:86px max(22px,calc((100vw - 1100px)/2)) 90px;border-bottom:1px solid #1c2934;background:linear-gradient(180deg,#090f15,#070b0f)}
.guide-page .wg-section:nth-of-type(2n+1){background:#080e14}
.guide-page .wg-section>.wg-container{width:100%}
.guide-page .wg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide-page .wg-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-page .wg-card,.guide-page .wg-panel{background:linear-gradient(145deg,#111a23,#0b1016);border:1px solid #293743;border-radius:3px;padding:25px 22px;min-width:0}
.guide-page .wg-card h3,.guide-page .wg-panel h3{font-size:20px;line-height:1.25;margin:0 0 12px;font-weight:800}
.guide-page .wg-card p,.guide-page .wg-card li,.guide-page .wg-panel p,.guide-page .wg-panel li{color:#b8c4ce;font-size:13px;line-height:1.7}
.guide-page .wg-card strong{font-size:13px}
.guide-page .wg-card ul,.guide-page .wg-panel ul{padding-left:18px}
.guide-page .wg-tag{display:block;color:#1680ff;font-size:9px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin-bottom:17px}
.guide-page .wg-twrap{max-width:100%;overflow-x:auto;border:1px solid #293743;border-radius:3px;background:#0c141c;-webkit-overflow-scrolling:touch}
.guide-page .wg-twrap table{border-collapse:collapse;width:100%;min-width:680px;background:transparent}
.guide-page .wg-twrap .wg-mealtable{min-width:760px}
.guide-page .wg-twrap th,.guide-page .wg-twrap td{padding:17px 16px;border-bottom:1px solid #293743;text-align:left;vertical-align:top;font-size:12px;line-height:1.5;color:#c7d2dc}
.guide-page .wg-twrap th{background:#101c28;color:#8abaff;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.guide-page .wg-twrap tr:last-child td{border-bottom:0}
.guide-page .wg-day{color:#8abaff;font-weight:800}
.guide-page .wg-pill{display:inline-block;margin:0 6px 8px 0;border:1px solid #344c61;border-radius:2px;padding:5px 9px;color:#bcd2e5;font-size:11px}
.guide-page .wg-subnote,.guide-page .wg-small{font-size:12px;line-height:1.7;color:#93a3b1}
.guide-page .wg-callout{border:1px solid #2b4053;border-radius:3px;padding:30px;background:linear-gradient(120deg,#111f2c,#0b141d)}
.guide-page .wg-callout h3{font-size:clamp(25px,4vw,38px);line-height:1.1;letter-spacing:-.04em;margin:0 0 15px;font-weight:900}
.guide-page .wg-callout p{font-size:13px;color:#b9c7d4}
.guide-page .wg-source{border-bottom:1px solid #293743;padding:14px 0;font-size:12px;color:#c7d2dc}
.guide-page .wg-source a{color:#78b6ff;text-decoration:underline;text-underline-offset:3px}
.guide-page .wg-footer{background:#05080b;border-top:1px solid #293743;padding:35px 22px 45px;color:#9ba7b2;font-size:11px}
.guide-page .wg-footer a{color:#b0cfff;text-decoration:underline}
.guide-page a:focus-visible{outline:2px solid #1680ff;outline-offset:4px}
@media(min-width:1024px){.guide-page .wg-hero>.wg-container{width:min(calc(100% - 120px),1280px)}.guide-page .wg-section{padding-left:clamp(60px,8vw,140px);padding-right:clamp(60px,8vw,140px)}.guide-page .wg-section>.wg-container{max-width:1180px}}
@media(max-width:780px){.guide-page .wg-hero{min-height:auto;padding:140px 0 75px}.guide-page .wg-grid,.guide-page .wg-two{grid-template-columns:1fr}.guide-page .wg-section{padding:65px 22px 70px}.guide-page .wg-card,.guide-page .wg-panel{padding:22px 18px}.guide-page .wg-hero h1{font-size:clamp(47px,11vw,72px)}.guide-page .wg-section h2{font-size:clamp(39px,9vw,62px)}.guide-page .wg-actions{align-items:stretch}.guide-page .wg-btn{min-width:0}.guide-page .wg-featureline{flex-direction:column;align-items:stretch;gap:12px}.guide-page .wg-featureline span{flex-basis:auto;width:100%;padding-top:10px}}
@media(max-width:380px){.guide-page .wg-hero{padding-top:125px}.guide-page .wg-hero h1{font-size:44px}.guide-page .wg-actions{flex-direction:column;align-items:stretch}.guide-page .wg-card{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){.guide-page *{scroll-behavior:auto}}