/* Public product guides use the established palette and typography. */
header nav { display:flex; flex-wrap:wrap; gap:12px 22px; font-size:14px; }
main { max-width:960px; }
main p,main li { max-width:76ch; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 36px; font-size:12px; color:var(--muted); }
.breadcrumbs a { text-decoration:none; }
.entry-note { margin:8px 0; font-size:13px; }
.start-steps { padding-inline-start:24px; }
.start-steps li { margin:12px 0; padding-inline-start:7px; }
.search-faq details { padding:18px 0; border-bottom:1px solid var(--line); }
.search-faq summary { color:var(--text); font-weight:600; line-height:1.6; cursor:pointer; }
.search-faq details p { margin-bottom:0; }
.related-guides ul { display:flex; flex-wrap:wrap; gap:10px; padding:0; list-style:none; }
.related-guides a { display:block; padding:10px 15px; border:1px solid var(--line); border-radius:10px; text-decoration:none; font-size:14px; }
.related-guides a:hover { background:var(--hover); }
.guide-catalog { margin-top:32px; }
.guide-catalog h3 { font-size:18px; }
.guide-catalog p { font-size:14px; }
.skip-content { position:absolute; top:0; left:16px; padding:12px; background:var(--panel); transform:translateY(-140%); z-index:10; }
.skip-content:focus { transform:translateY(0); }
@media(max-width:600px) { header nav { gap:12px 16px; } .breadcrumbs { margin-bottom:28px; } section { margin-top:40px; } h2 { font-size:25px; } }