/* GENERATED by design/home-widgets/header/build_theme.py from the approved homepage preview; do not edit by hand. */
/* ---------- written for the theme: the preview's starting point */
.snx{--ink:#0E1618;--ink-2:#46545A;--ink-3:#6B797D;--teal:#00707A;--teal-dark:#004E56;--deep:#00363C;--deeper:#00282D;--lite:#4FC7CE;--tint:#DBEFF0;--mist:#EEF5F4;--line:#D2DAD8;--line-soft:#E6EBE9;--paper:#F5F2EC;--marker:#FFE9A8;--wa:#0F7A6E;--field:#C9D4D2;--bg:#F2F5F4;
--out:cubic-bezier(.23,1,.32,1);--inout:cubic-bezier(.77,0,.175,1);--drawer:cubic-bezier(.32,.72,0,1);--float:0 24px 60px -24px rgba(0,54,60,.45),0 2px 6px rgba(14,22,24,.06);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
:where(.snx) :is(h1,h2,h3,h4){font-size:revert;font-weight:revert;letter-spacing:revert;line-height:revert;color:revert;padding:0;position:revert}
:where(.snx) h2::before{content:none}
:where(.snx) section{padding:0;border-top:0;overflow-x:visible}
:where(.snx) header{border-bottom:0;position:relative;top:auto;z-index:auto;box-shadow:none}
:where(.snx) button{background:none;border:0;padding:0;border-radius:0;text-transform:none;letter-spacing:inherit;line-height:inherit;cursor:pointer}
:where(.snx) button:is(:hover,:focus,:active){background-color:transparent;color:inherit}
:where(.snx) a:is(:hover,:focus,:active){color:inherit}
footer.snx{border-top:0}
main.sn-home{background:transparent}
:where(.snx) h1,:where(.snx) h2,:where(.snx) h3,:where(.snx) h4,:where(.snx) p,:where(.snx) ul,:where(.snx) ol,:where(.snx) figure{margin:0}:where(.snx) ul,:where(.snx) ol{padding:0;list-style:none}:where(.snx) h1,:where(.snx) h2,:where(.snx) h3{text-wrap:balance}:where(.snx) p,:where(.snx) li{text-wrap:pretty}:where(.snx) img{display:block;max-width:100%}:where(.snx) a{color:inherit}:where(.snx) button{font:inherit;color:inherit}:where(.snx) :focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:8px}.snx .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.snx .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}:where(.snx) button,:where(.snx) a,:where(.snx) [role=option]{touch-action:manipulation}:where(.snx) [hidden]{display:none!important}.snx .wm{display:inline-flex;align-items:center;min-height:44px;font-weight:800;font-size:24px;letter-spacing:-.035em;text-decoration:none;color:var(--ink);line-height:1;white-space:nowrap}.snx .wm b{color:var(--teal);font-weight:800}.snx .wm .br{width:.34em;height:1.02em;color:var(--teal);margin:0 .01em;position:relative;top:.02em}.snx .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;user-select:none;-webkit-user-select:none;white-space:nowrap;transition:transform .12s var(--out),background-color .15s var(--out),border-color .15s var(--out)}.snx .btn:active{transform:scale(.97)}.snx .btn-p{background:var(--teal);color:#fff}.snx .btn-o{background:#fff;color:var(--ink);border-color:var(--field)}.snx .btn .ic{width:20px;height:20px}.snx .acts .btn-o .ic{color:var(--wa)}@media(hover:hover) and (pointer:fine){.snx .btn-p:hover{background:var(--teal-dark)}.snx .btn-o:hover{border-color:var(--ink)}}.snx .cta{padding-right:6px;gap:12px}.snx .cta .cic{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.16);display:grid;place-items:center;transition:transform .2s var(--out)}.snx .cta .cic .ic{width:16px;height:16px}@media(hover:hover) and (pointer:fine){.snx .cta:hover .cic{transform:translateX(2px)}}.snx .ib{width:44px;height:44px;border:0;background:none;border-radius:12px;display:grid;place-items:center;color:var(--ink);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .15s var(--out),transform .12s var(--out)}.snx .ib:active{transform:scale(.96);background:var(--mist)}@media(hover:hover) and (pointer:fine){.snx .ib:hover{background:var(--mist)}}.snx .nb{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;background:none;border-radius:12px;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s var(--out)}.snx .nb .chev{width:14px;height:14px;color:var(--ink-3);transition:transform .22s var(--out)}.snx .nb[aria-expanded=true]{background:var(--mist)}.snx .nb[aria-expanded=true] .chev{transform:rotate(180deg);color:var(--teal)}@media(hover:hover) and (pointer:fine){.snx .nb:hover{background:var(--mist)}}.snx .hbg{position:relative;width:20px;height:14px;display:block}.snx .hbg i{position:absolute;left:0;right:0;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s var(--out),opacity .2s var(--out)}.snx .hbg i:nth-child(1){top:0}.snx .hbg i:nth-child(2){top:6px}.snx .hbg i:nth-child(3){top:12px}.snx .menubtn[aria-expanded=true] .hbg i:nth-child(1){transform:translateY(6px) rotate(45deg)}.snx .menubtn[aria-expanded=true] .hbg i:nth-child(2){opacity:0;transform:scaleX(.4)}.snx .menubtn[aria-expanded=true] .hbg i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}:where(.snx) table{border-collapse:collapse;width:100%;min-width:720px;font-size:15px}:where(.snx) th,:where(.snx) td{text-align:left;vertical-align:top;padding:14px 18px;border-bottom:1px solid var(--line-soft)}:where(.snx) th{font-size:13px;font-weight:600;color:var(--ink-2)}:where(.snx) tr:last-child td{border-bottom:0}:where(.snx) td b{font-weight:700}.snx .scrim{position:absolute;inset:0;z-index:12;background:rgba(0,40,45,.32);opacity:0;transition:opacity .2s var(--out)}.snx .scrim.on{opacity:1}.snx .cb{display:grid;align-content:start;gap:3px;text-decoration:none;color:var(--ink)}.snx .cb img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .6s var(--out)}.snx .cb b{font-size:17px;font-weight:700}@media(hover:hover) and (pointer:fine){.snx .cb:hover img{transform:scale(1.04)}}:where(.snx) [data-in]{transition:opacity .5s var(--out),transform .55s var(--out);transition-delay:var(--d,0ms)}html.snjs.sn-pre :where(.snx) [data-in]{opacity:0;transform:translateY(-10px);transition:none}:where(.snx) input[type=search]::-webkit-search-cancel-button,:where(.snx) input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.snx .A-panel{position:absolute;left:0;right:0;top:100%;z-index:1;background:#fff;border-radius:0 0 24px 24px;border-top:1px solid var(--line-soft);clip-path:inset(0 0 100% 0);transition:clip-path .3s var(--out)}.snx .A-panel.in{clip-path:inset(0 0 0 0)}.snx .two{display:grid;grid-template-columns:300px minmax(0,1fr)}.snx .rail-w{position:relative;padding:14px;border-right:1px solid var(--line-soft)}.snx .rail{display:grid;gap:2px}.snx .rg{font-size:13px;font-weight:600;color:var(--ink-2);padding:6px 18px}.snx .rail+.rg{margin-top:12px}.snx .rail-w .more.all{margin:8px 0 0 18px}.snx .ind{position:absolute;left:14px;right:14px;top:0;height:48px;border-radius:14px;background:var(--mist);transition:transform .26s var(--out);pointer-events:none}.snx .ind::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--teal)}.snx .rail li{opacity:0;transform:translateY(6px);transition:opacity .3s var(--out),transform .3s var(--out);transition-delay:calc(var(--i) * 30ms + 60ms)}.snx .A-panel.in .rail li{opacity:1;transform:none}.snx .ri{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px 8px 18px;border-radius:14px;text-decoration:none;color:var(--ink)}.snx .ri .tx{display:grid}.snx .ri b{font-size:16px;font-weight:600;line-height:1.25;transition:color .2s var(--out)}.snx .ri.on b{color:var(--teal-dark)}.snx .ri small{font-size:13px;color:var(--ink-2)}.snx .ri .go{margin-left:auto;width:18px;height:18px;color:var(--teal);opacity:0;transform:translateX(-4px);transition:opacity .2s var(--out),transform .2s var(--out)}.snx .ri.on .go{opacity:1;transform:none}.snx .panes{display:grid;min-width:0}.snx .pane{grid-area:1/1;display:grid;align-content:start;gap:18px;padding:24px 28px 26px;opacity:0;visibility:hidden;transition:opacity .18s var(--out),visibility 0s linear .18s}.snx .pane.on{opacity:1;visibility:visible;transition:opacity .24s var(--out),visibility 0s}.snx .pane .ph-h,.snx .pane .blk{opacity:0;transform:translateY(6px);transition:opacity .28s var(--out),transform .28s var(--out)}.snx .pane.on .ph-h,.snx .pane.on .blk{opacity:1;transform:none}.snx .pane.on .us{transition-delay:50ms}.snx .pane.on .kinds{transition-delay:100ms}.snx .ph-h{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line-soft)}.snx .ph-h .more{margin-top:0;flex:none}.snx .kls{columns:3 200px;column-gap:32px}.snx .kls li{break-inside:avoid}.snx .kl{display:inline-flex;align-items:center;min-height:36px;padding:6px 0;font-size:15px;font-weight:500;line-height:1.3;color:var(--ink);text-decoration:none;transition:color .15s var(--out)}.snx .kl::after{content:"";width:6px;height:6px;margin-left:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;opacity:0;transform:translateX(-4px) rotate(45deg);transition:opacity .15s var(--out),transform .2s var(--out)}.snx .pane .ucl{margin-top:0}@media(hover:hover) and (pointer:fine){.snx .kl:hover{color:var(--teal)}.snx .kl:hover::after{opacity:1;transform:translateX(0) rotate(45deg)}}.snx .pane h3{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.snx .pane .um{font-size:15px;color:var(--ink-2);margin-top:2px}.snx .unis .two{grid-template-columns:330px minmax(0,1fr)}.snx .unis .ri{min-height:58px}.snx .unis .kls{columns:4 150px;column-gap:28px}.snx .unis .pane{gap:12px;padding:20px 26px 18px}.snx .unis .ph-h{padding-bottom:12px}.snx .unis .kl{min-height:32px;padding:5px 0;font-size:14.5px}.snx .unis .cb h4{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:2px}.snx .A-panel{max-height:624px;overflow-y:auto;overscroll-behavior:contain}.snx .ucl{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.snx .ucl a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--mist);font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;transition:background-color .15s var(--out)}@media(hover:hover) and (pointer:fine){.snx .ucl a:hover{background:var(--tint)}}.snx .blk h4{font-size:13px;font-weight:600;color:var(--ink-2);margin:0 0 8px}.snx .more{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;font-weight:600;color:var(--teal);text-decoration:none}.snx .more .ic{width:18px;height:18px;transition:transform .2s var(--out)}@media(hover:hover) and (pointer:fine){.snx .more:hover .ic{transform:translateX(3px)}.snx .ri:hover{color:var(--ink)}}.snx .msheet{position:absolute;z-index:15;background:#fff;visibility:hidden}.snx .msheet.right{inset:0;transform:translateX(100%);transition:transform .34s var(--drawer),visibility 0s linear .34s}.snx .msheet.right.in{transform:none;visibility:visible;transition:transform .34s var(--drawer),visibility 0s}.snx .msheet.right .mbody{position:absolute;inset:78px 0 0}.snx.snx .msheet.right .mbody{top:60px}.snx .lvl{position:absolute;inset:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform .28s var(--out),visibility 0s linear .28s}.snx .lvl.on{transform:none;visibility:visible;transition:transform .28s var(--out),visibility 0s}.snx .lvl.root{transform:none;visibility:visible}.snx .lvl.root.under{transform:translateX(-24%)}.snx .lvl-h{display:flex;align-items:center;gap:4px;padding:6px 8px 2px}.snx .lvl-h h2{font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.2}.snx .back{width:44px;height:44px;border:0;background:none;border-radius:12px;display:grid;place-items:center;cursor:pointer}.snx .back .backic{transform:rotate(180deg);width:20px;height:20px}.snx .lvl-b{padding:4px 12px 28px}.snx .rows{display:grid}.snx .mrow{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 12px;border:0;background:none;border-radius:12px;text-align:left;text-decoration:none;color:var(--ink);cursor:pointer;font-size:16px;font-weight:500;line-height:1.3;transition:background-color .12s var(--out)}.snx .mrow:active{background:var(--mist)}.snx .mrow .tx{min-width:0;flex:1;display:grid}.snx .mrow .tx small{font-size:13px;font-weight:400;color:var(--ink-2)}.snx .mrow .tx b{font-weight:600}.snx .mrow .chev{color:var(--ink-3);width:18px;height:18px;transform:rotate(-90deg)}.snx .mrow[href] .chev{transform:none}.snx .mrow.strong{font-weight:700;color:var(--teal)}.snx .mrow.strong .chev{color:var(--teal)}.snx .mrow[hidden]{display:none}.snx .root .rows .mrow{min-height:52px;font-size:18px;font-weight:600}.snx .root .rows.company{margin-top:14px}.snx .root .rows.company .mrow{min-height:44px;font-size:15px;font-weight:500;color:var(--ink-2)}.snx .glabel{font-size:12px;font-weight:600;color:var(--ink-3);padding:6px 12px 2px}.snx .lvl.root .lvl-b{display:flex;flex-direction:column;min-height:100%}.snx .lvl.root .mtalk{margin-top:auto}.snx .filt{display:flex;align-items:center;gap:8px;background:var(--mist);border-radius:12px;padding:0 12px;margin:2px 4px 8px;color:var(--ink-2)}.snx .filt input{border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);min-height:44px;width:100%;padding:0}.snx .filt input:focus{outline:none}.snx .filt:focus-within{box-shadow:0 0 0 2px var(--teal)}.snx .nomatch{font-size:14px;color:var(--ink-2);padding:8px 12px}.snx .mtalk{background:var(--deep);color:#fff;border-radius:20px;padding:16px;display:grid;gap:10px;margin:20px 4px 0}.snx .mtalk h3{font-size:15px;font-weight:700}.snx .mtalk .note{font-size:13px;color:#C9DEDF}.snx .mtalk .acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.snx .mtalk .btn{min-height:44px}.snx .mtalk .btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}.snx .legal{font-size:13px;color:var(--ink-2);padding:12px 12px 0}.snx .legal a{text-decoration:none;color:var(--ink-2);display:inline-block;padding:8px 2px}.snx .msheet .lvl.root .lvl-b>*{transition:opacity .35s var(--out),transform .35s var(--out)}.snx .msheet:not(.in) .lvl.root .lvl-b>*{opacity:0;transform:translateY(10px)}.snx .msheet.in .lvl.root .lvl-b>:nth-child(2){transition-delay:60ms}.snx .msheet.in .lvl.root .lvl-b>:nth-child(3){transition-delay:120ms}.snx .msheet.in .lvl.root .lvl-b>:nth-child(4){transition-delay:170ms}.snx .B-hd{position:sticky;top:-40px;z-index:20;background:#fff}.snx .B-hd .strip{height:40px;background:var(--deep);color:#fff;font-size:14px}.snx .B-hd .bw{max-width:1180px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center}.snx .B-hd .strip .bw{justify-content:center}.snx .strip .ann-a{display:flex;align-items:center;justify-content:center;min-height:40px;max-width:720px;padding:0 8px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.snx .strip .ann-a b{font-weight:700;color:var(--lite);white-space:nowrap;font-variant-numeric:tabular-nums}.snx .strip .ann-a:focus-visible{outline-color:var(--lite);outline-offset:-2px}.snx .strip .ann-a:active span{opacity:.75}@media(hover:hover) and (pointer:fine){.snx .strip .ann-a:hover{text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:3px}}.snx .B-hd .bar{height:76px;transition:box-shadow .25s var(--out)}.snx .B-hd.stuck .bar{box-shadow:0 12px 30px -20px rgba(0,54,60,.45)}.snx .B-hd.open .bar{box-shadow:none}.snx .B-hd .bar .bw{position:relative;gap:18px}.snx .sb{position:relative;flex:1;max-width:560px;height:50px;display:flex;align-items:center;gap:10px;padding:0 10px 0 18px;background:var(--mist);border-radius:999px;border:1.5px solid transparent;color:var(--ink-2);transition:background-color .15s var(--out),border-color .15s var(--out),box-shadow .15s var(--out)}.snx .sb:focus-within{background:#fff;border-color:var(--teal);box-shadow:0 0 0 4px var(--tint)}.snx .sb .sic{display:grid}.snx .sb input::placeholder{color:transparent}.snx .sb input:focus::placeholder{color:var(--ink-2)}.snx .filt input::placeholder{color:var(--ink-2);opacity:1}.snx .sb input{position:relative;z-index:1;flex:1;min-width:0;height:46px;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:0}.snx .sb input:focus{outline:none}.snx .rot{display:flex;align-items:center;gap:.3em;color:var(--ink-2);font-size:16px;white-space:nowrap;overflow:hidden;pointer-events:none;transition:opacity .15s var(--out)}.snx .sb .rot{position:absolute;left:50px;right:20px;top:0;bottom:0}.snx .sb:focus-within .rot,.snx .sb.has .rot{opacity:0}.snx .win{display:inline-grid;overflow:hidden;min-width:0}.snx .win .w{grid-area:1/1;opacity:0;transform:translateY(70%);transition:opacity .3s var(--out),transform .42s var(--out);color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snx .win .w.on{opacity:1;transform:none}.snx .win .w.out{opacity:0;transform:translateY(-70%)}.snx .b-sb{max-width:420px}.snx .B-hd .links{display:flex;gap:2px;margin-left:auto}.snx .B-hd .cta{min-height:46px}.snx .B-hd .A-panel{max-height:600px}.snx .B-hd .unis .pane{padding:16px 26px 14px}.snx .B-hd .unis .kl{min-height:30px;padding:4px 0}.snx .Bp-hd{position:sticky;top:0;z-index:20;background:#fff;transition:box-shadow .2s var(--out)}.snx .Bp-hd.stuck{box-shadow:0 10px 24px -18px rgba(0,54,60,.5)}.snx .Bp-top{height:60px;display:flex;align-items:center;padding:0 6px 0 16px}.snx .Bp-top .wm{font-size:22px}.snx .Bp-top .r{margin-left:auto;display:flex;gap:2px}.snx .Bp-top .sbtn{opacity:0;transform:translateY(6px);visibility:hidden;transition:opacity .2s var(--out),transform .25s var(--out),visibility 0s linear .25s}.snx .Bp-hd.sv .sbtn{opacity:1;transform:none;visibility:visible;transition:opacity .2s var(--out),transform .25s var(--out),visibility 0s}@media(prefers-reduced-motion:reduce){:where(.snx) [data-in],.snx .rail li,.snx .cb img,.snx .pane .ph-h,.snx .pane .blk,.snx .msheet .lvl.root .lvl-b>*{transform:none!important;transition-property:opacity;transition-duration:.15s}html.snjs.sn-pre :where(.snx) [data-in]{transform:none}.snx .A-panel{clip-path:none!important;transition:opacity .15s linear,visibility 0s}.snx .A-panel:not(.in){opacity:0}.snx .msheet.right{transform:none!important;transition:opacity .18s linear,visibility 0s linear .18s;opacity:0}.snx .msheet.in{opacity:1;transition:opacity .18s linear,visibility 0s}.snx .lvl{transform:none!important;opacity:0;transition:opacity .15s linear,visibility 0s linear .15s}.snx .lvl.on,.snx .lvl.root{opacity:1;transition:opacity .15s linear,visibility 0s}.snx .lvl.root.under{opacity:0}.snx .ind,.snx .ri .go,.snx .win .w,.snx .Bp-top .sbtn{transform:none!important;transition-property:opacity}.snx .ind{transition:none}.snx .hbg i,.snx .cta .cic,.snx .more .ic{transition:none}.snx .kl::after{transform:rotate(45deg)!important}}.s-ftr.snx{padding:48px 0 28px;background:var(--mist);color:var(--ink-2);font-size:14.5px}.s-ftr.snx .in{max-width:1180px;margin:0 auto;padding:0 24px}.snx .ft-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px 48px;flex-wrap:wrap}.snx .ft-brand{display:grid;gap:6px;max-width:400px}.snx .ft-brand .wm{font-size:22px;justify-self:start}.snx .ft-brand p{line-height:1.5}.snx .ft-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:28px;padding-top:32px;border-top:1px solid var(--line)}.snx .ft-g h2{font-size:14px;font-weight:700;letter-spacing:0;color:var(--ink);margin-bottom:8px}.snx .ft-g ul{display:grid}.snx .ft-g a{display:inline-flex;align-items:center;min-height:40px;color:var(--ink-2);text-decoration:none;line-height:1.35}.snx .ft-g summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer;list-style:none;user-select:none;-webkit-user-select:none}.snx .ft-g summary::-webkit-details-marker{display:none}.snx .ft-g summary h2{margin:0;font-size:16px}.snx .ft-chev{width:18px;height:18px;color:var(--ink-3);transition:transform .2s var(--out)}.snx .ft-g[open] .ft-chev{transform:rotate(180deg)}@media(hover:hover) and (pointer:fine){.snx .ft-g a:hover{color:var(--teal);text-decoration:underline;text-underline-offset:3px}}.snx .ft-base{display:flex;justify-content:space-between;align-items:flex-end;gap:10px 32px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.5}.snx .ft-dis{max-width:640px}@media(prefers-reduced-motion:reduce){.snx .ft-chev{transition:none}}@media (max-width:899px){.s-ftr.snx.snx{padding:32px 0 24px}.s-ftr.snx.snx .in{padding:0 16px}.snx.snx .ft-top{flex-direction:column;gap:6px}.fv-a.snx.snx .ft-cols{display:block;margin-top:20px;padding-top:0}.fv-a.snx.snx .ft-g{border-bottom:1px solid var(--line)}.fv-a.snx.snx .ft-g ul{padding-bottom:10px}.snx.snx .ft-g a{display:flex;min-height:44px}.snx.snx .ft-base{display:grid;margin-top:24px}.fv-a.snx.snx .ft-base{border-top:0;padding-top:0}}
/* ---------- written for the theme (not in the preview) */
.snx :focus-visible{outline:2px solid var(--teal);outline-offset:2px}
/* the sticky part is #hdr alone, so its height is the offset page scripts measure; the strip above scrolls away */
#hdr.sn-hdr{position:sticky;top:0;z-index:50;background:#fff}
.snx .B-hd,.snx .Bp-hd{position:relative;top:auto;z-index:auto}
.sn-top .B-hd{background:none}
@media (min-width:900px){.snx .Bp-hd,.sn-home .Bp-search{display:none}}
@media (max-width:899px){#hdr .B-hd{display:none}}
/* the offer bar shows on a phone too (1.50.0): two centred lines over the phone header, the whole bar one tap target;
   the smallest phones get tighter tracking so the line still fits in two */
@media (max-width:899px){.snx .B-hd .strip{height:auto}.snx .B-hd .strip .bw{padding:6px 12px}.snx .strip .ann-a{min-height:44px;width:100%;font-size:11.5px;letter-spacing:.1em}}
@media (max-width:359px){.snx .strip .ann-a{letter-spacing:.06em}}
@media (min-width:783px){body.admin-bar #hdr.sn-hdr{top:32px}}
@media (min-width:600px) and (max-width:782px){body.admin-bar #hdr.sn-hdr{top:46px}}
/* the menu layer sits over the page and under the header, as it sat over the preview's frame */
.sn-ov .scrim{position:fixed;z-index:44}
.sn-ov .msheet{position:fixed;z-index:46}
html.sn-lock{overflow:hidden}
/* footer A: the groups fold on a phone only; on a desktop each heading is a plain label */
@media (min-width:900px){.s-ftr.snx .ft-g summary{min-height:0;cursor:default;pointer-events:none}.s-ftr.snx .ft-g summary h2{font-size:14px;margin-bottom:8px}.s-ftr.snx .ft-chev{display:none}}
/* product pages (body .pv-opt) also load product-v3.css, written for the old header: it sets type on #hdr and footer at an
   id's weight, and some of its rules reach every element of a class (.pv-opt .nb, .pv-opt .rail, .two, header, .menubtn,
   .pv-opt .btn). Each property they reach is put back to the header's own value here, one notch above them and below the
   header's own states (hover, open), so a product page's header, menus and footer compute as on every other page (1.48.1) */
.pv-opt #hdr.snx,.pv-opt footer.snx{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
.pv-opt #hdr.snx{font-size:16px}.pv-opt footer.snx{font-size:14.5px}
.snx a.nb,.snx button.nb{padding:0 14px;border-radius:12px;background:none;box-shadow:none;scroll-snap-align:none;-webkit-user-select:auto;user-select:auto;transition:background-color .15s var(--out)}
.snx ul.rail{display:grid;position:static;top:auto;margin-top:0;margin-bottom:0}
.snx .two{gap:normal;align-items:normal}
.snx header{border-bottom:0}
.snx .menubtn{position:static;top:auto}
.snx a.btn,.snx button.btn{transition:transform .12s var(--out),background-color .15s var(--out),border-color .15s var(--out)}
.snx a.btn:active,.snx button.btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.snx a.nb:hover,.snx button.nb:hover{transform:none}}
/* signed in, WordPress pins its admin bar above the header; a product page's section tabs and side rail then sit below both */
@media (min-width:783px){body.admin-bar.pv-opt .chipnav{top:calc(var(--hh) + 32px)}}
@media (min-width:600px) and (max-width:782px){body.admin-bar.pv-opt .chipnav{top:calc(var(--hh) + 46px)}}
@media (min-width:1100px){body.admin-bar.pv-opt main .rail{top:calc(var(--hh) + var(--navh, 60px) + 56px)}}
/* product pages: product-v3.js keeps the page's scroll padding at the header plus the tabs, and the header's search
   field sits inside that band, so the browser scrolled the page on every focus and keystroke in it (1.48.2). The band
   moves from the page to the elements in main: keyboard focus and section links still land clear of both bars (a
   section, as before, a further header height down), and the header no longer counts as covered. */
html:has(body.pv-opt){scroll-padding-top:0!important}
body.pv-opt main :not(.chipnav,.chipnav *){scroll-margin-top:calc(var(--hh,76px) + var(--navh,54px))}
body.pv-opt main section:not(.chipnav){scroll-margin-top:calc(var(--hh,76px) + var(--navh,54px) + var(--hdr,76px))}
/* the section tabs sit under the header (43, as in 1.48.1), so the header, the open menus and their grey overlay (44) all
   cover them, and so does the header when the footer pushes the tabs up at the end of a page in a short window (at 51 in
   1.48.2 they slid over it there). The stuck header's soft shadow would then fall on the tabs as a grey band, so on
   product pages the stuck header draws the divider instead: a hairline with a faint shade under it (Gulshan's option C,
   on the tabs in 1.48.2, on the header since 1.48.3). An open menu keeps the header's flat edge. */
body.pv-opt .chipnav{z-index:43}
body.pv-opt .B-hd.stuck:not(.open) .bar,body.pv-opt .Bp-hd.stuck{box-shadow:0 1px 0 var(--line-soft),0 3px 5px rgba(0,54,60,.08)}
/* and the phone bottom bar (z-index 60) painted over the open phone menu (46): seat it under the menu as well */
body.pv-opt .dock{z-index:42}
/* style.css leaves room under the page for the phone contact bar; the homepage has none */
@media (max-width:900px){body.home{padding-bottom:0}}
.snx .sb .sg-host{z-index:60}
/* 900 to 1179px: the bar's gaps and the resting line come in a little, so "Search a course or university" is not cut */
@media (min-width:900px) and (max-width:1179px){.snx .B-hd .bar .bw{gap:12px}.snx .sb .rot{font-size:15px;right:12px}}
/* the footer's note at under 90 characters a line */
.snx .ft-dis{max-width:560px}