/* Print Buddy: styles for the Print Journal (and its filter strip on the setup guides). Split out of site.css on 19 Oct 2026 (speed: every shop page loaded all of it);
   linked right after site.css by journal.html, post.html, setup.html. New rules that only these pages use go here; see docs/STYLE-GUIDE.md. */
/* ---- Detail pass (Junaid, 17 Oct 2026, "corporate, clean"): one hover for every card, the category sidebar, description
   text on one size, dark compact hero cards aligned with the strip, the chat typing line, the Print Journal ---- */
.jn-article p{font-size:13.5px}
.jn-meta{margin:10px 0 0;font-size:12px;color:var(--muted)}
.jn-article{max-width:820px}
.jn-article h2{font-size:19px;margin:26px 0 8px}
.jn-post .doc-hero .lead{max-width:820px}
.jn-related .popular{margin-top:4px}
/* ---- Seventh round (Junaid, 17 Oct 2026): illustrated journal, phone number weight, footer band ---- */
.jn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 10px}
.jn-ask{margin:46px 0 10px;padding-top:26px;border-top:1px solid var(--line)}
.jn-ask h2{font-size:20px;margin:0 0 4px}
.jn-ask .contact-strip.cc-grid{margin-top:0}
.doc-hero.jn-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px;align-items:center}
.jn-art{aspect-ratio:4/3;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;color:var(--ink)}
.jn-art svg{width:64%;height:72%}
@media (max-width:900px){.jn-grid{grid-template-columns:1fr 1fr}
.doc-hero.jn-hero{grid-template-columns:1fr}
.jn-art{max-width:280px}}
@media (max-width:600px){.jn-grid{grid-template-columns:1fr}}
/* ---- Print Journal, Print Materials and Free Print Guides on real photos (Junaid, 19 Oct 2026: "everything has to be built from
   the real illustrations... the more text we say, it just sounds better"). Photos sit whole (contain) on the frame matchFrame
   gives them (the photo's own grey); captions 12.5 px muted; the house list dots and details.faq. */
.doc-hero.jn-hero.has-photo{grid-template-columns:minmax(0,1fr) 400px}
.jn-art.photo{display:block;overflow:hidden;background:#EBEDEF}
.jn-art.photo img{display:block;width:100%;height:100%;object-fit:contain}
.jn-fig{margin:20px 0 28px;max-width:640px}
.jn-article ul:not([class])>li{font-size:13.5px;line-height:1.7}
.jn-faqs{margin:6px 0 10px}
.jn-faqs details.faq .a p{font-size:13.5px}
@media (max-width:900px){.doc-hero.jn-hero.has-photo{grid-template-columns:minmax(0,1fr)}
.jn-art.photo{max-width:none;order:-1}}