/* Shared generic shell v1.0.0. Creative styles stay below #demo-mount. */
html:has(.ds-shell),body:has(.ds-shell){margin:0;background:#f7f7f3}
.ds-shell,.ds-shell *{box-sizing:border-box}
.ds-shell{max-width:var(--ds-shell-max);margin:auto;padding:var(--ds-shell-padding);display:grid;grid-template-columns:minmax(0,1fr) var(--ds-preview-width,414px) minmax(0,1fr);column-gap:var(--ds-column-gap);align-items:start;color:var(--ds-ink);font-family:var(--ds-sans)}
.ds-info{max-width:var(--ds-info-max);padding:var(--ds-info-padding)}
.ds-eyebrow{font-size:var(--ds-eyebrow-size);letter-spacing:var(--ds-eyebrow-tracking);color:var(--ds-eyebrow-ink);margin:0 0 22px}
.ds-title{font:normal var(--ds-title-size)/var(--ds-title-line) var(--ds-serif);letter-spacing:var(--ds-title-tracking);color:var(--ds-title-ink);margin:var(--ds-title-margin);text-wrap:balance;overflow-wrap:anywhere}
.ds-copy{font-size:var(--ds-copy-size);line-height:var(--ds-copy-line);color:var(--ds-copy-ink);margin:var(--ds-copy-margin)}
.ds-fields{border-top:1px solid var(--ds-field-border);margin:25px 0 0;padding:18px 0;font-size:var(--ds-field-size)}
.ds-fields>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0}
.ds-fields dt{color:var(--ds-field-label)}.ds-fields dd{margin:0;color:var(--ds-field-value);text-align:right;overflow-wrap:anywhere}
.ds-stage{width:var(--ds-preview-width,414px);min-width:0}
.ds-device-space{height:var(--ds-preview-height,884px);position:relative}
.ds-device{position:relative;width:414px;height:884px;border:2px solid var(--ds-phone-border);border-radius:34px;box-shadow:var(--ds-phone-shadow);background:white;overflow:hidden;transform:scale(var(--ds-preview-scale,1));transform-origin:top left}
.ds-device #device-flipper{height:100%;border-radius:32px;transform:none}
.ds-device #article-side{position:relative;height:100%;border-radius:32px;overflow:hidden;transform:none;background:white}
.ds-device .article-window{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.ds-device .article-window::-webkit-scrollbar{display:none}
.ds-description[hidden]{display:none!important}.ds-description{display:none}
.ds-controls{height:34px;padding:10px 0 0;text-align:center}.ds-controls button{border:0;background:none;color:#a1aaa0;font:10px var(--ds-sans);padding:4px 8px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ds-qr-panel{display:flex;justify-content:center;padding-top:var(--ds-qr-top)}
.ds-qr-card{width:var(--ds-qr-width);padding:var(--ds-qr-padding);border:1px solid var(--ds-qr-border);border-radius:var(--ds-qr-radius);background:white;box-shadow:var(--ds-qr-shadow);text-align:center}
.ds-qr-eyebrow{font-size:var(--ds-qr-eyebrow-size);letter-spacing:var(--ds-qr-eyebrow-tracking);color:var(--ds-qr-eyebrow-ink);margin:0 0 15px}
.ds-qr-title{font:normal var(--ds-qr-title-size)/var(--ds-qr-title-line) var(--ds-serif);letter-spacing:var(--ds-qr-title-tracking);color:var(--ds-qr-title-ink);margin:0 0 11px}
.ds-qr-copy{font-size:var(--ds-qr-copy-size);line-height:var(--ds-qr-copy-line);color:var(--ds-qr-copy-ink);margin:0 0 16px}
.ds-qr-card img{display:block;width:var(--ds-qr-image);max-width:100%;height:auto;margin:auto}
.ds-qr-fallback{display:inline-block;margin-top:13px;color:var(--ds-qr-fallback-ink);font-size:var(--ds-qr-fallback-size);text-underline-offset:3px}
.ds-shell :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}
@media(max-width:1023px){
 html:has(.ds-shell),body:has(.ds-shell){background:white}
 .ds-shell{display:block;max-width:none;padding:0;margin:0}.ds-info,.ds-qr-panel,.ds-controls{display:none}
 .ds-stage{display:block;width:100%;max-width:none;height:auto}.ds-device-space{height:auto}
 .ds-device{width:100%;height:auto;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none}
 .ds-device #device-flipper,.ds-device #article-side{height:auto;border-radius:0;overflow:visible;transform:none}
 .ds-device .article-window{height:auto;overflow:visible;overscroll-behavior:auto}
 .ds-description:not([hidden]){display:block;position:fixed;inset:0;z-index:100;height:100dvh;background:#f8f9f5;padding:24px;overflow:auto;overscroll-behavior:contain}
 .ds-description h2{font:normal 31px/1.1 var(--ds-serif);letter-spacing:-.7px;max-width:290px;margin:0 0 24px;text-wrap:balance}
 .ds-description p{font:12px/1.8 var(--ds-sans);color:#7a8871;margin-bottom:26px}
 .ds-description .ds-description-format{font-size:12px;letter-spacing:2px;color:#8b997e;margin:39px 0 12px}
 .ds-description button{background:none;border:0;padding:4px 0 10px;color:#74806c;font:11px var(--ds-sans);text-decoration:underline;text-underline-offset:4px}
}
@media(prefers-reduced-motion:reduce){.ds-shell{scroll-behavior:auto}}