/* Single blog post (single.php) — loaded on posts only. */
.bp{--teal:#003633;--teal-2:#00524c;--green:#386f50;--mint:#b5ede7;--mint-soft:#e3f1ea;--line:#d3dcd9;--ink:#191c1c;--muted:#404847;
  background:#f7faf9;color:var(--ink);padding-top:64px}
.bp *{box-sizing:border-box}
.bp .material-symbols-outlined{font-size:1.15em;line-height:1;vertical-align:-.18em}
.bp-wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* Header */
.bp-head{padding:26px 0 22px;background:linear-gradient(180deg,#eef6f2 0%,#f7faf9 100%)}
.bp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.8rem;color:var(--muted);margin-bottom:16px}
.bp-crumbs a{color:var(--muted);text-decoration:none}.bp-crumbs a:hover{color:var(--teal);text-decoration:underline}
.bp-crumbs [aria-current]{color:var(--ink);font-weight:600}
.bp-chip{display:inline-block;background:var(--mint-soft);color:#1f3d36;border-radius:999px;padding:.3rem .8rem;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;text-decoration:none}
.bp-chip:hover{background:var(--teal);color:#fff}
.bp-title{margin:.7rem 0 .5rem;font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.12;font-weight:800;color:var(--teal);max-width:820px;letter-spacing:-.01em}
.bp-sub{margin:0 0 1rem;font-size:1.08rem;line-height:1.55;color:var(--muted);max-width:760px}
.bp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:.85rem;color:var(--muted)}
.bp-author{display:flex;align-items:center;gap:10px}
.bp-author img,.bp-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.bp-avatar{display:flex;align-items:center;justify-content:center;background:var(--teal);color:var(--mint);font-weight:800;font-size:1.1rem}
.bp-avatar--lg{width:64px;height:64px;font-size:1.5rem}
.bp-author b{display:block;color:var(--ink);font-size:.92rem}
.bp-author small{display:block;font-size:.78rem}
.bp-meta-item{display:inline-flex;align-items:center;gap:.35rem}

/* Grid */
.bp-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;padding-top:8px;padding-bottom:56px}
@media (max-width:980px){.bp-grid{grid-template-columns:1fr}}
.bp-side-inner{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
@media (max-width:980px){.bp-side-inner{position:static}}

.bp-hero{margin:0 0 18px;border-radius:1.5rem;overflow:hidden;background:var(--mint-soft);aspect-ratio:1200/560}
.bp-hero img{width:100%;height:100%;object-fit:cover;display:block}

/* Read-aloud + podcast player */
.bp-tts,.sa-podcast-player{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;background:#fff;border:1px solid var(--line);border-radius:1.25rem;padding:14px 18px;margin:0 0 18px}
.bp-tts[hidden]{display:none}
.bp-tts-play,.sa-podcast-playpause{flex-shrink:0;width:50px;height:50px;border-radius:50%;background:var(--teal);color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}
.bp-tts-play:hover,.sa-podcast-playpause:hover{background:var(--teal-2);transform:scale(1.05)}
.bp-tts-play .material-symbols-outlined,.sa-podcast-playpause .material-symbols-outlined{font-size:28px}
.bp-tts-mid,.sa-podcast-mid{flex:1 1 200px;min-width:0}
.bp-tts-label,.sa-podcast-label{margin:0 0 .45rem;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:.35rem}
.bp-tts-label small{font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted)}
.bp-tts-bar,.sa-podcast-scrubber{position:relative;height:6px;border-radius:99px;background:#e1e8e5;overflow:hidden}
.bp-tts-fill,.sa-podcast-scrubber-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--teal);border-radius:99px;transition:width .3s}
.sa-podcast-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sa-podcast-time{margin:.35rem 0 0;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.bp-tts-ctrl,.sa-podcast-controls{display:flex;gap:6px;flex-shrink:0}
.bp-tts-btn,.sa-podcast-skip,.sa-podcast-speed{min-width:40px;height:40px;border-radius:.75rem;border:1.5px solid var(--line);background:#fff;color:var(--teal);font:inherit;font-weight:800;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 .6rem}
.bp-tts-btn:hover,.sa-podcast-skip:hover,.sa-podcast-speed:hover{border-color:var(--teal)}
.bp-reading{background:linear-gradient(transparent 60%,rgba(181,237,231,.65) 60%);border-radius:2px}

/* Key takeaways */
.bp-takeaways{display:flex;gap:14px;background:#eef7f2;border:1px solid #cfe6da;border-radius:1.25rem;padding:18px 20px;margin:0 0 24px}
.bp-kt-icon{font-size:2rem!important;color:#d9a21b;flex-shrink:0}
.bp-takeaways h2{margin:.1rem 0 .55rem;font-size:1.1rem;font-weight:800;color:var(--teal)}
.bp-takeaways ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.bp-takeaways li{display:flex;gap:.5rem;align-items:flex-start;font-size:.95rem;line-height:1.5}
.bp-takeaways li .material-symbols-outlined{color:var(--green);font-variation-settings:'FILL' 1;margin-top:.15rem}

/* Tags + teacher */
.bp-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 8px;padding-top:18px;border-top:1px solid var(--line);font-size:.85rem}
.bp-tags a{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:.3rem .8rem;text-decoration:none;font-weight:600}
.bp-tags a:hover{border-color:var(--teal);color:var(--teal)}
.bp-teacher{margin-top:24px;background:var(--teal);color:#fff;border-radius:1.5rem;padding:22px}
.bp-teacher-kicker{margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mint)}
.bp-teacher-row{display:flex;gap:16px;align-items:flex-start}
.bp-teacher-row>img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}
.bp-teacher h3{margin:0;color:#fff;font-size:1.15rem}
.bp-teacher p{margin:.3rem 0 .8rem;color:rgba(255,255,255,.85);font-size:.9rem;line-height:1.55}
.bp-teacher-role{color:var(--mint)!important;margin-top:0!important}
.bp-teacher-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.bp-teacher-pills span{background:rgba(255,255,255,.14);border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:700}

/* Sidebar cards */
.bp-card{display:block;background:#fff;border:1px solid var(--line);border-radius:1.4rem;padding:18px;color:var(--ink);text-decoration:none}
.bp-card-title{margin:0 0 .7rem;font-size:1.08rem;font-weight:800}
.bp-card p{margin:0 0 .9rem;font-size:.88rem;line-height:1.55;color:var(--muted)}
.bp-card--mint{background:#eef7f2;border-color:#cfe6da}
.bp-guide-icon{display:inline-flex!important;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--teal);align-items:center;justify-content:center;font-size:1.5rem!important;margin-bottom:10px}
.bp-card--dark{background:var(--teal);border-color:var(--teal)}
.bp-card--dark .bp-card-title{color:#fff}.bp-card--dark p{color:rgba(255,255,255,.8)}
.bp-kicker{margin:0 0 .3rem!important;font-size:.72rem!important;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--mint)!important}
.bp-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.bp-related{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:12px}
.bp-related a{display:flex;gap:12px;text-decoration:none;color:var(--ink)}
.bp-related-img{width:84px;height:84px;border-radius:.9rem;overflow:hidden;flex-shrink:0;background:var(--mint-soft);display:flex;align-items:center;justify-content:center;color:var(--green)}
.bp-related-img img{width:100%;height:100%;object-fit:cover}
.bp-related-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.bp-related-txt b{font-size:.9rem;line-height:1.3}
.bp-related a:hover b{color:var(--teal);text-decoration:underline}
.bp-related-cat{align-self:flex-start;background:var(--mint-soft);color:#1f3d36;border-radius:999px;padding:.12rem .5rem;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bp-related-time{color:var(--muted);font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem}
.bp-insta{display:flex;align-items:center;gap:12px}
.bp-insta b{display:block;font-size:.92rem}.bp-insta small{display:block;color:var(--muted);font-size:.78rem}
.bp-insta>.material-symbols-outlined{margin-left:auto;color:var(--teal)}
.bp-insta-icon{width:42px;height:42px;border-radius:50%;background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* Buttons + links */
.bp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.9rem;padding:.7rem 1.1rem;font-weight:800;font-size:.86rem;text-decoration:none;border:0;cursor:pointer}
.bp-btn--solid{background:var(--teal);color:#fff}.bp-btn--solid:hover{background:var(--teal-2)}
.bp-btn--mint{background:var(--mint);color:#002020}.bp-btn--mint:hover{background:#9fe3db}
.bp-btn--full{width:100%}
.bp-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--teal);font-weight:800;font-size:.84rem;text-decoration:none}
.bp-link:hover{text-decoration:underline}