/* Shared layout for the four product-image guides. */
:root { --primary:#6c5ce7; --text:#1a1a1a; --muted:#555; --border:#e6e4ee; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; color:var(--text); background:#f7f7fa; line-height:1.72; }
a { color:var(--primary); }
.navbar { height:70px; padding:0 2rem; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:100; background:#fff; box-shadow:0 2px 12px #00000012; }
.nav-links { display:flex; align-items:center; gap:1rem; }
.nav-links a { color:var(--muted); text-decoration:none; font-weight:600; }
.nav-links select { padding:.35rem .5rem; border:1px solid var(--border); border-radius:8px; background:#fff; }
main { max-width:800px; padding:2.4rem 1.5rem 4rem; margin:auto; }
.breadcrumb { color:var(--muted); font-size:.9rem; }
h1 { font-size:clamp(1.8rem,4vw,2.65rem); line-height:1.2; margin:1.1rem 0 .8rem; }
.lede { font-size:1.08rem; color:#3d3d44; }
.meta { color:var(--muted); font-size:.88rem; margin:0 0 1.8rem; }
section { background:#fff; border:1px solid var(--border); border-radius:14px; padding:1.4rem 1.6rem; margin:1.25rem 0; }
h2 { font-size:1.35rem; margin:0 0 .8rem; line-height:1.35; }
p { margin:.65rem 0; }
.sources,.next { margin:2rem 0; padding:1.2rem 1.4rem; background:#f0eeff; border-radius:12px; }
.sources p,.next p { margin:.35rem 0; }
footer { padding:1.5rem; text-align:center; border-top:1px solid var(--border); color:var(--muted); }
@media(max-width:600px) { main { padding:1.4rem 1rem 3rem; } section { padding:1.1rem; } .nav-links { gap:.5rem; } }