/* Adopted 2026-09-13: hero F / brush wordmark H / map symbol D.
   Keep original artwork intact; adjust its optical size and surrounding space. */
body.market .brand{gap:8px;flex-shrink:0}
body.market .brand .site-logotype{width:258px;height:86px;object-fit:contain}
body.market .brand .brand-symbol{width:56px;height:56px;mix-blend-mode:normal}
body.market .mkt-masthead,body.faclog-refresh .mh-masthead{min-height:108px}
body.faclog-refresh .mh-header .site-logotype{width:258px;height:86px}
body.miru-home .mh-masthead{gap:22px}
.mh-header-caption{padding-left:22px;font-size:12px;line-height:1.7;color:#5b6f76}
body.miru-home .mh-masthead>nav a{font-size:14px}
.mh-masthead>nav{gap:20px}
.mh-compare{min-width:40px;min-height:44px;justify-content:center}
.mh-menu summary{width:36px;min-height:44px;align-items:center}
.mh-menu summary span{width:26px}
body.market footer .brand{display:inline-flex;align-items:center;padding:13px 18px;gap:12px;border-radius:4px}
body.market footer .brand .site-logotype{width:225px;height:75px}
body.market footer .brand .brand-symbol{width:44px;height:44px}

/* The illustration occupies the top row only. The search never covers people. */
body.faclog-refresh .mh-hero{background:linear-gradient(110deg,#fff 8%,#f0f7fc 58%,#dcebf5);padding:0 0 32px;border-color:#d7e3e9}
body.faclog-refresh .mh-hero-inner{position:relative;display:flex;align-items:center;min-height:462px;padding:24px 0}
body.faclog-refresh .mh-hero-copy{width:47%;max-width:510px;padding:0;z-index:1}
body.faclog-refresh .mh-kicker{font-size:14px;letter-spacing:.04em;margin-bottom:19px;color:#4b666e}
body.faclog-refresh .mh-hero-copy h1{font-size:36px!important;line-height:1.6!important;letter-spacing:-.045em!important;margin:0 0 21px!important}
body.faclog-refresh .mh-hero-copy h1 em{color:#296e88}
body.faclog-refresh .mh-description{font-size:16px;line-height:1.95;color:#4b626c;margin-bottom:23px}
body.faclog-refresh .mh-hero-link{font-size:14px;color:#20565d;gap:16px;padding-bottom:7px;border-color:#a1bdc6}
body.faclog-refresh .mh-link-note{font-size:12px;color:#5c737d;margin-top:9px}
body.faclog-refresh .mh-hero-visual{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
body.faclog-refresh .mh-hero-visual img{position:absolute;inset:auto 0 0 auto;width:auto;height:100%;max-width:none;object-fit:contain;mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 7%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 88%,transparent);mask-composite:intersect;}
body.faclog-refresh .mh-hero-search{margin:8px auto 0;max-width:none;padding:20px 24px 16px;border:1px solid #bccdd6;border-radius:6px;box-shadow:0 5px 16px #24475b0b}
body.faclog-refresh .mh-search-fields{grid-template-columns:1fr 1.2fr 1.18fr 1fr;gap:18px}
body.faclog-refresh .mh-search-fields label{font-size:13px;color:#405c67}
body.faclog-refresh .mh-search-fields input,body.faclog-refresh .mh-search-fields select{height:48px;margin-top:7px;font-size:14px!important;border-color:#bac9d0;border-radius:3px;padding:10px 12px}
body.faclog-refresh .mh-search-fields button{height:48px;background:#ffad32;border-color:#de901f;border-radius:3px;font-size:16px;color:#273b43}
body.faclog-refresh .mh-search-fields button:hover{background:#ffbb55}
body.faclog-refresh .mh-search-fields :is(input,select,button):focus-visible{outline:3px solid #34758a;outline-offset:3px}
body.faclog-refresh .mh-search-notes{font-size:12px;line-height:1.6;margin-top:12px;color:#5d737d}
body.faclog-refresh .mh-below-hero{padding-top:32px}

@media(max-width:1100px){
 body.miru-home .mh-masthead{gap:18px}
 body.faclog-refresh .mh-hero-inner{min-height:428px}
 body.faclog-refresh .mh-hero-copy{width:49%}
 body.faclog-refresh .mh-hero-copy h1{font-size:31px!important}
 body.faclog-refresh .mh-description{font-size:15px}
 body.faclog-refresh .mh-hero-search{padding:18px}
 body.faclog-refresh .mh-search-fields{gap:12px}
}
@media(max-width:900px) and (min-width:721px){
 body.faclog-refresh .mh-hero-copy{width:50%}
 body.faclog-refresh .mh-hero-copy h1{font-size:27px!important}
 body.faclog-refresh .mh-hero-visual img{right:0;bottom:12px;height:360px;max-height:100%}
 body.faclog-refresh .mh-search-fields{grid-template-columns:1fr 1fr;gap:14px}
 body.faclog-refresh .mh-description{font-size:15px}
}
@media(max-width:760px){
 body.market .brand{gap:7px}
 body.market .brand .site-logotype,body.faclog-refresh .mh-header .site-logotype{width:183px;height:61px}
 body.market .brand .brand-symbol{width:35px;height:35px}
 body.market .mkt-masthead,body.faclog-refresh .mh-masthead{min-height:83px}
 body.market footer .brand .site-logotype{width:211px;height:70px}
 body.market footer .brand .brand-symbol{width:38px;height:38px}
}
@media(max-width:720px){
 body.miru-home .mh-masthead{gap:9px}
 body.faclog-refresh .mh-hero{background:linear-gradient(155deg,#f9fcfd,#e3eff8);padding-bottom:24px}
 body.faclog-refresh .mh-hero-inner{display:flex;flex-direction:column;min-height:0;padding:28px 0 0;gap:0}
 body.faclog-refresh .mh-hero-copy{width:100%;max-width:none;padding:0}
 body.faclog-refresh .mh-kicker{font-size:13px;margin-bottom:13px}
 body.faclog-refresh .mh-hero-copy h1{font-size:30px!important;line-height:1.6!important;margin-bottom:14px!important}
 body.faclog-refresh .mh-description{font-size:15px;line-height:1.85;margin-bottom:17px}
 body.faclog-refresh .mh-hero-link{font-size:13px!important}
 body.faclog-refresh .mh-link-note{font-size:12px;margin-top:8px}
 body.faclog-refresh .mh-hero-visual{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.6;max-height:285px;margin:14px 0 0;overflow:hidden}
 body.faclog-refresh .mh-hero-visual img{right:0;bottom:0;width:auto;height:100%;max-width:none;object-fit:contain}
 body.faclog-refresh .mh-hero-search{margin:8px auto 0;padding:17px 15px 15px}
 body.faclog-refresh .mh-search-fields{grid-template-columns:1fr 1fr;gap:13px 12px}
 body.faclog-refresh .mh-search-fields label{font-size:13px}
 body.faclog-refresh .mh-search-fields input,body.faclog-refresh .mh-search-fields select{font-size:16px!important;padding:9px 10px;height:46px}
 body.faclog-refresh .mh-search-fields button{height:46px;font-size:15px}
 body.faclog-refresh .mh-search-notes{font-size:12px;gap:3px;margin-top:12px}
 body.faclog-refresh .mh-below-hero{padding-top:25px}
}
@media(max-width:390px){
 body.market .brand{gap:5px}
 body.market .brand .site-logotype,body.faclog-refresh .mh-header .site-logotype{width:165px;height:55px}
 body.market .brand .brand-symbol{width:31px;height:31px}
 body.faclog-refresh .mh-masthead{gap:7px;min-height:79px}
 body.faclog-refresh .mh-hero-copy h1{font-size:27px!important}
 body.faclog-refresh .mh-hero-search{padding:16px 13px}
 body.faclog-refresh .mh-search-fields{grid-template-columns:1fr;gap:13px}
 body.faclog-refresh .mh-search-fields button{margin-top:2px}
 body.market footer .brand{padding:12px;gap:8px}
 body.market footer .brand .site-logotype{width:192px;height:64px}
}

@media(max-width:480px){body.faclog-refresh .mh-search-fields{grid-template-columns:1fr}body.faclog-refresh .mh-search-fields button{margin-top:2px}}

/* Keep the comparison cards comfortably wide on tablet screens. */
@media(min-width:741px) and (max-width:980px){
 body.faclog-refresh .cp-layout{grid-template-columns:1fr;gap:28px}
 body.faclog-refresh .cp-program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.faclog-refresh .cp-program-grid>.brand-card:last-child{grid-column:auto}
 body.faclog-refresh .cp-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 body.faclog-refresh .cp-sidebar>section,body.faclog-refresh .cp-sidebar>a{margin:0}
}

.discovery-detail-fact{background:#edf6f7;border:1px solid #c5d9df;padding:18px 20px;margin:20px 0;border-radius:4px}.discovery-detail-fact h2{font-size:18px!important;margin:0 0 10px!important;color:#315e6c!important}.discovery-detail-fact p{font-size:14px;line-height:1.9;margin:8px 0}.discovery-detail-fact strong{font-size:26px}

/* Color-study variants are preview-only; default remains the originally selected F. */
body[data-hero-palette=green] .mh-hero{background:linear-gradient(110deg,#fff 8%,#eff8f4 58%,#dbeee6)}
body[data-hero-palette=green] .mh-hero-copy h1 em{color:#23786e}
body[data-hero-palette=neutral] .mh-hero{background:linear-gradient(110deg,#fff 8%,#f8f8f6 58%,#edece8)}
body[data-hero-palette=neutral] .mh-hero-copy h1 em{color:#3f6768}
body[data-hero-palette=warm] .mh-hero{background:linear-gradient(110deg,#fff 8%,#faf7f2 58%,#eee7dc)}
body[data-hero-palette=warm] .mh-hero-copy h1 em{color:#5b635f}