/* Interactive modules: signpost counts, homepage grid, compare tray + table. */

/* signpost */
.rung .pennant{position:relative}
.rung .rung-n{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--muted);flex:0 0 auto}
.rung.is-on .rung-n{color:#BFF0F1}
.ladder-counts{display:block;margin-top:6px;font-size:13px}
.ladder-counts a{color:var(--teal-deep);text-decoration:underline;text-underline-offset:3px}

/* homepage grid */
.course[hidden]{display:none}
.course .course-actions .btn{padding:9px 14px;font-size:14px}
.chip .n{font-family:var(--mono);font-size:11px;color:var(--teal-deep);margin-left:4px}
.chip.is-on{border-color:var(--teal);background:var(--teal);color:#fff}
.chip.is-on .n{color:#fff}

/* tray */
.tray .pill small{color:#B99FC9;font-size:12px}
.tray .btn.is-disabled{opacity:.55;pointer-events:none}
tr.is-picked td{background:var(--wash)}
.pick[aria-pressed="true"]{border-color:var(--teal);color:var(--teal-deep)}
.pick[aria-pressed="true"] .box{background:var(--teal);border-color:var(--teal);position:relative}
.pick[aria-pressed="true"] .box::after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}

/* compare page */
.compare-table th small{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:2px}
.compare-table th .ladder-reset{display:block;margin-top:8px}
.compare-table td .fee--absent{color:var(--muted)}
.compare-table td small{color:var(--muted);font-size:12.5px}
.compare-table tbody th{white-space:nowrap}
.sec-head .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}