/* ================================
   Yael Theme v2 — YoungWomanPower
   ================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--teal:#2a7a6a;--teal-dark:#1a2e1e;--text:#1a1a18;--text-2:#6b5f4a;--text-3:#b0a48c;--border:rgba(60,40,10,0.1);--bg:#f7f4ee;--bg-2:#ede9e0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}

/* NAV */
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 44px;border-bottom:0.5px solid var(--border);position:sticky;top:0;background:rgba(247,244,238,0.92);backdrop-filter:blur(20px);z-index:100}
.logo{font-size:13px;font-weight:500;color:var(--text);letter-spacing:-0.01em}
.nav-links{display:flex;gap:28px}
.nav-links a{font-size:13px;color:var(--text-2);transition:color 0.15s}
.nav-links a:hover,.nav-links a.on{color:var(--text)}
.nav-toggle{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-2)}

/* BUTTONS */
.btn-solid{background:var(--text);color:#fff;border:none;padding:11px 22px;border-radius:26px;font-size:13px;cursor:pointer}
.btn-ghost{background:transparent;color:var(--text);border:0.5px solid rgba(0,0,0,0.18);padding:11px 22px;border-radius:26px;font-size:13px;cursor:pointer}
.btn-ghost-w{background:transparent;color:rgba(255,255,255,0.75);border:0.5px solid rgba(255,255,255,0.2);padding:11px 22px;border-radius:26px;font-size:13px;cursor:pointer}
.btn-white{background:#f5f0e4;color:#1c2a1e;border:none;padding:11px 22px;border-radius:26px;font-size:13px;font-weight:500;cursor:pointer}

/* HERO */
.h-hero{display:grid;grid-template-columns:55% 45%;background:var(--teal-dark);border-bottom:0.5px solid rgba(255,255,255,0.05)}
.h-hero-l{padding:64px 44px 56px;display:flex;flex-direction:column;justify-content:space-between;border-right:0.5px solid rgba(255,255,255,0.05);min-height:380px}
.h-hero-eyebrow{font-size:11px;letter-spacing:0.13em;color:rgba(180,220,180,0.6);margin-bottom:24px}
.h-hero-title{font-size:48px;font-weight:500;letter-spacing:-0.035em;line-height:1.05;color:#f5f0e4}
.h-hero-title em{color:#5ec4a8;font-style:normal}
.h-hero-r{padding:64px 44px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.h-hero-orb{position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(90,180,140,0.15),transparent 65%);pointer-events:none}
.h-hero-desc{font-size:15px;color:rgba(240,228,200,0.45);line-height:1.85;max-width:300px;position:relative}
.h-hero-btns{display:flex;gap:10px;position:relative}
.h-hero-btns a{display:inline-block}

/* TICKER */
.ticker{overflow:hidden;border-bottom:0.5px solid var(--border);padding:12px 0;background:var(--bg)}
.ticker-inner{display:flex;white-space:nowrap;font-size:11px;color:var(--text-3);letter-spacing:0.07em;animation:tick 28s linear infinite}
.ticker-inner b{color:var(--teal);font-weight:400}
@keyframes tick{to{transform:translateX(-50%)}}

/* FEATURE ROWS */
.frow{display:grid;grid-template-columns:1fr 1fr;border-bottom:0.5px solid var(--border);min-height:360px}
.frow.flip{direction:rtl}
.frow.flip>*{direction:ltr}
.frow-vis{position:relative;overflow:hidden;border-right:0.5px solid var(--border);display:flex;flex-direction:column;justify-content:flex-end;padding:32px;min-height:360px}
.frow.flip .frow-vis{border-right:none;border-left:0.5px solid var(--border)}
.frow-vis-title{font-size:28px;font-weight:500;letter-spacing:-0.03em;line-height:1.2;margin-bottom:6px}
.frow-vis-sub{font-size:10px;letter-spacing:0.1em}
.frow-txt{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.frow-tag{font-size:11px;color:var(--teal);letter-spacing:0.1em;margin-bottom:14px}
.frow-title{font-size:24px;font-weight:500;letter-spacing:-0.025em;line-height:1.3;margin-bottom:14px}
.frow-body{font-size:14px;color:var(--text-2);line-height:1.9;margin-bottom:22px}
.frow-link{font-size:13px;color:var(--teal);cursor:pointer}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:0.5px solid var(--border)}
.stat{padding:26px 44px;border-right:0.5px solid var(--border)}
.stat:last-child{border-right:none}
.stat-n{font-size:34px;font-weight:500;letter-spacing:-0.03em}
.stat-n em{color:var(--teal);font-style:normal}
.stat-l{font-size:11px;color:var(--text-3);margin-top:3px}

/* POST ROWS */
.sec-hd{display:flex;justify-content:space-between;align-items:center;padding:22px 44px 18px;border-bottom:0.5px solid var(--border)}
.sec-hd-title{font-size:11px;font-weight:500;letter-spacing:0.06em;color:var(--text-2)}
.sec-hd-more{font-size:12px;color:var(--teal);cursor:pointer}
.post-row{display:flex;align-items:baseline;gap:14px;padding:16px 44px;border-bottom:0.5px solid var(--border);cursor:pointer;transition:background 0.12s;color:var(--text)}
.post-row:hover{background:var(--bg-2)}
.post-n{font-size:11px;color:var(--text-3);width:22px;flex-shrink:0}
.post-t{font-size:14px;flex:1}
.post-tag{font-size:10px;color:var(--text-3);background:var(--bg-2);padding:2px 9px;border-radius:9px;flex-shrink:0}
.post-d{font-size:11px;color:var(--text-3);flex-shrink:0}

/* CTA */
.h-cta{background:var(--teal-dark);display:grid;grid-template-columns:1fr 1fr;border-top:0.5px solid rgba(255,255,255,0.04)}
.h-cta-l{padding:56px 44px;border-right:0.5px solid rgba(255,255,255,0.05)}
.h-cta-title{font-size:32px;font-weight:500;letter-spacing:-0.03em;line-height:1.15;color:#fff;margin-bottom:20px}
.h-cta-title em{color:var(--teal);font-style:normal}
.h-cta-sub{font-size:13px;color:rgba(255,255,255,0.35);line-height:1.8}
.h-cta-r{padding:56px 44px;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start}

/* FOOTER */
footer{display:flex;justify-content:space-between;align-items:center;padding:22px 44px;border-top:0.5px solid var(--border)}
.foot-l{font-size:11px;color:var(--text-3)}
.foot-r{display:flex;gap:20px}
.foot-r a{font-size:12px;color:var(--text-2)}
.foot-r a:hover{color:var(--teal)}

/* SINGLE POST */
.post-single-wrap{max-width:720px;margin:0 auto;padding:64px 44px}
.post-single-header{margin-bottom:48px;padding-bottom:32px;border-bottom:0.5px solid var(--border)}
.post-single-meta{font-size:11px;color:var(--text-3);letter-spacing:0.05em;margin-bottom:16px;display:flex;gap:8px;align-items:center}
.post-single-meta .dot{color:var(--border)}
.post-single-meta a{color:var(--teal)}
.post-single-title{font-size:36px;font-weight:500;letter-spacing:-0.03em;line-height:1.2;color:var(--text);margin-bottom:16px}
.post-single-tags{display:flex;gap:8px;flex-wrap:wrap}
.post-single-tags a{font-size:11px;color:var(--teal);background:rgba(42,122,106,0.08);padding:3px 10px;border-radius:12px}

.post-single-content{font-size:15px;line-height:1.9;color:var(--text)}
.post-single-content h2{font-size:22px;font-weight:500;letter-spacing:-0.02em;margin:2em 0 0.8em;color:var(--teal-dark)}
.post-single-content h3{font-size:18px;font-weight:500;margin:1.5em 0 0.6em}
.post-single-content p{margin-bottom:1.5em}
.post-single-content a{color:var(--teal);border-bottom:0.5px solid rgba(42,122,106,0.3)}
.post-single-content blockquote{margin:1.5em 0;padding:14px 20px;border-left:2px solid var(--teal);background:rgba(42,122,106,0.05);color:var(--text-2);font-style:italic}
.post-single-content code{font-size:0.88em;background:var(--bg-2);padding:2px 6px;border-radius:4px;color:var(--teal-dark)}
.post-single-content pre{background:var(--teal-dark);color:#f0e8dc;padding:20px 24px;border-radius:8px;overflow-x:auto;margin:1.5em 0}
.post-single-content pre code{background:none;color:inherit;padding:0}
.post-single-content img{width:100%;border-radius:8px;margin:1.5em 0}
.post-single-content iframe,.post-single-content video{width:100%;border-radius:8px;margin:1.5em 0}
.post-single-content ul,.post-single-content ol{padding-left:1.6em;margin-bottom:1.4em}
.post-single-content li{margin-bottom:0.4em}
.post-single-content hr{border:none;border-top:0.5px solid var(--border);margin:2em 0}

.post-single-nav{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:0.5px solid var(--border);font-size:13px;color:var(--text-2)}
.psn-prev a,.psn-next a{color:var(--teal)}
.psn-next{text-align:right}

/* COMMENTS */
.comments-wrap{max-width:720px;margin:0 auto;padding:0 44px 64px}
.comments-title{font-size:14px;font-weight:500;color:var(--text);margin-bottom:28px;padding-bottom:14px;border-bottom:0.5px solid var(--border)}
.comment-item{padding:20px 0;border-bottom:0.5px solid var(--border)}
.comment-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.comment-avatar{width:32px;height:32px;border-radius:50%}
.comment-author{font-size:13px;font-weight:500;color:var(--text)}
.comment-meta time{font-size:11px;color:var(--text-3)}
.comment-body{font-size:14px;color:var(--text-2);line-height:1.8}
.comment-form-wrap{margin-top:32px}
.comment-form-wrap h4{font-size:13px;font-weight:500;margin-bottom:16px;color:var(--text)}
#comment-form input,#comment-form textarea{width:100%;padding:10px 14px;border:0.5px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;margin-bottom:10px;outline:none;font-family:inherit;transition:border-color 0.2s}
#comment-form input:focus,#comment-form textarea:focus{border-color:var(--teal)}
#comment-form textarea{min-height:100px;resize:vertical}
#comment-form input[type=submit]{width:auto;background:var(--text);color:#fff;border:none;cursor:pointer;font-weight:500;padding:10px 24px;border-radius:26px;margin-bottom:0;transition:background 0.2s}
#comment-form input[type=submit]:hover{background:var(--teal-dark)}

/* MISC */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
::selection{background:rgba(42,122,106,0.15)}

/* MOBILE */
@media(max-width:768px){
  nav{padding:14px 20px}
  .nav-links{display:none;flex-direction:column;position:absolute;top:52px;left:0;right:0;background:rgba(247,244,238,0.97);padding:16px 20px;border-bottom:0.5px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .h-hero{grid-template-columns:1fr}
  .h-hero-l{padding:44px 20px 32px;min-height:auto;border-right:none;border-bottom:0.5px solid rgba(255,255,255,0.05)}
  .h-hero-title{font-size:36px}
  .h-hero-r{padding:32px 20px 44px}
  .frow{grid-template-columns:1fr}
  .frow-vis{min-height:200px;border-right:none!important;border-left:none!important}
  .frow-txt{padding:28px 20px}
  .frow.flip{direction:ltr}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:20px}
  .sec-hd,.post-row{padding-left:20px;padding-right:20px}
  .h-cta{grid-template-columns:1fr}
  .h-cta-l{padding:40px 20px;border-right:none;border-bottom:0.5px solid rgba(255,255,255,0.05)}
  .h-cta-r{padding:28px 20px 40px}
  footer{padding:20px;flex-direction:column;gap:10px;text-align:center}
  .post-single-wrap,.comments-wrap{padding:40px 20px}
  .post-single-title{font-size:26px}
}