/* Page-specific rules for /base64-to-png. Layout primitives come from style.css + decode.css. */
.readout{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chip{font-size:11px;letter-spacing:.4px;background:#eaf0e7;color:#3d574b;border-radius:20px;padding:7px 13px;white-space:nowrap}
.chip b{font-weight:800;color:#25422f}
.dlrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.dlrow button{min-height:46px;padding:12px 18px;font-size:13px}
.dlrow button.primary{flex:1 1 200px}
.dlrow button.secondary{flex:0 1 auto}
#note{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:#37544a}
.prose h2{font-size:22px;letter-spacing:-.4px;margin:34px 0 12px;text-transform:none}
@media(max-width:720px){
  .dlrow button{flex:1 1 100%}
  .readout{gap:6px}
  .chip{font-size:10.5px;padding:6px 10px}
}