.quick-variants{margin:20px 0;max-width:100%;min-width:0}.quick-variants h2{font-size:18px;margin:0 0 12px}.quick-variants h3{font-size:14px;margin:0 0 6px}.quick-variants__group{margin-bottom:12px;min-width:0}.quick-variants__options{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:3px 2px 7px;scrollbar-width:thin}.quick-variants__options a,.quick-variants__current{display:inline-flex;align-items:center;justify-content:center;min-height:40px;flex:0 0 auto;padding:8px 12px;border:1px solid #d8dbe1;border-radius:5px;background:#fff;font-size:14px;color:#21283e;text-decoration:none}.quick-variants__current{border-color:#d00000;background:#fff2f2;font-weight:700}.quick-variants__options a:hover{border-color:#d00000;color:#d00000}.quick-variants a:focus-visible,.grade-reference a:focus-visible{outline:2px solid #d00000;outline-offset:3px}.quick-variants__catalog,.quick-variants p{font-size:12px;line-height:1.5}.grade-reference{padding-top:28px;padding-bottom:40px}.grade-reference__block{margin:24px 0;border-top:1px solid #d8dbe1;padding-top:20px}.grade-reference p{line-height:1.6}.grade-reference__table-wrap{max-width:100%;overflow-x:auto}.grade-reference table{border-collapse:collapse;width:100%;font-size:14px}.grade-reference th,.grade-reference td{border:1px solid #d8dbe1;padding:10px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.grade-reference td p{margin:0 0 5px}.grade-reference dl{display:grid;grid-template-columns:minmax(100px,1fr) 3fr;gap:6px}.grade-reference dd{margin:0}@media(max-width:600px){.quick-variants__options a,.quick-variants__current{min-height:44px}.grade-reference table{font-size:12px}.grade-reference th,.grade-reference td{padding:7px}.grade-reference h1{font-size:26px}.grade-reference dl{grid-template-columns:1fr 2fr}}
.grade-reference{box-sizing:border-box;padding-left:48px;padding-right:48px}.grade-reference__applicability{margin:16px 0}.grade-reference__applicability summary{cursor:pointer;padding:12px 0;font-weight:600}.grade-reference__applicability summary:focus-visible{outline:2px solid #d00000;outline-offset:3px}.grade-reference__applicability li{margin:6px 0}@media(max-width:600px){.grade-reference{padding-left:15px;padding-right:15px}}
.grade-reference table{table-layout:fixed}.grade-reference thead th:first-child,.grade-reference thead th:nth-child(2){width:25%}@media(max-width:600px){.grade-reference table{min-width:560px}}

.engagement-related { margin: 24px 0; }
.engagement-related__note { font-size: 13px; color: #666; margin: 8px 0 14px; }
.engagement-related__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 0; list-style: none; }
.engagement-related__list a { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 14px; border: 1px solid #ddd; border-radius: 4px; color: #333; text-decoration: none; }
.engagement-related__list a span { font-size: 12px; color: #666; }
.engagement-related__list a:hover { border-color: #d00000; }
.engagement-related__list a:focus-visible { outline: 2px solid #d00000; outline-offset: 3px; }
@media(max-width:767px) { .engagement-related__list { grid-template-columns: 1fr; } }
