.mi-home { --mi-teal:#075e62; --mi-green:#08796e; color:#314b4b; }
.mi-home [hidden] { display:none !important; }
.mi-home-hero { padding-block:64px 70px; }
.mi-home-hero-inner { position:relative; text-align:center; padding:52px 24px 36px; border:1px solid #d7e8e3; border-radius:30px; background:radial-gradient(ellipse at 12% 0%,#dff2ec,transparent 60%),radial-gradient(ellipse at 100% 100%,#e2eff1,transparent 60%),#fcfefd; }
.mi-home h1 { max-width:850px; margin:0 auto 20px; font-size:clamp(2rem,4vw,3.4rem); font-weight:400; line-height:1.15; letter-spacing:-.025em; color:#164b4c; }
.mi-home-lead { max-width:740px; margin:0 auto 30px; font-size:1.15rem; line-height:1.7; color:#526c69; }
.mi-home-search { position:relative; max-width:720px; margin:auto; text-align:start; z-index:5; }
.mi-home-search label { display:block; margin:0 0 10px 4px; font-size:.9rem; color:#526c69; }
.mi-home-search-field { display:flex; align-items:center; gap:14px; border:1px solid #abcfc5; border-radius:18px; padding:17px 20px; background:#fff; box-shadow:0 8px 28px #075e6210; }
.mi-home-search-field:focus-within { outline:3px solid #08796e25; border-color:#08796e; }
.mi-home-search-field svg { width:25px; height:25px; flex-shrink:0; color:#08796e; }
.mi-home-search-field input { min-width:0; width:100%; border:0; outline:0; background:transparent; font:inherit; color:#254b49; }
.mi-home-search-results { position:absolute; inset-inline:0; top:calc(100% + 8px); max-height:420px; overflow:auto; padding:8px; border:1px solid #d6e5e0; border-radius:18px; background:#fff; box-shadow:0 20px 55px #164b4c26; }
.mi-home-search-result { display:flex; align-items:center; gap:14px; padding:10px; border-radius:12px; color:#254b49; text-decoration:none; }
.mi-home-search-result:hover,.mi-home-search-result:focus-visible { background:#edf7f3; outline:2px solid #08796e; outline-offset:-2px; }
.mi-home-search-result img { width:52px; height:52px; object-fit:cover; border-radius:10px; }
.mi-home-search-result small { display:block; color:#657d77; margin-top:3px; }
.mi-home-search-result mark { background:#d2ede2; color:#075e62; border-radius:3px; padding:0; font-weight:600; }
.mi-home-search-empty { padding:20px; color:#526c69; }
.mi-home-about { display:inline-flex; gap:12px; margin-top:24px; color:#075e62; text-underline-offset:5px; }
.mi-home-section { padding-block:0 64px; }
.mi-home-section-heading { margin-bottom:28px; }
.mi-home-section-heading h2 { color:#164b4c; font-weight:400; font-size:clamp(1.7rem,3vw,2.3rem); margin-bottom:12px; }
.mi-home-section-heading p { max-width:850px; color:#647874; line-height:1.65; margin:0; }
.mi-home-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.mi-home-card { min-width:0; border:1px solid #dbe6e1; border-radius:20px; background:#fff; overflow:hidden; box-shadow:0 4px 16px #164b4c05; transition:transform .2s ease,box-shadow .2s ease; }
.mi-home-card-link { display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; }
.mi-home-card-link:focus-visible { outline:3px solid #08796e; outline-offset:-4px; border-radius:20px; }
.mi-home-card-image { position:relative; aspect-ratio:1; background:linear-gradient(135deg,#e4f3ec,#dbeaed); overflow:hidden; }
.mi-home-card-image img { display:block; width:100%; height:100%; object-fit:cover; }
.mi-home-badge { position:absolute; inset-inline-start:14px; bottom:14px; border:1px solid #ffffff90; border-radius:999px; background:#fffffff0; color:#075e62; padding:5px 12px; font-size:.78rem; font-weight:600; }
.mi-home-card-body { display:flex; flex:1; flex-direction:column; padding:22px; }
.mi-home-card h3 { color:#164b4c; font-size:1.17rem; line-height:1.4; font-weight:600; margin:0 0 12px; overflow-wrap:anywhere; }
.mi-home-card p { color:#647874; font-size:.95rem; line-height:1.65; margin:0 0 22px; }
.mi-home-card-action { display:flex; align-items:center; justify-content:space-between; color:#08796e; font-weight:600; font-size:.9rem; margin-top:auto; }
.mi-home-pagination { display:flex; justify-content:center; align-items:center; gap:10px; margin-top:36px; }
.mi-home-pagination > div { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.mi-home-pagination button { min-width:44px; min-height:44px; border:1px solid #cbded6; border-radius:12px; padding:8px 12px; background:#fff; color:#075e62; }
.mi-home-pagination button[aria-current=page] { color:#fff; background:#08796e; border-color:#08796e; }
.mi-home-pagination button:disabled { opacity:.4; }
.mi-home-pagination button:focus-visible { outline:3px solid #08796e; outline-offset:3px; }
.mi-home-blog { background:#edf3f0; border-top:1px solid #dce7e1; padding-top:56px; }
.mi-home-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.mi-home-article .mi-home-card-image { aspect-ratio:16/10; }
@media (hover:hover) { .mi-home-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px #164b4c14; } }
@media (max-width:1100px) { .mi-home-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767.98px) { .mi-home-grid,.mi-home-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .mi-home-hero { padding-block:28px 40px; } .mi-home-hero-inner { padding:32px 18px; border-radius:22px; } .mi-home-card-body { padding:18px; } }
@media (max-width:479.98px) { .mi-home-grid,.mi-home-blog-grid { grid-template-columns:1fr; } .mi-home-lead { font-size:1rem; } .mi-home-section { padding-bottom:40px; } .mi-home-search-field { padding:15px; } }
@media(prefers-reduced-motion:reduce) { .mi-home-card { transition:none; } .mi-home-card:hover { transform:none; } }