[data-storefront-shell] [data-family-design=blog-magazine]{--magazine-inset:clamp(20px,4vw,72px);background:color-mix(in srgb,rgb(var(--color-background)) 88%,rgb(var(--color-accent)) 12%);padding-block:20px}[data-family-design=blog-magazine]>div{width:100%;max-width:none;margin:0}[data-family-design=blog-magazine] [data-family-header]{padding-inline:var(--magazine-inset);max-width:none;margin-bottom:36px}[data-family-design=blog-magazine] .eyebrow,.blog-magazine-source,.blog-magazine-copy time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;letter-spacing:.08em}[data-family-design=blog-magazine] [data-family-header] h2,[data-family-design=blog-magazine] [data-family-header] h1{font-size:clamp(2.25rem,4.5vw,4.5rem);line-height:1.08;font-weight:400}[data-storefront-shell] [data-design-section][data-family-design=blog-magazine] [data-action-style]:not([data-action-style=glass]):not([data-action-style=glass-brand]){border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;padding-inline:0;text-decoration:underline;text-underline-offset:6px}[data-family-design=blog-magazine] .eyebrow:before,[data-family-design=blog-magazine] .eyebrow:after{display:none}.blog-magazine-rail{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--magazine-inset);padding:0 var(--magazine-inset) 12px;list-style:none;scrollbar-width:thin}.blog-magazine-rail:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:-2px}.blog-magazine-rail>li{flex:0 0 clamp(280px,34vw,540px);min-width:0;scroll-snap-align:start}.blog-magazine-card{border:0;border-radius:0;box-shadow:none}.blog-magazine-picture{position:relative}.blog-magazine-visual{aspect-ratio:4/3;border-radius:0}.blog-magazine-visual picture,.blog-magazine-visual img{border-radius:0!important}.blog-magazine-read{position:absolute;bottom:16px;inset-inline-end:16px;background:rgb(var(--color-primary));color:rgb(var(--color-primary-contrast));padding:8px 12px;font-size:.75rem;line-height:1.3}.blog-magazine-copy{padding:12px 24px 0 0}.blog-magazine-copy:dir(rtl){padding:12px 0 0 24px}.blog-magazine-source{margin:0 0 6px;opacity:.65}.blog-magazine-copy h3{font-size:clamp(1.25rem,1.7vw,1.75rem);line-height:1.3;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:767px){.blog-magazine-rail>li{flex-basis:82vw}.blog-magazine-copy{padding-top:10px}}.blog-magazine-copy[data-surface-material=liquid-glass]{margin:12px 12px 0;padding:20px 24px;border-radius:22px}.blog-magazine-copy[data-surface-material=liquid-glass] h3{color:rgb(var(--color-text))}.blog-magazine-read[data-surface-material=liquid-glass]{color:rgb(var(--color-text));background-color:rgb(var(--color-background) / .7);border-radius:999px}[data-family-design=blog-magazine] [data-family-header]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;-moz-column-gap:24px;column-gap:24px;row-gap:12px;margin-bottom:24px}[data-family-design=blog-magazine] [data-family-header]>:is(h1,h2){grid-column:1;grid-row:2;margin-block:0}[data-family-design=blog-magazine] [data-family-header]>.eyebrow{grid-column:1 / -1;grid-row:1}[data-family-design=blog-magazine] [data-family-header]>div:has(>[data-action-style]){grid-column:2;grid-row:2;justify-content:flex-end;margin-top:0}[data-family-design=blog-magazine] [data-family-header]>p:not(.eyebrow),[data-family-design=blog-magazine] [data-family-header]>div:not(:has(>[data-action-style])){grid-column:1 / -1}.blog-magazine-copy h3{min-block-size:2.6em;margin-block:0}@media (max-width:767px){[data-family-design=blog-magazine] [data-family-header]{-moz-column-gap:12px;column-gap:12px}[data-family-design=blog-magazine] [data-family-header] [data-action-style]{padding-inline:16px;white-space:nowrap}}@media (min-width:768px){.blog-magazine-rail:has(>li:nth-child(3):last-child)>li{flex-basis:calc(100% / 3)}}
