/* Page-specific rules for /base64-encode-image. Base tokens: style.css; shared blocks: decode.css. */
.title h1{font-size:44px;letter-spacing:-1.6px}
.answer{background:#f4f9f2;border:1px solid #d8e7d5;border-radius:14px;padding:20px 22px;margin-bottom:20px}
.answer p.lead{margin:0 0 14px;font-size:14.5px;line-height:1.65;color:#37544a}
.answer p.lead strong{color:#25422f}
.ans{counter-reset:a;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.ans li{counter-increment:a;position:relative;padding-left:38px;font-size:14px;line-height:1.6;color:#3d574b}
.ans li::before{content:counter(a);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#254f3c;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.answer .aside{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:#5c7568}
.kv{display:flex;flex-direction:column;gap:8px;margin:16px 0 0}
.kvrow{display:flex;justify-content:space-between;gap:14px;align-items:baseline;border-bottom:1px dashed #e2e9e0;padding-bottom:8px;font-size:12.5px}
.kvrow span{color:#5c7568}
.kvrow b{font:700 12.5px Consolas,monospace;color:#25422f;text-align:right;overflow-wrap:anywhere}
.minirow{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.minirow label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#5c7568;flex:1 1 140px}
.minirow input{border:1px solid #cfdacf;border-radius:7px;background:#f8faf7;padding:10px;min-height:42px;width:100%;color:#274535;font:inherit}
#note{margin:14px 0 0;font-size:12.5px;line-height:1.6;color:#37544a}
#rows{margin-top:18px}
.prose h2{font-size:22px;letter-spacing:-.4px;margin:34px 0 12px;text-transform:none}
.prose h3{font-size:15px;margin:22px 0 8px}
@media(max-width:720px){
  .title h1{font-size:33px;letter-spacing:-1px}
  .answer{padding:16px 16px}
  .ans li{font-size:13.5px;padding-left:34px}
  .kvrow{flex-direction:column;gap:2px}
  .kvrow b{text-align:left}
}