/* grid.css — generated by tools/gridgen.py. DO NOT EDIT; change the rules in the tool and re-run.
   The 4px grid over components.css (owner, 12 Oct 2026: "the type is 4px / that is the design styling too").
   731 declarations snapped, 784 re-emitted unchanged to keep the cascade order.
   Load order: tokens.css, components.css, light.css, grid.css, standard.css. */
*{margin:0;padding:0}
:focus-visible{border-radius:8px}
.acc-bar{max-width:760px;margin:48px auto 12px}
.acc{max-width:760px;margin:0 auto;gap:8px}
.acc-all{height:32px;padding:0 12px;border-radius:999px;font-size:12px}
.active-filters{gap:8px;margin-top:16px}
.addr{height:24px;padding:0 8px;border-radius:8px;font:12px/1 var(--mono)}
.after{margin-top:16px;font-size:16px;line-height:24px}
.after.strong{margin-top:24px}
.after-flow{margin-top:44px}
.agent .panel{width:312px;height:300px}
.alert{gap:12px;padding:16px 16px;border-radius:16px;font-size:16px;line-height:24px}
.alert svg{margin-top:3px;width:16px;height:16px}
.amt{margin-top:32px;font-size:28px;line-height:32px}
.amt.words{font-size:16px;line-height:24px}
.auth{max-width:440px;margin:12vh auto 0}
.auth .ico{width:48px;height:48px;border-radius:16px;margin:0 auto 16px}
.avatar{width:36px;height:36px;border-radius:50%;font-size:12px}
.avatar{width:36px;height:36px;border-radius:50%;font-size:12px}
.badge{height:16px;padding:0 8px;border-radius:999px;font-size:12px;line-height:1}
.badge.hb{height:20px;padding:0 8px;font-size:12px}
.badge{gap:4px;height:16px;padding:0 8px;border-radius:999px;font-size:12px;line-height:1}
.badge.warn::before,.badge.crit::before,.badge.good::before{width:8px;height:8px;border-radius:50%}
.badge{height:16px;padding:0 8px;border-radius:999px;font-size:12px;line-height:1}
.bar{height:32px;border-radius:8px;font-size:12px}
.bar .f{border-radius:8px}
.bars{gap:12px}
body{font-size:12px;line-height:20px}
body{font-size:12px;line-height:20px;min-height:100vh}
.body{padding:16px}
body{font-size:12px;line-height:20px;min-height:100vh}
body{font-size:12px;line-height:20px}
.brand{gap:8px;font-size:16px;line-height:20px}
@media (max-width:560px){
  .brand{font-size:16px}
}
.brand{gap:8px;font-size:16px;line-height:20px;border-radius:8px}
@media (max-width:599px){
  .brand{font-size:16px}
}
@media (max-width:359px){
  .brand{font-size:12px}
}
.brand{gap:8px;font-size:16px;line-height:20px}
@media (max-width:600px){
  .brand{font-size:16px}
}
.breakdown{gap:16px}
.breakdown h3{font-size:12px;margin-bottom:8px}
.btn{height:36px;padding:0 16px;border-radius:999px;gap:8px;font-size:12px}
.btn.sm{height:32px;padding:0 12px;font-size:12px}
.btn.lg{height:48px;padding:0 24px;font-size:16px}
@media (pointer:coarse){
  .btn,.chip,.icon-btn{min-height:44px}
}
.btn-grey{height:36px;padding:0 12px 0 12px;border-radius:999px;font-size:12px;gap:8px}
.btn-grey{height:36px;padding:0 12px 0 12px;border-radius:999px;font-size:12px;gap:8px}
.btn-navy{height:36px;padding:0 16px;border-radius:999px;font-size:12px}
@media (max-width:560px){
  .btn-navy{height:32px;padding:0 12px}
}
.btn-navy{height:36px;padding:0 16px;border-radius:999px;font-size:12px}
.bubble{max-width:100%;border-radius:16px;padding:8px 12px;font-size:12px;line-height:20px}
.bubble{max-width:100%;border-radius:16px;padding:8px 12px;font-size:12px;line-height:20px}
button,input{font:inherit}
button,input,select{font:inherit}
.cal{margin-top:28px;padding:24px}
.cal-head{gap:8px;margin-bottom:8px}
.cal-head span{font-size:12px}
@media (max-width:599px){
  .cal{padding:12px}
}
@media (max-width:599px){
  .cal-head,.cal-week{gap:3px}
}
.cal-foot{gap:12px;margin-top:16px}
.cal-grid{gap:8px}
.cal-week{gap:8px}
.card{border-radius:24px}
@media (max-width:899px){
  .card.big{width:496px;height:520px;margin-bottom:calc((var(--k,1) - 1) * 520px)}
}
.card{border-radius:24px;padding:32px}
@media (max-width:599px){
  .card{padding:24px 16px;border-radius:20px}
}
.cards{width:1008px;max-width:calc(100% - 32px);margin:56px auto 0;gap:16px}
@media (max-width:899px){
  .cards{max-width:min(420px,calc(100% - 32px))}
}
@media (max-width:560px){
  .cards{margin-top:40px}
}
.cards{gap:16px}
@media (max-width:899px){
  .cards{max-width:420px;margin:0 auto}
}
.centuries{gap:16px;margin-top:28px}
.century{padding:24px 24px 20px}
.century h3{margin-bottom:16px}
.century h3 span{font-size:12px}
@media (max-width:599px){
  .century{padding:16px 16px 16px}
}
.checks{margin-top:16px}
.checks li{gap:16px;padding:16px 0;font-size:16px;line-height:24px}
.chip{height:32px;padding:0 12px;border-radius:999px;font-size:12px}
.chip{height:32px;padding:0 12px;border-radius:999px;font-size:12px;gap:8px}
.chips{gap:4px}
.chips{gap:8px}
.ck{width:20px;height:20px;border-radius:50%;margin:1px 8px 0 4px}
.cmd{height:28px;padding:0 8px;border-radius:8px;font:12px/1 var(--mono)}
.code{margin-top:8px;gap:8px;border-radius:12px;padding:4px 4px 4px 16px}
.code pre{min-width:0;font:12px/20px var(--mono);padding:4px 0}
@media (max-width:560px){
  .code{padding-left:12px}
}
.code{margin-top:12px;height:220px;border-radius:12px}
.code .cp{width:28px;height:28px}
@media (max-width:600px){
  .code{padding-left:12px}
}
.col{gap:24px}
@media (max-width:899px){
  .col{gap:16px;width:min(336px,100%)}
}
@media (max-width:899px){
  .col .card{height:248px;width:100%}
}
.combo .inp{padding-right:32px}
.combo .clear{width:28px;height:28px;border-radius:8px}
.combo ul{max-height:280px;border-radius:12px;padding:4px}
.combo li{gap:8px;min-height:32px;padding:8px 8px;border-radius:8px;font-size:12px}
.combo li .n{margin-left:auto;font-size:12px}
.combo li .code{font:12px var(--mono)}
.conn{padding:8px 16px;font-size:12px}
.conn .in{gap:8px}
.conn svg{width:16px;height:16px}
.copy{height:32px;padding:0 12px;border-radius:999px;font-size:12px;gap:8px}
.copy{height:32px;padding:0 12px;border-radius:999px;font-size:12px;gap:8px}
.copyable{gap:8px;max-width:100%;border-radius:8px;padding:2px 4px;margin:-2px -4px;font:12px/20px var(--mono)}
.copyable svg{width:12px;height:12px;margin-top:2px}
.counter{gap:12px;margin-bottom:16px;font-size:12px}
.crumbs{gap:4px 8px;font-size:12px;margin-bottom:16px}
.crumbs a{border-radius:8px}
.cta-row{margin-top:24px}
.cta{height:32px;padding:0 12px;border-radius:999px;font-size:12px}
.cta{height:32px;padding:0 12px;border-radius:999px;font-size:12px}
.daybar{gap:8px;margin-top:24px}
.dcell{min-height:72px;border-radius:12px;padding:8px 8px}
.dcell .d{font-size:12px}
.dcell .c{font-size:12px}
@media (max-width:599px){
  .dcell{min-height:52px;padding:8px 8px;border-radius:8px}
}
@media (max-width:599px){
  .dcell .d{font-size:12px}
}
@media (max-width:599px){
  .dcell .c{font-size:12px}
}
.disc{margin-top:16px}
.disc summary{gap:8px;font-size:16px;padding:12px 16px;border-radius:16px}
.disc[open] summary{border-radius:16px 16px 0 0}
.disc-body{padding:20px;border-radius:0 0 16px 16px;font-size:16px;line-height:24px}
.disc-body .rows{margin-top:16px}
.disc-body .small{margin-top:8px}
.disc{margin-top:16px}
.dot{width:8px;height:8px;border-radius:50%}
.dotrun{width:8px;height:8px;margin:-3.5px 0 0 -3.5px;border-radius:50%}
.empty{padding:28px;font-size:16px;line-height:24px}
.emptyday{padding:40px 28px}
.emptyday p{max-width:520px;margin:0 auto;font-size:16px;line-height:24px}
.emptyday .chips{margin-top:20px}
.end{min-width:0}
.end .k{font-size:12px;gap:8px}
.end .k svg{width:16px;height:16px}
.end .v{margin-top:8px;font-size:16px;line-height:20px}
.end .s{margin-top:4px;font-size:12px;line-height:20px}
.entries{gap:16px}
.entry{min-height:196px;border-radius:24px;padding:28px 28px 24px}
.entry .ico{width:40px;height:40px;border-radius:12px}
.entry h3{margin-top:16px;font-size:16px;line-height:24px}
.entry p{margin-top:8px;font-size:16px;line-height:24px}
.entry .go{margin-top:auto;padding-top:16px;font-size:12px}
.entry .go svg{width:16px;height:16px}
@media (max-width:899px){
  .entry{min-height:0}
}
@media (max-width:599px){
  .entry{padding:24px 20px 20px}
}
.ev{gap:12px;padding:12px 2px;font-size:12px;line-height:20px}
.ev .t{font-size:12px}
.ev .by{margin-top:2px;font-size:12px}
.ext{gap:4px}
.ext svg{width:12px;height:12px}
.eyebrow{height:24px;gap:8px;font-size:16px}
.eyebrow{gap:8px;height:24px;font-size:12px;margin-bottom:16px}
.fcard{border-radius:24px;padding:28px 28px 32px;min-height:200px}
.fcard h3{margin-top:24px;font-size:16px;line-height:24px}
.fcard p{margin-top:8px;font-size:16px;line-height:24px}
@media (max-width:600px){
  .fcard,.hcard,.qcard{padding:24px 24px 24px}
}
@media (max-width:600px){
  .fcard{min-height:0}
}
.field{gap:8px;min-width:0}
.field>span{font-size:12px}
.filters{gap:12px}
.flag{gap:8px;height:20px;padding:0 8px;border-radius:999px;font-size:12px}
.flag svg{width:12px;height:12px}
.flow{gap:12px}
.flow::before{height:1px}
@media (max-width:759px){
  .flow{gap:24px;max-width:420px;margin:0 auto}
}
.flow-wrap{padding:4px 0 0}
.flowdot{width:8px;height:8px;border-radius:50%}
.foot{margin:88px auto 48px;font-size:12px;padding:0 16px}
.foot .fl{margin-left:16px}
.foot{margin:96px auto 0;padding:0 16px 40px;font-size:12px;line-height:20px}
.foot .keys{gap:8px 16px;margin-top:8px}
.foot .keys span{gap:8px}
.foot{margin:112px auto 0;padding:32px 16px 48px;font-size:12px}
.foot-links{gap:4px 20px;margin-bottom:8px}
.fstep{gap:16px}
.fstep p{font-size:12px;line-height:20px;max-width:152px}
@media (max-width:759px){
  .fstep{gap:16px}
}
@media (max-width:759px){
  .fstep p{max-width:none;padding-top:0}
}
@media (max-width:759px){
  .fstep:not(:last-child)::after{width:1px;height:calc(100% + 22px - 28px)}
}
.ftop{margin-left:4px}
.gcard{width:248px;height:116px;border-radius:20px}
.gcard .sk{height:8px;border-radius:99px}
.gcard .sk.a{width:88px}
.gcard .sk.b{width:56px}
.gcard .tile{width:64px;height:64px;border-radius:16px}
.gcard .glow,.gcard .ring{border-radius:inherit}
.gcard .ring{padding:1px}
.gfoot{height:44px;gap:8px;padding:0 16px;font-size:12px}
.ghost{height:24px;padding:0 8px;border-radius:999px;font-size:12px}
.ghost:first-child{margin-left:-8px}
.ghost{height:32px;padding:0 8px;gap:4px;font-size:12px;border-radius:999px}
.grid2{gap:16px}
.grid3{gap:16px}
.group{margin-top:40px}
.group>h3{gap:8px;margin-bottom:16px;font-size:16px}
.group>h3 .muted{font-size:12px}
.group>h3 svg{width:16px;height:16px}
.grow{height:52px;gap:12px;padding:0 16px;font-size:12px}
.grow .io{width:28px;height:28px;border-radius:8px}
.grow .ok{margin-left:auto;margin-right:32px;width:16px;height:16px;border-radius:50%}
h1{font-size:44px;line-height:48px;padding:0 16px}
@media (max-width:560px){
  h1{font-size:clamp(30px,8.4vw,44px)}
}
h1{margin-top:16px;font-size:44px;line-height:48px}
h1,.h1{font-size:44px;line-height:48px;padding:0 16px}
@media (max-width:599px){
  h1,.h1{font-size:clamp(30px,8.4vw,44px)}
}
h1{margin-top:16px;font-size:44px;line-height:48px;padding:0 16px}
@media (max-width:600px){
  h1{font-size:clamp(30px,9vw,44px)}
}
h3,.h3{font-size:16px;line-height:24px}
.hash{margin-top:4px;font-size:12px}
.hash-inline{font-size:12px}
.hcard{border-radius:24px;padding:28px 28px 32px}
.hcard p{margin-top:24px;font-size:16px;line-height:24px}
.head{padding-top:40px}
@media (max-width:599px){
  .head{padding-top:32px}
}
.head-tools{gap:8px;margin-top:24px}
.hero{padding-top:40px}
@media (max-width:560px){
  .hero{padding-top:36px}
}
.hero{padding-top:64px}
@media (max-width:560px){
  .hero{padding-top:48px}
}
@media (max-width:600px){
  .hero{padding-top:44px}
}
.hero-facts{gap:8px 24px;margin-top:20px;font-size:16px;line-height:24px}
.hero-num{font-size:88px;line-height:1}
.hero-num small{font-size:.42em;margin-left:.18em}
@media (max-width:599px){
  .hero-num{font-size:clamp(52px,15vw,88px)}
}
.hg{margin-top:28px}
@media (max-width:899px){
  .hg{max-width:560px;margin-left:auto;margin-right:auto}
}
.hg-mark{width:44px;height:44px;margin:0 auto 16px;border-radius:12px}
.hg-note{max-width:640px;margin:24px auto 0;font-size:16px;line-height:24px}
.hint{font-size:12px;line-height:20px}
.icon-btn{width:36px;height:36px;border-radius:999px}
@media (pointer:coarse){
  .icon-btn{min-width:44px}
}
.iconbtn{width:32px;height:32px;border-radius:999px}
.inp{width:100%;height:36px;border-radius:8px;padding:0 12px;font:12px var(--mono)}
.inp{width:100%;height:28px;border-radius:8px;padding:0 8px;font-size:12px}
.inp{height:36px;width:100%;border-radius:8px;padding:0 12px;font-size:12px}
.inp.big{height:52px;border-radius:16px;font-size:16px;padding:0 16px 0 48px}
@media (pointer:coarse){
  .inp{height:44px}
}
.inspect{margin-top:16px;min-height:24px;font-size:12px}
.intro{margin-top:8px;font-size:16px;line-height:24px}
.kbd{min-width:16px;height:16px;padding:0 4px;border-radius:4px;font:12px/1 var(--mono)}
.kv div:first-child{padding-top:0}
.lb{padding:24px}
.lb img{max-width:100%;max-height:100%;border-radius:12px}
.lbl{margin-top:16px;margin-bottom:8px;font-size:12px}
.lead{font-size:16px;line-height:24px;margin-bottom:16px}
.legend{gap:8px;font-size:12px}
.legend .sw{gap:2px}
.legend .sw i{width:16px;height:8px;border-radius:2px}
.link{border-radius:4px}
.linkrow{margin-top:8px;font-size:12px}
.links{gap:8px;margin-left:32px}
.links a{height:36px;padding:0 16px;border-radius:999px;font-size:12px}
.links a.pro{gap:8px;padding:0 8px 0 16px}
@media (max-width:1060px){
  .links{margin-left:24px}
}
@media (max-width:560px){
  .links{margin-left:auto}
}
.links a.on{padding:0 16px}
.links a.on{padding:0 8px 0 16px;gap:8px}
@media (max-width:899px){
  .links{margin-left:auto}
}
.links{gap:8px;margin-left:32px}
.links a,.links .more{height:36px;gap:8px;padding:0 12px;border-radius:999px;font-size:12px}
.links a.has-badge{padding-right:8px}
@media (pointer:coarse){
  .links a,.links .more{min-height:44px}
}
.links{gap:8px;margin-left:32px;min-width:0}
.links a{height:36px;gap:8px;padding:0 16px;border-radius:999px;font-size:12px}
.links a.has-badge{padding:0 8px 0 16px}
@media (max-width:1000px){
  .links{margin-left:8px;padding:0 20px}
}
@media (max-width:600px){
  .links a{padding:0 12px}
}
@media (max-width:600px){
  .links a.has-badge{padding:0 8px 0 12px}
}
.list{gap:12px}
.live-chip{gap:8px;margin-top:24px;height:36px;padding:0 16px 0 12px;border-radius:999px;font-size:12px}
@media (max-width:599px){
  .live-chip{height:auto;min-height:36px;padding:8px 16px;border-radius:16px;row-gap:2px;max-width:100%}
}
.menu{margin-top:8px;border-radius:12px;padding:4px 8px 8px}
.menu hr{margin:4px -8px 8px}
.menu{min-width:220px;border-radius:16px;padding:8px}
.menu a,.menu button{gap:8px;width:100%;height:36px;padding:0 8px;border-radius:8px;font-size:12px}
.menu hr{margin:8px 2px}
.menu .hint{margin-left:auto;font-size:12px}
.meter{height:8px;border-radius:3px}
.meter>i{height:100%;border-radius:3px;min-width:2px}
.mi{height:28px;padding:0 4px 0 8px;border-radius:8px;font-size:12px}
.mi .x{width:20px;height:20px;border-radius:8px}
.mission{margin-top:16px;font-size:16px}
.mono{font-size:12px}
.month{min-height:132px;padding:16px 16px 16px;border-radius:16px}
.month .mn{font-size:16px}
.month .sw{width:12px;height:12px;border-radius:3px}
.month .val{margin-top:auto;font-size:28px;line-height:32px}
.month .val.none{font-size:12px}
.month .dp{margin-top:2px;font-size:12px}
@media (max-width:599px){
  .month{min-height:112px;padding:16px}
}
.months{gap:12px;margin-top:28px}
.more-row{margin-top:16px}
.nav{height:68px}
.nav-in{width:min(1191px,calc(100% - 32px));height:100%;margin:0 auto}
.nav{height:68px}
@media (max-width:599px){
  .nav{height:60px}
}
.nav{height:var(--navh)}
.note{margin-top:16px;padding:12px 16px;border-radius:12px}
.note{margin-top:16px;font-size:12px;line-height:20px}
.num{width:20px;height:20px;border-radius:50%;font-size:12px;line-height:1}
.num{width:20px;height:20px;border-radius:50%;font-size:12px;line-height:1}
.orow{gap:8px 16px;padding:12px 2px;font-size:16px;line-height:24px}
.orow a{border-radius:4px}
.orow .span{font-size:12px}
.orow .meta{gap:8px;font-size:12px}
.pane{margin-top:16px;height:472px;border-radius:12px}
.panel{border-radius:16px}
.panel{border-radius:16px;padding:20px}
.pbtn{margin-left:auto;width:max-content;height:28px;padding:0 8px 0 12px;gap:4px;border-radius:999px;font-size:12px}
.pc-bar{gap:2px;padding:0 32px}
.pc-pane{border-radius:12px;padding:16px 28px 0 44px}
.pc-pane pre{font:12px/20px var(--mono)}
.pc-sha{margin-top:16px;gap:2px;font-size:12px;line-height:20px}
.pc-sha span:last-child{font-size:12px}
.pd{border-radius:16px}
.pd summary{gap:8px;min-height:56px;padding:0 16px;font-size:16px;line-height:20px}
.pd-body{padding:2px 24px 24px 48px;font-size:16px;line-height:24px}
.pd-body>*+*{margin-top:12px}
.pd-body ul li{padding-left:16px}
.pd-body ul li+li{margin-top:8px}
.pd-body ul li::before{width:8px;height:1.5px}
.pd-body ol li{padding-left:32px}
.pd-body ol li+li{margin-top:8px}
.pd-body ol li::before{width:20px;height:20px;border-radius:50%;font-size:12px;line-height:1}
@media (max-width:759px){
  .pd-body{padding:2px 16px 20px 16px}
}
.peek-tiles{gap:12px}
.per{margin-top:8px;min-height:16px;font-size:12px;line-height:20px}
.perm{margin-top:8px;gap:8px;padding:12px 16px;border-radius:12px}
.perm li{padding-left:16px}
.perm li::before{width:8px;height:1.5px}
.perm{margin-top:8px;gap:8px;padding:12px 16px;border-radius:12px}
.pg{font-size:12px;line-height:20px}
.ph{padding:16px 16px}
.ph .tool{margin-left:auto;width:24px;height:24px;margin-right:-1px}
.ph-head{height:44px;padding:0 8px}
.ph-head .ttl{line-height:1.25}
.ph-head .ttl b{font-size:16px}
.ph-head .ttl span{font-size:12px}
.ph{font-size:12px;border-radius:8px;padding:1px 8px}
.ph-act{height:48px;gap:16px;padding:0 16px}
.ph-act .bm{margin-left:auto}
.ph-av{width:32px;height:32px;border-radius:50%;font-size:12px}
.ph-img{height:264px}
.ph-likes{padding:0 16px;font-size:12px;line-height:20px}
.ph-status{height:40px;padding:8px 24px 0 32px;font-size:16px}
.ph-status .sig{gap:4px}
.ph-tile{width:108px;height:108px;border-radius:32px}
.ph-tile .glow,.ph-tile .ring{border-radius:inherit}
.ph-tile .ring{padding:1px}
.ph-tile .glow{border-radius:40px}
.ph-user{height:56px;gap:8px;padding:0 12px 0 16px}
.ph-user .who{min-width:0;line-height:1.25}
.ph-user .who b{font-size:12px}
.ph-user .who span{font-size:12px}
.ph-user .more{margin-left:auto}
.phone{width:312px;height:560px;margin-left:-156px;border-radius:40px}
.pill{margin-left:auto;height:24px;padding:0 12px;border-radius:999px;font-size:12px;gap:8px}
.pill-code{height:20px;padding:0 8px;border-radius:8px;font:12px/1 var(--mono)}
.pillbtn{height:32px;padding:0 12px;border-radius:999px;font-size:12px;gap:8px}
.pipe{gap:0}
.pipe::before{height:2px}
@media (max-width:899px){
  .pipe{gap:0}
}
@media (max-width:899px){
  .pipe::before{width:2px;height:auto}
}
.pipe-card{padding:0 16px 32px}
@media (max-width:899px){
  .pipe-card{padding:12px 16px 16px}
}
.plan{font-size:12px;line-height:20px}
.pline{margin-top:32px;font-size:20px;line-height:28px}
.pmeta{max-width:760px;margin:0 auto;border-radius:24px;padding:8px 24px}
.pmeta div,.kv div{gap:16px;padding:12px 0;font-size:16px;line-height:24px}
@media (max-width:759px){
  .pmeta div,.kv div{gap:2px}
}
@media (max-width:600px){
  .pmeta{padding:4px 16px}
}
.pn{min-width:24px}
.pnl{width:340px;border-radius:16px}
.pnl-h{height:48px;gap:8px;padding:0 16px;font-size:12px}
.pnl-h .badge{margin-left:2px}
.pnote{max-width:600px;margin:8px auto 0;font-size:16px;line-height:24px}
.pp-head{height:56px;padding:0 40px 0 24px}
.pp-body{padding:16px 40px 0 16px}
.price{border-radius:20px;padding:24px 20px 24px;min-height:168px}
.prices{gap:12px}
.problem{gap:16px;padding:12px 16px;border-radius:12px;font-size:12px;line-height:20px}
.problem .k{font-size:12px;margin-bottom:2px}
@media (max-width:899px){
  .problem{gap:8px}
}
.problems{margin-top:12px;gap:8px}
.prog .row{gap:8px;margin-bottom:8px;font-size:12px}
.prog .row b{font-size:24px}
.progress{margin-top:24px;gap:24px}
.pt{min-width:0;padding:12px 0}
.ptable{width:100%;font-size:12px;line-height:20px}
.ptable th{padding:0 16px 8px 0}
.ptable td{padding:12px 16px 12px 0}
.ptable th:last-child,.ptable td:last-child{padding-right:0}
@media (max-width:759px){
  .ptable,.ptable tbody,.ptable tr,.ptable td{width:100%}
}
@media (max-width:759px){
  .ptable tr{padding:12px 0}
}
@media (max-width:759px){
  .ptable td{padding:3px 0}
}
@media (max-width:759px){
  .ptable td::before{font-size:12px;line-height:20px}
}
.pw{width:216px}
.qcard{border-radius:24px;padding:28px 32px 32px}
.qcard p{font-size:16px;line-height:24px}
.qic{width:36px;height:36px;border-radius:12px;margin-bottom:16px}
.rand-go{gap:8px;margin-top:24px}
.rand-tools{margin-top:32px;gap:12px}
.rc .rrow:first-of-type{margin-top:4px}
.rec{border-radius:16px;padding:20px 24px;min-width:0}
.rec .top{gap:8px;font-size:12px}
.rec .top .date{margin-left:auto}
.rec h3{margin-top:8px;font-size:16px;line-height:24px}
.rec.big h3,.rec h1{margin-top:8px;padding:0;font-size:28px;line-height:32px}
.rec .stmt{margin-top:8px;font-size:16px;line-height:24px}
.rec .ocr{margin-top:8px;padding:12px 16px;border-radius:12px;font-size:16px;line-height:24px}
.rec .ocr .k{font-size:12px;margin-bottom:4px}
.rec .srcs{margin-top:16px;gap:8px}
.rec .src{gap:4px 8px;font-size:12px;line-height:20px}
.rec .src .tag{margin-top:1px}
.rec .src .note{margin:0;font-size:12px;line-height:20px}
.rec .src .note button{font-size:12px;margin-left:4px;border-radius:4px}
.rec .trust{margin-top:16px;gap:8px 16px;font-size:12px;line-height:20px}
.rec .trust .t{gap:8px}
.rec .trust svg{width:16px;height:16px}
.rec .prov{margin-top:8px;font-size:12px;line-height:20px}
.rec .acts{margin-top:16px;gap:8px}
.rec .uid{margin-left:auto;gap:8px;max-width:100%;font:12px var(--mono);border-radius:8px;padding:4px 8px}
.rec .uid span{max-width:280px}
.rec.compact{padding:16px 16px}
.rec.compact h3{font-size:16px;line-height:24px;margin-top:8px}
@media (max-width:599px){
  .rec{padding:16px}
}
@media (max-width:599px){
  .rec.big h3,.rec h1{font-size:20px;line-height:28px}
}
@media (max-width:599px){
  .rec .top .date{margin-left:0;width:100%}
}
@media (max-width:599px){
  .rec .uid{margin-left:0}
}
@media (max-width:599px){
  .rec .uid span{max-width:220px}
}
.ribbon{margin-top:44px;gap:16px;padding:16px 16px 16px 16px;border-radius:16px}
.ribbon .what{gap:8px;font-size:16px}
.ribbon .what svg{width:16px;height:16px}
.ribbon .when{margin-left:auto;font-size:12px;gap:8px}
.ribbon details{width:100%}
.ribbon summary{gap:8px;border-radius:8px}
.ribbon summary svg.chev{width:16px;height:16px}
.right{margin-left:auto;gap:8px}
@media (max-width:560px){
  .right{margin-left:8px}
}
@media (max-width:899px){
  .right{margin-left:8px}
}
@media (max-width:599px){
  .right{gap:4px}
}
.right{margin-left:auto;gap:8px;padding-left:12px}
@media (max-width:1000px){
  .right{padding-left:8px}
}
.ring{border-radius:8px}
.ring.round{border-radius:999px}
.row{gap:16px;padding:16px 0;font-size:16px;line-height:24px}
.row>.num{margin-top:1px;margin-left:4px;margin-right:8px}
.row>div{min-width:0}
.row{gap:16px;padding:16px 0;font-size:16px;line-height:24px}
@media (max-width:600px){
  .row>.num{margin-right:4px}
}
details.row-more summary{gap:8px;font-size:12px;border-radius:8px}
details.row-more summary svg{width:12px;height:12px}
details.row-more .said{margin-top:8px;padding:12px 16px;border-radius:12px;font-size:12px;line-height:20px}
.rows.plain .row>div{padding-left:0}
.rrow{height:28px;padding:0 16px;font-size:12px}
.save{margin-top:8px;height:28px;padding:0 12px;border-radius:999px;font-size:12px}
.scard{border-radius:24px}
@media (max-width:899px){
  .scard.big{width:496px;height:520px;margin-bottom:calc((var(--k,1) - 1) * 520px)}
}
.scol{gap:24px}
@media (max-width:899px){
  .scol{gap:16px;width:min(496px,100%)}
}
@media (max-width:899px){
  .scol .scard{height:248px;width:100%}
}
@media (max-width:899px){
  .scol .pnl{width:calc(100% + 6px)}
}
.screen{margin:0}
.screen:last-child .zoom{border-radius:12px}
.screen:last-child .zoom img{width:90%;height:auto;border-radius:8px}
.screen figcaption{margin-top:16px;gap:16px;font-size:16px;line-height:24px}
.screen figcaption .num{margin:1px 0 0 4px}
.screen figcaption b{margin-right:4px}
.screens{gap:24px}
.search-btn{padding:0 8px 0 12px}
@media (max-width:1099px){
  .search-btn{width:36px;padding:0}
}
.search-wrap svg{width:20px;height:20px}
.sec{width:1008px;max-width:calc(100% - 32px);margin:88px auto 0}
.sec h2{font-size:32px;line-height:36px;margin-bottom:44px}
.sec code,.disc code{font-size:12px;border-radius:8px;padding:2px 8px}
@media (max-width:560px){
  .sec{margin-top:64px}
}
@media (max-width:560px){
  .sec h2{font-size:28px;line-height:32px;margin-bottom:28px}
}
.sec{padding:12px 16px 16px}
.sec h4{font-size:12px;line-height:20px;margin-bottom:12px}
.sec{margin-top:72px}
.sec>h2,.h2{font-size:32px;line-height:36px;margin-bottom:12px}
.sec>.lede{max-width:600px;margin:0 auto 32px;font-size:16px;line-height:24px}
.sec>h2+:not(.lede){margin-top:32px}
@media (max-width:599px){
  .sec{margin-top:56px}
}
@media (max-width:599px){
  .sec>h2,.h2{font-size:24px;line-height:32px}
}
@media (max-width:599px){
  .sec>.lede{margin-bottom:24px}
}
.sec{width:1008px;max-width:calc(100% - 32px);margin:88px auto 0}
@media (max-width:600px){
  .sec{margin-top:72px}
}
.sec-h{max-width:640px;margin:0 auto 44px}
.sec-h h2{font-size:32px;line-height:36px}
.sec-h p{margin-top:12px;font-size:16px;line-height:24px}
@media (max-width:600px){
  .sec-h{margin-bottom:32px}
}
@media (max-width:600px){
  .sec-h h2{font-size:28px;line-height:32px}
}
@media (max-width:600px){
  .sec-h p{font-size:16px;line-height:24px}
}
.sheet{border-radius:24px 24px 0 0;padding:10px 12px calc(16px + env(safe-area-inset-bottom));max-height:86vh}
.sheet .grab{width:36px;height:4px;border-radius:2px;margin:2px auto 8px}
.sheet a,.sheet button.row{gap:12px;width:100%;min-height:48px;padding:0 12px;border-radius:12px;font-size:16px}
.sheet hr{margin:8px 4px}
.short{max-width:760px;margin:56px auto 0}
.short .intro{margin-top:16px}
.shot-peek{margin:0;border-radius:12px}
.shot-peek img{width:100%;height:100%}
@media (max-width:899px){
  .shot-peek{margin-top:32px}
}
.show{width:856px;height:520px;margin:56px auto 80px;gap:24px}
@media (max-width:899px){
  .show{width:auto;height:auto;margin:40px 16px 64px;gap:16px}
}
.show{width:856px;height:520px;margin:56px auto 0;gap:24px}
@media (max-width:899px){
  .show{width:auto;height:auto;margin:40px 16px 0;gap:16px}
}
.sk{border-radius:8px}
.sk.line{height:12px;margin:8px 0}
.sk.title{height:20px;width:40%}
.sk{height:8px;border-radius:99px}
.sk.w1{width:96px}
.sk.w2{width:56px}
.sk.w3{width:72px}
.sk.w4{width:120px}
.sk.w5{width:44px}
.sk-top{gap:12px}
.sk-card{height:180px;margin-top:44px;border-radius:24px}
.sk-desc{margin-top:16px;font-size:16px;line-height:24px}
.sk-eyebrow{width:160px;height:16px;margin:0 auto}
.sk-file{margin-top:auto;padding-top:16px}
.sk-file summary{gap:8px;height:28px;padding:0 8px 0 8px;margin-left:-8px;border-radius:999px;font-size:12px}
.sk-file pre{margin-top:8px;max-height:360px;padding:16px 16px;border-radius:12px;font:12px/20px var(--mono)}
.sk-hero{width:min(420px,80%);height:80px;margin:24px auto 0}
.sk-note{margin-top:12px;padding:8px 12px;border-radius:12px;font-size:12px;line-height:20px}
.sk-pill{height:28px;padding:0 12px 0 8px;border-radius:999px;font-size:12px;gap:8px}
.sk-src{margin-top:8px;font-size:12px}
.sk-sub{width:min(360px,60%);height:16px;margin:24px auto 0}
.skill{border-radius:24px;padding:24px 24px 24px}
@media (max-width:600px){
  .skill{padding:24px 20px 20px}
}
.skip{padding:8px 16px;border-radius:999px}
.skip{height:36px;padding:0 16px;border-radius:999px;font-size:12px}
.small{font-size:12px!important}
.src{margin-top:8px;font-size:12px;line-height:20px}
.stage{padding:32px 16px 0}
.stage .step{width:24px;height:24px;margin:0 auto;border-radius:50%;font-size:12px;line-height:1}
.stage h3{margin-top:16px}
.stage .val{margin-top:8px;font-size:28px;line-height:32px}
.stage p{margin-top:8px;font-size:12px;line-height:20px}
@media (max-width:899px){
  .stage{column-gap:16px;padding:16px 0 16px 16px}
}
@media (max-width:899px){
  .stage .step{margin:0;margin-top:1px}
}
@media (max-width:899px){
  .stage h3{margin-top:0}
}
@media (max-width:899px){
  .stage .val{margin-top:0;font-size:20px;line-height:24px}
}
@media (max-width:899px){
  .stage p{margin-top:2px}
}
.state{gap:8px;height:24px;padding:0 8px 0 8px;border-radius:999px;font-size:12px;line-height:1}
.state svg{width:12px;height:12px}
.statement{max-width:640px;margin:24px auto 0;gap:4px;font-size:16px;line-height:24px}
.status{margin-top:20px;gap:16px;height:20px;font-size:12px;min-width:0}
.status{margin-top:16px;padding-left:4px;gap:16px;height:20px;font-size:12px}
.step{height:416px;border-radius:24px;padding:32px}
.step h3{margin-top:20px;font-size:16px;line-height:24px}
.step p{margin-top:4px;font-size:16px;line-height:24px}
.step p .addr{margin:-2px 1px}
@media (max-width:899px){
  .step{height:auto}
}
@media (max-width:899px){
  .step p{min-height:44px}
}
.step{height:416px;border-radius:24px;padding:32px}
.step p{margin-top:4px;font-size:16px;line-height:24px}
.step-link .go{width:28px;height:28px;border-radius:999px}
.stream{padding:28px}
@media (max-width:599px){
  .stream{padding:20px 16px}
}
.stream-ends{gap:16px}
@media (max-width:899px){
  .stream-ends{gap:16px}
}
.strip{gap:8px}
.strip-row{gap:8px}
.strip-row .lab{font-size:12px}
@media (max-width:599px){
  .strip-row{gap:8px}
}
.strip-cells{gap:1px;height:24px;border-radius:4px}
.strip-cells i{border-radius:1.5px}
@media (max-width:599px){
  .strip-cells{height:20px}
}
.strip-read{gap:12px;margin-top:16px;min-height:24px;font-size:12px}
.sub{max-width:512px;margin:16px auto 0;font-size:16px;line-height:24px;padding:0 16px}
@media (max-width:560px){
  .sub{font-size:16px;line-height:24px}
}
@media (max-width:560px){
  .sub{max-width:360px}
}
.sub{max-width:480px;margin:16px auto 0;font-size:16px;line-height:24px}
@media (max-width:560px){
  .sub{font-size:16px;line-height:24px;padding:0 4px}
}
.sub{max-width:560px;margin:16px auto 0;font-size:16px;line-height:24px;padding:0 16px}
@media (max-width:599px){
  .sub{font-size:16px;line-height:24px}
}
.sub{max-width:480px;margin:16px auto 0;font-size:16px;line-height:24px;padding:0 16px}
@media (max-width:600px){
  .sub{font-size:16px;line-height:24px}
}
.subh{font-size:20px;line-height:28px}
.subsec{max-width:760px;margin:64px auto 0}
.subsec>.subh{margin-bottom:16px}
.subsec code,.disc code{font-size:12px;border-radius:8px;padding:2px 8px}
.summary-line{gap:8px;margin-top:24px}
@media (max-width:1099px){
  .switcher{margin-left:20px}
}
@media (max-width:599px){
  .switcher{margin-left:12px}
}
@media (max-width:599px){
  .switcher .lbl{max-width:152px}
}
@media (max-width:359px){
  .switcher{padding:0 8px;margin-left:8px}
}
@media (max-width:359px){
  .switcher .lbl{max-width:72px}
}
.t::after{height:0}
.tab{height:28px;padding:0 12px;border-radius:999px;font-size:12px}
.tab{height:28px;padding:0 12px;border-radius:999px;font-size:12px}
.tabs{gap:3px;padding:3px}
.tag{height:16px;padding:0 8px;border-radius:999px;font-size:12px}
.tag{height:20px;padding:0 8px;border-radius:999px;font-size:12px;line-height:1;max-width:100%}
.tb{height:32px;gap:8px}
.tbl{font-size:16px;line-height:24px}
.tbl{font-size:12px;line-height:20px}
@media (max-width:899px){
  .tbl .tr{gap:8px 16px;padding:16px 2px}
}
@media (max-width:899px){
  .tbl .tr>[data-k]::before{font-size:12px;line-height:16px;margin-bottom:2px}
}
.tile{width:52px;height:52px;border-radius:16px}
.tile.on{gap:4px}
.tile.on span{font-size:12px;line-height:12px}
.tile{min-height:132px;padding:16px 20px;border-radius:16px;min-width:0}
.tile .lab{font-size:12px;gap:8px}
.tile .val{margin-top:8px;font-size:32px;line-height:36px}
.tile .val.long{font-size:24px;line-height:32px}
.tile .val small{font-size:16px;margin-left:4px}
.tile .meta{margin-top:auto;padding-top:8px;font-size:12px;line-height:20px}
.tile .txt{margin-top:8px;font-size:12px;line-height:20px}
@media (max-width:599px){
  .tile{padding:16px;min-height:120px}
}
@media (max-width:599px){
  .tile .val{font-size:24px;line-height:32px}
}
.tiles{gap:12px}
@media (max-width:599px){
  .tiles{gap:8px}
}
@media (max-width:599px){
  .tiles .tile .val{font-size:24px;line-height:28px}
}
.tip{border-radius:8px;padding:8px 8px;font-size:12px;line-height:16px;max-width:240px}
.tip b{font-size:12px}
.tl-day{margin-top:32px}
.tl-day>h3{padding:8px 0;margin-bottom:8px;font-size:12px}
.tm-tools{margin-top:32px}
.toast{font-size:12px;padding:8px 16px;border-radius:999px}
.toast{font-size:12px;padding:8px 16px;border-radius:999px}
.toast{font-size:12px;padding:8px 16px;border-radius:999px;max-width:calc(100% - 32px)}
.tool{margin-left:auto;width:24px;height:24px;border-radius:8px}
.tr{gap:16px;padding:12px 0}
.tr.th{padding:0 0 8px;font-size:12px;line-height:20px}
@media (max-width:899px){
  .tr{row-gap:4px}
}
.tr .nm{gap:8px}
.tr{gap:16px;padding:12px 2px;min-width:0}
.tr>*{min-width:0}
.tr.th{padding:0 2px 8px;font-size:12px;line-height:20px}
.tr .sub2{font-size:12px;margin-top:2px}
.trail li{gap:12px;padding:12px 2px;font-size:12px;line-height:20px}
.trail .t{font-size:12px}
.trail a{border-radius:4px}
.trail .m{font-size:12px}
.tube{height:16px;border-radius:8px}
.tube i{border-radius:4px}
.tube-state{margin-top:8px}
.uaxis{margin-top:8px;font-size:12px}
.ubar{height:100%;border-radius:4px 4px 0 0}
.ubar i{width:min(100%,24px);border-radius:4px 4px 0 0}
.ubars{gap:2px;height:120px}
.vh{width:1px;height:1px}
.vh{width:1px;height:1px}
.wb{column-gap:12px}
.wb .panel{width:312px}
.wrap{width:min(1008px,calc(100% - 32px));margin:0 auto}
.wrap.wide{width:min(1191px,calc(100% - 32px))}
.ycell{height:32px;border-radius:8px;font-size:12px}
@media (max-width:599px){
  .ycell{height:28px;border-radius:8px;font-size:12px}
}
.yearnav{gap:8px;margin-top:24px}
.ygrid{gap:4px}
.yrow{gap:4px}
.yrow .dec{font-size:12px}
.yrow>[role=gridcell],.cal-week>[role=gridcell]{min-width:0}
.yrow>[role=gridcell]>.ycell,.cal-week>[role=gridcell]>.dcell{height:100%}
@media (max-width:599px){
  .yrow{gap:3px}
}
.zoom{width:100%;padding:0;border-radius:16px}
.zoom img{width:100%;height:auto;border-radius:12px}