.blog-shop{--blog-shop-navy: #2c354f;--blog-shop-navy-hover: #3a4766;--blog-shop-navy-300: #4a5b7d;--blog-shop-muted: #f5f5f5;--blog-shop-line: #e4e4e7;--blog-shop-ease: cubic-bezier(.2, .8, .2, 1);--blog-shop-sb: env(safe-area-inset-bottom, 0px);--blog-shop-ck: var(--cookie-banner-h, 0px);color:var(--blog-shop-navy)}.blog-shop-bar{position:fixed;left:0;right:0;bottom:var(--blog-shop-ck);z-index:29;padding-bottom:var(--blog-shop-sb);background:#fff;box-shadow:0 -8px 24px #2c354f1f;transform:translateY(100%);transition:transform .35s var(--blog-shop-ease)}.blog-shop-bar.is-on{transform:none}.blog-shop-bar.is-min{transform:translateY(calc(100% - 3px))}.blog-shop-bar.is-min .blog-shop-in{visibility:hidden}.blog-shop-in{display:flex;align-items:center;gap:12px;max-width:1024px;min-height:60px;margin:0 auto;padding:8px 8px 8px 16px}.blog-shop-leaf{flex:none;display:none;place-items:center;width:28px;height:28px;border:1px solid var(--blog-shop-line);border-radius:999px}.blog-shop-text{flex:1;min-width:0;display:grid;line-height:1.25}.blog-shop-kicker{overflow:hidden;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:var(--blog-shop-navy-300)}.blog-shop-chapter{overflow:hidden;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.blog-shop-left{flex:none;display:none;font-size:13px;font-weight:600;white-space:nowrap;color:var(--blog-shop-navy-300)}.blog-shop-track{position:absolute;top:0;left:0;right:0;height:3px;background:var(--blog-shop-line)}.blog-shop-fill{height:100%;background:var(--blog-shop-navy);transform:scaleX(0);transform-origin:0 50%}.blog-shop-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--blog-shop-navy);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .2s}.blog-shop-pill:hover{background:var(--blog-shop-navy-hover)}.blog-shop-pill:focus-visible,.blog-shop-feat:focus-visible,.blog-shop-list a:focus-visible{outline:2px solid var(--blog-shop-navy);outline-offset:3px}.blog-shop-arrow{flex:none;transition:transform .2s}.blog-shop-pill:hover .blog-shop-arrow{transform:translate(3px)}.blog-shop-short{display:none}.blog-shop-chevron{flex:none;transition:transform .25s var(--blog-shop-ease)}.blog-shop-toggle[aria-expanded=true] .blog-shop-chevron{transform:rotate(180deg)}.blog-shop-toggle.is-nudge{animation:blog-shop-nudge .9s var(--blog-shop-ease)}@keyframes blog-shop-nudge{0%,to{transform:none}40%{transform:scale(1.08)}70%{transform:scale(.98)}}@media(max-width:420px){.blog-shop-toggle .blog-shop-long{display:none}.blog-shop-toggle .blog-shop-short{display:inline}.blog-shop-toggle{padding:0 16px}}.blog-shop-x{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--blog-shop-navy);cursor:pointer}.blog-shop-x span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--blog-shop-muted)}.blog-shop-x:hover span{background:var(--blog-shop-line)}.blog-shop-x:focus-visible{outline:2px solid var(--blog-shop-navy);outline-offset:-4px}.blog-shop-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#2c354f73;opacity:0;pointer-events:none;transition:opacity .3s}.blog-shop-scrim.is-on{opacity:1;pointer-events:auto}.blog-shop-panel{position:fixed;left:0;right:0;bottom:0;z-index:61;max-height:86svh;overflow-y:auto;overscroll-behavior:contain;padding:8px 0 calc(20px + var(--blog-shop-sb));border-radius:20px 20px 0 0;background:#fff;visibility:hidden;transform:translateY(105%);transition:transform .4s var(--blog-shop-ease),visibility 0s .4s}.blog-shop-panel.is-open{visibility:visible;transform:translateY(var(--blog-shop-drag, 0px));transition:transform .4s var(--blog-shop-ease),visibility 0s}.blog-shop-panel.is-dragging{transition:none}.blog-shop-head{display:grid;grid-template-columns:1fr auto;align-items:start;padding:0 8px 0 20px;touch-action:none;cursor:grab}.blog-shop-grip{grid-column:1 / -1;display:block;width:40px;height:4px;margin:0 auto 8px;border-radius:4px;background:#c9cdd6}.blog-shop-head h2{padding-top:4px;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.blog-shop-head p{grid-column:1;margin-top:4px;font-size:15px}.blog-shop-feat{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;margin:16px 20px 0;padding:10px 14px 10px 10px;border:1.5px solid var(--blog-shop-navy);border-radius:16px;text-decoration:none;transition:background-color .2s}.blog-shop-feat[hidden]{display:none}.blog-shop-feat:hover{background:#fafafa}.blog-shop-feat .blog-shop-tile{width:72px;height:72px;border-radius:12px}.blog-shop-feat .blog-shop-tile img{width:68px;height:68px}.blog-shop-now{display:block;overflow:hidden;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:var(--blog-shop-navy-300)}.blog-shop-feat-name{display:block;margin-top:2px;font-size:16px;font-weight:700;line-height:1.25}.blog-shop-fact{display:-webkit-box;margin-top:2px;overflow:hidden;font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-shop-tile{display:grid;place-items:center;overflow:hidden;background:var(--blog-shop-muted)}.blog-shop-tile img{object-fit:contain}.blog-shop-list{display:flex;gap:12px;margin:0;padding:16px 20px 4px;overflow-x:auto;list-style:none;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none}.blog-shop-list li{flex:none;width:112px;scroll-snap-align:start}.blog-shop-list li[hidden]{display:none}.blog-shop-list a{display:grid;gap:8px;border-radius:12px;text-decoration:none}.blog-shop-list .blog-shop-tile{width:112px;height:112px;border-radius:14px}.blog-shop-list .blog-shop-tile img{width:104px;height:104px}.blog-shop-name{display:block;font-size:14px;font-weight:700;line-height:1.25}.blog-shop-why{display:-webkit-box;margin-top:2px;overflow:hidden;font-size:12px;font-weight:500;color:var(--blog-shop-navy-300);-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-shop-foot{display:grid;gap:10px;padding:16px 20px 0}.blog-shop-foot .blog-shop-pill{width:100%;min-height:52px;font-size:16px}.blog-shop-foot small{font-size:13px;font-weight:500;text-align:center;color:var(--blog-shop-navy-300)}@media(min-width:768px){.blog-shop-bar{max-width:1024px;margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden}.blog-shop-in{gap:20px;padding:8px 20px 8px 32px}.blog-shop-leaf{display:grid}.blog-shop-left{display:block}.blog-shop-scrim{display:none}.blog-shop-panel{z-index:28;top:auto;left:auto;right:var(--blog-shop-panel-right, 16px);bottom:var(--blog-shop-panel-bottom, 76px);width:480px;max-height:var(--blog-shop-panel-max, 70svh);padding:6px 0 20px;border:1px solid var(--blog-shop-line);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -18px 40px #2c354f2e;opacity:0;transform:translateY(12px);transition:transform .3s var(--blog-shop-ease),opacity .2s,visibility 0s .3s}.blog-shop-panel.is-open{opacity:1;transform:none;transition:transform .3s var(--blog-shop-ease),opacity .2s,visibility 0s}.blog-shop-head{padding-top:10px;touch-action:auto;cursor:auto}.blog-shop-grip{display:none}.blog-shop-head h2{font-size:20px}.blog-shop-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:12px 14px 0;overflow:visible}.blog-shop-list li{width:auto}.blog-shop-list a{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:6px;transition:background-color .2s}.blog-shop-list a:hover{background:var(--blog-shop-muted)}.blog-shop-list .blog-shop-tile{width:52px;height:52px;border-radius:10px}.blog-shop-list .blog-shop-tile img{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.blog-shop-bar,.blog-shop-scrim,.blog-shop-panel,.blog-shop-panel.is-open,.blog-shop-feat,.blog-shop-list a,.blog-shop-pill,.blog-shop-arrow,.blog-shop-chevron{transition:none}.blog-shop-toggle.is-nudge{animation:none}.blog-shop-pill:hover .blog-shop-arrow{transform:none}}