.ir-bar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
.ir-bar button { font: inherit; text-align: left; cursor: pointer; border-radius: 12px; padding: 10px 12px; background: rgba(7,28,66,.7); border: 1px solid rgba(148,212,244,.25); color: var(--teal-pale); transition: background .25s, border-color .25s, color .25s; }
.ir-bar button b { display: block; font-size: 14px; color: #fff; }
.ir-bar button span { display: block; font-size: 12px; line-height: 1.35; margin-top: 2px; }
.ir-bar button[aria-selected="true"] { background: var(--accent); border-color: var(--accent); }
.ir-bar button[aria-selected="true"] b, .ir-bar button[aria-selected="true"] span { color: var(--navy); }
.ir-bar button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ir-prog { height: 6px; border-radius: 3px; background: rgba(148,212,244,.16); margin: 14px 0 4px; overflow: hidden; }
.ir-prog i { display: block; height: 100%; width: 20%; background: linear-gradient(90deg, var(--accent), #fff); transition: width .6s var(--ease); }
.ir-panel { margin-top: 12px; min-height: 170px; }
.ir-panel strong { display: block; color: #fff !important; font-size: 19px; margin-bottom: 8px; }
.ir-panel ul { list-style: none; padding: 0 !important; margin: 0 !important; display: grid; gap: 7px; }
.ir-panel li { color: var(--teal-pale); font-size: 14.5px; line-height: 1.5; padding-left: 18px !important; position: relative; margin: 0 !important; animation: irIn .45s var(--ease) both; }
.ir-panel li::before { content: "" !important; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent) !important; }
.ir-panel li:nth-child(2) { animation-delay: .06s; } .ir-panel li:nth-child(3) { animation-delay: .12s; } .ir-panel li:nth-child(4) { animation-delay: .18s; } .ir-panel li:nth-child(5) { animation-delay: .24s; }
@keyframes irIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.ir-dd { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 2em 0; }
.ir-dd > div { border-radius: 14px; padding: 20px 22px; opacity: 0; transform: translateY(14px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
.ir-dd.in > div { opacity: 1; transform: none; } .ir-dd.in > div:nth-child(2) { transition-delay: .15s; }
.ir-do { background: var(--navy); color: #fff; }
.ir-dont { background: var(--light); border: 1.5px dashed rgba(0,84,133,.45); }
.ir-dd h5 { margin: 0 0 10px; font-size: 16px; letter-spacing: .02em; }
.ir-do h5 { color: var(--accent); } .ir-dont h5 { color: var(--blue); }
.ir-dd ul { margin: 0 !important; padding-left: 0 !important; list-style: none; display: grid; gap: 8px; }
.ir-dd li { font-size: 14.5px; line-height: 1.5; margin: 0 !important; }
.ir-do li { color: var(--teal-pale); }
.ir-table { margin: 1.6em 0; overflow-x: auto; opacity: 0; transform: translateY(12px); transition: opacity .6s var(--ease), transform .6s var(--ease); }
.ir-table.in { opacity: 1; transform: none; }
.ir-table small { color: var(--muted); font-size: 12.5px; }
.ir-table tbody tr:first-child td { background: none; font-weight: 400; }
.ir-table thead th { background: var(--navy); color: #fff; }
@media (max-width: 760px) { .ir-bar { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ir-dd { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .ir-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ir-bar button:last-child { grid-column: 1 / -1; } .ir-table thead { display: none; } .ir-table table, .ir-table tbody, .ir-table tr, .ir-table td { display: block; width: 100%; } .ir-table tr { border: 1px solid var(--line); border-radius: 12px; padding: 6px 4px; margin-bottom: 10px; } .ir-table td { border: 0; padding: 6px 12px; font-size: 14px; } .ir-table td[data-l]:not(:first-child)::before { content: attr(data-l); display: block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--blue); } }
@media (prefers-reduced-motion: reduce) { .ir-panel li { animation: none !important; } .ir-dd > div, .ir-table, .ir-prog i { transition: none !important; } }
@media print {
  body * { visibility: hidden !important; }
  body.ir-printing .ir-check, body.ir-printing .ir-check * { visibility: visible !important; }
  body.ir-printing .ir-check { position: absolute; left: 0; top: 0; width: 100%; background: #fff !important; color: #000 !important; }
  body.ir-printing .ir-check * { color: #000 !important; }
  body.ir-printing .nx-actions, body.ir-printing .nx-ring { display: none !important; }
}