/* =============================================================
   MindBodyReveals.one — Phase 2 stylesheet (guides, tools,
   categories, resources, legal & utility pages).
   Layers on top of style.css. New file; Phase 1 CSS untouched.
   ============================================================= */

/* ---------- Interior page hero ---------- */
.mbr-page-hero{position:relative;color:#fff;background:linear-gradient(135deg,#4c1d95,#6d28d9 55%,#0ea5e9);padding:2.8rem 0}
.mbr-page-hero__title{color:#fff;font-size:clamp(1.7rem,1.1rem + 2.6vw,2.6rem);margin:0 0 .6rem}
.mbr-page-hero__lead{color:rgba(255,255,255,.92);max-width:60ch;font-size:1.05rem;margin:0}
.mbr-kicker--light{color:#c4b5fd}
.mbr-page-hero__meta{list-style:none;display:flex;flex-wrap:wrap;gap:1.2rem;padding:0;margin:1rem 0 0;font-size:.85rem;color:rgba(255,255,255,.85)}
.mbr-page-hero__meta li{display:flex;align-items:center;gap:.35rem}

/* ---------- Content panels ---------- */
.mbr-panel{border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.5rem;margin:1.8rem 0}
.mbr-panel h2{font-size:1.25rem;margin:0 0 .8rem}
.mbr-panel--key{background:#f5f3ff;border-left:4px solid var(--brand)}
.mbr-panel--fact{background:#eff6ff;border-left:4px solid var(--brand-2)}
.mbr-panel--myth{background:#fff7ed;border-left:4px solid #f97316}
.mbr-panel--research{background:#ecfdf5;border-left:4px solid var(--brand-3)}
.mbr-panel--tips{background:#fdf4ff;border-left:4px solid #a855f7}
.mbr-factlist{list-style:none;padding:0;margin:0}
.mbr-factlist li{position:relative;padding:.5rem 0 .5rem 1.6rem;border-bottom:1px dashed var(--line);color:var(--ink-soft)}
.mbr-factlist li:last-child{border-bottom:0}
.mbr-factlist li::before{content:'\2726';position:absolute;left:0;color:var(--brand-2)}
.mbr-numlist{margin:0;padding-left:1.2rem}
.mbr-numlist li{margin-bottom:.6rem;color:var(--ink-soft);padding-left:.3rem}
.mbr-myth{padding:.7rem 0;border-bottom:1px solid #fed7aa}
.mbr-myth:last-child{border-bottom:0}
.mbr-myth__m{margin:0 0 .25rem;color:#9a3412}
.mbr-myth__f{margin:0;color:var(--ink-soft)}

/* ---------- Article typography ---------- */
.mbr-article>section{margin-bottom:2rem;scroll-margin-top:90px}
.mbr-article h2{margin-top:0}
.mbr-article h3{margin:1.4rem 0 .5rem}
.mbr-lead{font-size:1.15rem;color:var(--ink);font-weight:500}
.mbr-note{background:var(--bg-tint);border-radius:var(--radius-sm);padding:1rem 1.2rem;margin:1.1rem 0;border-left:3px solid var(--brand);font-size:.96rem;color:var(--ink-soft)}
.mbr-note strong{color:var(--ink)}

/* ---------- Author box ---------- */
.mbr-author{display:flex;gap:1rem;align-items:flex-start;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;margin:2rem 0}
.mbr-author__avatar{flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--serif)}
.mbr-author__name{font-weight:700;margin:0 0 .3rem;color:var(--ink)}
.mbr-author__bio{margin:0 0 .5rem;font-size:.92rem;color:var(--ink-soft)}
.mbr-author__links{margin:0;font-size:.85rem}

/* ---------- Share ---------- */
.mbr-share{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}
.mbr-share__label{font-weight:600;color:var(--muted);font-size:.9rem}
.mbr-share__btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;font-weight:700;cursor:pointer;text-decoration:none;transition:.18s}
.mbr-share__btn:hover{background:var(--brand);color:#fff;border-color:var(--brand);text-decoration:none;transform:translateY(-2px)}

/* ---------- Related ---------- */
.mbr-related{margin:2rem 0}
.mbr-related h2{font-size:1.3rem;margin-bottom:1rem}

/* ---------- CTA callout (reuses .mbr-callout from base) ---------- */
.mbr-cta-box{background:linear-gradient(135deg,#4c1d95,#6d28d9 55%,#0ea5e9);color:#fff;border-radius:var(--radius);padding:2rem;margin:2rem 0;text-align:center}
.mbr-cta-box h2{color:#fff;margin:0 0 .5rem}
.mbr-cta-box p{color:rgba(255,255,255,.9);max-width:52ch;margin:0 auto 1.2rem}

/* ---------- Listing hero + grids ---------- */
.mbr-filterbar{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.6rem}
.mbr-chip{border:1px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:999px;padding:.4rem .9rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:.15s}
.mbr-chip:hover{border-color:var(--brand);color:var(--brand)}
.mbr-chip.is-active{background:var(--brand);color:#fff;border-color:var(--brand)}
.mbr-count{color:var(--muted);font-size:.9rem;margin:0 0 1rem}
.mbr-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.3rem}
.mbr-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}
.is-hidden{display:none!important}

/* ---------- Category pages ---------- */
.mbr-cat-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem}
.mbr-cat-header__icon{font-size:2.4rem}

/* ---------- Tool UI ---------- */
.mbr-tool{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem;margin:0 0 1.6rem}
.mbr-tool__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;border-top:1px solid var(--line);padding-top:1.1rem}
.mbr-field{margin-bottom:1rem}
.mbr-field label{display:block;font-weight:600;margin-bottom:.35rem;color:var(--ink);font-size:.94rem}
.mbr-field input,.mbr-field select,.mbr-field textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:#fff;color:var(--ink)}
.mbr-field input:focus,.mbr-field select:focus,.mbr-field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,40,217,.15)}
.mbr-field__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.mbr-range{display:flex;align-items:center;gap:1rem}
.mbr-range output{font-weight:700;color:var(--brand);min-width:2.5rem;text-align:right}
.mbr-result{background:var(--bg-tint);border-radius:var(--radius-sm);padding:1.2rem;margin-top:1rem}
.mbr-result__big{font-family:var(--serif);font-size:2rem;color:var(--brand);margin:.2rem 0}
.mbr-result[hidden]{display:none}
.mbr-checklist{list-style:none;padding:0;margin:0}
.mbr-checklist li{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--line)}
.mbr-checklist li:last-child{border-bottom:0}
.mbr-checklist input{width:20px;height:20px;accent-color:var(--brand)}
.mbr-progress{height:10px;border-radius:999px;background:var(--line);overflow:hidden;margin:.6rem 0}
.mbr-progress__bar{height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .3s}
.mbr-log{list-style:none;padding:0;margin:1rem 0 0}
.mbr-log li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:.4rem;font-size:.92rem;background:#fff}
.mbr-log button{border:0;background:none;color:#dc2626;cursor:pointer;font-weight:700}
.mbr-breathe{display:grid;place-items:center;margin:1.4rem 0}
.mbr-breathe__circle{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a78bfa,#6d28d9);display:grid;place-items:center;color:#fff;font-weight:600;transition:transform 4s ease-in-out;box-shadow:0 12px 40px -10px rgba(109,40,217,.6)}
.mbr-breathe__circle.is-in{transform:scale(1.35)}
.mbr-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:.7rem 1.1rem;border-radius:999px;font-size:.9rem;opacity:0;pointer-events:none;transition:.25s;z-index:1500}
.mbr-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0)}
.mbr-tool-how{list-style:none;counter-reset:s;padding:0;margin:0}
.mbr-tool-how li{counter-increment:s;position:relative;padding:.4rem 0 .4rem 2.1rem;color:var(--ink-soft);font-size:.92rem}
.mbr-tool-how li::before{content:counter(s);position:absolute;left:0;top:.35rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700}

/* ---------- Prose (legal / about / resources) ---------- */
.mbr-prose{max-width:820px}
.mbr-prose h2{margin:1.8rem 0 .6rem}
.mbr-prose h3{margin:1.3rem 0 .4rem}
.mbr-prose p,.mbr-prose li{color:var(--ink-soft)}
.mbr-prose ul{padding-left:1.2rem}
.mbr-prose li{margin-bottom:.4rem}
.mbr-updated{color:var(--muted);font-size:.85rem;margin-bottom:1.4rem}

/* ---------- Search ---------- */
.mbr-searchbox{display:flex;gap:.6rem;margin:0 0 1.6rem;flex-wrap:wrap}
.mbr-searchbox input{flex:1;min-width:220px;padding:.8rem 1rem;border:1px solid var(--line);border-radius:999px;font:inherit}
.mbr-searchresult{display:block;padding:1.1rem;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.9rem;transition:.15s}
.mbr-searchresult:hover{border-color:var(--brand);text-decoration:none;transform:translateY(-2px)}
.mbr-searchresult h3{margin:0 0 .3rem;color:var(--ink)}
.mbr-searchresult span{font-size:.78rem;color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.mbr-searchresult p{margin:.3rem 0 0;color:var(--ink-soft);font-size:.92rem}

/* ---------- Sitemap ---------- */
.mbr-sitemap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem}
.mbr-sitemap h2{font-size:1.1rem}
.mbr-sitemap ul{list-style:none;padding:0;margin:0}
.mbr-sitemap li{margin-bottom:.4rem}

/* ---------- 404 ---------- */
.mbr-404{text-align:center;padding:4rem 0}
.mbr-404__code{font-family:var(--serif);font-size:clamp(4rem,10vw,7rem);color:var(--brand);line-height:1;margin:0}

/* ---------- Contact ---------- */
.mbr-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start}
.mbr-form-note{font-size:.85rem;color:var(--muted)}

@media (max-width:860px){
  .mbr-field__row{grid-template-columns:1fr}
  .mbr-contact-grid{grid-template-columns:1fr}
}

/* ---------- Print ---------- */
@media print{
  .mbr-header,.mbr-breadcrumb,.mbr-page-hero,.mbr-sidebar,.mbr-share,.mbr-related,
  .mbr-cta-strip,.mbr-footer,.mbr-top,.mbr-tool__actions,.mbr-ad,.mbr-cta-box{display:none!important}
  .mbr-layout{grid-template-columns:1fr!important}
  body{color:#000}
  a{color:#000;text-decoration:underline}
  .mbr-tool,.mbr-panel{break-inside:avoid}
}