.guide-panel{--guide-panel-bg:var(--color-bg-reading);margin:0;container-type:inline-size}.content .guide-title{border-bottom:2px solid var(--color-border-primary);color:#fff;justify-content:space-between;align-items:center;gap:8px;padding-bottom:.5rem;text-decoration:none;display:flex}.content .guide-title h2{font-size:var(--reading-heading-size);color:#fff;border:none;margin:0;padding:0;font-weight:600}.content .guide-title:hover{color:#fff;text-decoration:none}.content .guide-title svg{color:#fff6;flex:none;transition:transform .1s}.guide-link{cursor:pointer;position:relative}.guide-link .guide-title:after{content:"";z-index:1;position:absolute;inset:0}.guide-panel:has(.guide-link:hover){border-color:color-mix(in srgb, var(--color-accent) 45%, transparent)}.guide-link:hover .guide-title h2,.content .guide-title:hover h2{color:var(--color-accent)}.guide-link:hover .guide-title svg,.content .guide-title:hover svg{color:var(--color-accent);transform:translate(3px)}.content .guide-blurb{color:#fff9;opacity:1;margin:8px 0 0;font-size:13px;line-height:1.5}