/* StraightShot field notes: breathing room, useful context, a quiet cyan signature. */
[hidden]{display:none!important}
.story-main{max-width:1180px;margin:0 auto;padding:28px 40px 80px}
.story-back{display:inline-block;color:var(--blue);text-decoration:none;font-size:14px;margin-bottom:28px}
.story-back:hover,.story-read:hover{text-decoration:underline}
.stories-intro{display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:center;padding:32px 0 48px;border-bottom:1px solid var(--line)}
.stories-intro h1{font-size:clamp(42px,5.8vw,74px);line-height:1.04;letter-spacing:-.055em;font-weight:650;margin:18px 0 24px}
.stories-intro h1 em{font-style:normal;color:var(--blue)}
.story-lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:680px}
.stories-guide{margin:0;text-align:center;position:relative;isolation:isolate}
.stories-guide:before{content:'';position:absolute;inset:25% -5% 12%;background:radial-gradient(ellipse,rgba(0,201,232,.16),transparent 67%);z-index:-1}
.stories-guide img{display:block;width:210px;height:auto;margin:0 auto}
.stories-guide figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.stories-collection{padding:42px 0 56px}
.stories-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}
.stories-toolbar h2{font-size:23px;letter-spacing:-.025em;font-weight:600;margin:0}
.stories-toolbar label{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);white-space:nowrap}
.stories-toolbar select{max-width:240px;min-width:150px;padding:10px 14px;background:var(--panel);font-size:14px}
.stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px}
.story-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.story-card:hover{border-color:var(--blue);box-shadow:0 12px 30px rgba(24,36,43,.05)}
.story-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--panel-2)}
.story-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.story-card-copy{padding:30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.story-card h3{font-size:26px;line-height:1.2;letter-spacing:-.03em;margin:14px 0}
.story-card h3 a{text-decoration:none;color:var(--ink)}
.story-card-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.7}
.story-card-lesson{border-top:1px solid var(--line);padding-top:18px;margin:16px 0 22px;font-size:14px;line-height:1.6}
.story-card-lesson span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:8px}
.story-read{margin-top:auto;text-decoration:none;color:var(--blue);font-size:14px;font-weight:650;display:flex;gap:18px}
.story-card-lead{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.story-card-lead .story-card-image{aspect-ratio:auto;min-height:320px}
.story-card-lead .story-card-copy{padding:40px}
.story-card-text{border-top:3px solid var(--blue)}
.story-card-text.story-card-lead{display:block;background:linear-gradient(110deg,var(--panel),var(--blue-soft))}
.story-card-text.story-card-lead .story-card-copy{max-width:830px}
.story-more{display:block;margin:28px auto 0}
.stories-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px;text-align:center;padding:56px 28px;max-width:100%}
.stories-empty p{max-width:540px;margin:16px auto 24px;color:var(--muted);line-height:1.7}
.stories-empty h2{font-size:25px;letter-spacing:-.03em}
.story-bottom-guide{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:24px;background:var(--ink);color:#fff;border-radius:16px;padding:32px}
.story-bottom-guide h2{font-size:23px;letter-spacing:-.02em;margin:0 0 8px}
.story-bottom-guide p{font-size:14px;line-height:1.65;max-width:510px;color:#c8d9df;margin:0}
.story-bottom-guide .button.primary{background:var(--cyan);color:var(--carbon);border-color:var(--cyan)}
.story-heading{max-width:850px;padding:20px 0 44px}
.story-heading h1{font-size:clamp(34px,4.5vw,58px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 22px}
.story-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:64px;align-items:start}
.story-chapter{display:grid;grid-template-columns:42px 1fr;gap:18px;border-top:1px solid var(--line);padding:28px 0}
.story-step{color:var(--blue);font-size:13px;letter-spacing:.04em;padding-top:6px}
.story-chapter h2{font-size:23px;font-weight:600;letter-spacing:-.025em;margin:0 0 14px}
.story-chapter p{font-size:16px;line-height:1.85;color:var(--muted);white-space:pre-wrap;margin:0}
.story-takeaway{background:var(--ink);color:#fff;padding:28px;border-radius:16px;border-top:3px solid var(--cyan)}
.story-guide-label{display:flex;align-items:center;gap:12px;font-size:11px;color:#c8d9df;line-height:1.5}
.story-guide-label strong{font-size:13px;color:#fff}
.story-takeaway h2{font-size:26px;font-weight:550;letter-spacing:-.03em;margin:26px 0 18px}
.story-takeaway>p{font-size:15px;line-height:1.8;white-space:pre-wrap;color:#e2edef}
.story-takeaway-note{border-top:1px solid #40515a;padding-top:20px;margin:22px 0;font-size:12px;line-height:1.7;color:#c8d9df}
.story-takeaway .button{width:100%;font-size:13px;background:var(--cyan);color:var(--carbon);border-color:var(--cyan)}
.story-photos{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.story-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.story-photo-grid figure{margin:0}
.story-photo-button{width:100%;border:0;padding:0;border-radius:12px;overflow:hidden;background:var(--panel-2);cursor:zoom-in;display:block}
.story-photo-button img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.story-photo-grid figcaption{font-size:12px;line-height:1.65;color:var(--muted);padding:14px 0}
.story-photo-grid figcaption span{display:inline-block;font-weight:700;color:var(--ink);margin-right:10px}
.story-next{text-align:center;padding:44px 20px;margin-top:48px;background:var(--blue-soft);border-radius:16px}
.story-next h2{font-size:30px;letter-spacing:-.03em;margin:0}
.story-next p{max-width:600px;margin:18px auto 24px;line-height:1.7;color:var(--muted)}
.story-next .story-back{display:block;margin:20px 0 0}
.story-preview-note{border:1px solid var(--blue);background:var(--blue-soft);padding:15px 20px;border-radius:10px;font-size:14px}
.story-lightbox{max-width:min(1000px,94vw);width:100%;padding:50px 20px 20px}
.story-lightbox img{display:block;max-height:75vh;max-width:100%;margin:auto;object-fit:contain}
.story-lightbox p{font-size:14px;margin:15px 0 0}
.story-doorway{max-width:1100px;margin:42px auto;display:flex;align-items:center;gap:18px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.story-doorway p{flex:1;margin:0;font-size:14px;color:var(--muted)}
.story-doorway strong{display:block;color:var(--ink);font-size:16px;font-weight:600;margin-bottom:6px}
.story-doorway>a{white-space:nowrap;font-size:14px;font-weight:600;color:var(--blue);text-decoration:none}
.related-story{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;font-size:14px}
.related-story summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;color:var(--blue);font-weight:600;min-height:44px}
.related-story summary::-webkit-details-marker{display:none}
.related-story summary>span:last-child{margin-left:auto}
.related-story-body{padding:8px 0 4px 36px}
.related-story h3{font-size:18px;line-height:1.3;margin:8px 0}
.related-story p{font-size:14px;line-height:1.7;color:var(--muted)}
.related-story a{font-weight:650;color:var(--blue)}
.related-story .fine{font-size:12px}
/* Owner story workspace shares existing dashboard typography and controls. */
.story-admin-nav{display:block;padding:14px 16px;font-size:14px;color:var(--blue);text-decoration:none}
.stories-admin-header{padding:18px 32px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.stories-admin-header a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blue);font-size:14px;font-weight:650}
.stories-admin-main{max-width:1440px;margin:auto;padding:40px 32px 70px}
.stories-admin-intro{display:flex;align-items:center;justify-content:space-between;gap:30px}
.stories-admin-intro h1{font-size:36px;letter-spacing:-.04em;margin:12px 0}
.stories-admin-intro p{color:var(--muted);max-width:700px}
.stories-admin-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;margin-top:28px;align-items:start}
.story-inbox{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}
.story-inbox label{font-size:12px;margin-top:10px}
.story-inbox-item{display:block;width:100%;text-align:left;margin-top:12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:16px;cursor:pointer;color:var(--ink)}
.story-inbox-item[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}
.story-inbox-item strong{display:block;font-size:14px;line-height:1.45;margin:8px 0}
.story-inbox-item small{font-size:11px;color:var(--muted)}
.story-editor{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:30px;min-width:0}
.story-editor-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.story-editor-empty h2{font-size:25px;letter-spacing:-.025em;color:var(--ink)}
.story-editor h2{font-size:25px;letter-spacing:-.03em;margin:10px 0 20px}
.story-editor fieldset{border:0;padding:0;margin:28px 0}
.story-editor legend{font-size:20px;font-weight:600;letter-spacing:-.025em;padding:0;margin-bottom:12px}
.story-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.story-editor .field{margin:16px 0}
.story-editor textarea{min-height:100px;resize:vertical}
.story-editor textarea[name=summary]{min-height:90px}
.story-editor label{font-size:13px;font-weight:600}
.story-checks{display:grid;gap:10px;max-height:230px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:8px}
.story-checks label,.story-check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}
.story-checks input,.story-check input{width:18px;height:18px;flex-shrink:0;margin:2px 0 0}
.story-check{margin:16px 0;font-size:13px!important}
.story-edit-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.story-edit-photo{border:1px solid var(--line);border-radius:10px;padding:14px}
.story-edit-photo img{display:block;width:100%;height:160px;object-fit:contain;background:var(--paper);border-radius:6px}
.story-edit-photo textarea{font-size:13px;min-height:70px}
.story-editor-actions{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.story-editor-note{background:var(--blue-soft);padding:16px 20px;border-radius:8px;font-size:13px;line-height:1.65}
.story-history{margin-top:24px;font-size:13px}
.story-history li{margin:10px 0;color:var(--muted)}
@media(min-width:1200px){.story-takeaway{position:sticky;top:calc(var(--sticky-header,0px) + 24px)}}
@media(max-width:900px){.story-main{padding:20px 24px 50px}.stories-intro{grid-template-columns:1fr 170px;gap:20px}.stories-guide img{width:155px}.story-reading-layout{grid-template-columns:1fr;gap:20px}.story-takeaway{max-width:none}.story-bottom-guide{grid-template-columns:40px 1fr}.story-bottom-guide .button{grid-column:2}.story-doorway{margin:32px 24px}.stories-admin-layout{grid-template-columns:240px minmax(0,1fr)}.story-form-grid,.story-edit-photos{grid-template-columns:1fr}.story-editor{padding:22px}}
@media(max-width:640px){.stories-intro{grid-template-columns:1fr;padding-top:8px;gap:6px}.stories-intro .story-back{margin-bottom:22px}.stories-guide{display:flex;align-items:center;justify-content:flex-end;gap:20px}.stories-guide img{width:100px;margin:0;order:2}.stories-guide figcaption{font-size:12px;max-width:130px;text-align:right}.stories-intro h1{font-size:47px}.story-lead{font-size:16px}.stories-toolbar{align-items:flex-start;flex-direction:column}.stories-toolbar label{width:100%;justify-content:space-between}.stories-toolbar select{max-width:65%}.stories-grid,.story-card-lead,.story-photo-grid{grid-template-columns:1fr}.story-card-lead .story-card-image{min-height:0;aspect-ratio:16/10}.story-card-copy,.story-card-lead .story-card-copy{padding:24px}.story-bottom-guide{padding:24px;gap:16px}.story-bottom-guide .button{grid-column:1/-1}.story-chapter{grid-template-columns:28px 1fr;gap:10px}.story-chapter h2{font-size:21px}.story-doorway{flex-wrap:wrap;gap:14px}.story-doorway p{flex-basis:70%}.story-doorway>a{margin-left:52px}.stories-admin-header{padding:16px}.stories-admin-main{padding:24px 16px}.stories-admin-intro{display:block}.stories-admin-intro h1{font-size:30px}.stories-admin-layout{grid-template-columns:1fr}.story-inbox{max-height:400px;overflow:auto}.story-editor{padding:20px}.story-heading{padding-top:8px}}