/* Additive styles only. Load after blog.css; do not replace the site's existing CSS. */
.article-content .printable-pack {
  margin:24px 0;padding:24px;border:1px solid #ddd9fa;border-radius:18px;
  background:linear-gradient(120deg,#f3f0ff,#f8faff);
}
.article-content .printable-pack p:last-child { margin-bottom:0; }
.article-content .printable-pack a.button-primary { color:#fff; }
.article-content .printable-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0; }
.article-content .printable-card { min-width:0;margin:0;padding:20px;border:1px solid #e3e8f2;border-radius:18px;background:#fff; }
.article-content .printable-card h3 { margin:0 0 16px;font-size:19px;line-height:1.8; }
.article-content .printable-card figure { margin:0 0 16px;padding:8px;background:#f5f6fb;border-radius:10px; }
.article-content .printable-card img { display:block;width:100%;height:auto;border-radius:4px;background:#fff; }
.article-content .printable-card p { font-size:14px;line-height:1.95; }
.article-content .printable-spec { color:#596780;font-size:12px;line-height:1.9; }
.article-content .printable-actions { display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px; }
.article-content .printable-button { display:inline-flex;justify-content:center;align-items:center;min-height:44px;max-width:100%;
  padding:10px 14px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.65;text-align:center; }
.article-content .printable-button-primary { background:#4f46e5;color:#fff;border-color:#4f46e5; }
.article-content .printable-button-secondary { background:#f5f4ff;color:#3730a3;border-color:#d6d2fa; }
.article-content .printable-button-primary:hover { background:#4037c9;color:#fff; }
.article-content .printable-button-secondary:hover { background:#ebe8ff;color:#28237c; }
.article-content .printable-button:focus-visible,.article-content .printable-preview-link a:focus-visible { outline:3px solid #b3adff;outline-offset:3px; }
.article-content .printable-preview-link { margin:12px 0 0;font-size:12px; }
.article-content .printable-example { margin:24px 0;padding:12px;background:#f5f6fb;border-radius:14px; }
.article-content .printable-example img { display:block;width:100%;height:auto;border-radius:6px; }
.article-content .printable-example figcaption { margin-top:10px;font-size:13px;line-height:1.9;color:#596780; }
@media(max-width:650px) {
  .article-content .printable-grid { grid-template-columns:1fr;gap:18px; }
  .article-content .printable-pack,.article-content .printable-card { padding:18px; }
  .article-content .printable-actions .printable-button { flex:1 1 135px; }
}
@media(prefers-reduced-motion:reduce) { .article-content .printable-button { transition:none; } }