:root{--purple-dark: #3C3489;--purple-mid: #534AB7;--teal-light: #E1F5EE;--amber-light: #FAEEDA;--text-mid: #5a5670;--text-soft: #9994b8;--white: #ffffff;--border-hover: rgba(127,119,221,.35)}body{overflow-x:hidden}.page-wrap{max-width:1200px;margin:0 auto;padding:0 2rem}.content-wrap{display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:start;padding-top:2rem}.breadcrumb{margin-top:80px;padding:1rem 0;display:flex;align-items:center;gap:.5rem;font-size:12px;color:var(--text-soft);flex-wrap:wrap}.breadcrumb a{color:var(--text-soft);transition:color .2s}.breadcrumb a:hover{color:var(--purple)}.breadcrumb-sep{color:var(--border-hover)}.article-header{padding:1.5rem 0 2rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.article-category{display:inline-flex;align-items:center;gap:6px;background:var(--purple-light);color:var(--purple-dark);padding:.3rem .85rem;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.03em;margin-bottom:1rem}.article-h1{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.2;color:var(--text);margin-bottom:1rem;letter-spacing:-.02em}.article-intro{font-size:1.05rem;color:var(--text-mid);line-height:1.75;font-weight:300;margin-bottom:1.5rem;max-width:680px}.article-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;color:var(--white);flex-shrink:0}.author-info{display:flex;flex-direction:column}.author-name{font-size:13px;font-weight:500;color:var(--text)}.author-cred{font-size:11px;color:var(--text-soft)}.meta-sep{color:var(--border-hover)}.meta-item{font-size:12px;color:var(--text-soft);display:flex;align-items:center;gap:4px}.med-banner{display:flex;align-items:flex-start;gap:10px;background:var(--teal-light);border:1px solid rgba(29,158,117,.2);border-radius:10px;padding:.85rem 1rem;margin-bottom:2rem}.med-banner-icon{flex-shrink:0;margin-top:1px}.med-banner-text{font-size:12px;color:var(--teal);line-height:1.6}.med-banner-text strong{font-weight:500;display:block;margin-bottom:2px}.toc{background:var(--purple-light);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:2.5rem}.toc-title{font-size:13px;font-weight:500;color:var(--purple-dark);margin-bottom:.75rem}.toc-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.toc-list li a{font-size:13px;color:var(--purple-mid);transition:color .2s;display:flex;align-items:center;gap:6px}.toc-list li a:hover{color:var(--purple-dark)}.toc-list li a:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--purple);flex-shrink:0}.article-body{font-size:1rem;line-height:1.8;color:var(--text)}.article-body h2{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;color:var(--text);margin:2.5rem 0 1rem;line-height:1.3;letter-spacing:-.01em;padding-top:.5rem;border-top:1px solid var(--border)}.article-body h3{font-size:1.1rem;font-weight:700;color:var(--text);margin:1.75rem 0 .65rem}.article-body p{margin-bottom:1.25rem}.article-body ul,.article-body ol{margin:0 0 1.25rem 1.5rem}.article-body li{margin-bottom:.5rem;line-height:1.7}.article-body a{color:var(--purple);text-decoration:underline;text-decoration-color:#7f77dd4d;transition:text-decoration-color .2s}.article-body a:hover{text-decoration-color:var(--purple)}.article-body strong{font-weight:500;color:var(--text)}.phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.phase-card{border-radius:14px;padding:1.25rem;border:1px solid var(--border)}.phase-card-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.35rem}.phase-card-name{font-size:15px;font-weight:500;margin-bottom:.3rem}.phase-card-days{font-size:11px;opacity:.75;margin-bottom:.65rem}.phase-card-desc{font-size:13px;line-height:1.6}.phase-card-mood{font-size:11px;margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.3);opacity:.9}.phase-menstrual{background:#eeedfe;border-color:#7f77dd40}.phase-menstrual .phase-card-label{color:var(--purple-mid)}.phase-menstrual .phase-card-name{color:var(--purple-dark)}.phase-menstrual .phase-card-days{color:var(--purple-mid)}.phase-menstrual .phase-card-desc{color:var(--purple-dark)}.phase-menstrual .phase-card-mood{color:var(--purple-mid);border-top-color:#7f77dd33}.phase-follicular{background:#e1f5ee;border-color:#1d9e7533}.phase-follicular .phase-card-label{color:#0f6e56}.phase-follicular .phase-card-name{color:#085041}.phase-follicular .phase-card-days{color:#0f6e56}.phase-follicular .phase-card-desc{color:#085041}.phase-follicular .phase-card-mood{color:#0f6e56;border-top-color:#1d9e7533}.phase-ovulatory{background:#fbeaf0;border-color:#d4537e33}.phase-ovulatory .phase-card-label{color:#993556}.phase-ovulatory .phase-card-name{color:#72243e}.phase-ovulatory .phase-card-days{color:#993556}.phase-ovulatory .phase-card-desc{color:#72243e}.phase-ovulatory .phase-card-mood{color:#993556;border-top-color:#d4537e26}.phase-luteal{background:#faeeda;border-color:#ef9f2733}.phase-luteal .phase-card-label{color:#854f0b}.phase-luteal .phase-card-name{color:#633806}.phase-luteal .phase-card-days{color:#854f0b}.phase-luteal .phase-card-desc{color:#633806}.phase-luteal .phase-card-mood{color:#854f0b;border-top-color:#ef9f2733}.highlight-box{background:var(--purple-light);border-left:3px solid var(--purple);border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin:1.5rem 0}.highlight-box p{margin:0;font-size:14px;color:var(--purple-dark);line-height:1.7}.highlight-box strong{color:var(--purple-dark)}.warning-box{background:#faeeda;border-left:3px solid var(--amber);border-radius:0 10px 10px 0;padding:1rem 1.25rem;margin:1.5rem 0}.warning-box p{margin:0;font-size:14px;color:#633806;line-height:1.7}.warning-box-title{font-weight:500;display:block;margin-bottom:.35rem;color:#412402}.hormone-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:13px}.hormone-table th{background:var(--purple-light);color:var(--purple-dark);font-weight:500;padding:.65rem .85rem;text-align:left}.hormone-table td{padding:.6rem .85rem;border-bottom:1px solid var(--border);color:var(--text-mid);vertical-align:top}.hormone-table tr:last-child td{border-bottom:none}.hormone-table tr:nth-child(2n) td{background:#7f77dd08}.faq-section{margin:3rem 0;max-width:none;padding:0}.faq-section h2{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:1.5rem}.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:.65rem;overflow:hidden}.faq-question{width:100%;padding:1rem 1.25rem;background:var(--white);border:none;text-align:left;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:DM Sans,sans-serif;transition:background .2s}.faq-question:hover{background:var(--purple-light)}.faq-question svg{flex-shrink:0;transition:transform .3s}.faq-question.open svg{transform:rotate(180deg)}.faq-answer{display:none;padding:1rem 1.25rem;font-size:14px;color:var(--text-mid);line-height:1.75;border-top:1px solid var(--border)}.faq-answer.open{display:block}.share-section{background:var(--purple-light);border-radius:14px;padding:1.25rem 1.5rem;margin:2.5rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.share-text{font-size:14px;font-weight:500;color:var(--purple-dark)}.share-sub{font-size:12px;color:var(--purple-mid);margin-top:2px}.share-buttons{display:flex;gap:8px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:7px;padding:.55rem 1.1rem;border-radius:100px;font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:DM Sans,sans-serif;transition:opacity .2s}.share-btn-whatsapp{background:#25d366;color:#fff}.share-btn-copy{background:var(--purple);color:#fff}.share-btn:hover{opacity:.88}.related-tools{margin:2.5rem 0}.related-tools h3{font-size:15px;font-weight:500;color:var(--text);margin-bottom:1rem}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.related-tool-card{display:flex;align-items:flex-start;gap:10px;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;transition:border-color .2s,transform .2s}.related-tool-card:hover{border-color:var(--purple);transform:translateY(-2px)}.related-tool-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.related-tool-name{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px}.related-tool-desc{font-size:11px;color:var(--text-soft);line-height:1.4}.related-tool-link{font-size:11px;color:var(--purple);font-weight:500;margin-top:4px}.related-articles{margin:2.5rem 0}.related-articles h3{font-size:15px;font-weight:500;color:var(--text);margin-bottom:1rem}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.related-article-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:border-color .2s,transform .2s}.related-article-card:hover{border-color:var(--purple);transform:translateY(-2px)}.related-article-cat{font-size:10px;font-weight:500;color:var(--purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.related-article-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;margin-bottom:.35rem}.related-article-arrow{font-size:11px;color:var(--purple);font-weight:500}.author-bio{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin:2.5rem 0;display:flex;gap:1.25rem;align-items:flex-start}.author-bio-avatar{width:56px;height:56px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:var(--white);flex-shrink:0}.author-bio-name{font-size:15px;font-weight:500;color:var(--text);margin-bottom:2px}.author-bio-title{font-size:12px;color:var(--purple);font-weight:500;margin-bottom:.6rem}.author-bio-text{font-size:13px;color:var(--text-mid);line-height:1.65}.author-bio-link{font-size:12px;color:var(--purple);font-weight:500;margin-top:.5rem;display:inline-block}.sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:1rem}.sidebar-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1.25rem}.sidebar-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:.85rem}.sidebar-tool{display:flex;align-items:center;gap:8px;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--text-mid);transition:color .2s}.sidebar-tool:last-child{border-bottom:none}.sidebar-tool:hover{color:var(--purple)}.sidebar-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sidebar-cta{background:var(--purple);color:var(--white);display:block;text-align:center;padding:.75rem;border-radius:10px;font-size:14px;font-weight:500;transition:opacity .2s;margin-top:.75rem}.sidebar-cta:hover{opacity:.88}.sidebar-toc-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.sidebar-toc-list a{font-size:12px;color:var(--text-mid);transition:color .2s;display:flex;align-items:center;gap:6px}.sidebar-toc-list a:hover{color:var(--purple)}.sidebar-toc-list a:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--border-hover);flex-shrink:0}.disclaimer-bar{background:var(--amber-light);border-top:1px solid rgba(239,159,39,.2);padding:.75rem 2rem;text-align:center;font-size:12px;color:#633806;line-height:1.6}.disclaimer-bar a{color:#633806;text-decoration:underline}.key-takeaways{background:var(--purple-light);border-radius:14px;padding:1.25rem 1.5rem;margin:1.5rem 0 2rem}.key-takeaways h2{font-family:DM Sans,sans-serif!important;font-size:13px!important;font-weight:600!important;color:var(--purple-dark)!important;margin:0 0 .75rem!important;border-top:none!important;padding-top:0!important;display:flex;align-items:center;gap:8px}.key-takeaways ul{margin:0;padding:0 0 0 1.25rem}.key-takeaways li{font-size:14px;color:var(--purple-dark);line-height:1.65;margin-bottom:.4rem}.key-takeaways li:last-child{margin-bottom:0}.inline-cta{background:linear-gradient(135deg,#7f77dd,#534ab7);border-radius:14px;padding:1.25rem 1.5rem;margin:2rem 0}.inline-cta h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 .4rem}.inline-cta p{font-size:13px;color:#ffffffd9;margin:0 0 .85rem;line-height:1.5}.btn-primary{display:inline-flex;align-items:center;background:#fff;color:var(--purple);padding:.5rem 1.1rem;border-radius:100px;font-size:13px;font-weight:600;transition:opacity .2s;text-decoration:none}.btn-primary:hover{opacity:.9}.quick-answer{background:var(--teal-light);border-left:3px solid var(--teal);border-radius:0 12px 12px 0;padding:1rem 1.25rem;margin-bottom:2rem}.quick-answer-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--teal);margin-bottom:.35rem}.quick-answer-text{font-size:14px;color:#085041;line-height:1.7;margin:0}.quick-answer-text strong{color:#085041;font-weight:600}@media(max-width:900px){.content-wrap{grid-template-columns:1fr}.sidebar{position:static}.phase-grid{grid-template-columns:1fr}}@media(max-width:600px){.page-wrap{padding:0 1.25rem}.article-h1{font-size:1.6rem}.phase-grid{grid-template-columns:1fr}.share-section{flex-direction:column}}