/* Long-form discovery pages (src/lib/cinematic/pages/discovery.ts): /security, /docs, /guides, /compare, /integrations, /blog. Loads after pages.css. */
.discovery-page .page-hero{padding-bottom:112px}
.discovery-page.dc-has-stage .page-hero{padding-bottom:196px}
.discovery-page .page-intro .headline-long{max-width:960px}
.discovery-page .page-intro .subhead{max-width:640px}

.dc{--dc-line:#e6e5e0;padding-bottom:24px}
.dc-col{max-width:760px;margin-left:auto;margin-right:auto}
.dc-wide{max-width:1080px;margin-left:auto;margin-right:auto}
.dc-section{padding:48px 0;scroll-margin-top:24px}
.dc-top{padding-top:48px}
.dc-top+.dc-section{padding-top:32px}

/* Stage image rising out of the hero */
.dc-stage img{display:block;width:100%;height:auto;border-radius:22px;background:#f0f0ed}
.dc-stage .dc-figure{margin:0}
.dc-stage .dc-figure figcaption{padding:16px 12px 6px}

/* Breadcrumbs + jump links */
.dc-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:13px;line-height:20px;color:#999}
.dc-crumbs li+li:before{content:"/";margin-right:6px;color:#ccc}
.dc-crumbs a{color:#777;transition:color .2s var(--ease)}
.dc-crumbs a:hover{color:#222}
.dc-crumbs [aria-current]{color:#222}
.dc-jump{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:24px}
.dc-jump>span{font-size:12px;color:#999}
.dc-jump div{display:flex;flex-wrap:wrap;gap:8px}
.dc-jump a{font-size:13px;line-height:18px;padding:8px 14px;border-radius:999px;background:#f0f0ed;color:#444;transition:background .2s var(--ease),color .2s var(--ease)}
.dc-jump a:hover{background:#e6e5e0;color:#111}

/* Shared heading */
.dc-head{margin-bottom:32px}
.dc-head .section-kicker{margin-bottom:16px}
.story .dc h2{font-family:var(--head);font-weight:400;font-size:38px;line-height:1.18;letter-spacing:-.04em;color:#1c1c1a;text-wrap:balance}
.story .dc-head>p:not(.section-kicker){font-family:var(--body);font-size:17px;line-height:27px;color:#777;margin-top:20px;max-width:680px}
.story .dc p{font-family:var(--body)}
.dc code{font:.86em ui-monospace,SFMono-Regular,Menlo,monospace;background:#ecebe6;padding:2px 6px;border-radius:6px;color:#333;word-break:break-word}
.dc-n{font-family:var(--head);font-size:18px;line-height:1;color:#a8a8a3;letter-spacing:-.02em}
.dc-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#222;transition:gap .3s var(--ease)}
.dc-link:hover{gap:16px}
.story .dc-note{font-size:13px;line-height:21px;color:#999;margin-top:16px;max-width:760px}

/* Short answer card */
.dc-answer{padding:44px 48px;border-radius:24px;background:#f0f0ed}
.story .dc-answer h2{font-size:32px;margin-bottom:20px}
.story .dc-answer p:not(.section-kicker){font-size:17px;line-height:28px;color:#555}
.story .dc-answer p+p{margin-top:16px}

/* Figures */
.dc-figure{margin:0}
.dc-figure img{display:block;width:100%;height:auto;border-radius:24px;background:#f0f0ed;box-shadow:0 1px 0 rgba(0,0,0,.03),0 18px 44px rgba(26,24,20,.08)}
.story .dc-figure figcaption{font-size:13px;line-height:21px;color:#999;margin-top:16px;max-width:760px}

/* Numbered rows (methodology) */
.dc-numbered{list-style:none;margin:0;padding:0;border-top:1px solid var(--dc-line)}
.dc-numbered li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:24px 4px;border-bottom:1px solid var(--dc-line)}
.dc-numbered .dc-n{padding-top:4px}
.dc-numbered h3,.dc-choices h3,.dc-review h3{font-size:18px;line-height:26px;font-weight:500;letter-spacing:-.02em;color:#222}
.story .dc-numbered p{font-size:16px;line-height:26px;color:#777;margin-top:6px}

/* Comparison table */
.dc-table-card{padding:8px;border-radius:24px;background:#f0f0ed}
.dc-table-scroll{overflow-x:auto;border-radius:18px;background:#fff;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.dc-table-scroll:focus-visible{outline:2px solid #333;outline-offset:2px}
.dc-table-scroll table{width:100%;border-collapse:collapse;font-size:14px;line-height:22px;color:#555;text-align:left}
.dc-table-scroll th,.dc-table-scroll td{padding:18px 20px;vertical-align:top;border-bottom:1px solid #f0efea}
.dc-table-scroll tbody tr:last-child>*{border-bottom:0}
.dc-table-scroll thead th{font-size:12px;line-height:16px;font-weight:500;color:#999;padding-top:20px;padding-bottom:14px;border-bottom:1px solid #e6e5e0;white-space:nowrap}
.dc-table-scroll tbody th{font-weight:500;color:#222;min-width:150px}
.dc-table-scroll tbody th span{display:block}
.dc-table-scroll tr.is-highlighted>*{background:#f7faf5}
.dc-table-scroll tr.is-highlighted th span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#4f8b43;margin-right:8px;vertical-align:2px}
.dc-table-scroll th:first-child{position:sticky;left:0;z-index:1;background:#fff}
.dc-table-scroll tr.is-highlighted th:first-child{background:#f7faf5}

/* Spotlight: one homepage-style feature row */
.dc-spotlight{max-width:1080px;margin:0 auto}
.dc-spotlight .feat-list{border-top:1px solid var(--dc-line)}
.dc-spotlight .feat-list .feat:not(.feat-rev){padding:72px 0}
.story .dc-spotlight .feat-copy .section-kicker{font-size:12px;line-height:16px;color:#777;margin:0}
.dc-spot-card{aspect-ratio:auto}
.dc-spot-card img{display:block;width:100%;height:auto}
.dc-spot-points{display:flex;align-items:center;padding:32px}
.dc-spot-points ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;width:100%}
.dc-spot-points li{font-size:15px;line-height:23px;color:#444;padding:14px 18px;border-radius:14px;background:#fafaf8}

/* Outcomes */
.dc-outcomes{gap:12px}
.dc-outcomes.dc-count-2,.dc-outcomes.dc-count-4{grid-template-columns:repeat(2,1fr)}
.dc-outcomes .feature-card{padding:24px;gap:8px}
.dc-outcomes .feature-card h3{font-size:17px;line-height:24px;margin-top:10px}
.dc-outcomes .step-number{font-size:18px;color:#a8a8a3}

/* Reading sections */
.dc-body .dc-head{margin-bottom:8px}
.dc-reading{border-top:1px solid var(--dc-line)}
.dc-read{padding:48px 0;border-bottom:1px solid var(--dc-line)}
.dc-read-meta{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}
.story .dc-read-meta span:not(.dc-n){font-size:12px;line-height:16px;color:#777}
.story .dc .dc-read h2{font-size:30px;line-height:1.2;margin-bottom:20px}
.story .dc-read p{font-size:17px;line-height:28px;color:#666}
.story .dc-read p+p{margin-top:16px}
.dc-bullets{display:grid;gap:12px;list-style:none;padding:0;margin:20px 0 0}
.dc-bullets li{position:relative;padding-left:26px;font-size:16px;line-height:26px;color:#555}
.dc-bullets li:before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:#d9edcf;box-shadow:inset 0 0 0 2px #4f8b43}

/* Review groups */
.dc-group{padding-top:56px}
.dc-group-head{margin-bottom:24px}
.dc-group-head .dc-n{display:block;margin-bottom:14px}
.story .dc .dc-group-head h2{font-size:30px}
.story .dc-group-head p{font-size:16px;line-height:26px;color:#777;margin-top:12px}
.dc-reviews{display:grid;gap:12px}
.dc-review{padding:28px;border-radius:24px;background:#f0f0ed}
.dc-review-top{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}
.dc-review-top h3{font-size:20px;line-height:28px}
.dc-review-top .dc-link{font-size:13px;color:#555}
.story .dc-review>p{font-size:15px;line-height:25px;color:#666;margin-top:10px}
.dc-review dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 0}
.dc-review dl>div{padding:14px 16px;border-radius:14px;background:#fff}
.dc-review dt{font-size:11px;line-height:16px;color:#999}
.dc-review dd{margin:4px 0 0;font-size:14px;line-height:22px;color:#333}

/* Decision guide */
.dc-choices{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dc-choices li{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:28px;border-radius:24px;background:#f0f0ed}
.dc-choices .dc-n{padding-top:5px}
.dc-choices strong{display:inline-block;margin-top:10px;font-size:13px;line-height:18px;font-weight:500;padding:5px 12px;border-radius:999px;background:#fff;color:#222}
.story .dc-choices p{font-size:15px;line-height:25px;color:#777;margin-top:10px}

/* Steps reuse .steps-list from pages.css */
.dc .steps-list{max-width:none}
.dc .steps-list strong{display:block;margin-bottom:4px;font-size:17px;letter-spacing:-.015em}
.story .dc .steps-list p{font-size:17px;line-height:27px}

/* Facts: one card, white rows */
.dc-facts{display:grid;gap:8px;margin:0;padding:8px;border-radius:24px;background:#f0f0ed}
.dc-facts>div{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:baseline;padding:18px 20px;border-radius:16px;background:#fff}
.dc-facts dt{font-size:13px;line-height:20px;color:#999}
.dc-facts dd{margin:0;display:grid;gap:4px}
.dc-facts strong{font-size:16px;line-height:24px;font-weight:500;letter-spacing:-.015em;color:#222}
.dc-facts span{font-size:13px;line-height:20px;color:#888}

/* FAQ, related, closing */
.dc-faq .dc-head{margin-bottom:24px}
.dc-related{grid-template-columns:repeat(2,1fr);gap:12px}
.dc-related .related-card:last-child:nth-child(odd){grid-column:1/-1}
.dc-closing .section-kicker{margin:0 0 16px}

@media(max-width:820px){
  .dc-outcomes,.dc-outcomes.dc-count-2,.dc-outcomes.dc-count-4{grid-template-columns:1fr}
}
@media(max-width:880px){
  .dc-spotlight .feat-list{padding:0}
  .dc-spotlight .feat-list .feat:not(.feat-rev){padding:48px 0}
}
@media(max-width:720px){
  .discovery-page .page-hero{padding-bottom:72px}
  .discovery-page.dc-has-stage .page-hero{padding-bottom:160px}
  .dc-stage img{border-radius:16px}
  .dc-top{padding-top:32px}
  .dc-section{padding:40px 0}
  .story .dc h2{font-size:28px;line-height:1.2}
  .story .dc-answer h2,.story .dc .dc-read h2,.story .dc .dc-group-head h2{font-size:24px}
  .story .dc-head>p:not(.section-kicker){font-size:15px;line-height:24px}
  .dc-answer{padding:28px 24px;border-radius:20px}
  .story .dc-answer p:not(.section-kicker),.story .dc-read p{font-size:15px;line-height:25px}
  .dc-numbered li{grid-template-columns:44px 1fr;padding:20px 0}
  .dc-table-card{padding:6px;border-radius:20px;margin:0 -4px}
  .dc-table-scroll{border-radius:15px}
  .dc-table-scroll th,.dc-table-scroll td{padding:14px 14px;font-size:13px;line-height:20px}
  .dc-table-scroll tbody th{min-width:120px}
  .dc-read{padding:36px 0}
  .dc-bullets li{font-size:15px;line-height:24px}
  .dc-review{padding:22px 20px;border-radius:20px}
  .dc-review dl{grid-template-columns:1fr;gap:0;padding:0 16px;border-radius:14px;background:#fff}
  .dc-review dl>div{padding:12px 0;border-radius:0;background:none;border-bottom:1px solid #f0efea}
  .dc-review dl>div:last-child{border-bottom:0}
  .dc-choices li{grid-template-columns:1fr;gap:8px;padding:22px 20px;border-radius:20px}
  .dc-facts{padding:6px;border-radius:20px}
  .dc-facts>div{grid-template-columns:1fr;gap:4px;padding:16px}
  .dc-related{grid-template-columns:1fr}
  .story .dc .steps-list p{font-size:15px;line-height:24px}
}
@media(prefers-reduced-motion:reduce){.dc-link,.dc-jump a{transition:none}}