/* A readable contents index, rather than a horizontally clipped row of page titles. */
.gp-content .gp-contents { margin-block:8px 36px; border:1px solid var(--gp-rule); border-radius:16px; background:#fafbf9; overflow:hidden; }
.gp-contents summary { display:flex; align-items:center; gap:16px; padding:20px 24px; min-height:64px; box-sizing:border-box; cursor:pointer; font-weight:700; list-style:none; }
.gp-contents summary::-webkit-details-marker { display:none; }
.gp-contents summary::after { content:'+'; font-size:1.5rem; font-weight:500; margin-left:auto; }
.gp-contents[open] summary::after { content:'−'; }
.gp-contents__count { font-size:.85rem; color:var(--gp-muted); font-weight:500; }
.gp-content .gp-contents ol { display:grid; grid-template-columns:1fr; gap:4px 24px; list-style:none; counter-reset:contents; padding:0 16px 20px; margin:0; }
.gp-contents li { counter-increment:contents; min-width:0; }
.gp-content .gp-contents a { display:flex; gap:12px; align-items:baseline; padding:12px 10px; min-height:48px; box-sizing:border-box; border-radius:6px; color:var(--gp-ink); font-weight:550; line-height:1.5; font-size:.95rem; text-decoration:none; }
.gp-contents a::before { content:counter(contents,decimal-leading-zero); font-size:.8rem; color:var(--gp-brand); font-weight:700; flex:none; }
.gp-content .gp-contents a:is(:hover,:focus-visible) { background:var(--gp-brand); color:white; }
.gp-contents a:is(:hover,:focus-visible)::before { color:white; }
.gp-contents :is(a,summary):focus-visible { outline:3px solid var(--gp-focus); outline-offset:-3px; }
.gp-content section[id] { scroll-margin-top:110px; }
@media(min-width:700px){ .gp-content .gp-contents ol { grid-template-columns:repeat(2,minmax(0,1fr)); padding-inline:20px; } }
@media(min-width:1100px){ .gp-content .gp-contents ol { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(prefers-reduced-motion:no-preference){ .gp-contents a { transition:background-color .18s,color .18s; } }