.guides-panel { max-width:900px; margin:auto; padding:20px; line-height:1.55; }
.guides-panel h2 { margin:0 0 12px; }
.guides-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:16px; margin-top:20px; }
.guide-card { padding:20px; border:1px solid var(--border); border-radius:16px; background:var(--glass-bg); }
.guide-card h3 { margin:0; }
.guide-card button { min-height:44px; padding:10px 14px; border:1px solid var(--border); border-radius:10px; font:inherit; background:var(--glass-bg); color:var(--text); cursor:pointer; }
.guide-back { padding:8px 20px 0; }
.guide-back a,.guide-badge { display:inline-flex; align-items:center; min-height:44px; color:var(--text); }
.guide-badge { font-size:13px; font-weight:600; }
.guide-membership { margin:6px 0; }
.guide-membership details { font-size:13px; line-height:1.5; }
.guide-membership summary { cursor:pointer; min-height:32px; }
.guide-help { font-size:12px; color:var(--text2); line-height:1.5; }
.guide-help a { color:var(--text); }
.guides-panel :focus-visible,.guide-back :focus-visible,.guide-membership :focus-visible { outline:2px solid var(--text2); outline-offset:2px; }