/* First-person stories, using the existing Quick AI Bytes type and palette. */
.muse-referral{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px;padding:22px 24px;margin:28px 0;font:16px/1.5 var(--display);scroll-margin-top:28px}
.muse-referral h2{font:700 22px/1.2 var(--display);margin:0 0 8px}.story-content .muse-referral p{margin:0}.muse-referral code{font:600 19px var(--mono);letter-spacing:.06em;color:var(--blue);white-space:nowrap}.muse-referral .referral-disclosure{flex-basis:100%;font-size:14px;color:var(--ink-soft)}.muse-referral .referral-status{flex-basis:100%;font-size:14px}.muse-referral .referral-status:has(>p[hidden]+p[hidden]){display:none}
.preview-bar{background:var(--ink);color:var(--paper);font:11px var(--mono);letter-spacing:.025em}
.preview-bar .wrap{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:7px}
.preview-bar span::before{content:"";display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}
.preview-bar nav{display:flex;gap:18px}.preview-bar a{color:var(--paper);text-underline-offset:3px}
.story-hero{padding-top:34px;padding-bottom:44px;border-bottom:2px solid var(--ink)}
.story-breadcrumb{font:12px var(--mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:28px;display:flex;align-items:center;gap:14px}
.story-breadcrumb a{color:var(--ink-soft);text-decoration:none;padding-block:8px}.story-breadcrumb a:hover{text-decoration:underline}
.story-intro{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:56px;align-items:center}
.story-kicker{color:var(--blue);margin-bottom:18px;font-weight:600}
.story-intro h1{font-size:clamp(40px,5.2vw,68px);letter-spacing:-.045em;line-height:1.015;text-wrap:initial;max-width:750px}
.story-intro h1 .title-mark{color:var(--blue)}
.story-deck{font:22px/1.4 var(--read);color:var(--ink-soft);margin-top:22px;max-width:580px}
.story-byline{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:24px;font-size:14px}
.author-initial{width:34px;height:34px;border-radius:50%;background:var(--orange);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--ink)}
.byline-author{display:flex;align-items:center;gap:9px;font-weight:700}.story-byline .readtime{font:12px var(--mono);color:var(--ink-soft)}
.request-card{margin:0;position:relative;transform:rotate(1.4deg)}
.request-card .bite-body{background:var(--blue);color:white;--bite:30px;padding:30px;border-radius:14px;box-shadow:0 4px 0 var(--ink)}
.request-card .eyebrow{color:var(--blue-text-on);font-size:11px;margin-bottom:22px}
.request-card blockquote{margin:0;font:600 27px/1.3 var(--display);letter-spacing:-.018em}
.request-card .quote-attribution{font:12px/1.6 var(--mono);margin-top:24px;color:var(--blue-text-on);border-top:1px solid #8597ef;padding-top:15px}
.request-card .crumb{width:16px;height:16px}
.prompt-screenshot{margin:0;min-width:0;scroll-margin-top:24px}
.prompt-screenshot>.eyebrow{color:var(--blue);font-size:11px;margin-bottom:12px}
.prompt-screenshot .image-open{background:#191919;border-radius:12px}
.prompt-screenshot figcaption{font:14px/1.45 var(--display);color:var(--ink-soft);margin-top:12px}
.prompt-screenshot .zoom-label{background:var(--blue);bottom:10px;right:10px}
.story-summary{max-width:1152px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.story-summary div+div{border-left:1px solid var(--line);padding-left:24px}
.story-summary dt{font:11px var(--mono);color:var(--blue);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px}
.story-summary dd{margin:0;font-size:16px;line-height:1.35;font-weight:600}
.story-content{max-width:760px;margin:44px auto 0;padding:0 24px;font:21px/1.6 var(--read)}
.story-content p{margin:0 0 22px}.story-content p:last-child{margin-bottom:0}
.story-content .opening{font-size:25px;line-height:1.42;color:var(--ink)}
.story-content .inbox{font:800 30px/1.2 var(--display);letter-spacing:-.025em;margin-top:36px;margin-bottom:20px}
.story-content blockquote{margin:28px 0;padding-left:22px;border-left:4px solid var(--orange);font:600 23px/1.45 var(--display)}
.story-gallery{max-width:1152px;margin:36px auto 44px;background:var(--paper-2);padding:28px;border:1px solid var(--line);border-radius:14px}
.gallery-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px}.gallery-top h2{font-size:26px;letter-spacing:-.025em}.gallery-top p{font:11px/1.5 var(--mono);color:var(--ink-soft)}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-grid figure{margin:0;min-width:0}
.image-open{display:block;border:1px solid var(--ink);border-radius:7px;overflow:hidden;background:white;position:relative}
.image-open img{display:block;width:100%;height:auto}
.zoom-label{position:absolute;right:8px;bottom:8px;font:11px var(--mono);padding:6px 9px;background:var(--ink);color:var(--paper);border-radius:3px}
.gallery-grid figcaption{font:15px/1.45 var(--display);margin-top:12px;color:var(--ink-soft)}.gallery-grid figcaption strong{color:var(--ink);display:block;margin-bottom:3px}
.story-end{max-width:712px;margin:34px auto 0;border-top:2px solid var(--ink);padding:22px 0;display:flex;align-items:center;gap:18px}
.story-end .end-mark{background:var(--orange);width:14px;height:14px;border-radius:2px;flex:none}.story-end p{font-size:22px;line-height:1.3;font-weight:800;letter-spacing:-.02em}
.reader-prompt{max-width:760px;margin:36px auto 0;padding:0 24px;scroll-margin-top:24px}
.reader-prompt-intro{margin-bottom:22px}.reader-prompt-intro .eyebrow{color:var(--blue);margin-bottom:10px}.reader-prompt-intro h2{font-size:38px;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px}.reader-prompt-intro>p:last-child{font:20px/1.5 var(--read);color:var(--ink-soft)}
.reader-prompt .prompt-bar{gap:12px}.reader-prompt .prompt-bar label{font:700 17px/1.3 var(--display);flex:1;min-width:180px}.reader-prompt .prompt-bar button{flex-shrink:0}
.reader-prompt textarea{display:block;width:100%;min-height:260px;height:440px;resize:vertical;border:2px solid var(--ink);border-top:0;border-radius:0 0 14px 14px;padding:22px;background:var(--ink-panel);color:var(--paper);font:14px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:var(--orange) var(--ink-panel)}
.reader-prompt .reader-prompt-help{margin-top:12px;font:14px/1.5 var(--display);color:var(--ink-soft)}
@media(max-width:540px){.reader-prompt-intro h2{font-size:32px}.reader-prompt-intro>p:last-child{font-size:19px}.reader-prompt .prompt-bar{padding:16px}.reader-prompt .prompt-bar label{min-width:100%}.reader-prompt textarea{padding:16px;font-size:14px;height:360px}.reader-prompt .prompt-bar .btn{width:100%}}
.story-newsletter{max-width:1152px;margin:44px auto 56px}.story-newsletter .bite-body{--bite:34px;border-radius:14px;background:var(--blue);padding:36px 40px;color:white;display:flex;align-items:center;justify-content:space-between;gap:32px}
.story-newsletter h2{font-size:36px;line-height:1.05;letter-spacing:-.03em;max-width:590px}.story-newsletter p{font-size:16px;margin-top:12px;color:var(--blue-text-on)}.story-newsletter .btn{flex-shrink:0;white-space:nowrap}
.feature-request{background:var(--blue);color:white;border-bottom:2px solid var(--ink);padding:26px 28px}
.feature-request .eyebrow{font-size:11px;color:var(--blue-text-on);margin-bottom:13px}.feature-request blockquote{font-size:25px;line-height:1.25;letter-spacing:-.02em;font-weight:700;margin:0}
.more-reading{max-width:1152px;margin:0 auto 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.more-reading p{font:12px var(--mono);color:var(--ink-soft)}.more-reading a{font-weight:700;color:var(--ink)}
.image-dialog{border:0;background:var(--paper);padding:18px;width:min(1400px,95vw);max-width:95vw;border-radius:12px;max-height:94vh;overflow:auto}.image-dialog::backdrop{background:rgba(15,16,22,.85)}
.image-dialog .dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.image-dialog h2{font-size:20px}.image-dialog button{font:700 15px var(--display);cursor:pointer;background:var(--ink);color:var(--paper);border:0;border-radius:6px;padding:12px 18px}.image-dialog img{width:auto;height:auto;max-width:100%;max-height:calc(94vh - 155px);margin-inline:auto;object-fit:contain}.image-dialog p{margin:12px 0 0;font-size:14px;color:var(--ink-soft)}
@media(min-width:1600px){.story-intro h1{font-size:72px}}
@media(max-width:1200px){.story-summary,.story-gallery,.story-newsletter,.more-reading{margin-left:24px;margin-right:24px}.story-intro{gap:36px}.request-card blockquote{font-size:25px}}
@media(max-width:800px){.story-intro{grid-template-columns:1fr;gap:30px}.story-intro h1{font-size:52px;max-width:660px}.request-card{transform:none;max-width:none}.request-card .bite-body{padding:24px}.request-card .eyebrow{margin-bottom:12px}.request-card .quote-attribution{margin-top:16px;padding-top:12px}.story-summary{gap:16px}.story-summary div+div{padding-left:16px}.story-summary dd{font-size:14px}.story-gallery{padding:22px}.gallery-grid{gap:18px}.story-newsletter .bite-body{align-items:flex-start;flex-direction:column}.story-end{margin-inline:24px}.story-deck{max-width:650px}}
@media(max-width:540px){.preview-bar .wrap{font-size:10px;padding-inline:18px;gap:8px}.preview-bar nav{gap:10px}.site-header .wrap{padding-inline:20px}.brand{font-size:21px}.nav a{font-size:14px;padding:0 9px}.nav .nav-cta{padding:0 13px}.story-hero{padding-top:20px;padding-bottom:28px}.story-breadcrumb{margin-bottom:18px;font-size:10px}.story-intro h1{font-size:43px}.story-kicker{font-size:11px;margin-bottom:14px}.story-deck{font-size:21px;margin-top:18px}.story-byline{margin-top:18px}.request-card blockquote{font-size:24px}.story-summary{grid-template-columns:1fr;gap:15px;padding:22px 0}.story-summary div{display:grid;grid-template-columns:94px 1fr;align-items:baseline;gap:8px}.story-summary div+div{padding-left:0;border-left:0}.story-summary dt{margin:0;font-size:10px}.story-summary dd{font-size:15px}.story-content{margin-top:28px;font-size:20px;line-height:1.55}.story-content .opening{font-size:23px}.story-content .inbox{font-size:28px}.story-gallery{margin-top:28px;margin-bottom:28px;padding:18px}.gallery-grid{grid-template-columns:1fr;gap:24px}.gallery-top{display:block}.gallery-top h2{font-size:25px}.gallery-top p{margin-top:6px}.story-newsletter{margin-top:32px;margin-bottom:40px}.story-newsletter .bite-body{padding:28px;gap:22px}.story-newsletter h2{font-size:31px}.more-reading{align-items:flex-start;flex-direction:column;gap:8px}.image-dialog{padding:12px}.image-dialog h2{font-size:17px}}
