.sf figure{margin:16px 0;padding:12px;border:1px solid #c7d9e5;background:#fff}.sf figcaption{font-size:14px;color:#48647b}.sf-drawing{display:block;width:100%;height:auto;max-width:820px;margin:auto}.sf-drawing text{font-family:Arial,sans-serif}.sf-drawing .sg-highlight{background:none!important}.sf-drawing .sg-highlight text{fill:#a65300;font-weight:700}.sf-drawing .sg-highlight path{stroke:#a65300;stroke-width:2}.sf .sf-matrix,.sf .sg-mass-table{max-height:none;overflow-y:clip}.sf-matrix th:first-child{position:sticky;left:0;z-index:3}.sf-matrix thead th:first-child{z-index:4}.sf-matrix td,.sf-matrix th{min-width:66px;text-align:center;padding:0;vertical-align:middle;height:44px}.sf-matrix th{padding:9px}.sf-matrix button{width:100%;height:100%;border:0;background:transparent;padding:8px;border-radius:0}.sf-matrix button[aria-pressed=true]{background:#095fad;color:#fff;outline:3px solid #efa831;outline-offset:-3px;font-weight:700}.sf-matrix .sg-column-selected{background:#e8f3ff}.sf-matrix .sg-row-selected>*{box-shadow:inset 0 2px #69a1c7,inset 0 -2px #69a1c7}.sf-order{padding:20px;background:#f4f8fb;border:1px solid #c7d9e5}.sf-order>label:not(.sg-check){display:grid;margin-top:15px;gap:8px}.sf-family-entry{margin-block:35px}.sf-family-entry table{width:100%;border-collapse:collapse}.sf-family-entry th,.sf-family-entry td{border:1px solid #c7d9e5;padding:12px;text-align:left;min-width:160px}.sf-family-entry th{background:#edf4f9}.sf-family-entry .sg-tools a{display:inline-block;padding:10px 14px;border:1px solid #c7d9e5}.sf [data-stud-result] td,.sf [data-comparison] td{overflow-wrap:anywhere}.sf .sf-select{padding:18px;background:#f4f8fb;border:1px solid #c7d9e5}.sf [data-stud-status]{margin:14px 0}
@media(max-width:600px){.sf figure{padding:2px}.sf-drawing{margin-block:10px}.sf .sf-select,.sf-order{padding:12px}.sf [data-stud-result] td:last-child{min-width:130px}.sf .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf .field-grid label:first-child,.sf .sf-select label:last-child{grid-column:1/-1}.sf-drawing text{font-size:26px}.sf-drawing g[font-size] text{font-size:22px}.sf select{width:100%}.sf-family-entry{padding-inline:16px}.sf figcaption{padding:8px}}
@media(max-width:360px){.sf .field-grid{grid-template-columns:1fr}}
@media print{.sf-drawing{max-height:58mm;break-inside:avoid}.sg-print .sg-scroll th{transform:none!important}.sg-print table td{min-width:0!important;max-width:none!important}.sg-print .sf-drawing text{font-family:Arial,sans-serif}.sg-print figure{border:0}.sf:not([data-stud-family]){display:none}}