/* Decode a nickname — addon styles, loaded only on pages using [pubgn_decode]. */
.decode{margin:0 0 22px;display:flex;flex-direction:column;gap:14px}
.decode-label,.decode-rebuild label{font-weight:600;font-size:16px}
.decode-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.decode textarea,.decode input[type=text]{flex:1 1 240px;min-width:0;border:1.5px solid var(--line);border-radius:12px;
  padding:12px 14px;background:var(--card);color:var(--ink);font-size:20px;line-height:1.4;resize:vertical;outline:none}
.decode textarea:focus,.decode input[type=text]:focus{border-color:var(--acc)}
.decode-samples{margin-top:0;align-items:center}
.decode-samples .chip{font-weight:400}
.decode-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0}
.decode-summary>div{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--chip)}
.decode-summary dt{font-size:13px;color:var(--ink2)}
.decode-summary dd{margin:2px 0 0;font-size:20px;font-weight:400;overflow-wrap:anywhere}
.decode-notes{font-size:15px;margin:0}
.decode-notes:empty{display:none}
.decode-copy-h{font-size:14px;color:var(--ink2)}
.decode-hint{font-size:13px;margin:4px 0 0}
.decode-copy .free-grid,.decode-rebuild .free-grid{margin:6px 0 0}
.decode-rebuild .free-grid{flex:1 1 240px}
.decode-table{margin:0}
.decode-table td{vertical-align:middle}
.decode-table td .free-grid{margin:0}
/* The single template prints an image wrapper even when the image is left out. */
.article .thumb.hero-img:empty{display:none}
@media (max-width:820px){
  .decode{gap:10px}
  .decode-samples{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .decode-samples::-webkit-scrollbar{display:none}
  .decode-samples .chip{flex:none}
  .decode textarea{font-size:18px}
}