/* Shared practical summaries for Storey articles. No scripts or animation. */
.post.quick-start{padding-top:32px;padding-bottom:0}
.post.quick-start > h2:first-child{margin-top:0}
.post .quick-card{padding:26px;border:1px solid rgba(92,225,166,.25);border-radius:18px;background:linear-gradient(135deg,rgba(92,225,166,.075),rgba(127,123,245,.035))}
.post .quick-card h2{margin:0 0 16px;font-size:clamp(23px,3vw,30px)}
.post .quick-label{margin:0 0 12px;color:var(--acc);font:500 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.post .quick-card > :last-child{margin-bottom:0}
.post table.quick-table{display:table;table-layout:fixed;overflow:visible}
.post .quick-table caption{text-align:left;margin-bottom:12px;font-weight:500;color:var(--bright)}
.post .quick-table th,.post .quick-table td{min-width:0;padding:13px 12px;overflow-wrap:anywhere;vertical-align:top}
.post .quick-table th[scope=row]{font-weight:500;color:var(--bright)}
.post .article-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.post .article-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid var(--card-border);border-radius:10px;color:var(--acc);font-size:13px;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
.post .article-jumps a:hover{background:rgba(92,225,166,.07);border-color:var(--acc)}
.post .article-jumps a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.post .quick-phases{list-style:none;margin:22px 0;padding:0}
.post .quick-phases li{display:grid;grid-template-columns:90px 1fr;gap:16px;margin:0;padding:16px 0;border-top:1px solid var(--card-border)}
.post .quick-phases .phase-label{padding-top:3px;font:500 12px/1.6 var(--mono);color:var(--acc)}
.post .quick-phases p{margin:5px 0 0;font-size:15px;line-height:1.6}
@media(max-width:480px){
  .post .quick-card{padding:20px 16px}
  .post .quick-table th,.post .quick-table td{padding:11px 8px;font-size:13px}
  .post .quick-phases li{grid-template-columns:1fr;gap:5px}
}