/* Scoped visual system to avoid collisions with WordPress themes and builders. */
.mr-catalog,.mr-detail-wrap{--mr-ink:#19354a;--mr-muted:#5d7180;--mr-teal:#087e79;--mr-lime:#daf0e8;--mr-cream:#fcf9f2;--mr-border:#e0e9e9;--mr-shadow:0 12px 40px rgba(20,58,73,.08);box-sizing:border-box;color:var(--mr-ink);font-family:inherit}
.mr-catalog *,.mr-detail-wrap *{box-sizing:border-box}
.mr-catalog{width:100%;max-width:1230px;margin:0 auto;padding:14px 20px 58px}
.mr-catalog button,.mr-catalog input,.mr-catalog select{font:inherit}
.mr-catalog button{cursor:pointer}
.mr-catalog a,.mr-detail-wrap a{text-decoration:none}
.mr-catalog a:focus-visible,.mr-catalog button:focus-visible,.mr-catalog input:focus-visible,.mr-catalog select:focus-visible,.mr-detail-wrap a:focus-visible{outline:3px solid #fbad51;outline-offset:3px}
.mr-hero{position:relative;isolation:isolate;overflow:hidden;min-height:240px;padding:43px clamp(24px,5vw,70px) 42px;background:#eff7f2;border:1px solid #e3ede8;border-radius:22px;margin-bottom:22px}
.mr-hero:after{content:'';position:absolute;width:265px;height:265px;right:-86px;bottom:-163px;border:55px solid #cfe9dc;border-radius:50%;z-index:-1}
.mr-hero .mr-eyebrow,.mr-overline,.mr-detail-eyebrow{letter-spacing:.13em;font-weight:800;font-size:11px;color:#0b7b76}
.mr-hero h1{font-size:clamp(32px,4.5vw,53px);font-weight:800;line-height:1.09;letter-spacing:-.035em;max-width:770px;margin:18px 0 16px;color:#19394a}
.mr-hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#0b7c76}
.mr-hero p{font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:#506977;max-width:750px;margin:0}
.mr-hero-decor{position:absolute;right:60px;top:35px;font-size:25px;color:#62b8a5;display:flex;gap:18px;transform:rotate(-14deg);z-index:-1}
.mr-hero-decor span:nth-child(2){font-size:48px}
.mr-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:0 0 34px}
.mr-mode{position:relative;text-align:left;display:flex;align-items:flex-start;gap:20px;min-height:165px;border-radius:18px;border:2px solid transparent;padding:27px 28px;background:#ecf4ff;color:#18374c;box-shadow:none;transition:transform .18s,border-color .18s}
.mr-mode:hover{transform:translateY(-3px)}
.mr-mode[aria-pressed="true"]{border-color:#196b79;box-shadow:0 0 0 2px rgba(17,105,123,.08)}
.mr-mode-recs{background:#fff1e8}
.mr-mode-icon{font-size:34px;width:54px;height:54px;border-radius:15px;background:#cfe5fc;color:#246593;display:flex;align-items:center;justify-content:center;flex:none}
.mr-mode-recs .mr-mode-icon{background:#ffe0c5;color:#a95224}
.mr-mode-copy{display:flex;flex-direction:column;gap:10px}
.mr-mode-copy strong{font-size:25px;line-height:1.15;letter-spacing:-.02em;color:#1f3a4d}
.mr-mode-copy>span:nth-child(2){font-size:15px;line-height:1.4;color:#577082}
.mr-mode-link{font-size:14px;font-weight:800;color:#256f8b;margin-top:3px}
.mr-mode-recs .mr-mode-link{color:#a75d29}
.mr-form{background:white;padding:26px 27px 24px;border:1px solid var(--mr-border);border-radius:18px;box-shadow:var(--mr-shadow)}
.mr-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}
.mr-filter-heading h2{font-size:23px;color:#1a3949;letter-spacing:-.02em;margin:0;font-weight:800}
.mr-clear{background:transparent;border:0;color:#087e79;font-size:14px;font-weight:750;padding:6px}
.mr-filters{display:grid;grid-template-columns:1.55fr repeat(2,1fr);gap:16px}
.mr-filter{display:flex;flex-direction:column;gap:7px;min-width:0}
.mr-filter label{font-size:12px;color:#526879;font-weight:800}
.mr-filter input,.mr-filter select{width:100%;background:#f9fbfb;color:#294858;border:1px solid #dce7ea;border-radius:9px;min-height:45px;padding:10px 13px;font-size:14px;line-height:1.25;outline:none}
.mr-filter input:focus,.mr-filter select:focus{border-color:#178a81;box-shadow:0 0 0 3px rgba(23,138,129,.12)}
.mr-filter-submit{align-self:end}
.mr-filter-submit .mr-button{width:100%;min-height:45px}
.mr-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:8px!important;padding:10px 15px!important;font-size:13px!important;line-height:1.25!important;font-weight:800!important;text-align:center;text-decoration:none!important;transition:background .16s,transform .16s;white-space:normal}
.mr-button:hover{transform:translateY(-1px)}
.mr-button-solid{background:#0b7876!important;color:white!important;border:1px solid #0b7876!important}
.mr-button-solid:hover{background:#075f5e!important}
.mr-button-outline{background:white!important;color:#196e73!important;border:1px solid #c9dddc!important}
.mr-button-outline:hover{background:#f2f9f6!important}
.mr-tips{margin:19px 0 38px;border-radius:13px;background:var(--mr-cream);border:1px solid #eee9dc;padding:19px 24px;display:flex;gap:15px;align-items:flex-start;color:#604e40}
.mr-tips-icon{display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:27px;border-radius:50%;background:#f2e9d4;color:#80652b;font-weight:800;font-size:19px}
.mr-tips strong{font-size:14px;color:#615240}
.mr-tips p{font-size:14px;color:#736350;line-height:1.55;margin:5px 0 0}
.mr-results{scroll-margin-top:32px;transition:opacity .15s}
.mr-loading .mr-results{opacity:.55;pointer-events:none}
.mr-results-summary{font-size:13px;font-weight:750;color:#708491;margin:0 0 20px}
.mr-section{margin-bottom:48px}
.mr-section-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:20px}
.mr-section-heading h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.027em;color:#1a3949;font-weight:850;margin:7px 0}
.mr-section-heading p{font-size:15px;color:#647c89;line-height:1.5;margin:0}
.mr-section-count{font-size:12px;font-weight:800;padding:8px 13px;border-radius:999px;background:#f0f5f4;border:1px solid #e1eae8;white-space:nowrap;color:#52716a}
.mr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mr-card{overflow:hidden;border-radius:15px;border:1px solid #e1e8e8;box-shadow:0 6px 19px rgba(22,49,66,.055);background:#fff;display:flex;flex-direction:column;min-width:0;transition:box-shadow .18s,transform .18s}
.mr-card:hover{box-shadow:0 15px 35px rgba(22,49,66,.11);transform:translateY(-2px)}
.mr-card-image{height:190px;position:relative;background:#e6f2ee}
.mr-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.mr-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#82a4a7;background:linear-gradient(135deg,#e2f2ed,#d3e9ef)}
.mr-card-placeholder svg{height:97px;max-width:160px}
.mr-card-placeholder span{font-size:11px;font-weight:750;letter-spacing:.05em;color:#597783}
.mr-placeholder-reco{background:linear-gradient(135deg,#fff0df,#fbe8df);color:#bfa18c}
.mr-image-label{position:absolute;top:12px;left:12px;display:block;padding:6px 9px;border-radius:6px;background:rgba(255,255,255,.95);color:#52777f;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.075em}
.mr-card-body{flex:1;display:flex;flex-direction:column;padding:20px 21px 19px}
.mr-stage{font-size:11px;text-transform:uppercase;letter-spacing:.065em;color:#287e7b;font-weight:850;margin-bottom:10px}
.mr-card-title{font-size:21px!important;line-height:1.18!important;color:#1e3d50!important;font-weight:850!important;letter-spacing:-.017em;margin:0 0 9px!important}
.mr-card-title a{color:inherit!important;text-decoration:none!important}
.mr-card-title a:hover{color:#087e79!important}
.mr-card-area{color:#916a45;font-size:12px;font-weight:750;margin-bottom:12px}
.mr-card-description{font-size:14px;line-height:1.55;color:#596f7f;margin:0 0 13px;flex:1}
.mr-card-tip{font-size:12px;line-height:1.43;padding:11px 12px;background:#f3f8f5;color:#4e6f61;border-radius:8px;margin:0 0 11px}
.mr-card-tip span{color:#1c927c;font-size:14px}
.mr-card-source{font-size:12px;color:#846b5a;margin:0 0 10px}
.mr-card-license{font-size:11px;color:#708288;margin:0 0 14px}
.mr-card-license span{opacity:.85}
.mr-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto}
.mr-card-actions .mr-button{flex:1 0 100px}
.mr-section-footer{text-align:center;margin-top:20px}
.mr-viewall{display:inline-flex;gap:12px;align-items:center;padding:10px 14px;color:#087e79!important;font-size:14px;font-weight:850}
.mr-viewall:hover{text-decoration:underline!important}
.mr-pagination{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;margin:5px 0 38px}
.mr-page{min-width:41px;min-height:40px;border-radius:8px;background:#f5f9f8;color:#35615f!important;text-decoration:none!important;display:flex;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;font-weight:800;border:1px solid #d8e8e5}
.mr-page:hover,.mr-current{background:#0b7876!important;color:#fff!important;border-color:#0b7876!important}
.mr-empty{background:#f7f9f8;border:1px dashed #c7d9d5;padding:22px;border-radius:12px;color:#596f75}
.mr-empty strong{color:#2f5555}.mr-empty p{margin:6px 0 0;font-size:14px}
.mr-error{background:#fff3e7;border-radius:8px;padding:15px}
.mr-catalog-footer{border-top:1px solid var(--mr-border);padding-top:20px;display:flex;justify-content:space-between;gap:10px;color:#7b8d96;font-size:12px}
/* Individual posts */
.mr-detail-wrap{width:100%;max-width:1120px;padding:28px 24px 90px;margin:0 auto}
.mr-breadcrumb{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:700;color:#839397;margin-bottom:40px}
.mr-breadcrumb a{color:#0b7876!important}
.mr-detail-head{max-width:850px;margin-bottom:24px}
.mr-detail-head h1{font-size:clamp(32px,4.3vw,55px)!important;line-height:1.1!important;letter-spacing:-.03em!important;color:#1b3849!important;margin:12px 0 15px!important}
.mr-detail-lead{font-size:19px;line-height:1.55;color:#617784}
.mr-detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}
.mr-tag{font-size:12px;font-weight:750;background:#eef6f3;border-radius:6px;color:#306c67;padding:7px 10px}
.mr-detail-cover{margin:22px 0 35px;max-height:450px;overflow:hidden;border-radius:17px;background:#f5f8f7}
.mr-detail-cover img{width:100%;max-height:450px;object-fit:cover;display:block}
.mr-detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:45px;align-items:start}
.mr-detail-content{font-size:16px;line-height:1.8;color:#405662;overflow-wrap:break-word}
.mr-detail-content h2,.mr-detail-content h3{color:#193a4a!important}
.mr-detail-content h2{font-size:24px!important}
.mr-detail-advice{margin-top:30px;background:#f2f8f3;border-left:4px solid #0b827b;border-radius:0 10px 10px 0;padding:18px 25px}
.mr-detail-advice h2{margin:0 0 6px!important;font-size:20px!important}
.mr-detail-advice p{margin:0;line-height:1.7}
.mr-detail-sidebar{padding:25px;background:#f7faf8;border:1px solid #e1ebe8;border-radius:14px;font-size:14px;line-height:1.6;color:#546b75}
.mr-detail-sidebar h2{font-size:20px!important;color:#193c49!important;margin:0 0 22px!important}
.mr-detail-sidebar h3{font-size:15px!important;color:#1b424d!important}
.mr-detail-sidebar strong{color:#294c57}
.mr-detail-sidebar p{margin:13px 0}
.mr-detail-sidebar ul{padding-left:20px;margin:15px 0}
.mr-detail-primary{width:100%}
.mr-small-note{font-size:12px;color:#809198}
@media(max-width:930px){.mr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-mode{padding:23px 19px}.mr-mode-copy strong{font-size:22px}.mr-detail-columns{grid-template-columns:1fr 270px;gap:25px}}
@media(max-width:650px){.mr-catalog{padding:8px 12px 40px}.mr-hero{padding:31px 23px;min-height:0}.mr-hero-decor{right:14px;top:8px;opacity:.4}.mr-hero h1{font-size:35px}.mr-mode-cards{grid-template-columns:1fr;gap:11px;margin-bottom:23px}.mr-mode{min-height:120px;gap:16px;padding:18px}.mr-mode-icon{height:44px;width:44px;font-size:24px}.mr-mode-copy strong{font-size:21px}.mr-form{padding:21px 17px}.mr-filter-heading h2{font-size:21px}.mr-filters{grid-template-columns:1fr;gap:13px}.mr-tips{padding:14px 16px}.mr-section-heading{align-items:flex-start}.mr-section-count{margin-top:16px}.mr-grid{grid-template-columns:1fr}.mr-card-image{height:200px}.mr-catalog-footer{flex-direction:column}.mr-detail-wrap{padding:22px 16px 50px}.mr-detail-columns{grid-template-columns:1fr}.mr-detail-sidebar{order:0}.mr-detail-content{order:1}}
@media(prefers-reduced-motion:reduce){.mr-mode,.mr-card,.mr-button,.mr-results{transition:none!important}}
