.scout-draft { display: table; margin: -8px 0 28px; padding: 8px 12px; border: 1px dashed var(--line); border-radius: 8px; color: var(--muted); font-size: 12px; }
.scout-cover { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: center; margin: 0; padding: clamp(28px, 5vw, 64px); border: 1px solid var(--line); border-radius: var(--radius-card, 24px); background: var(--raised); overflow: hidden; }
.scout-cover h2 { font: 500 clamp(36px, 4.8vw, 64px)/1.07 var(--display); letter-spacing: -.045em; margin: 18px 0 24px; }
.scout-cover h2 span { color: var(--accent); }
.scout-cover-copy p { color: var(--muted); max-width: 36ch; margin: 0; }
.scout-cover-type { text-align: center; padding: 18px; transform: rotate(-5deg); }
.scout-number { display: block; font: 500 clamp(60px, 8vw, 112px)/1 var(--display); color: var(--accent); letter-spacing: -.06em; white-space: nowrap; }
.scout-handwritten { display: block; font: 500 clamp(28px, 3.8vw, 46px)/1.3 'Caveat', cursive; color: var(--accent); margin-top: 16px; }
.scout-cover-note { display: block; color: var(--muted); font-size: 12px; line-height: 1.5; margin-top: 12px; }
.scout-cover figcaption { grid-column: 1 / -1; color: var(--muted); font-size: 12px; line-height: 1.5; margin-top: 8px; }
.scout-contributions { margin: 30px 0; }
.scout-contributions > div { display: grid; grid-template-columns: 1fr 2fr; gap: 24px; border-top: 1px solid var(--line); padding: 20px 0; }
.scout-contributions dt { font-weight: 600; }
.scout-contributions dd { color: var(--muted); margin: 0; }
.scout-before { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 28px; align-items: center; padding: 24px; margin-top: 28px; border: 1px solid var(--line); border-radius: var(--radius-card, 24px); }
.scout-before figure { min-width: 0; margin: 0; }
.scout-before button { width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.scout-before img { display: block; width: 100%; height: auto; }
.scout-before figcaption { display: block; color: var(--muted); font-size: 12px; line-height: 1.5; margin-top: 12px; }
.scout-before figcaption strong, .scout-before figcaption span { display: block; margin-block: 4px; }
.scout-before figcaption span { color: var(--accent); }
.story-section .scout-before h3 { margin-top: 10px; }
.story-section .scout-before p { font-size: 15px; margin-bottom: 0; }
.scout-walkthrough { margin-top: 44px; scroll-margin-top: 115px; }
.scout-tour { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 245px); align-items: center; gap: 28px; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius-card, 24px); background: var(--raised); }
.scout-tour-copy { min-width: 0; }
.scout-tour-copy h4 { font: 500 clamp(26px, 3vw, 35px)/1.1 var(--display); letter-spacing: -.035em; margin: 14px 0; text-wrap: balance; }
.story-section .scout-tour-copy > p { font-size: 15px; margin-bottom: 18px; }
.story-section .scout-tour-copy .scout-tour-count { font-size: 12px; margin: 24px 0 8px; font-variant-numeric: tabular-nums; }
.scout-tour progress { appearance: none; display: block; width: 100%; height: 3px; border: 0; background: var(--line); accent-color: var(--accent); }
.scout-tour progress::-webkit-progress-bar { background: var(--line); }
.scout-tour progress::-webkit-progress-value { background: var(--accent); }
.scout-tour progress::-moz-progress-bar { background: var(--accent); }
.scout-tour-controls { display: flex; align-items: center; gap: 8px; margin-top: 18px; }
.scout-tour-controls[hidden] { display: none; }
.scout-tour-controls button { display: grid; place-items: center; min-width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--bg); color: var(--ink); cursor: pointer; font: inherit; }
.scout-tour-controls [data-tour-play] { min-width: 76px; border-radius: 24px; font-size: 14px; }
.scout-tour-controls [hidden] { display: none; }
.story-section .scout-tour-copy .scout-tour-note { font-size: 11px; line-height: 1.6; margin: 20px 0 0; }
.scout-tour-stage { position: relative; width: 100%; aspect-ratio: 441 / 900; isolation: isolate; }
.scout-tour-frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transform: translateY(6px); transition: opacity 360ms ease, transform 360ms cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
.scout-tour-frame.is-active { opacity: 1; transform: none; }
.scout-tour-tap { position: absolute; z-index: 20; left: 75%; top: 85%; width: 72px; height: 88px; margin: -8px 0 0 -23px; opacity: 0; pointer-events: none; transition: left 720ms cubic-bezier(.22,1,.36,1), top 720ms cubic-bezier(.22,1,.36,1), opacity 280ms ease; }
.scout-tour-tap::before { content: ''; position: absolute; left: 13px; top: -2px; width: 20px; height: 20px; border: 1.5px solid #007aff; border-radius: 50%; box-shadow: 0 0 0 1px #ffffffb3; transform: scale(var(--tap-ring-scale,.8)); opacity: var(--tap-ring-opacity,.85); }
.scout-tour-hand { display: block; width: 72px; height: 88px; overflow: visible; transform-origin: 23px 8px; transform: scaleX(var(--hand-direction,1)) rotate(var(--hand-tilt,-6deg)) scale(var(--hand-scale,1)); filter: drop-shadow(0 2px 3px #12344730); transition: transform 120ms ease-out; }
.scout-tour-hand path { stroke-linecap: round; stroke-linejoin: round; }
.scout-hand-halo { stroke: #ffffffbf; stroke-width: 4.5; }
.scout-hand-outline { stroke: #23577dcc; stroke-width: 2; fill: #ffffff73; }
.scout-hand-detail { stroke: #23577d99; stroke-width: 1.5; }
.scout-page .scout-tour-tap, .scout-page .scout-tour-tap::before, .scout-page .scout-tour-tap::after { corner-shape: round; }
.scout-tour .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.scout-tour button:focus-visible, .scout-before button:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.scout-try { display: inline-block; border: 0; border-bottom: 1px solid currentColor; padding: 12px 0 3px; margin-top: 8px; color: var(--accent); background: transparent; font: inherit; font-size: 14px; cursor: pointer; }
.scout-tour-stage { aspect-ratio: 393 / 852; }
.scout-device { --device-scale: .6; --scout-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; --scout-tint: #007aff; --scout-label: #1c1c1e; --scout-secondary: #636366; --scout-grouped: #f2f2f7; --scout-separator: #3c3c4324; position: absolute; top: 0; left: 0; width: 393px; height: 852px; transform: scale(var(--device-scale)); transform-origin: top left; border-radius: 44px; background: #fff; color: var(--scout-label); overflow: hidden; font: 14px/1.4 var(--scout-font); letter-spacing: -.2px; -webkit-font-smoothing: antialiased; text-align: left; box-shadow: 0 0 0 1px #0002, 0 12px 28px #0002; isolation: isolate; }
.scout-page .scout-device, .scout-page .scout-device *, .scout-page .scout-device *::before, .scout-page .scout-device *::after { corner-shape: round; }
.scout-icon { display: inline-block; width: 20px; height: 20px; flex: 0 0 auto; vertical-align: middle; }
.scout-status-icons { width: 70px; height: 16px; }
.scout-home-indicator { position: absolute; z-index: 12; width: 134px; height: 5px; left: 50%; bottom: 8px; transform: translateX(-50%); border-radius: 3px; background: #1c1c1e; pointer-events: none; }
.scout-device *, .scout-device *::before, .scout-device *::after { box-sizing: border-box; }
/* A phone is a clipped viewport, not a scroll container. Keeping its sheets
   out of flow must not let keyboard focus scroll the entire device shell. */
.scout-device { overflow: clip; }
.scout-device button, .scout-device textarea { font: inherit; color: inherit; letter-spacing: normal; }
.scout-device button { cursor: pointer; touch-action: manipulation; }
.scout-device button:focus-visible, .scout-device textarea:focus-visible { outline: 3px solid #0054d8; outline-offset: 3px; }
.scout-device [inert] { pointer-events: none; }
.story-section .scout-device p { margin: 0; max-width: none; font: inherit; color: inherit; }
.scout-page .scout-device h5 { font: 600 17px/1.3 var(--scout-font); margin: 10px 0 4px; letter-spacing: -.35px; }
.scout-status { position: absolute; z-index: 10; top: 20px; left: 30px; right: 24px; display: flex; justify-content: space-between; font-size: 15px; color: #090909; }
.scout-jobs { position: absolute; inset: 63px 0 0; padding: 0 16px; transition: transform .55s cubic-bezier(.22,1,.36,1), opacity .4s; }
.scout-job-tabs { display: flex; gap: 2px; white-space: nowrap; margin-bottom: 24px; padding: 3px; border-radius: 10px; background: #7676801f; font-size: 12px; }
.scout-job-tabs > * { flex: 1; padding: 6px 5px; text-align: center; border: 0; border-radius: 8px; }
.scout-job-tabs b { color: var(--scout-label); background: white; box-shadow: 0 1px 4px #0002; }
.scout-intro-note { display: flex; align-items: flex-start; gap: 9px; font-size: 15px; line-height: 1.5; margin-bottom: 26px; }
.scout-spark { display: inline-grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; background: linear-gradient(135deg,#003da5,#3f997e); color: #fff; border-radius: 50%; font-style: normal; vertical-align: middle; }
.scout-job-card { position: relative; border: 1px solid var(--scout-separator); border-radius: 20px; padding: 17px; height: 514px; background: white; box-shadow: 0 2px 8px #00000005; overflow: hidden; transition: height .65s cubic-bezier(.22,1,.36,1); }
.scout-card-original { transition: opacity .3s, transform .5s; }
.scout-badges { display: flex; justify-content: space-between; align-items: center; font-size: 10px; }
.scout-badges span { padding: 5px; border-radius: 6px; color: #0054d8; background: #edf2ff; font-weight: 600; }
.scout-badges small { padding: 5px; background: #f3f3f3; border-radius: 6px; color: #666; }
.scout-job-facts, .scout-employer-note { padding: 14px; border: 0; background: var(--scout-grouped); border-radius: 12px; margin-top: 14px; }
.scout-job-facts .scout-icon, .scout-employer-note .scout-icon { width: 16px; height: 16px; margin-right: 5px; color: var(--scout-secondary); }
.story-section .scout-job-facts p + p { margin-top: 12px; }
.scout-employer-note b { font-weight: 400; }
.story-section .scout-employer-note p { margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.scout-ai-card { padding: 14px; border: 1px solid #007aff26; border-radius: 16px; margin-top: 14px; background: linear-gradient(130deg,#eef4ff,#eef9f4); }
.scout-ai-card > b { font-weight: 400; }
.story-section .scout-ai-card p { margin: 10px 0; line-height: 1.5; }
.scout-ai-card button { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 10px; border: 0; border-radius: 14px; background: var(--scout-tint); color: white; font-weight: 600; }
.scout-second-card { margin-top: 22px; height: 300px; }
.scout-bottom-tabs { position: absolute; z-index: 2; bottom: 24px; left: 12px; right: 12px; display: flex; justify-content: space-around; padding: 12px 8px; border-radius: 30px; background: #fafafad9; border: 1px solid #ffffffb3; box-shadow: 0 4px 18px #00000014, 0 0 0 .5px #0000000a; backdrop-filter: blur(24px) saturate(180%); }
.scout-bottom-tabs > * { display: grid; justify-items: center; font-size: 24px; line-height: 1.2; }
.scout-bottom-tabs .scout-icon { width: 24px; height: 24px; margin-bottom: 4px; }
.scout-bottom-tabs small { font-size: 10px; font-weight: 500; }
.scout-bottom-tabs b { color: var(--scout-tint); }
.scout-app-sheet, .scout-resume-sheet { position: absolute; inset: 60px 0 0; border-radius: 32px 32px 0 0; background: var(--scout-grouped); transform: translateY(105%); transition: transform .6s cubic-bezier(.22,1,.36,1); box-shadow: 0 -1px 1px #0000000a, 0 -12px 36px #0002; }
.scout-app-sheet { z-index: 3; }
.scout-resume-sheet { z-index: 4; top: 72px; background: white; }
.scout-handle { width: 34px; height: 4px; border-radius: 4px; background: #ccc; margin: 10px auto 3px; }
.scout-sheet-heading { display: flex; align-items: center; justify-content: space-between; padding: 4px 16px 14px; }
.scout-sheet-heading b { font-size: 17px; font-weight: 600; letter-spacing: -.4px; }
.scout-circle { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #7676801f; color: var(--scout-secondary) !important; }
.scout-circle .scout-icon { width: 22px; height: 22px; stroke-width: 2; }
.scout-device .scout-primary { background: var(--scout-tint); color: white !important; border: 0; }
.scout-device button { -webkit-tap-highlight-color: transparent; }
.scout-device button:active:not(:disabled) { filter: brightness(.9); }
.scout-application-content { padding: 12px 16px; }
.story-section .scout-device .scout-field-label { color: var(--scout-secondary); font-size: 13px; margin: 7px 16px 8px; }
.scout-option { display: flex; align-items: center; justify-content: space-between; padding: 11px 16px; min-height: 54px; background: #fff; border-radius: 12px; font-size: 17px; letter-spacing: -.4px; }
.scout-switch { position: relative; width: 54px; height: 32px; flex-shrink: 0; border: 0; border-radius: 20px; background: #ddd; transition: background .2s; }
.scout-switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 28px; height: 28px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0002; transition: transform .2s; }
.scout-switch[aria-checked="true"] { background: #34c759; }
.scout-switch[aria-checked="true"]::after { transform: translateX(22px); }
.story-section .scout-device .scout-field-help { color: var(--scout-secondary); font-size: 12px; line-height: 1.4; margin: 10px 16px 28px; }
.scout-field-help span { color: #0054d8; }
.scout-option-group { background: white; border-radius: 12px; overflow: hidden; }
.scout-option-group > .scout-option { border-radius: 0; }
.scout-review-row { width: calc(100% - 32px); margin: 0 16px; padding: 14px 0; display: flex; align-items: center; justify-content: space-between; gap: 6px; text-align: left; border: 0; border-top: 1px solid #ddd; background: none; font-size: 13px !important; }
.scout-review-row > span:last-child { color: var(--scout-tint); white-space: nowrap; }
.scout-review-row small { display: block; color: #999; font-size: 11px; }
.scout-review-row .scout-icon { width: 14px; height: 14px; }
.scout-application-content > .scout-option { margin-bottom: 26px; }
.story-section .scout-device .scout-demo-disclaimer { color: #999; font-size: 10px; text-align: center; margin-top: 28px; }
.scout-resume-paper { padding: 18px 24px; font-size: 10px; line-height: 1.3; }
.scout-resume-paper header { text-align: center; margin-bottom: 16px; }
.scout-resume-paper header b { font-size: 13px; }
.scout-resume-paper header small { display: block; margin-top: 4px; color: #666; }
.scout-page .scout-resume-paper h6 { font: 600 11px/1.3 var(--scout-font); color: #3b5671; margin: 12px 0 5px; }
.scout-resume-paper ul { padding-left: 12px; margin: 5px 0 10px; }
.scout-resume-paper li { margin: 2px 0; }
.scout-skill-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; font-size: 9px; }
.scout-skill-grid span { padding: 3px; background: #edf3f6; transition: background .6s; }
.has-update [data-updated-skill] { background: #d5f2df; }
.scout-added-cert { max-height: 0; opacity: 0; overflow: hidden; transition: max-height .6s, opacity .6s; }
.has-update .scout-added-cert { max-height: 40px; opacity: 1; }
.story-section .scout-device .scout-resume-sample { font-size: 8px; color: #999; margin-top: 16px; }
.scout-save-copy { position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 20px; border: 0; border-radius: 24px; background: #7676801a; color: var(--scout-tint) !important; white-space: nowrap; font-size: 15px !important; font-weight: 600 !important; }
.scout-edit-scrim { position: absolute; inset: 0; background: #0003; opacity: 0; pointer-events: none; transition: opacity .3s; }
.scout-edit-card { position: absolute; left: 36px; right: 36px; top: 255px; padding: 22px 18px 18px; background: #f9f9f9ed; backdrop-filter: blur(24px) saturate(180%); box-shadow: 0 16px 48px #0003, 0 0 0 .5px #fff8; border-radius: 28px; opacity: 0; transform: translateY(26px) scale(.96); transition: transform .38s cubic-bezier(.22,1,.36,1), opacity .25s; pointer-events: none; }
.scout-edit-card > b { display: block; text-align: center; font-size: 17px; line-height: 1.25; font-weight: 600; letter-spacing: -.4px; margin-bottom: 18px; }
.scout-edit-card textarea { width: 100%; height: 110px; resize: none; background: #7676801f; border: 0; border-radius: 14px; padding: 12px; font-size: 15px; line-height: 1.4; }
.scout-edit-card > div { display: flex; gap: 12px; margin-top: 16px; }
.scout-edit-card button { flex: 1; min-height: 44px; border: 0; border-radius: 24px; background: #e5e5e7; }
.scout-edit-card button:disabled { opacity: .4; cursor: default; }
.scout-update-overlay { position: absolute; inset: 115px 0 85px; display: grid; place-items: center; background: white; opacity: 0; pointer-events: none; transition: opacity .25s; }
.scout-device .scout-spinner { display: block; width: 24px; height: 24px; border: 0; border-radius: 50%; color: #8e8e93; transform: rotate(var(--spinner-angle,0deg)); }
.scout-applied-card { position: absolute; inset: 16px; opacity: 0; transform: translateY(14px); transition: opacity .5s .15s, transform .5s .15s; pointer-events: none; }
.scout-applied-card > span { color: #24643a; font-size: 11px; font-weight: 600; }
.scout-applied-card small { display: block; text-align: center; }
.scout-demo-toast { position: absolute; z-index: 11; bottom: 90px; left: 20px; right: 20px; background: #303030ee; color: #fff; border-radius: 14px; padding: 12px; font-size: 12px; text-align: center; }
.scout-demo-toast:empty { display: none; }
.scout-device:not([data-screen="suggestion"]):not([data-screen="applied"]) .scout-app-sheet { transform: none; }
.scout-device:not([data-screen="suggestion"]):not([data-screen="applied"]) .scout-jobs { transform: scale(.95); opacity: .5; }
.scout-device:is([data-screen="review-resume"],[data-screen="edit-resume"],[data-screen="updating"],[data-screen="updated"]) .scout-resume-sheet { transform: none; }
.scout-device[data-screen="edit-resume"] .scout-edit-card { opacity: 1; transform: none; pointer-events: auto; }
.scout-device[data-screen="edit-resume"] .scout-edit-scrim { opacity: 1; }
.scout-device[data-screen="updating"] .scout-update-overlay { opacity: 1; }
.scout-device[data-screen="applied"] .scout-job-card:first-of-type { height: 128px; }
.scout-device[data-screen="applied"] .scout-card-original { opacity: 0; transform: translateY(-20px); }
.scout-device[data-screen="applied"] .scout-applied-card { opacity: 1; transform: none; }
.scout-page .scout-prototype-dialog { width: min(460px,calc(100% - 20px)); max-height: calc(100dvh - 20px); padding: 12px; border: 1px solid var(--line); border-radius: 24px; background: var(--raised); color: var(--ink); overflow: auto; }
.scout-prototype-dialog::backdrop { background: #000a; backdrop-filter: blur(8px); }
.scout-prototype-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 12px; margin-bottom: 10px; }
.scout-prototype-toolbar button { min-width: 44px; min-height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--bg); color: var(--ink); font-size: 24px; cursor: pointer; }
.scout-prototype-guide { min-height: 76px; margin-bottom: 12px; font: 12px/1.4 var(--sans); }
.scout-prototype-guide strong { display: block; color: var(--ink); }
.scout-prototype-guide p { margin: 5px 0; color: var(--muted); }
.scout-prototype-guide button { border: 1px solid var(--line); border-radius: 16px; background: var(--bg); color: var(--ink); min-height: 32px; padding: 4px 12px; cursor: pointer; }
.scout-prototype-guide button[hidden] { display: none; }
.scout-prototype-dialog-stage { position: relative; width: min(393px,100%,calc((100dvh - 190px) * .4612676)); aspect-ratio: 393/852; margin: auto; }
.scout-device .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.story-section .scout-device .scout-revision-note { margin: 0 24px; padding: 10px; border-radius: 8px; color: #24643a; background: #e9f7ed; font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }
.scout-revision-note:empty { display: none; }
@media(prefers-reduced-motion:reduce) { .scout-device *, .scout-device *::after { transition: none !important; } }
.scout-screen-group { margin-top: 44px; }
.story-section .scout-screen-group > p { font-size: 15px; }
.scout-gallery { --gallery-card: clamp(220px, min(30vw, calc(58dvh * .49)), 330px); }
.scout-gallery-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.story-section .scout-gallery-heading h3 { margin: 0 0 12px; }
.story-section .scout-gallery-heading p { font-size: 15px; margin: 0; max-width: 52ch; }
.scout-gallery-controls { display: flex; flex: 0 0 auto; gap: 8px; }
.scout-gallery-controls[hidden] { display: none; }
.scout-gallery-controls button { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: var(--raised); color: var(--ink); font: 20px/1 var(--sans); cursor: pointer; }
.scout-gallery-controls button:disabled { opacity: .3; cursor: default; }
.scout-gallery-window { margin-top: 12px; }
.scout-gallery.is-enhanced .scout-gallery-window { width: var(--gallery-width); margin-left: calc(-1 * var(--gallery-inset)); }
.scout-screens { position: relative; display: flex; align-items: start; gap: 24px; padding: 34px max(24px, calc((100% - var(--gallery-card)) / 2)) 26px; margin: 0; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; perspective: 1200px; }
.scout-screens::-webkit-scrollbar { display: none; }
.scout-screens:focus-visible { outline: 2px solid var(--accent); outline-offset: -4px; }
.scout-screens figure { flex: 0 0 var(--gallery-card); width: var(--gallery-card); min-width: 0; margin: 0; scroll-snap-align: center; transform-origin: 50% 40%; transform: translateY(var(--gallery-drop,0px)) rotateY(var(--gallery-turn,0deg)) scale(var(--gallery-scale,1)); opacity: var(--gallery-opacity,1); }
.scout-screens button { display: grid; place-items: center; width: 100%; aspect-ratio: 441 / 900; padding: 0; border: 0; border-radius: 16px; background: transparent; box-shadow: none; cursor: zoom-in; }
.scout-screens button:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.scout-screens img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.scout-screens figcaption { display: block; color: var(--muted); font-size: 13px; line-height: 1.6; margin-top: 14px; }
.scout-screens figcaption strong { display: block; margin-bottom: 4px; }
.scout-screens figcaption span { display: block; color: var(--accent); margin-top: 6px; }
.story-section .scout-gallery-status { margin: 0; }
@media (min-width: 721px) {
  .scout-page .case-layout > .case-aside { z-index: 3; padding: 16px; margin: -16px; border-radius: 18px; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(16px); box-shadow: none; transition: box-shadow 240ms ease; }
  .scout-page .case-layout > .case-aside.has-underlap { box-shadow: 0 8px 28px light-dark(#1c2a2214,#0005), 0 1px 5px light-dark(#1c2a220a,#0003); }
}
@media (max-width: 600px) {
  .scout-gallery { --gallery-card: min(68vw, calc(60dvh * .49)); }
  .scout-gallery-heading { align-items: start; gap: 16px; }
  .scout-gallery-controls { gap: 4px; }
  .scout-screens { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .scout-screens { scroll-behavior: auto; }
  .scout-screens figure { transform: none; opacity: 1; }
  .scout-page .case-layout > .case-aside { transition: none; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .scout-page .case-layout > .case-aside { background: var(--bg); backdrop-filter: none; }
}
@media print {
  .scout-gallery.is-enhanced .scout-gallery-window { width: auto; margin-left: 0; }
  .scout-screens { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0; overflow: visible; }
  .scout-screens figure { width: auto; transform: none; opacity: 1; break-inside: avoid; }
  .scout-gallery-controls, .scout-gallery-status { display: none; }
}
.story-section .scout-review-note { font-size: 13px; }
.scout-boundary { border-left: 2px solid var(--accent); padding: 8px 0 8px 24px; margin-top: 32px; }
.scout-boundary h3 { margin-top: 12px; }
.story-section .scout-boundary p { margin: 0; font-size: 15px; }
.scout-work-preview { position: absolute; inset: 24px 20px 64px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 12px; }
.scout-work-preview img { display: block; width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.scout-page .image-dialog { width: min(530px, calc(100% - 24px)); }
.scout-page .image-dialog img { display: block; width: auto; max-width: 100%; height: auto; max-height: max(160px, calc(100dvh - 180px)); object-fit: contain; margin-inline: auto; }
@media (max-width: 720px) {
  .scout-page .case-hero h1 { font-size: clamp(52px, 11vw, 76px); }
  .scout-cover { grid-template-columns: 1fr; gap: 24px; }
  .scout-cover-type { display: none; }
  .scout-cover figcaption { margin: 0; }
  .scout-contributions > div { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 600px) {
  .scout-before { grid-template-columns: 110px minmax(0, 1fr); gap: 20px; padding: 20px; }
  .scout-tour { grid-template-columns: 1fr; gap: 22px; padding: 22px; }
  .scout-tour-stage { grid-row: 1; width: min(245px, 100%, calc(48dvh * .49)); justify-self: center; }
  .scout-tour-copy > .eyebrow { display: none; }
  .scout-tour-copy h4 { font-size: 28px; margin: 0 0 8px; }
  .story-section .scout-tour-copy > p { margin-bottom: 12px; }
  .story-section .scout-tour-copy .scout-tour-count { margin: 14px 0 6px; }
  .story-section .scout-tour-copy .scout-tour-note { margin-top: 12px; }
  .scout-tour-controls { margin-top: 12px; }
}
@media (max-width: 360px) { .scout-before { grid-template-columns: 1fr; } .scout-before figure { width: 130px; } }
@media (prefers-reduced-motion: reduce) { .scout-tour-frame { transition: none; transform: none; } .scout-tour-tap { display: none; } }
@media print { .scout-tour-controls, .scout-tour-tap { display: none; } .scout-tour { break-inside: avoid; } }
@media print { .scout-draft { border: 1px solid; } .scout-cover { break-inside: avoid; } }