.wid { max-width: 680px; margin: 0 auto; padding: 24px 16px 64px; }
.wid h1 { font: 700 clamp(26px, 6vw, 40px)/1.1 var(--mono); margin: 4px 0 8px; }
.wid h2 { font: 700 18px var(--mono); margin: 40px 0 10px; }
.wid section { border-top: 1px solid var(--linia); }
.etykieta { font: 13px var(--mono); color: var(--szary); margin: 0; }
.etykieta a, .wid a { color: inherit; }
.mala { font-size: 14px; color: var(--szary); }
pre { overflow-x: auto; padding: 12px; background: var(--tusz); color: var(--papier); font: 13px/1.5 var(--mono); margin: 0 0 12px; }
.rzad { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.rzad .pa-btn { margin: 0; }
.pa-btn.jasny { background: var(--papier); color: var(--tusz); }
.ramka { display: block; width: 100%; aspect-ratio: 4 / 5; border: 2px solid var(--tusz); background: var(--kafel); }
.dziennik { font: 13px/1.6 var(--mono); padding-left: 20px; min-height: 40px; }