/* Exchange learning pages share the existing SharkRule typography and navigation. */
.product-status,.exchange-archive-notice,.archive-list{border:1px solid var(--border);border-radius:18px;padding:28px 32px;margin:36px 0;background:#fff}
.product-status{background:linear-gradient(120deg,#eaf2ff,#fff);margin:48px 0}
.product-status h2{font-size:24px}.product-status p:last-of-type{font-size:14px}
.exchange-archive-notice{background:#f0f4fa;font-size:14px}.exchange-archive-notice p{margin:8px 0}
.archive-list summary{cursor:pointer;color:#205dc2;font-weight:650}
.archive-list summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #1c78ff;outline-offset:4px}
.source-list li{margin:16px 0}.steps{padding-left:24px;color:var(--text)}
.reading-layout article section{scroll-margin-top:115px}.reading-layout .toc a{font-size:13px}
.table-scroll table{table-layout:auto}.table-scroll th,.table-scroll td{overflow-wrap:anywhere;min-width:110px}
.table-scroll caption{font-weight:650}.table-scroll{scrollbar-width:thin}
.nav-links a[aria-current]{color:#205dc2}.source-list a{word-break:break-word}
@media(max-width:600px){.product-status,.exchange-archive-notice,.archive-list{padding:22px 20px}.table-scroll{margin-inline:0}.table-scroll table{font-size:14px}.table-scroll th,.table-scroll td{padding:12px;min-width:100px}.product-status .button{width:100%}}
@media print{.product-status,.exchange-archive-notice,.archive-list{break-inside:avoid}.table-scroll{overflow:visible}.table-scroll table{font-size:10px}}
