.comparisons-unit { display: grid; gap: 1.5rem; margin: 2rem 0; }
.n-reference, .n-practice { display: grid; gap: 1.35rem; }
.n-heading { max-width: 54rem; }
.n-heading h2 { margin: .25rem 0 .6rem; }
.n-heading p { margin: .45rem 0; line-height: 1.6; }
.n-figure { width: 100%; position: relative; margin: 0; overflow: hidden; border: 1px solid #cbe0ec; border-radius: 1rem; background: #eaf4f8; }
.n-figure img { display: block; width: 100%; height: auto; object-fit: contain; }
.n-figure figcaption { padding: .75rem 1rem; color: #254960; background: rgb(255 255 255 / 94%); font-size: .93rem; line-height: 1.4; }
.n-rule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.n-rule-grid article, .n-equality, .n-activity { padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid #cbe0ec; border-radius: 1rem; background: #fff; box-shadow: 0 .5rem 1.5rem rgb(9 44 70 / 6%); }
.n-rule-grid h3, .n-equality h3, .n-activity h3 { margin: 0 0 .6rem; color: #0e4164; }
.n-rule-grid p, .n-equality p, .n-activity p { line-height: 1.6; }
.n-table-wrap { overflow-x: auto; border: 1px solid #cbe0ec; border-radius: 1rem; background: #fff; box-shadow: 0 .5rem 1.5rem rgb(9 44 70 / 6%); }
.n-table { width: 100%; min-width: 42rem; border-collapse: collapse; color: #183c56; }
.n-table caption { padding: 1rem 1.2rem; color: #0e4164; background: #eef8fc; font-size: 1.1rem; font-weight: 800; text-align: left; }
.n-table th, .n-table td { padding: .75rem 1rem; border-top: 1px solid #d2e1e9; text-align: left; }
.n-table th { color: #0e4164; background: #f7fbfd; font-weight: 800; }
.n-equality { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .9fr); gap: 1.25rem; align-items: start; }
.n-equality .n-figure { align-self: start; }
.n-activity { display: grid; gap: 1rem; }
.n-activity .primary { justify-self: start; }
.n-task-grid { display: grid; gap: .75rem; }
.n-task { display: block; padding: .85rem 1rem; border: 1px solid #d2e1e9; border-radius: .75rem; background: #f9fcfd; line-height: 1.65; transition: border-color .18s, background .18s; }
.n-select { min-width: min(100%, 14rem); margin: .15rem .2rem; padding: .45rem 2.2rem .45rem .65rem; border: 1px solid #9fc2d7; border-radius: .55rem; color: #123551; background: #fff linear-gradient(45deg, transparent 50%, #1e6e99 50%) calc(100% - 1rem) .95rem/ .35rem .35rem no-repeat, linear-gradient(135deg, #1e6e99 50%, transparent 50%) calc(100% - .7rem) .95rem/ .35rem .35rem no-repeat; appearance: none; font: inherit; font-weight: 700; cursor: pointer; }
.n-select:focus { outline: 3px solid rgb(72 179 232 / 32%); outline-offset: 2px; }
.n-correct { border-color: #50b987; background: #eefbf4; }
.n-incorrect { border-color: #df7e73; background: #fff4f1; }
.n-score { min-height: 1.5rem; margin: 0; font-weight: 700; color: #315a70; }
@media (max-width: 700px) { .n-rule-grid, .n-equality { grid-template-columns: 1fr; } .n-select { display: block; width: 100%; margin: .65rem 0 0; } }