/* Daisy Chain archive: SYSTEM LAYER styles (gateway, QR, commerce panels). Typography and controls come from the
   shared kit (cdn KIT/dc-kit.css: DC Sans, .dc-head, .dc-btn, .dc-col) and the shared header/heading; this file only
   places them. Square corners, brand colours. */
:root { --dc-white: #FCFBFE; --dc-black: #231F20; --dc-red: #E71411; }
.dc-gw { display: none; }
html[data-layout=desktop] .dc-gw { display: block; }
html[data-layout=desktop] .ed-wrap { display: none; }
/* the gateway follows the shared kit's theme (light page, black type) */
html[data-layout=desktop] body { background: var(--dc-white); }
.dc-gw { color: var(--dc-black); min-height: 100vh; }
.dc-gw-main { box-sizing: border-box; max-width: 980px; margin: 0 auto; padding: 180px 32px 96px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.dc-gw-story .dc-head { margin: 0 0 8px; color: var(--dc-black); }
.dc-gw-story .dc-gw-line { margin: 0 0 32px; font-family: 'DC Sans Condensed', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; letter-spacing: 1.3px; line-height: 20px; text-transform: uppercase; }
.dc-gw-qr { width: 216px; height: 216px; padding: 16px; background: var(--dc-white); box-sizing: content-box; outline: 1px solid var(--dc-black); }
.dc-gw-qr svg { display: block; width: 100%; height: 100%; }
.dc-gw-qr svg path, .dc-gw-qr svg rect[fill="#000000"], .dc-gw-qr svg rect[fill="black"] { fill: var(--dc-black); }
.dc-gw-qr[aria-busy=true] { opacity: .5; }
.dc-gw-note { margin: 16px 0 0; max-width: 320px; font-family: 'DC Sans Condensed', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; letter-spacing: 1.3px; line-height: 20px; }
.dc-gw-note[hidden] { display: none; }
.dc-gw .dc-btn { margin-top: 24px; max-width: 248px; }
.dc-gw-shop .dc-head { margin: 0 0 16px; color: var(--dc-black); }
.dc-gw-shop > * + .dc-head { margin-top: 48px; }
@media (max-width: 900px) { .dc-gw-main { grid-template-columns: minmax(0, 1fr); gap: 48px; padding-top: 150px; } }

/* commerce panel over an editorial page (Issue 02 /b/00b/): today's product card on brand black, the × in the panel */
[data-dc-panel] { position: absolute; z-index: 600; background: var(--dc-black); color: var(--dc-white); box-sizing: border-box; padding: 40px 16px 16px; }
[data-dc-panel][hidden] { display: none; }
[data-dc-panel] [data-action="close"] { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; padding: 0; border: 0; background: none; cursor: pointer; }
[data-dc-panel] [data-action="close"] svg { display: block; width: 100%; height: 100%; }
html[data-layout=phone] [data-dc-panel][data-for=tablet], html[data-layout=tablet] [data-dc-panel][data-for=phone] { display: none; }