.clipping-hub .guide-map{display:grid;gap:14px;margin:24px 0}
.clipping-hub .guide-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}
.clipping-hub .guide-card h3{margin:8px 0 12px;font-size:1.25rem;line-height:1.35;letter-spacing:-.02em}
.clipping-hub .guide-card p:last-child{margin-bottom:0}
.clipping-hub .card-label{color:var(--accent);font-size:.75rem;letter-spacing:.09em;margin:0}
.clipping-hub .axes-figure{margin:30px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.clipping-hub .axes-figure img{display:block;width:100%;max-width:600px;height:auto;margin:auto;border-radius:12px}
.clipping-hub figcaption{margin-top:14px;font-size:.86rem;line-height:1.6;color:var(--muted)}
.clipping-hub .guide-card a{display:inline;padding-block:4px;text-decoration-thickness:1px}
.clipping-hub article code{font-size:.9em;overflow-wrap:anywhere;white-space:normal}
.clipping-hub .article-answer{max-width:65ch}
.clipping-hub .weekly-video{margin:28px 0;padding:clamp(12px,3vw,22px);border:1px solid var(--line);border-radius:18px;background:var(--panel);max-width:100%;min-width:0}
.clipping-hub .weekly-video h3{margin:0 0 16px;font-size:1.2rem;line-height:1.4}
.clipping-hub .weekly-video-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#111827}
.clipping-hub .weekly-video-frame iframe{display:block;width:100%;height:100%;border:0}
.clipping-hub .weekly-video .video-caption{margin:14px 0 0;font-size:.9rem;line-height:1.7;color:var(--muted)}
@media(max-width:540px){.clipping-hub .guide-card{padding:18px}.clipping-hub .axes-figure{padding:10px}.clipping-hub h1{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){.clipping-hub *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}