.instruction-page { max-width: 1100px; padding: 32px 20px 64px; }
.instruction-page h1,.instruction-page h2,.instruction-page h3 { margin: 1em 0 .6em; }
.instruction-page p,.instruction-page details { margin: 1em 0; }
.instruction-card,.instruction-summary,.instruction-tracker { padding: 20px; border: 1px solid #8995a5; border-radius: 10px; margin: 16px 0; }
.instruction-tracker small { display: block; margin-top: 12px; }
.instruction-form label { display: block; margin: 16px 0; }
.instruction-form input:not([type=checkbox]),.instruction-form textarea,.instruction-form select { display: block; width: 100%; border: 1px solid #8995a5; border-radius: 6px; padding: 10px; background: transparent; color: inherit; }
.instruction-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 16px; }
.instruction-text { white-space: pre-wrap; line-height: 1.8; font-size: 1.1rem; margin: 28px 0; overflow-wrap: anywhere; }
.instruction-table { overflow-x: auto; margin: 20px 0; }
.instruction-table table { border-collapse: collapse; width: 100%; }
.instruction-table td,.instruction-table th { border-bottom: 1px solid #8995a5; padding: 12px; text-align: left; vertical-align: top; }
.instruction-table code { white-space: pre-wrap; overflow-wrap: anywhere; }
.instruction-video { display: block; width: 100%; aspect-ratio: 16/9; border: 0; background: #0d1b2a; }
@media print { header,footer,nav,.instruction-page button,.instruction-page form { display: none !important; } .instruction-table { overflow: visible; } }

.instruction-totals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 0 0 16px; }
.instruction-totals dt { font-weight: 600; }
.instruction-totals dd { margin: 6px 0; font-size: 1.35rem; font-weight: 700; }
.instruction-totals .instruction-totals__help { margin: 0; font-size: .9rem; font-weight: 400; }
.instruction-credit-notice { padding: 16px; margin: 16px 0; border-left: 3px solid #b88a14; border-radius: 6px; background: #d4af3712; }
.instruction-credit-notice p { margin: 8px 0; }
.instruction-summary details { margin: 16px 0; }
.instruction-summary summary { cursor: pointer; font-weight: 600; }
@media (max-width: 600px) { .instruction-totals { grid-template-columns: minmax(0,1fr); } }