/* Reference-led redesign: full-bleed cinema hero, floating tool rail, editorial modules. */
:root{--mm-ref-lime:#67f34f;--mm-ref-forest:#075735;--mm-ref-ink:#10202a;--mm-ref-page:#f7f9fc}
body{background:var(--mm-ref-page)!important}
.topbar{height:77px;min-height:77px!important;padding:0 clamp(16px,3.5vw,58px)!important;box-shadow:0 2px 18px #0b172016!important;border-bottom:0!important}
.top-brand{gap:12px!important}.top-brand-mark{font-size:39px!important;color:#073c28!important;line-height:1!important}.top-brand>span:last-child{font-size:26px!important;font-weight:900!important;letter-spacing:-.06em!important}.top-brand small{color:#4c6271!important;font-size:9px!important;letter-spacing:.1em!important}
.main-links{gap:5px!important}.main-links a{font-size:14px!important;padding:12px 17px!important;border-radius:32px!important}.main-links a.current{background:#084b2e!important;color:white!important}.search-wrap{min-width:165px!important}.all-menu-btn{background:#0b573b!important;border-radius:40px!important}.header-actions{gap:9px!important}
.content:has(.mm-reference-home){padding:0 0 64px!important;max-width:none!important;width:100%!important}
.mm-reference-home{max-width:100%;overflow:hidden;color:#112233;display:flex;flex-direction:column;gap:0}
.mm-reference-home *{box-sizing:border-box}.mm-reference-home a{text-decoration:none}
.mm-ref-hero{height:465px;min-height:465px;position:relative;isolation:isolate;background:linear-gradient(110deg,#071c22,#153e40);color:#fff;overflow:hidden;border-radius:0}
.mm-ref-hero-ambient{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#071c24d9,#071c2444),url('cinematic/road-scenic.webp') center 45%/cover no-repeat;filter:saturate(1.06)}
.mm-ref-hero-car{position:absolute;right:-1%;top:0;width:58%;height:100%;z-index:-2;background:url('cinematic/reference-hero.webp') center center/cover no-repeat;animation:mmCarEnter 1.4s both cubic-bezier(.2,.8,.2,1)}
.mm-ref-hero-shadow{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071c24 0%,#0a2328f4 32%,#0a2328aa 47%,#102b2c16 75%),linear-gradient(0deg,#071b24a3 0%,transparent 39%)}
.mm-ref-hero-content{padding:47px clamp(24px,5.7vw,106px);max-width:930px;position:relative;z-index:1;animation:mmContentEnter .75s both}
.mm-ref-overline{color:#a9fca0;font-size:12px;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:12px}.mm-ref-overline:before{content:"";width:31px;height:3px;border-radius:4px;background:#68fa58}
.mm-ref-hero h1{margin:17px 0 16px;color:#fff;font-size:clamp(41px,4.1vw,72px);line-height:1.05;letter-spacing:-.06em;font-weight:900;max-width:760px}.mm-ref-hero h1 em{font-style:normal;color:var(--mm-ref-lime)}.mm-ref-hero h1 span{color:var(--mm-ref-lime)}
.mm-ref-hero-content>p{max-width:565px;color:#e2f0ed!important;line-height:1.6;font-size:16px;margin:0}
.mm-ref-cta{display:flex;gap:13px;margin:25px 0 22px;flex-wrap:wrap}.mm-ref-cta a,.mm-ref-trip-banner a{display:inline-flex;align-items:center;justify-content:space-between;gap:21px;border-radius:30px;padding:13px 24px;font-size:14px;font-weight:850;transition:transform .22s,box-shadow .22s}.mm-ref-cta a:hover,.mm-ref-trip-banner a:hover{transform:translateY(-3px)}
.mm-ref-green-button,.mm-ref-trip-banner a{background:var(--mm-ref-lime);color:#103420!important;box-shadow:0 8px 25px #3ddf3528}.mm-ref-glass-button{border:1px solid #cce1d7;color:#fff!important;background:#ffffff0d}
.mm-ref-benefits{display:flex;gap:26px;flex-wrap:wrap;font-size:12px;color:#dfefe6;font-weight:600}.mm-ref-benefits span::first-letter{color:#70ff5c}
.mm-ref-hero-spotlight{position:absolute;bottom:45px;right:4.3%;display:flex;gap:13px;align-items:center;background:#102a25c7;backdrop-filter:blur(10px);border:1px solid #ffffff35;padding:14px 17px;color:#fff!important;border-radius:16px;box-shadow:0 15px 40px #0003;animation:mmContentEnter 1s .3s both}.mm-ref-hero-spotlight>span{font-size:24px;color:#75ff69}.mm-ref-hero-spotlight div{display:flex;flex-direction:column;gap:5px}.mm-ref-hero-spotlight strong{font-size:13px}.mm-ref-hero-spotlight small{font-size:11px;color:#c5ddd1}.mm-ref-hero-spotlight>b{margin-left:8px;color:#71fd60}
.mm-ref-quick{position:relative;z-index:2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:-43px clamp(16px,4.2vw,80px) 36px}
.mm-ref-quick-card{background:white;min-width:0;min-height:103px;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px 14px 12px;gap:7px;color:#113127!important;box-shadow:0 12px 30px #001e2b24;transition:transform .24s,box-shadow .24s}.mm-ref-quick-card:hover{transform:translateY(-6px);box-shadow:0 20px 37px #112e3330}.mm-ref-quick-card.featured{background:#075637;color:#fff!important}.mm-ref-quick-icon{font-size:24px;color:#0c6b43}.featured .mm-ref-quick-icon{color:#83ff72}.mm-ref-quick-card strong{font-size:13px;line-height:1.3;font-weight:850}.mm-ref-quick-arrow{color:#0b9565;font-weight:900;align-self:flex-end}.featured .mm-ref-quick-arrow{color:#80ff6c}
.mm-ref-showcase,.mm-ref-smalltools,.mm-ref-types,.mm-ref-trip-banner,.mm-ref-guides,.mm-ref-localnote{margin-left:clamp(16px,4.2vw,80px);margin-right:clamp(16px,4.2vw,80px)}
.mm-ref-showcase{display:grid;grid-template-columns:1.28fr 1fr;gap:17px;margin-bottom:20px}.mm-ref-studio{min-height:340px;position:relative;border-radius:21px;overflow:hidden;color:white!important;background:#091c24;isolation:isolate;transition:transform .3s}.mm-ref-studio>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s}.mm-ref-studio:hover>img{transform:scale(1.045)}.mm-ref-studio:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#081c22f2 0%,#081c2290 38%,#06191e16 80%)}.mm-ref-studio-tag{position:absolute;top:20px;left:21px;font-size:10px;letter-spacing:.1em;font-weight:850;border:1px solid #ffffff99;border-radius:25px;padding:8px 12px}.mm-ref-studio-copy{position:absolute;bottom:21px;left:26px;right:26px}.mm-ref-studio-copy>span:first-child{color:#9afa92;font-size:10px;letter-spacing:.14em;font-weight:900}.mm-ref-studio h2{font-size:clamp(27px,2.7vw,44px);letter-spacing:-.05em;line-height:1.05;color:white;margin:7px 0}.mm-ref-studio p{font-size:13px;max-width:395px;color:#eef4f1;margin:0 0 12px;line-height:1.45}.mm-ref-studio-cta{font-size:12px;font-weight:850;color:#073c2d;background:#75fb5d;padding:9px 17px;border-radius:22px;display:inline-block}.mm-ref-colorchips{position:absolute;right:19px;top:20px;display:flex;gap:6px}.mm-ref-colorchips i{width:17px;height:17px;border-radius:50%;background:var(--chip);border:1px solid #fff9}
.mm-ref-feature-stack{display:grid;grid-template-rows:1fr 1fr;gap:17px}.mm-ref-feature{position:relative;min-height:160px;border-radius:21px;background:#e5f0ec;color:#172c2a!important;overflow:hidden;isolation:isolate;display:flex;align-items:center;transition:transform .3s}.mm-ref-feature:hover{transform:translateY(-3px)}.mm-ref-feature>img{position:absolute;right:0;inset-block:0;width:50%;height:100%;object-fit:cover;z-index:-2}.mm-ref-feature:after{content:"";inset:0;position:absolute;z-index:-1;background:linear-gradient(90deg,#e9f4f0 40%,#e9f4f0d5 60%,#e9f4f000 100%)}.mm-ref-feature-text{padding:19px 23px;width:72%}.mm-ref-feature-icon{font-size:23px;color:#08663b}.mm-ref-feature h3{font-size:clamp(18px,1.8vw,26px);line-height:1.1;letter-spacing:-.045em;margin:5px 0;color:#14312c}.mm-ref-feature p{font-size:12px;color:#48665d;line-height:1.45;max-width:320px;margin:6px 0 10px}.mm-ref-feature-text>strong{color:#087e4e;font-size:11px}
.mm-ref-smalltools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:42px}.mm-ref-mini{min-width:0;border-radius:17px;padding:17px 14px;min-height:97px;background:#fff;box-shadow:0 7px 21px #142c3710;display:flex;align-items:center;gap:12px;color:#193126!important;transition:transform .22s}.mm-ref-mini:nth-child(2){background:#eaf4fd}.mm-ref-mini:nth-child(3){background:#fff6e7}.mm-ref-mini:nth-child(4){background:#edf8f6}.mm-ref-mini:nth-child(5){background:#f8edf1}.mm-ref-mini:hover{transform:translateY(-4px)}.mm-ref-mini-icon{flex:0 0 auto;width:39px;height:39px;background:#d8f3df;color:#087847;border-radius:50%;display:grid;place-items:center;font-size:24px}.mm-ref-mini>span:nth-child(2){min-width:0}.mm-ref-mini strong{font-size:13px;line-height:1.2;display:block}.mm-ref-mini small{display:block;color:#637a77;font-size:11px;line-height:1.4;margin-top:4px}.mm-ref-mini b{margin-left:auto;color:#119250;font-size:15px}
.mm-ref-types{margin-bottom:41px}.mm-ref-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}.mm-ref-label{color:#0e974f;font-size:11px;letter-spacing:.16em;font-weight:900}.mm-ref-section-head h2{font-size:clamp(25px,2.7vw,38px);letter-spacing:-.055em;line-height:1.05;margin:8px 0;color:#132738}.mm-ref-section-head p{color:#667d8b;font-size:13px;margin:0}.mm-ref-section-head>a{color:#087849;font-size:13px;font-weight:800;white-space:nowrap}.mm-ref-types-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mm-ref-type{height:146px;position:relative;border-radius:17px;overflow:hidden;background:#112b34;color:#fff!important}.mm-ref-type img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.mm-ref-type:hover img{transform:scale(1.1)}.mm-ref-type:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061a22e3,transparent 65%)}.mm-ref-type span{position:absolute;z-index:2;left:13px;right:13px;bottom:12px;font-weight:850;font-size:12px;display:flex;justify-content:space-between;gap:7px}
.mm-ref-trip-banner{height:240px;position:relative;isolation:isolate;border-radius:22px;background:#083643;color:#fff;overflow:hidden;margin-bottom:43px;display:flex;align-items:center;justify-content:flex-end}.mm-ref-trip-banner>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 48%}.mm-ref-trip-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071b2805 0%,#0a304481 44%,#0a3044f7 66%)}.mm-ref-trip-banner>div{width:44%;padding:25px 35px}.mm-ref-trip-banner div>span{color:#a6ff91;font-size:11px;letter-spacing:.14em;font-weight:900}.mm-ref-trip-banner h2{color:#fff;font-size:clamp(25px,2.7vw,40px);line-height:1.06;letter-spacing:-.045em;margin:10px 0}.mm-ref-trip-banner p{font-size:13px;color:#dfebee;line-height:1.5}.mm-ref-trip-banner a{font-size:12px;padding:10px 17px;margin-top:5px}
.mm-ref-guides{margin-bottom:34px}.mm-ref-guides-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mm-ref-guide{background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 8px 22px #12273512;display:flex;flex-direction:column;transition:transform .24s;color:#15252c!important}.mm-ref-guide:hover{transform:translateY(-4px)}.mm-ref-guide img{width:100%;height:155px;object-fit:cover}.mm-ref-guide strong{padding:14px 15px 3px;font-size:14px;line-height:1.25}.mm-ref-guide span{padding:6px 15px 15px;color:#08784b;font-weight:800;font-size:11px}
.mm-ref-localnote{background:#e8f4ed;border-radius:15px;padding:17px 23px;color:#3a5a4b;font-size:12px}
/* Design consistency for inner tools without overwriting their working layouts */
body:not(.dark) .mm-page-banner{border-radius:21px!important}.card{border-radius:18px!important}.page-help{border-radius:14px!important}.btn{border-radius:11px!important}.category-tab.selected{background:#0c693f!important;color:white!important;outline:0!important;box-shadow:none!important}.main-links a:focus-visible,.mm-reference-home a:focus-visible{outline:3px solid #78d96c;outline-offset:3px}
body.dark .mm-reference-home{background:#0d1720}body.dark .mm-ref-smalltools .mm-ref-mini,body.dark .mm-ref-guide,body.dark .mm-ref-quick-card:not(.featured){background:#1b2d36;color:#f0f8f5!important}body.dark .mm-ref-mini strong,body.dark .mm-ref-section-head h2,body.dark .mm-ref-guide strong{color:#f1f7f6}body.dark .mm-ref-mini small,body.dark .mm-ref-section-head p{color:#adbfbd}body.dark .mm-ref-mini:nth-child(n){background:#1b2d36}body.dark .mm-ref-localnote{background:#183b30;color:#d0e9d8}
@keyframes mmContentEnter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes mmCarEnter{from{opacity:.3;transform:scale(1.06) translateX(25px)}to{opacity:1;transform:scale(1) translateX(0)}}
@media(min-width:1700px){.mm-ref-hero{height:520px}.mm-ref-hero-content{padding-top:65px}.mm-ref-showcase{min-height:390px}.mm-ref-studio{min-height:390px}}
@media(max-width:1380px){.mm-ref-quick{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-40px}.mm-ref-quick-card{min-height:78px;flex-direction:row;align-items:center}.mm-ref-quick-arrow{margin-left:auto}.mm-ref-smalltools{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-ref-hero-content{max-width:740px}.mm-ref-hero h1{font-size:clamp(40px,4.5vw,64px)}}
@media(max-width:1000px){.mm-ref-hero-car{width:64%;opacity:.72}.mm-ref-showcase{grid-template-columns:1fr}.mm-ref-studio{min-height:380px}.mm-ref-feature-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.mm-ref-feature{min-height:218px}.mm-ref-feature-text{width:88%}.mm-ref-types-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mm-ref-trip-banner>div{width:60%}.mm-ref-hero-spotlight{display:none}}
@media(max-width:680px){.topbar{padding:0 13px!important}.top-brand>span:last-child{font-size:20px!important}.top-brand-mark{font-size:31px!important}.mm-ref-hero{height:580px}.mm-ref-hero-ambient{background-position:55% center}.mm-ref-hero-car{width:100%;height:58%;top:auto;bottom:0;right:0;opacity:.75;background-size:cover;background-position:center 55%}.mm-ref-hero-shadow{background:linear-gradient(180deg,#071e25 0%,#09272cf6 36%,#09272cb0 60%,#082a2a16 100%)}.mm-ref-hero-content{padding:36px 22px}.mm-ref-hero h1{font-size:clamp(35px,9.2vw,52px);line-height:1.08}.mm-ref-hero-content>p{font-size:13px;max-width:470px}.mm-ref-benefits{gap:8px 14px;font-size:10px}.mm-ref-overline{font-size:9px}.mm-ref-cta{gap:8px;margin:21px 0}.mm-ref-cta a{padding:11px 15px;font-size:12px}.mm-ref-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-30px 12px 26px}.mm-ref-quick-card{min-height:68px;padding:10px;gap:7px}.mm-ref-quick-card strong{font-size:11px}.mm-ref-quick-icon{font-size:18px}.mm-ref-showcase,.mm-ref-smalltools,.mm-ref-types,.mm-ref-trip-banner,.mm-ref-guides,.mm-ref-localnote{margin-left:13px;margin-right:13px}.mm-ref-showcase{gap:12px}.mm-ref-studio{min-height:342px}.mm-ref-studio h2{font-size:28px}.mm-ref-studio-copy{bottom:16px;left:19px;right:19px}.mm-ref-colorchips{display:none}.mm-ref-feature-stack{grid-template-columns:1fr;gap:10px}.mm-ref-feature{min-height:165px}.mm-ref-smalltools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:34px}.mm-ref-mini{min-height:95px;padding:12px 11px;gap:8px}.mm-ref-mini-icon{width:30px;height:30px;font-size:17px}.mm-ref-mini strong{font-size:12px}.mm-ref-mini small{font-size:10px}.mm-ref-mini>b{display:none}.mm-ref-types-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mm-ref-type{height:138px}.mm-ref-section-head h2{font-size:27px}.mm-ref-section-head>a{font-size:11px}.mm-ref-section-head p{font-size:12px}.mm-ref-trip-banner{height:320px;align-items:flex-end}.mm-ref-trip-banner:before{background:linear-gradient(0deg,#082d3bee 0%,#082d3ba3 55%,transparent)}.mm-ref-trip-banner>div{width:100%;padding:22px}.mm-ref-trip-banner h2{font-size:28px}.mm-ref-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mm-ref-guide img{height:115px}.mm-ref-guide strong{font-size:12px}.mm-ref-localnote{font-size:11px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.mm-ref-hero-car,.mm-ref-hero-content,.mm-ref-hero-spotlight{animation:none!important}.mm-ref-type img,.mm-ref-studio img,.mm-ref-quick-card{transition:none!important}}