



@media(min-width:761px){
  #main.is-home{
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 0 clamp(30px,3vw,46px) !important;
  }
  
  #main.is-home .hello{
    padding:2px clamp(22px,2.4vw,34px) 0 !important;
    margin-bottom:clamp(14px,1.5vw,20px) !important;
  }

  
  #main.is-home .hz{
    background:var(--paper);
    border-radius:18px;
    padding:clamp(20px,1.9vw,26px) clamp(22px,2.4vw,34px) clamp(20px,1.9vw,26px);
    box-shadow:0 0 18px -5px rgba(16,22,35,.10),0 10px 28px -14px rgba(16,22,35,.17);
    margin:0 0 clamp(13px,1.35vw,20px);
  }
  #main.is-home .hz:last-of-type{margin-bottom:0}

  
  #main.is-home .hz-state{padding-top:clamp(17px,1.5vw,21px);padding-bottom:clamp(17px,1.5vw,21px)}
}


@media(max-width:760px){
  #main.is-home .hz{background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0}
  #main.is-home .hz + .hz{margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}
}


#main.is-home .hz-att{display:none;margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}
#main.is-home .hz-att.on{display:block}
#main.is-home .hz-att .sec-h{margin-bottom:10px}
#main.is-home .hz-att .hotwrap{margin:0}

#main.is-home .hz-att .hotcard{
  background:transparent !important;border:0 !important;border-radius:0 !important;
  padding:10px 0 2px !important;
}
#main.is-home .hz-att .hotcard.ok{background:transparent !important}
#main.is-home .cards.list.resume{border-top:1px solid var(--rule)}


#main.is-home .dstats{gap:clamp(18px,2vw,30px) !important;margin-bottom:0}
#main.is-home button.dstat{
  appearance:none;-webkit-appearance:none;font:inherit;color:inherit;text-align:left;
  border:0;background:transparent;padding:2px 0;margin:0;cursor:pointer;border-radius:8px;
  transition:color .14s var(--ease);
}
#main.is-home button.dstat .v,#main.is-home button.dstat .l{transition:color .14s var(--ease)}
#main.is-home button.dstat:hover .v{color:var(--cobalt)}
#main.is-home button.dstat:hover .l{color:var(--ink-soft)}
#main.is-home button.dstat:focus-visible{outline:2px solid var(--cobalt);outline-offset:5px}
@media(max-width:760px){
  
  #main.is-home .dstats{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;
    padding:10px 0 12px;margin:0 !important;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  #main.is-home .dstat,#main.is-home button.dstat{min-width:0;padding:2px 6px !important}
  #main.is-home .dstat .l{font-size:.5625rem !important;line-height:1.25}
  #main.is-home .dstat .v{font-size:1.0625rem !important;margin-top:5px;white-space:nowrap}
  #main.is-home .dstat .m{display:none}
}


#main.is-home .hz-col{min-width:0}
#main.is-home .hz-col-news .news{margin-top:0}
#main.is-home .hz-col-act .feed li:first-child{border-top:0}

#main.is-home .hz-col-act .feed li{align-items:flex-start;gap:10px;line-height:1.45}
#main.is-home .hz-col-act .feed .ad{margin-top:6px}
#main.is-home .hz-col-act .feed em{flex:1;min-width:0}
#main.is-home .hz-col-act .feed li>span:not(.ad):not(.at){display:none}
#main.is-home .hz-col-act .feed .at{margin-top:2px}
@media(min-width:1160px){
  #main.is-home .hz-cols{
    display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);
    column-gap:clamp(26px,2.8vw,44px);align-items:start;
  }
  #main.is-home .hz-col-act{
    border-left:1px solid var(--rule);
    padding-left:clamp(26px,2.8vw,44px);
    margin-left:calc(-1 * clamp(26px,2.8vw,44px) / 2);
  }
}
@media(max-width:1159px){
  #main.is-home .hz-col-act{margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}
}

@media(max-width:760px){
  #main.is-home .hz-col-news .sec-h{flex-wrap:wrap;gap:1px 10px}
  #main.is-home .hz-col-news .sec-h h3{flex:0 0 100%}
}


#main.is-home .dnote{margin-top:clamp(14px,1.5vw,20px);padding:0 6px}



.hz-room .rm-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}
.hz-room .rm-head-t h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.hz-room .rm-head-t p{margin-top:4px;font-size:0.8125rem;color:var(--ink-faint)}

.rm-add{display:none}
@media(max-width:760px){.hz-room .rm-add{display:inline-flex;align-items:center;gap:8px;align-self:stretch;justify-content:center;padding:10px 12px;background:var(--cobalt);color:var(--paper);border:0;border-radius:10px;font:inherit;font-size:0.84375rem;font-weight:600;cursor:pointer}
  .hz-room .rm-add svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}}
.rm-btn{font-family:inherit;font-size:0.8125rem;font-weight:600;color:var(--ink-soft);background:var(--paper);border:1px solid var(--rule-mid);border-radius:10px;padding:8px 14px;cursor:pointer;transition:background .14s,border-color .14s,color .14s}
.rm-btn:hover{background:var(--surface);color:var(--ink)}
.rm-btn.rm-pri{background:var(--cobalt);border-color:var(--cobalt);color:var(--paper)}
.rm-btn.rm-pri:hover{background:var(--cobalt-dark);border-color:var(--cobalt-dark)}
.rm-wait{text-align:center;padding:48px}
.rm-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.rm-tile{background:var(--surface);border-radius:14px;padding:16px 18px}
.rm-tile b{display:block;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1.1}
.rm-tile b small{font-size:1rem;font-weight:600;color:var(--ink-faint);margin-left:1px}
.rm-tile span{display:block;margin-top:5px;font-size:0.75rem;color:var(--ink-faint)}
.rm-tbl{border:1px solid var(--rule);border-radius:14px;overflow:hidden}
#rm-rows{position:relative;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.rm-th,.rm-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,max-content) 132px 104px 28px;align-items:center;gap:14px;padding:12px 18px}
.rm-th{font-family:var(--mono);font-size:0.65625rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-subtle);background:var(--surface);border-bottom:1px solid var(--rule)}
.rm-row{background:var(--paper);border-top:1px solid var(--rule);cursor:pointer}
.rm-tbl .rm-row:first-of-type{border-top:0}
.rm-row:hover,.rm-row.on{background:var(--surface)}
.rm-row:focus-visible{outline:2px solid var(--cobalt);outline-offset:-2px}
.rm-p{min-width:0}
.rm-p b{display:block;font-size:0.875rem;font-weight:600;color:var(--ink);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rm-sub{display:block;margin-top:2px;font-size:0.75rem;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rm-g{font-family:var(--mono);font-size:0.75rem;color:var(--ink-subtle)}
.rm-pct{font-size:0.8125rem;font-weight:600;color:var(--ink-soft)}
.rm-bar{display:block;margin-top:5px;height:3px;border-radius:2px;background:var(--rule);overflow:hidden}
.rm-bar i{display:block;height:100%;background:var(--cobalt);border-radius:2px}
.rm-na{font-size:0.75rem;color:var(--ink-subtle)}
.rm-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-size:0.71875rem;font-weight:600;background:var(--surface-2);color:var(--ink-faint)}
.rm-chip.rm-ok{background:var(--good-050);color:var(--good)}
.rm-chip.rm-hold{background:#FDF3E2;color:var(--amber)}
.rm-v svg{width:16px;height:16px;color:var(--ink-subtle);transition:transform .18s var(--ease)}

.hz-prod .rp-h{display:flex;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:18px}
.hz-prod .rp-t{min-width:0}
.hz-prod .rp-t h3{font-size:1.125rem;font-weight:650;letter-spacing:-.018em;color:var(--ink);line-height:1.3}
.hz-prod .rp-t p{margin-top:4px;font-size:0.8125rem;color:var(--ink-faint)}
.rp-x{flex:none;margin-left:auto;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;
  background:transparent;color:var(--ink-faint);cursor:pointer;transition:background .14s,color .14s}
.rp-x:hover{background:var(--surface);color:var(--ink)}
.rp-x svg{width:18px;height:18px}
.rp-x:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}

.rp-wait{display:grid;align-content:center;gap:14px;min-height:min(46vh,380px);padding:28px;
  background:var(--paper);border-radius:var(--r-card)}
.rp-wait .spin{width:22px;height:22px;border-width:3px;justify-self:center}

.rp-holding{position:relative}
.rp-holding>.rp-wait{position:absolute;inset:0;z-index:2;align-content:center;margin:0}
.rp-wait{opacity:0;animation:rp-in .18s ease-out .15s forwards}
.rp-mark{justify-self:center;position:relative;width:74px;height:74px;margin:6px 0 2px}
.rp-mark img{position:absolute;inset:0;margin:auto;display:block;width:42px;height:42px}
.rp-mark::after{content:"";position:absolute;inset:0;border-radius:50%;
  border:3px solid var(--cobalt-100);border-top-color:var(--cobalt);animation:sp .9s linear infinite}
.rp-say{justify-self:center;margin:0;max-width:24rem;text-align:center;font-size:0.875rem;color:var(--ink-faint)}
.rp-say b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.rp-again{justify-self:center;margin-top:4px;display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:10px;border:1px solid var(--rule-mid);background:var(--paper);color:var(--ink);font:inherit;font-size:0.875rem;font-weight:600;cursor:pointer}
.rp-again:hover{background:var(--surface)}.rp-again:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}
.rp-wait.is-stuck .rp-mark::after{animation:none;border-top-color:var(--cobalt-100)}
.rp-wait.is-stuck .rp-mark img{opacity:.55}
@keyframes rp-in{to{opacity:1}}
@keyframes rp-fade{0%,100%{opacity:1}50%{opacity:.5}}
@media(prefers-reduced-motion:reduce){
  .rp-wait{animation:rp-in .01s linear .15s forwards}
  .rp-mark::after{animation:none;border-top-color:var(--cobalt-100)}
  .rp-mark img{animation:rp-fade 1.8s ease-in-out infinite}}
.rm-row.on .rm-v svg{transform:rotate(90deg)}
.rm-none{padding:22px 18px;font-size:0.8125rem;color:var(--ink-faint);background:var(--paper)}
.rp-frame{min-height:min(70vh,720px);border-radius:var(--r-card)}

@media(min-width:761px){
  #main.is-planes{background:transparent !important;box-shadow:none !important;border-radius:0 !important;
    padding:0 0 clamp(30px,3vw,46px) !important}
  #main.is-planes .hz{background:var(--paper);border-radius:18px;
    padding:clamp(20px,1.9vw,26px) clamp(22px,2.4vw,34px);
    box-shadow:0 0 18px -5px rgba(16,22,35,.10),0 10px 28px -14px rgba(16,22,35,.17);
    margin:0 0 clamp(13px,1.35vw,20px)}
  #main.is-planes .hz:last-of-type{margin-bottom:0}
  #main.is-planes .main-h{margin-top:0}
}
@media(max-width:760px){
  #main.is-planes .hz{background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0}
  #main.is-planes .hz + .hz{margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}
}

.osx-main{align-self:start}

.osx-grid{grid-template-rows:auto 1fr;align-content:start}.ws-ksearch{align-self:start}

.pprow.on,.pcard.on{background:var(--surface);border-color:var(--cobalt-100)}
.pprow.on{border-radius:12px}

@media(max-width:760px){
  .hz-room .rm-head{flex-direction:column}
  .rm-strip{grid-template-columns:1fr;gap:8px}
  .rm-th{display:none}
  .rm-row{grid-template-columns:22px minmax(0,1fr) auto 24px;row-gap:7px}
  .rm-k{grid-column:1;grid-row:1/span 3;align-self:start}
  .rm-p{grid-column:2;grid-row:1}
  .rm-g{grid-column:2;grid-row:2}
  .rm-l{grid-column:2;grid-row:3}
  .rm-c{grid-column:3;grid-row:1}
  .rm-s{grid-column:3;grid-row:2;justify-self:end}
  .rm-u{display:none}
  .rm-v{grid-column:4;grid-row:1/span 3}
  .rm-bulk{flex-wrap:wrap}
}
