/* Shared guide presentation; topic labels live in content/guide-navigation.mjs. */
.guide-shell.guide-index,
.guide-shell.guide-plain { width:min(calc(100% - 2rem),48rem); padding:1.5rem 0 3rem; }
.guide-index .breadcrumbs { margin-bottom:1.5rem; font-size:.85rem; line-height:1.6; text-transform:none; letter-spacing:normal; }
.guide-index .editorial-hero { margin:0 0 1.75rem; }
.guide-index .editorial-hero h1 { margin:0 0 .65rem; font:650 clamp(1.8rem,5vw,2.5rem)/1.2 var(--body,system-ui,sans-serif); letter-spacing:normal; text-transform:none; }
.guide-index .editorial-hero > p { margin:0; font-size:1rem; line-height:1.6; }
.guide-search { margin-bottom:1.5rem; }
.guide-search label { display:block; margin-bottom:.5rem; font-size:.9rem; font-weight:600; }
.guide-search-field { display:flex; gap:.5rem; }
.guide-search input { flex:1; min-width:0; width:100%; height:3rem; border:1px solid var(--line-strong); border-radius:4px; background:var(--surface); color:var(--ink); padding:.7rem .8rem; font:inherit; font-size:1rem; }
.guide-search input::placeholder { color:var(--muted); }
.guide-search button { min-height:3rem; padding:.5rem .8rem; border:1px solid var(--line-strong); border-radius:4px; color:var(--ink); background:var(--surface); font:inherit; cursor:pointer; }
.guide-search-status { margin:.6rem 0 0; color:var(--muted); font-size:.9rem; }
.guide-search-status:empty { display:none; }
.guide-topic { border-top:1px solid var(--line); }
.guide-topic:last-child { border-bottom:1px solid var(--line); }
.guide-topic > summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:4.25rem; padding:1rem 0; cursor:pointer; }
.guide-topic > summary::-webkit-details-marker { display:none; }
.guide-topic > summary::after { content:'+'; flex:none; font-size:1.5rem; font-weight:400; color:var(--muted); }
.guide-topic[open] > summary::after { content:'−'; }
.guide-topic > summary h2 { margin:0; font:600 1.1rem/1.5 system-ui,sans-serif; letter-spacing:normal; text-transform:none; }
.guide-topic ul { list-style:none; padding:0 0 .75rem; margin:0; }
.guide-topic li { margin:0; }
.guide-topic li a { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:3rem; padding:.7rem .25rem .7rem .75rem; color:var(--cyan); font-size:1rem; line-height:1.5; text-decoration:none; overflow-wrap:anywhere; }
.guide-topic li a::after { content:'›'; flex:none; color:var(--muted); }
.guide-topic li a:hover { text-decoration:underline; text-underline-offset:.2em; background:var(--surface); }
.guide-index :is(a,summary,input,button):focus-visible,
.guide-plain summary:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.guide-index-help { margin:1.75rem 0 0; color:var(--muted); font-size:.95rem; line-height:1.7; }
.guide-index-help a { display:inline-block; padding:.5rem 0; color:var(--cyan); text-underline-offset:.2em; }
.guide-index [hidden] { display:none !important; }
.guide-plain .guide-contents > summary { padding:.5rem 0; min-height:2.75rem; cursor:pointer; font-weight:600; }
.guide-plain .guide-contents ul { margin-top:.75rem; }
.guide-plain .guide-contents li a { display:inline-block; padding:.45rem 0; line-height:1.6; }
.guide-plain .guide-related li a { display:inline-block; padding:.4rem 0; }
@media(max-width:600px) {
  .guide-shell.guide-index,.guide-shell.guide-plain { padding-top:1.25rem; }
  .guide-plain .guide-article > header h1 { font-size:1.85rem; }
  .guide-plain .guide-table-wrap :is(th,td) { min-width:8rem; }
}