/* =====================================================================
   PASS 21 — USER REVIEW CORRECTIONS / BILINGUAL DEPLOY / 2026-08-18
   Queued screenshot fixes: Mindful Navigation readability/alignment,
   Resources discovery rebuild, full comparison table, Shop/Tienda crest cleanup.
   ===================================================================== */

/* Mindful Navigation: readable SAILS / VELAS cards on the deep background. */
.mindful-navigation-page .mindful-sails-grid .feature-card{
  align-self:stretch;
  border-color:rgba(237,185,79,.50)!important;
  background:linear-gradient(180deg,#fffdf8,#f2f6f7)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.16)!important;
}
.mindful-navigation-page .mindful-sails-grid .feature-card h3{
  color:#082b43!important;font-size:1.22rem!important;line-height:1.13!important;
}
.mindful-navigation-page .mindful-sails-grid .feature-card p{
  color:#385365!important;font-size:.94rem!important;line-height:1.58!important;
}
.mindful-navigation-page .mindful-sails-grid .mindful-letter{
  color:#704b0b!important;border-color:#c9993e!important;background:#fff7e6!important;
}

/* Practice-library and science introductions: larger, centered, easy to scan. */
.mindful-navigation-page #practices .section-heading--wide,
.mindful-navigation-page #practicas .section-heading--wide,
.mindful-navigation-page .mindful-science-section .section-heading--wide{
  display:block!important;max-width:1080px!important;margin:0 auto 44px!important;text-align:center!important;
}
.mindful-navigation-page #practices .section-heading--wide>p,
.mindful-navigation-page #practicas .section-heading--wide>p,
.mindful-navigation-page .mindful-science-section .section-heading--wide>p{
  max-width:880px!important;margin:22px auto 0!important;color:#3d5665!important;font-size:1.13rem!important;line-height:1.65!important;font-weight:600!important;
}
.mindful-navigation-page .meditation-grid{align-items:start!important}
.mindful-navigation-page .meditation-card{align-self:start!important;width:100%!important}
.mindful-navigation-page .section-textured .prose--light .lead{
  color:#fff8e9!important;font-size:1.15rem!important;line-height:1.62!important;font-weight:700!important;
}
.mindful-navigation-page .section-textured .prose--light{color:rgba(255,255,255,.92)!important}

/* Closing Mindful Navigation CTA: reset the broken narrow-column grid. */
.mindful-navigation-page .cta-section{padding:70px 0!important}
.mindful-navigation-page .cta-card{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  width:min(960px,100%)!important;max-width:960px!important;margin:0 auto!important;padding:54px 50px!important;
  gap:22px!important;text-align:center!important;
}
.mindful-navigation-page .cta-card>div{width:100%!important;max-width:760px!important;min-width:0!important}
.mindful-navigation-page .cta-card .eyebrow{margin-bottom:12px!important}
.mindful-navigation-page .cta-card h2{max-width:760px!important;margin:0 auto!important;font-size:clamp(2.45rem,4.4vw,4rem)!important;line-height:1!important}
.mindful-navigation-page .cta-card p{max-width:700px!important;margin:16px auto 0!important;font-size:1.03rem!important;line-height:1.6!important}
.mindful-navigation-page .cta-card>.button{width:auto!important;min-width:230px!important;max-width:100%!important;margin:2px auto 0!important;white-space:normal!important}

/* Resources: one coherent search + filter control surface. */
.resources-page .tool-discovery{
  margin:34px 0 38px!important;padding:34px 34px 28px!important;border:1px solid rgba(198,151,61,.32)!important;
  border-radius:16px!important;background:linear-gradient(145deg,#fffdf8,#f5fafc)!important;box-shadow:0 18px 42px rgba(23,70,94,.09)!important;
}
.resources-page .tool-discovery__head{max-width:920px;margin:0 auto;text-align:center}
.resources-page .tool-discovery__head .eyebrow{margin-bottom:9px!important}
.resources-page .tool-discovery__head h2{margin:0;color:#0a2d45;font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.05}
.resources-page .tool-discovery__head>p:last-child{max-width:760px;margin:14px auto 0;color:#526976;font-size:1rem}
.resources-page .tool-search{max-width:880px;margin:26px auto 22px}
.resources-page .tool-search label{display:block;margin:0 0 8px;color:#0a2d45;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.resources-page .tool-search input{width:100%;min-height:54px;padding:13px 17px;border:1px solid #b9cbd3;border-radius:9px;background:#fff;color:#0a2d45;font-size:1rem;box-shadow:inset 0 1px 2px rgba(12,49,67,.05)}
.resources-page .tool-search input:focus{outline:3px solid rgba(217,154,43,.22);border-color:#c08b30}
.resources-page .tool-filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:1080px;margin:0 auto}
.resources-page .tool-filter-row button{min-height:42px;padding:10px 14px;border:1px solid #c7d4da;border-radius:8px;background:#fff;color:#0a2d45;font-size:.69rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.18s ease}
.resources-page .tool-filter-row button:hover,.resources-page .tool-filter-row button.is-active{border-color:#c49338;background:#082b43;color:#fff;box-shadow:0 7px 18px rgba(8,43,67,.13)}
.resources-page .tool-discovery__footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:25px;padding-top:20px;border-top:1px solid #dce5e8}
.resources-page .tool-results-status{display:flex;align-items:center;gap:13px;color:#526976;font-size:.88rem}
.resources-page .tool-results-status strong{color:#0a2d45}
.resources-page .tool-clear{padding:0;border:0;background:transparent;color:#8b5d12;font-size:.82rem;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.resources-page .resource-toolbar__download{color:#0a2d45;font-weight:900;text-underline-offset:3px}
.resources-page .resource-toolbar{display:none!important}

/* Why Brave Harbor: full-width accessible comparison; no clipped far-right column. */
.why-page .why-image-section .shell{width:min(1600px,calc(100% - 24px))!important;max-width:none!important}
.why-page .why-comparison-figure{width:100%!important;max-width:none!important;padding:12px!important}
.why-page .why-comparison-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:9px;background:#061522;scrollbar-color:#b9852d #061522}
.why-page .why-comparison-table{width:100%;min-width:1370px;border-collapse:collapse;table-layout:fixed;color:#f7f2e7;background:#061522;font-size:.78rem;line-height:1.32}
.why-page .why-comparison-table th,.why-page .why-comparison-table td{padding:15px 12px;border:1px solid rgba(198,151,61,.38);vertical-align:middle;text-align:center}
.why-page .why-comparison-table thead th{height:76px;background:linear-gradient(180deg,#071a2a,#0a2d43);color:#fff8e9;font-family:var(--serif);font-size:1rem;line-height:1.1}
.why-page .why-comparison-table thead th:first-child{width:19%;color:#edb94f;font-family:var(--sans);font-size:.83rem;text-transform:uppercase;letter-spacing:.06em}
.why-page .why-comparison-table thead th:nth-child(2){background:linear-gradient(180deg,#143244,#0c2433);box-shadow:inset 0 0 0 2px rgba(237,185,79,.50)}
.why-page .why-comparison-table tbody th{width:19%;background:#071a29;color:#edb94f;text-align:left}
.why-page .why-comparison-table tbody th strong{display:block;color:#edb94f;font-family:var(--serif);font-size:.98rem;line-height:1.15}
.why-page .why-comparison-table small{display:block;margin-top:5px;color:rgba(246,242,232,.75);font-size:.70rem;font-weight:500;line-height:1.32}
.why-page .why-comparison-table td{background:#071a29;color:#f7f2e7}
.why-page .why-comparison-table td:nth-child(2){background:#102a38;box-shadow:inset 1px 0 rgba(237,185,79,.33),inset -1px 0 rgba(237,185,79,.33)}
.why-page .why-comparison-table td strong{display:block;margin-top:5px;color:#fff5dd;font-size:.78rem;line-height:1.25}
.why-page .why-status{display:grid;place-items:center;width:27px;height:27px;margin:0 auto;border-radius:50%;color:#fff;font-size:1rem;font-weight:950;line-height:1}
.why-page .why-status--yes{background:#4e8e2e}.why-page .why-status--no{background:#bd2c24}
.why-page .why-comparison-figure figcaption{color:#60717a!important;font-weight:750!important}

/* Shop / Tienda desktop: force exactly one baked crest layer. */
@media(min-width:1001px){
  html[lang="en"] .shop-page .shop-hero{background-image:url("assets/brave-harbor-hero-master-en.png")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
  html[lang="es"] .shop-page .shop-hero{background-image:url("assets/brave-harbor-hero-master-es.png")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
  .shop-page .shop-hero .page-hero__crest{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .shop-page .shop-hero::after{content:none!important;display:none!important;background:none!important}
}

@media(max-width:1000px){
  .resources-page .tool-discovery__footer{align-items:flex-start;flex-direction:column}
  .why-page .why-comparison-table{min-width:1240px}
}
@media(max-width:680px){
  .mindful-navigation-page .cta-card{padding:38px 22px!important}
  .mindful-navigation-page .cta-card>.button{width:100%!important;min-width:0!important}
  .resources-page .tool-discovery{padding:26px 18px 22px!important}
  .resources-page .tool-filter-row{display:grid;grid-template-columns:1fr;width:100%}
  .resources-page .tool-filter-row button{width:100%}
  .resources-page .tool-results-status{align-items:flex-start;flex-direction:column;gap:7px}
}

/* Dynamic comparison markup is inserted after the reveal observer initializes. */
.why-page .why-comparison-figure.reveal{opacity:1!important;transform:none!important}