/* Static editorial stories; the interactive artwork stays in Loose ends. */
.task-story,.working-together{padding-block:60px 64px}
.task-story h2,.working-together h2,.control-trust h2{font-size:clamp(32px,3.5vw,42px);line-height:1.12}
.product-intro{font:17px/1.55 var(--gsv-font-prose);color:var(--label);margin-top:16px;max-width:68ch}
.product-sender{display:block;font:10px/1.5 var(--gsv-font-mono);letter-spacing:.06em;color:var(--accent)}
.story-caption{font:12px/1.5 var(--gsv-font-prose);color:var(--text-dim)}
.story-request{margin:0;max-width:75ch;font:19px/1.45 var(--gsv-font-prose);color:var(--text)}
.story-request .product-sender{margin-bottom:7px}
.legwork-story{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 56px;margin-top:30px;align-items:center}
.legwork-work{border-left:1px solid var(--border);padding-left:20px}
.legwork-work .product-sender{font-size:11px}
.legwork-log{margin-top:22px}
.legwork-steps{list-style:none;display:grid;gap:7px;margin:10px 0 0;padding:0;font:14px/1.5 var(--gsv-font-prose);color:var(--label)}
.legwork-steps li{padding-left:13px;position:relative}
.legwork-steps li::before{content:'·';position:absolute;left:0;color:var(--accent)}
.legwork-result{position:relative;min-width:0;max-width:420px;font-family:var(--gsv-font-prose)}
.legwork-result::before{content:'';position:absolute;left:-40px;top:50%;width:24px;border-top:1px dotted var(--border-raised)}
.legwork-notification{padding:14px 17px 17px;border:1px solid var(--rule-inner);border-radius:20px;background:var(--panel);box-shadow:0 5px 18px color-mix(in srgb,var(--text) 7%,transparent)}
.legwork-notification.scroll-reveal.is-awaiting-view{transform:translateY(-16px) scale(.98)}
.legwork-notification.scroll-reveal.is-arriving{animation:notification-arrive 550ms cubic-bezier(.22,1,.36,1) 250ms both}
@keyframes notification-arrive{from{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.notification-app{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;color:var(--text-dim);margin-bottom:10px}
.notification-app-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:#25d366}
.notification-app-icon img{display:block;filter:brightness(0) invert(1)}
.notification-time{margin-left:auto;font-size:11px}
.notification-sender{font-size:15px;line-height:1.4;font-weight:600;color:var(--text-hi);margin-bottom:3px}
.notification-message{font-size:15px;line-height:1.45;color:var(--text)}

/* Small incoming updates, followed by a shared plan. */
.working-together>header{max-width:780px}
.working-together h2{max-width:25ch}
.trip-story{max-width:800px;margin:26px auto 0;font-family:var(--gsv-font-prose)}
.trip-story.example-conversation{gap:24px}
.trip-story .example-message.is-human{max-width:60ch}
.trip-coordination{width:92%;max-width:740px}
.home .trip-update-heading{font:500 16px/1.5 var(--gsv-font-prose);color:var(--text);letter-spacing:0}
.trip-coordination>#trip-context{margin-top:16px;max-width:70ch}
.trip-updates{list-style:none;display:grid;gap:12px;margin:16px 0 0;padding:0}
.trip-updates li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:baseline;font:14px/1.5 var(--gsv-font-prose)}
.trip-updates li>span{font-weight:500;color:var(--accent)}
.trip-updates p{color:var(--label)}
.trip-proposal{max-width:740px}
.trip-proposal h3{font:500 32px/1.15 var(--gsv-font-prose);letter-spacing:-.025em;color:var(--accent);margin-bottom:10px}
.trip-proposal>.example-response{margin-top:0;max-width:64ch}

/* Static connected-tool ApprovalCard, adapted from the app's CSS. */
.control-trust{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;padding-block:60px 64px}
.control-heading{max-width:46ch}
.control-body{min-width:0}
.control-trust h2{font-size:clamp(32px,3.5vw,42px);line-height:1.12;margin:0 0 18px}
.control-trust header>p{font:16px/1.55 var(--gsv-font-prose);color:var(--label);max-width:58ch}
.control-trust header>.control-context{font-size:13px;color:var(--text-dim);margin-top:18px}
.approval-glimpse{min-width:0}
.browser-recording video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--panel);border:1px solid var(--border)}
.browser-recording figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;font:12px/1.5 var(--gsv-font-prose);color:var(--text-dim);margin-top:8px}
.recording-toggle{flex:none;min-height:44px;padding:6px 0;color:var(--accent);font:12px/1.5 var(--gsv-font-prose);text-decoration:underline;text-underline-offset:4px}
.has-recording .approval-glimpse{max-width:480px;margin:22px 0 0 auto}
.has-recording .zen-approval .ask{font-size:18px}
.approval-glimpse.is-arriving{animation-delay:250ms}
.zen-approval{border:1px solid var(--update);padding:12px 16px;font:13px/1.5 var(--gsv-font-mono);color:var(--text);background:var(--panel);max-width:720px;box-shadow:0 0 18px rgba(255,210,77,.12)}
.zen-approval .q{color:var(--update);letter-spacing:.14em;text-transform:uppercase;font-size:11px;margin-bottom:8px}
.zen-approval .ask{font:clamp(17px,1.6vw,22px)/1.3 var(--gsv-font-prose);color:var(--text-hi);text-wrap:pretty}
.zen-approval .keys{margin-top:10px;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:12px;align-items:baseline}
.zen-approval .keys .ibtn{padding:6px 12px;min-height:36px;cursor:default}
.zen-approval .ibtn:disabled{opacity:1}
.zen-approval .ibtn:disabled:hover{background:transparent;border-color:var(--border-raised);color:var(--label)}
.zen-approval .ibtn.is-primary:disabled:hover{background:var(--accent);border-color:var(--accent);color:var(--void)}
.zen-approval .keys .ibtn kbd{color:inherit;border-color:currentColor;padding:0 6px;margin-right:6px}
.zen-approval .keys>span{font-size:11px;line-height:1.6;color:color-mix(in srgb,var(--text-dim) 94%,var(--panel))}
@media(max-width:900px){.control-trust{gap:32px}}
@media(max-width:720px){
  .control-trust{padding-block:44px 48px;grid-template-columns:1fr;gap:26px}
  .control-trust h2{font-size:32px}.control-trust header>p{max-width:42ch}
  .zen-approval .ask{font-size:20px}.zen-approval .q{font-size:10px}.zen-approval .keys .ibtn{min-height:40px}
}

@media(max-width:900px){
  .legwork-story{column-gap:32px}
  .legwork-result::before{width:16px;left:-24px}
}
@media(max-width:720px){
  .task-story,.working-together{padding-block:44px 48px}
  .task-story h2,.working-together h2{font-size:32px}
  .product-intro{font-size:16px}
  .story-request{font-size:17px}
  .legwork-story{grid-template-columns:1fr;gap:26px;margin-top:24px}
  .legwork-work{padding-left:16px}
  .legwork-result{margin-left:16px}
  .legwork-result::before{top:-20px;left:0;width:0;height:12px;border-top:0;border-left:1px dotted var(--border-raised)}
  .trip-updates li{grid-template-columns:42px minmax(0,1fr);gap:10px;font-size:14px}
  .trip-proposal h3{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.legwork-notification.scroll-reveal.is-awaiting-view{transform:none}}