/* In 30 seconds: swipeable cards */
.quick { margin-top: 28px; }
.qcards { list-style: none; margin: 0; padding: 0 0 8px; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.qcard { scroll-snap-align: start; background: var(--surface); border: 1px solid var(--rule); border-top: 3px solid var(--accent); border-radius: 8px; padding: 14px 16px; display: grid; gap: 10px; align-content: start; min-height: 190px; }
.qcard h3 { font-size: 1.05rem; }
.qcard ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 0.95rem; line-height: 1.45; }
.qcard .stamp { vertical-align: 1px; }
.q-date { font-family: var(--mono); font-size: 0.78rem; color: var(--muted); }
.q-side { display: block; font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
.q-foot { font-size: 0.85rem; }
@media (max-width: 720px) { .qcards { grid-auto-columns: 84%; } }
.share-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.share-cards img { width: 100%; height: auto; border: 1px solid var(--rule); border-radius: 8px; display: block; }