#sleep21-wireframe .insight-index,#sleep21-wireframe .insight-detail { padding-top:44px; padding-bottom:64px; }
#sleep21-wireframe .insight-index-heading { padding:12px 0 36px; }
#sleep21-wireframe .insight-index-heading h1 { font-size:clamp(34px,4.5cqw,52px); }
#sleep21-wireframe .insight-index-heading h1 span { color:#9b4d33; }
#sleep21-wireframe .insight-index-heading>p { margin-top:20px; color:var(--s21-muted); font-size:18px; }
.insight-categories { display:flex; flex-wrap:wrap; gap:8px 24px; padding:12px 0; border-block:1px solid var(--s21-line); margin-bottom:32px; }
#sleep21-wireframe .insight-categories a { display:flex; align-items:center; min-height:44px; color:var(--s21-muted); }
#sleep21-wireframe .insight-categories a[aria-current] { color:var(--s21-ink); text-decoration:underline; text-underline-offset:8px; text-decoration-thickness:2px; }
.insight-featured { margin-block:0 48px; background:var(--s21-paper); border-radius:16px; overflow:hidden; }
.insight-featured>a { display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.insight-featured>a>img { width:100%; height:100%; min-height:300px; object-fit:cover; }
.insight-featured>a>div:last-child { padding:32px; }
#sleep21-wireframe .insight-featured h2 { font-size:clamp(24px,3cqw,34px); margin-top:12px; }
#sleep21-wireframe .insight-meta { font-size:13px; color:var(--s21-muted); line-height:1.6; }
#sleep21-wireframe .insight-summary { color:var(--s21-muted); margin-top:14px; line-height:1.8; }
.insight-art { background:#f6eee3; min-height:180px; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:4px; }
.insight-art>img { height:130px; width:130px; object-fit:contain; }
.insight-featured .insight-art { height:100%; min-height:300px; }
.insight-featured .insight-art>img { height:180px; width:180px; }
.insight-read { display:inline-flex; gap:24px; margin-top:22px; min-height:44px; align-items:center; font-size:14px; }
.insight-list-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; }
#sleep21-wireframe .insight-list-heading>p { color:var(--s21-muted); font-size:14px; }
.insight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
.insight-card { min-width:0; border:1px solid var(--s21-line); border-radius:12px; overflow:hidden; }
.insight-card>a { display:block; height:100%; }
.insight-card>a>img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; }
.insight-card-copy { padding:22px; }
#sleep21-wireframe .insight-card h3 { font-size:21px; line-height:1.5; margin-top:8px; }
#sleep21-wireframe .insight-card .insight-summary { font-size:15px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.insight-card a:hover h3,.insight-featured a:hover h2 { text-decoration:underline; text-underline-offset:5px; }
.insight-pagination { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-top:40px; }
#sleep21-wireframe .insight-pagination a { display:grid; place-items:center; min-width:44px; min-height:44px; border:1px solid var(--s21-line); border-radius:6px; }
#sleep21-wireframe .insight-pagination a[aria-current] { background:var(--s21-ink); color:var(--s21-paper); }
.insight-empty { padding:44px 0 64px; }
#sleep21-wireframe .insight-empty p { margin-top:16px; color:var(--s21-muted); }
.insight-breadcrumb { display:flex; gap:14px; margin-bottom:32px; font-size:14px; }
.insight-breadcrumb a { min-height:44px; display:inline-flex; align-items:center; }
.insight-breadcrumb>span { align-self:center; }
.insight-breadcrumb,.insight-article-heading,.insight-cover,.insight-toc,.insight-prose,.insight-next,.insight-related,.insight-detail>.w-link { max-width:760px; margin-inline:auto; }
#sleep21-wireframe .insight-article-heading h1 { margin-top:16px; font-size:clamp(30px,4.1cqw,46px); line-height:1.35; }
#sleep21-wireframe .insight-deck { margin-top:22px; font-size:19px; color:var(--s21-muted); line-height:1.8; }
#sleep21-wireframe .insight-byline { margin-top:22px; font-size:13px; color:var(--s21-muted); line-height:1.8; }
#sleep21-wireframe .insight-cover { margin:32px auto; }
.insight-cover>img { display:block; width:100%; height:auto; border-radius:12px; }
.insight-toc { margin-block:32px; padding:20px 24px; background:var(--s21-paper); border-radius:12px; }
.insight-toc summary { cursor:pointer; min-height:32px; }
.insight-toc li { padding-block:6px; }
.insight-prose { color:var(--s21-ink,#3d342c); font-size:18px; line-height:1.9; overflow-wrap:anywhere; padding-block:20px; }
#sleep21-wireframe .insight-prose>:first-child,.insight-prose>:first-child { margin-top:0; }
#sleep21-wireframe .insight-prose h2,.insight-prose h2 { font-size:28px; margin:44px 0 16px; line-height:1.5; scroll-margin-top:120px; }
#sleep21-wireframe .insight-prose h3,.insight-prose h3 { font-size:23px; margin:32px 0 12px; scroll-margin-top:120px; }
#sleep21-wireframe .insight-prose p,.insight-prose p { margin:0 0 20px; }
.insight-prose img { display:block; max-width:100%; height:auto; margin:24px auto; border-radius:8px; }
#sleep21-wireframe .insight-prose a,.insight-prose a { color:#87472f; text-decoration:underline; text-underline-offset:4px; }
.insight-prose li { margin:8px 0; }
.insight-prose blockquote { margin:28px 0; padding:20px 24px; background:var(--s21-paper,#fffaf2); border:1px solid var(--s21-line,#d9cbbc); border-radius:12px; }
.insight-prose pre { overflow:auto; background:#f6eee3; padding:20px; border-radius:8px; }
.insight-prose code { font-size:.88em; }
.insight-prose hr { border:0; border-top:1px solid var(--s21-line,#d9cbbc); margin:32px 0; }
.insight-table { overflow:auto; margin-block:24px; }
.insight-table table { border-collapse:collapse; width:100%; text-align:left; }
.insight-table th,.insight-table td { border:1px solid var(--s21-line,#d9cbbc); padding:12px 16px; min-width:100px; vertical-align:top; }
.insight-table th { background:var(--s21-paper,#fffaf2); }
.insight-missing-image { display:block; padding:12px; background:#fff2e8; color:#91401e; }
.insight-next { padding:28px; background:var(--s21-paper); border-radius:12px; margin-block:20px 56px; }
#sleep21-wireframe .insight-next h2 { font-size:26px; }
#sleep21-wireframe .insight-next p { margin:14px 0 20px; color:var(--s21-muted); }
.insight-related { margin-bottom:32px; }
.insight-related .insight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; }
#sleep21-wireframe .insight-detail>.w-link { display:flex; }
.insight-index a:focus-visible,.insight-detail a:focus-visible,.insight-table:focus-visible,.insight-toc summary:focus-visible { outline:2px solid #87472f; outline-offset:4px; }
.insight-prose ::selection { color:#3d342c; background:#f4dfc8; }
@container s21wire (max-width:1000px) { .insight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container s21wire (max-width:600px) {
  #sleep21-wireframe .insight-index,#sleep21-wireframe .insight-detail { padding-top:24px; padding-bottom:40px; }
  .insight-grid,.insight-featured>a,.insight-related .insight-grid { grid-template-columns:1fr; }
  .insight-featured>a>img,.insight-featured .insight-art { min-height:0; height:auto; aspect-ratio:16/9; }
  .insight-featured .insight-art>img { width:130px; height:130px; }
  .insight-featured>a>div:last-child { padding:24px; }
  .insight-categories { gap:2px 20px; }
  #sleep21-wireframe .insight-index-heading>p { font-size:16px; }
  .insight-prose { font-size:17px; }
  #sleep21-wireframe .insight-prose h2 { font-size:25px; }
  #sleep21-wireframe .insight-deck { font-size:17px; }
  .insight-next { padding:24px; }
}