/* H/P kodu kartı: ekranda önizleme, yazdırmada tek A4 (tools/build_kart.py) */
.hp-wrap { padding-block: 24px 48px; }
.hp-small { font-size: 0.875rem; color: var(--text-muted, #555); }
.hp-sheet { background: #fff; color: #111; border: 1px solid #c9ccd6; border-radius: 6px; padding: 16px; margin: 0 auto 32px; max-width: 1100px; }
.hp-head { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; align-items: baseline; border-bottom: 2px solid #3034ff; padding-bottom: 6px; margin-bottom: 8px; }
.hp-head h2 { margin: 0; font-size: 1.1rem; }
.hp-head span { font-size: 0.8rem; color: #3034ff; font-weight: 600; }
.hp-cols { column-width: 17rem; column-gap: 16px; font-size: 0.8rem; line-height: 1.35; }
.hp-grp { margin: 0 0 8px; }
.hp-grp h3 { margin: 6px 0 3px; font-size: 0.8rem; background: #eef0ff; padding: 2px 4px; break-after: avoid; }
.hp-grp ul { list-style: none; margin: 0; padding: 0; }
.hp-grp li { break-inside: avoid; margin: 0 0 2px; }
.hp-grp b { color: #3034ff; }
.hp-foot { border-top: 1px solid #c9ccd6; margin-top: 8px; padding-top: 6px; font-size: 0.72rem; color: #444; }
.hp-foot p { margin: 0 0 2px; }
.hp-use h2 { margin-top: 28px; }
.hp-code { background: #f4f5f9; padding: 10px 12px; overflow-x: auto; border-radius: 6px; font-size: 0.8rem; }
@media print {
  @page { size: A4; margin: 7mm; }
  html, body { background: #fff !important; }
  body * { visibility: visible !important; }
  .site-header, .site-footer, .skip-link, .hp-noprint, .g-crumbs { display: none !important; }
  .wrap, .hp-wrap { max-width: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
  .hp-sheet { border: 0; border-radius: 0; padding: 0; margin: 0; max-width: none; }
  .hp-head { padding-bottom: 2px; margin-bottom: 3px; }
  .hp-head h2 { font-size: 10pt; }
  .hp-head span { font-size: 7pt; }
  .hp-cols { column-count: 4; column-width: auto; column-gap: 3mm; font-size: 5.2pt; line-height: 1.18; }
  .hp-grp { margin: 0 0 2px; }
  .hp-grp h3 { font-size: 5.6pt; margin: 2px 0 1px; padding: 1px 2px; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .hp-grp li { margin: 0 0 0.4px; }
  .hp-foot { font-size: 5pt; margin-top: 3px; padding-top: 2px; }
}