.guide-result { margin: 1rem 0; padding: 1.2rem 1.4rem; background: var(--surface, #151f2c); border-radius: 12px; }
.guide-result h2 { margin: .2rem 0 .6rem; font-size: 1.25rem; }
.guide-result p { max-width: 76ch; }
#astro-guide-search { display: block; box-sizing: border-box; width: min(100%, 40rem); margin: .6rem 0; padding: .8rem 1rem; color: #e8eef5; background: #101923; border: 1px solid #74869a; border-radius: 8px; font: inherit; }
#astro-guide-search:focus-visible, .guide-result a:focus-visible { outline: 3px solid #a8d7fa; outline-offset: 3px; }
.astro-guide-bar { position: sticky; top: 0; z-index: 20; margin: 0 0 1.6rem; padding: .85rem 1rem; background: #151f2c; border: 1px solid #344355; border-radius: 12px; box-shadow: 0 4px 16px #0003; }
.guide-search-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.guide-search-row label { font-weight: 650; }
.guide-search-row #astro-guide-search { flex: 1 1 18rem; min-width: 0; width: auto; margin: 0; }
.guide-all-help { white-space: nowrap; }
.guide-hint { margin: .5rem 0 0; color: #b8c5d4; font-size: .9rem; }
.astro-guide-bar #astro-guide-results { max-height: min(50vh, 32rem); overflow-y: auto; overscroll-behavior: contain; }
.astro-guide-bar .guide-result { margin: .5rem 0; padding: .75rem 0; border-top: 1px solid #344355; border-radius: 0; }
.astro-guide-bar .guide-result h2 { font-size: 1.1rem; }
.master-update-note { margin: 1rem 0; padding: .8rem 1rem; border-left: 3px solid #b2bfd0; background: #1b2634; border-radius: 0 8px 8px 0; }
.master-update-note p { margin: .3rem 0; }
.master-update-note .master-update-counts { font-variant-numeric: tabular-nums; }
@media (max-width: 540px) { .guide-search-row { gap: .6rem; } .guide-search-row label { flex: 1; } .guide-search-row #astro-guide-search { flex-basis: 100%; order: 3; } .astro-guide-bar { padding: .7rem; } }
@media print { .astro-guide-bar { position: static; box-shadow: none; } .astro-guide-bar #astro-guide-results { max-height: none; overflow: visible; } }
.result-completion { margin: 1rem 0 1.5rem; padding: .7rem 1rem; border-radius: 10px; background: var(--surface, #151f2c); }
.result-completion li { margin: .9rem 0; }
.result-completion li p { margin: .2rem 0; }
@media print { #astro-guide-search, label[for=astro-guide-search] { display: none; } .guide-result { display: block!important; background: transparent; break-inside: avoid; } }