/* MenuDialog reference: 904-wide right panel, 392x184 large cells.
   Five blog destinations, responsive size and timing are web adaptations. */
.menu-panel{width:47.1vw;max-width:904px;min-width:450px;padding:clamp(22px,3.1vw,60px);border:0;border-radius:0;background:rgba(69,68,95,.8);box-shadow:none;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:center;transform:translateX(101%);transition:transform .2s ease-out;visibility:hidden}
.menu-panel{width:39vw;max-width:750px;min-width:380px;padding:clamp(18px,2.5vw,48px);transition:transform .2s ease-out,visibility 0s .2s}
.menu-open .menu-panel{visibility:visible;transform:translateX(0);transition-delay:0s}
.menu-panel nav .system-menu-card{min-width:0;width:100%}
.menu-panel__head{padding:0;position:absolute;right:18px;top:12px;z-index:2}
.menu-panel .menu-close{border:0;border-radius:0;background:none;color:#fff;font-size:46px;line-height:1;width:48px;height:48px;padding:0;box-shadow:none}
.menu-panel nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin:50px 0 26px}
.menu-panel nav .system-menu-card{display:block;position:relative;isolation:isolate;aspect-ratio:392/184;min-height:0;padding:12px;overflow:hidden;border:0;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:none;color:#45445f;transition:background .15s,transform .15s;text-decoration:none}
.menu-panel nav .system-menu-card:hover{background:#fff;transform:translateY(-2px)}
.menu-panel nav .system-menu-card:active{transform:scale(.98);background:#dcfff8}
.menu-panel nav .system-menu-card:focus-visible{outline:3px solid #77eedd;outline-offset:3px}
.menu-panel nav .system-menu-card:last-child{grid-column:1/-1;aspect-ratio:auto;height:clamp(106px,9.2vw,169px)}
.system-menu-card strong{position:relative;z-index:2;display:table;background:#45445f;color:#fff;padding:0 5px;font-size:clamp(18px,1.66vw,31px);line-height:1.25;font-weight:900}
.system-menu-card strong em{color:#ff77ad;font-style:normal}
.menu-panel nav .system-menu-english{position:absolute;left:0;bottom:-4px;font-size:clamp(22px,2.25vw,43px);line-height:1;font-weight:900;letter-spacing:-1px;color:transparent;-webkit-text-stroke:1px #fff;max-width:85%;overflow-wrap:anywhere;z-index:0}
.system-menu-icon{position:absolute;right:10px;bottom:9px;width:28%;height:52%;object-fit:contain;filter:brightness(0) saturate(100%) invert(63%) sepia(60%) saturate(920%) hue-rotate(294deg);z-index:1}
.system-menu-card:last-child .system-menu-icon{width:25%;height:62%}
.menu-scrim{background:transparent;transition:opacity .2s}
@media(max-width:700px){.menu-panel{width:90vw;min-width:0;padding:20px}.menu-panel nav{gap:13px}.menu-panel nav .system-menu-card{aspect-ratio:auto;height:108px;min-height:108px;padding:9px;border-radius:12px}.system-menu-card strong{font-size:20px}.menu-panel nav .system-menu-english{font-size:25px}}
@media(max-height:500px){.menu-panel{justify-content:flex-start}.menu-panel nav{margin-top:45px}}
@media(prefers-reduced-motion:reduce){.menu-panel,.menu-scrim,.menu-panel nav .system-menu-card{transition:none}}
@media(max-width:700px){.menu-panel{width:86vw}}
.system-menu-card[href*="/categories"] .system-menu-english{font-size:clamp(16px,1.55vw,28px);white-space:nowrap;max-width:100%}