/* Orenston v5 add-ons (generated by tools/build_rebrand.py) */
.srow{display:grid;grid-template-columns:minmax(150px,1fr) 2.4fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;align-items:baseline}
.sy-a{display:flex;flex-direction:column;gap:14px}
.stale{color:var(--mute);font-style:italic}
@media (min-width:821px){html.js .wide-all .step:not(.on){display:flex}.wide-all .step{height:auto}.wide-all .pctl{display:none}.wide-all .steps{display:flex;flex-direction:column}
.wide-all.sy .steps{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(16px,3vw,48px);align-content:center}}
@media (max-width:820px){.srow{grid-template-columns:1fr;gap:2px;padding:9px 0;font-size:14px}
.sy .step{justify-content:flex-start}.sy .card{padding:10px 14px}.sy .row{padding:8px 0}
.foot{gap:2px 10px}.foot nav{gap:4px 12px}.pdisc{font-size:13px}.pager .step h2{font-size:22px}.top{padding-left:16px;padding-right:16px}.top nav{gap:12px;font-size:13px}.top nav a{white-space:nowrap}.top nav .signin{padding:6px 12px}}
@media (max-width:380px){.mark{font-size:20px}.top nav{gap:10px}}
@media (max-width:820px) and (max-height:700px){.home h1{font-size:26px}.home .lede{font-size:14px}.home .join input,.home .join .btn{padding-top:9px;padding-bottom:9px}.home .lab h2{font-size:19px!important}}
@media (max-width:820px) and (max-height:780px){.panel>div{gap:7px!important}.panel h2{font-size:21px}.kgrid{gap:6px}.kgrid .kpi{padding:5px 8px}.kgrid .kpi span{font-size:11px}.pctl span:last-child{display:none}}