/* Native dialog keeps the drawer above sticky headers and purchase bars. */
.ss-story .ss-drawer-trigger{display:none;align-items:center;justify-content:center;width:40px;height:44px;padding:0;border:0;background:transparent;color:var(--ss-ink);flex:none}
.ss-story .ss-navigation-drawer{position:fixed;inset:0 0 0 auto;width:min(420px,92vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;color:var(--ss-ink);box-shadow:-15px 0 65px #0002;overflow:hidden;font-family:var(--ss-font)}
.ss-navigation-drawer:not([open]){display:none}
.ss-story .ss-navigation-drawer[open]{display:flex;flex-direction:column}
.ss-navigation-drawer::backdrop{background:#111111a6;backdrop-filter:blur(3px)}
.ss-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;padding:18px 24px;background:#111111;color:white;flex:none}
.ss-drawer-logo img{width:148px;height:auto;filter:brightness(0) invert(1)}
.ss-story .ss-drawer-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:white;background:#ffffff12;border:1px solid #ffffff24;border-radius:50%}
.ss-drawer-body{position:relative;flex:1;min-height:0;overflow:hidden}
.ss-drawer-level{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:25px 24px 30px;scrollbar-width:thin}
.ss-story .ss-drawer-level h2{font-size:28px;line-height:1.16;letter-spacing:-.035em;margin:8px 0 24px;text-wrap:balance}
.ss-drawer-level h2:focus{outline:none}
.ss-story .ss-drawer-label{font-size:10px;letter-spacing:.13em;color:var(--ss-muted);margin:0 0 12px}
.ss-story .ss-drawer-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;background:transparent;border:0;padding:0 10px 0 0;color:var(--ss-muted);font-size:12px;margin-bottom:8px;border-radius:8px}
.ss-story .ss-drawer-overview{display:grid;grid-template-columns:1fr auto;gap:7px 15px;background:#f5f5f7;border-radius:12px;padding:17px;margin-bottom:12px}
.ss-drawer-overview>span:first-child{grid-column:1/-1;font-size:10px;color:var(--ss-muted)}
.ss-drawer-overview>a{font-size:14px;font-weight:600;line-height:1.4}
.ss-story .ss-drawer-list{list-style:none;margin:0;padding:0}
.ss-drawer-list>li{display:flex;align-items:stretch;border-bottom:1px solid #e9e9ed;gap:8px;min-height:56px}
.ss-drawer-link{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}
.ss-drawer-link>a{display:flex;align-items:center;flex:1;font-size:15px;line-height:1.4;padding:16px 0;overflow-wrap:anywhere}
.ss-story .ss-drawer-link>p{font-size:12px;line-height:1.5;color:var(--ss-muted);margin:-8px 0 15px}
.ss-story .ss-drawer-forward{width:100%;flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:transparent;color:var(--ss-ink);border:0;margin:0;min-height:56px;border-radius:8px;text-align:left;font:inherit;font-size:15px;line-height:1.4}
.ss-drawer-row-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.ss-drawer-description{font-size:12px;line-height:1.5;color:var(--ss-muted)}
.ss-drawer-forward>.ss-menu-chevron{color:var(--ss-muted)}
.ss-drawer-level[hidden]{display:none}
.ss-drawer-level{overflow-x:hidden;scrollbar-gutter:stable;overflow-anchor:none}
.ss-navigation-drawer{overscroll-behavior:contain}
/* Shared chevron geometry; explicit sizing also works outside header summaries. */
.ss-navigation-drawer .ss-menu-chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;line-height:1;font-size:0;color:currentColor}
.ss-navigation-drawer .ss-menu-chevron svg{display:block;width:18px;height:18px;flex:none}
.ss-drawer-forward>.ss-menu-chevron,.ss-drawer-overview>.ss-menu-chevron,.ss-drawer-account>.ss-menu-chevron{transform:rotate(-90deg)}
.ss-drawer-back>.ss-menu-chevron{transform:rotate(90deg)}
.ss-drawer-overview>.ss-menu-chevron{align-self:center;color:var(--ss-muted)}
.ss-drawer-forward,.ss-drawer-back,.ss-drawer-close{appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:manipulation;transition:background-color .18s,color .18s}
@media(hover:hover){.ss-story .ss-drawer-forward:hover,.ss-story .ss-drawer-back:hover{background:var(--ss-soft);color:var(--ss-ink)}}
.ss-story .ss-drawer-forward:active,.ss-story .ss-drawer-back:active{background:#e8e8ed;color:var(--ss-ink)}
.ss-navigation-drawer :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.ss-drawer-footer{flex:none;padding:18px 24px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--ss-line);background:#fafafa}
.ss-drawer-account{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:17px}
.ss-drawer-languages{display:flex;gap:8px}
.ss-drawer-languages>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;flex:1;font-size:10px;border:1px solid transparent;border-radius:8px;color:var(--ss-muted)}
.ss-drawer-languages>a[aria-current]{background:#fff;border-color:var(--ss-line);color:var(--ss-ink)}
@media(max-width:1280px){.ss-story.ss-drawer-ready .ss-mobile-menu{display:none}.ss-story.ss-drawer-ready .ss-drawer-trigger{display:flex}}
@media(max-width:600px){.ss-drawer-top{min-height:72px;padding:14px 20px}.ss-drawer-level{padding:20px}.ss-drawer-footer{padding-inline:20px}.ss-story .ss-drawer-level h2{font-size:26px}.ss-story .ss-header-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){.ss-navigation-drawer::backdrop{backdrop-filter:none}.ss-drawer-forward,.ss-drawer-back,.ss-drawer-close{transition:none}}

.ss-story .ss-navigation-drawer{top:var(--ss-viewport-top,0px);bottom:auto;left:calc(var(--ss-viewport-left,0px) + var(--ss-viewport-width,100vw));right:auto;translate:-100% 0;width:min(420px,calc(var(--ss-viewport-width,100vw) - 20px));height:var(--ss-viewport-height,100dvh);max-height:var(--ss-viewport-height,100dvh);max-width:none}
.ss-drawer-top{padding-top:max(14px,env(safe-area-inset-top))}
@media(max-height:600px){.ss-drawer-top{min-height:60px;padding-block:10px}.ss-drawer-footer{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.ss-drawer-account{margin-bottom:8px}.ss-drawer-level{padding-top:14px}}

/* Stretch the existing link across the complete overview tile. */
.ss-story .ss-drawer-overview{position:relative}
.ss-drawer-overview>a::after{content:"";position:absolute;inset:0;border-radius:inherit}
/* Highlight the complete tile, never the shorter text link inside it. */
.ss-navigation-drawer .ss-drawer-overview>a{border-radius:inherit;-webkit-tap-highlight-color:transparent}
.ss-navigation-drawer .ss-drawer-overview>a:hover{ text-decoration:none }
.ss-navigation-drawer .ss-drawer-overview>a:focus-visible{outline:none}
.ss-drawer-overview:has(>a:focus-visible){outline:2px solid currentColor;outline-offset:3px}
.ss-story .ss-drawer-overview:has(>a:active){background:#e8e8ed}