:root { --accent:#5c7cfa; --bg:#fbfcfe; --ink:#0d3b52; --title:#1e1b4b; --muted:#4a7b8c; --line:rgba(13,59,82,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter,system-ui,-apple-system,sans-serif; line-height:1.65; }
a { color:#365edc; }
a:focus-visible, summary:focus-visible { outline:3px solid #f0b429; outline-offset:3px; border-radius:4px; }
.wrap { width:min(920px,100%); margin:0 auto; padding:0 22px; }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:24px 0 28px; color:var(--muted); font-size:14px; }
.breadcrumbs a { color:var(--muted); }
.eyebrow { margin:0 0 8px; color:var(--muted); font-size:13px; font-weight:700; text-transform:uppercase; }
h1,h2,h3,h4 { color:var(--title); font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif; line-height:1.25; }
h1 { max-width:780px; margin:0 0 14px; font-size:clamp(30px,5vw,42px); }
h2 { margin:36px 0 12px; font-size:25px; }
h3 { margin:22px 0 8px; font-size:19px; }
h4 { margin:20px 0 8px; font-size:16px; }
.lede { max-width:780px; margin:0 0 22px; color:var(--muted); font-size:18px; }
.practice-specs { display:flex; flex-wrap:wrap; gap:9px; margin:18px 0 22px; }
.practice-specs span { display:inline-flex; gap:5px; padding:6px 11px; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--ink); font-size:13px; }
.level-beginner,.level-easy { --level:#167a92; }
.level-medium { --level:#946400; }
.level-advanced,.level-hard { --level:#6251b5; }
.eyebrow { color:var(--level,#167a92); }
.status-note { margin:20px 0 28px; padding:13px 16px; border-left:4px solid var(--level,#167a92); background:#f1f7fa; color:var(--ink); }
.prompt-index { margin:28px 0 40px; padding:20px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.prompt-index h2 { margin:0 0 14px; font-size:20px; }
.prompt-index ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; margin:0; padding:0; list-style:none; }
.prompt-index a { display:flex; align-items:flex-start; gap:9px; color:var(--ink); text-decoration:none; font-size:14px; }
.prompt-index a:hover { color:#365edc; text-decoration:underline; }
.prompt-index a span { min-width:24px; color:var(--level,#167a92); font-weight:800; }
.topic { padding:24px 0 28px; border-top:1px solid var(--line); scroll-margin-top:20px; }
.topic h2 { display:flex; gap:12px; align-items:flex-start; margin:0 0 7px; font-size:22px; }
.topic-number { flex:0 0 34px; color:var(--level,#167a92); font-size:15px; padding-top:4px; }
.topic-kind { margin:0 0 14px 46px; color:var(--muted); font-size:13px; }
.topic-resources { margin-left:46px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.topic-resources summary { padding:12px 15px; color:var(--ink); font-weight:700; cursor:pointer; }
.topic-resources[open] summary { border-bottom:1px solid var(--line); }
.resource-section,.sample-speech { padding:4px 16px 18px; }
.resource-section h3,.sample-speech h3 { margin:18px 0 7px; }
.resource-note { margin:0 0 15px; color:var(--muted); font-size:14px; }
.outline-set { margin:20px 0 0; }
.group-label { padding-bottom:7px; border-bottom:1px solid var(--line); color:var(--level,#167a92); }
.outline-version { padding:10px 0 14px; border-bottom:1px solid rgba(13,59,82,.08); }
.outline-version:last-child { border-bottom:0; }
.outline-version p { margin:8px 0; }
.outline-points { margin:8px 0; padding-left:23px; }
.outline-points li { margin:8px 0; padding-left:3px; }
.sample-speech { border-top:1px solid var(--line); }
.sample-speech h3 { display:flex; flex-wrap:wrap; align-items:center; gap:9px; }
.duration { color:var(--muted); font:500 13px Inter,system-ui,sans-serif; }
.sample-speech p { max-width:760px; margin:10px 0; }
.soon { margin:12px 0; padding:12px 14px; border-left:4px solid #d39512; background:#fff8e6; color:#5c4613; }
.collection-nav { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; padding:22px 0; border-top:1px solid var(--line); }
.collection-nav a { font-weight:700; text-decoration:none; }
.collection-nav a:hover { text-decoration:underline; }
.app-cta { margin:28px 0 42px; padding:20px 0; border-top:1px solid var(--line); }
.app-cta h2 { margin-top:0; }
.site-footer { margin-top:40px; padding:24px 0 44px; border-top:1px solid var(--line); font-size:14px; }
.site-footer a { display:inline-block; margin:0 14px 8px 0; color:var(--muted); }
@media(max-width:620px) {
  .wrap { padding:0 17px; }
  .prompt-index { padding:16px; }
  .prompt-index ol { grid-template-columns:1fr; }
  .topic h2 { font-size:20px; }
  .topic-kind,.topic-resources { margin-left:0; }
  .topic-resources summary { padding:12px; }
  .resource-section,.sample-speech { padding-left:12px; padding-right:12px; }
  .collection-nav { flex-direction:column; }
}