@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400; font-display: swap; src: url("/_c/fonts/newsreader-400.74cf99e9.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap; src: url("/_c/fonts/newsreader-400i.c9a35c55.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 300; font-display: swap; src: url("/_c/fonts/hanken-grotesk-300.337bd3e6.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400; font-display: swap; src: url("/_c/fonts/hanken-grotesk-400.efa1c56c.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url("/_c/fonts/hanken-grotesk-500.2d679696.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url("/_c/fonts/hanken-grotesk-600.c1876f3e.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 700; font-display: swap; src: url("/_c/fonts/hanken-grotesk-700.f4dc3b26.woff2") format("woff2"); }

@font-face { font-family: "Newsreader Fallback"; src: local("Georgia"); size-adjust: 94%; ascent-override: 96%; descent-override: 26%; line-gap-override: 0%; }
@font-face { font-family: "Hanken Grotesk Fallback"; font-weight: 300 600; src: local("Arial"), local("Helvetica"); size-adjust: 98.7%; ascent-override: 101.3%; descent-override: 30.4%; line-gap-override: 0%; }
@font-face { font-family: "Hanken Grotesk Fallback"; font-weight: 700; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"); size-adjust: 90.8%; ascent-override: 110.1%; descent-override: 33%; line-gap-override: 0%; }


:root, .hdr, .ftr, .ch {
  
  --paper: #FFFFFF; --surface: #FFFFFF; --soft: #F5F5F7; --wash: #FFFFFF;
  --ink: #0A0A0A; --ink-2: #4B5563; --mute: #5B616B; --faint: #9AA0A8;
  --line: #E5E5EA; --line-hover: #C9CED6; --edge: #8A9099;
  --accent: #0A0A0A; --accent-line: #D97757; --link: #0A0A0A; --ink-hover: #2A2D33; --disabled-ink: #9AA0A8;
  --foot: #F5F5F7; --foot-line: #D2D2D7; --foot-h: #1D1D1F; --foot-a: #424245; --foot-small: #6E6E73;
  --ok: #1F5F4A; --ok-wash: #E3EEE8; --warn: #8A5200; --warn-wash: #F6ECD9; --late: #A33A2A; --late-wash: #F8E6E1;
  --metro: #6B4FA0; --water: #DCE3E8;
  --chip-bg: rgba(20,22,26,.62);
  
  --page: #FAF6F1; --card: #FFFFFF;
  
  --ground: var(--page) content-box;  
  --card-edge: #EEE7DF; --card-r: 16px; --sheet-r: 18px;
  
  --feature-bg: #FFFFFF; --feature-edge: #EEE7DF; --feature-top: 3px solid #B55636;
  --feature-shadow: 0 2px 4px rgba(60,30,20,.06), 0 24px 60px rgba(60,30,20,.18);
  --row-w: 1148px;
  --card-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 30px rgba(60,30,20,.08);
  --sheet-shadow: 0 1px 2px rgba(0,0,0,.04), 0 16px 44px rgba(60,30,20,.10);
  
  --font-sans: "Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Newsreader", "Newsreader Fallback", Georgia, serif;
  --serif: var(--font-display);
  --sans: var(--font-sans);
  --t12: .75rem; --t14: .875rem; --t16: 1rem; --t20: 1.25rem; --t28: 1.75rem; --t40: 2.5rem; --t64: 4rem;
  
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s7: 32px; --s8: 40px; --s9: 48px;
  --s10: 56px; --s11: 72px; --s12: 96px;
  --r-xs: 2px; --r-sm: 2px; --r: 2px; --r-pill: 999px;  
  --tab-on-edge: inset 0 -1px 0 var(--ink);  
  --r-ctl: 2px;  
  --shadow-float: 0 24px 60px -20px rgba(20,22,26,.25);
  --grade: saturate(.85) contrast(.97) brightness(1.02) sepia(.06);
  --hdr-h: 64px; --gutter-ch: 32px;
  --ease-ch: cubic-bezier(.2,.7,.2,1);
}
@media (max-width: 760px) { :root, .hdr, .ftr, .ch { --hdr-h: 56px; --gutter-ch: 16px;
  --card-shadow: 0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(60,30,20,.08); --sheet-shadow: var(--card-shadow); } }



html { -webkit-text-size-adjust: 100%; background: var(--foot); }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 var(--t16)/1.5 var(--sans); font-synthesis: none;
  -webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums; }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }

body { overflow-wrap: break-word; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }


.hdr { position: sticky; top: 0; z-index: 50; background: none; border-bottom: 1px solid var(--line); color: var(--ink);
  font: 400 var(--t16)/1.5 var(--sans); font-variant-numeric: lining-nums; }

.hdr::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: #FFFFFF; }

.hdr .hdr__row { display: flex; align-items: center; gap: 32px; height: var(--hdr-h); width: 100%; max-width: 1400px;
  margin: 0 auto; padding: 0 var(--gutter-ch); position: relative; }
.hdr .brand, .ftr .brand { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; color: var(--ink);
  text-decoration: none; flex: none; }

.hdr .brand__wm, .ftr .brand__wm { display: block; width: auto; height: 30px; }

.hdr .brand__c { display: block; width: 31px; height: 31px; margin-left: 10px; flex: none; }
.ftr .brand__lk { display: block; width: auto; height: 30px; flex: none; }
@media (max-width: 640px) { .hdr .brand__c { width: 27px; height: 27px; margin-left: 4px; } .ftr .brand__lk { height: 26px; } }

.hdr .brand__name { font: 600 20px/1 var(--sans); font-synthesis: none; letter-spacing: -.01em; color: #0A0A0A; white-space: nowrap; }
@media (max-width: 640px) { .hdr .brand__name { font-size: 16px; } }

@media (min-width: 761px) and (max-width: 900px) {
  .hdr .hdr__row .brand__c, .hdr .hdr__row .dd__box { margin-left: 4px; }
  .hdr .brand__name { font-size: 16px; }
}

@media (max-width: 339px) { .hdr .dd .brand__name { display: none; } }

.hdr .nav { display: flex; align-items: center; gap: 34px; margin: 0; }
.hdr .nav a, .hdr .hdr__link { font: 700 12.5px/1.2 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: #0A0A0A; }
.hdr .nav a { display: inline-flex; align-items: center; height: var(--hdr-h); padding: 0; border: 0; text-decoration: none; white-space: nowrap; }
.hdr .nav a:hover, .hdr .nav a[aria-current] { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.hdr .nav a:hover, .hdr .hdr__link:hover { text-decoration-color: var(--ink); text-decoration-thickness: 2px; }  
.hdr .hdr__end { display: flex; align-items: center; gap: 24px; margin-left: auto; }
.hdr .hdr__link { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hdr .hdr__link:hover, .hdr .hdr__link[aria-current] { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.hdr .hdr__wa { letter-spacing: 0; }
.hdr [data-sl-paren]:not(:empty) { margin-left: .3em; }

.hdr .menu { display: block; position: static; flex: none; }
.hdr .menu > summary { list-style: none; width: 44px; height: 44px; display: grid; place-items: center; cursor: pointer;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); color: var(--ink); }
.hdr .menu > summary::-webkit-details-marker { display: none; }
.hdr .menu > summary svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.hdr .menu .menu__x { display: none; }
.hdr .menu[open] .menu__open { display: none; }
.hdr .menu[open] .menu__x { display: block; }
.hdr .menu__sheet { position: fixed; left: 0; right: 0; top: var(--hdr-h); bottom: 0; z-index: 60; margin: 0; padding: 8px 16px 24px;
  background: var(--paper); color: var(--ink); display: flex; flex-direction: column; overflow: auto; border: 0; box-shadow: none;
  min-width: 0; max-width: none; max-height: none; }
.hdr .menu__sheet > a { display: flex; align-items: center; min-height: 56px; padding: 0; border-bottom: 1px solid var(--line);
  color: var(--ink); font: 400 var(--t28)/1.1 var(--serif); text-decoration: none; background: none; }
.hdr .menu__sheet > a[aria-current] { font-weight: 400; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.hdr .menu__sheet > a.menu__sm { min-height: 48px; border-bottom: 0; color: var(--link); font: 500 var(--t16)/1.3 var(--sans); }
.hdr .menu__sheet > a.menu__sm:first-of-type, .hdr .menu__sheet > a.menu__sm.menu__first { margin-top: 16px; }
.hdr :focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; box-shadow: none; }
@media (min-width: 761px) {
  .hdr .hdr__end { margin-left: auto; }
  .hdr .menu { display: none; }
}

@media (min-width: 761px) and (max-width: 900px) {
  .hdr .hdr__row { gap: 20px; padding: 0 24px; }
  .hdr .nav { gap: 20px; }
  .hdr .hdr__end { gap: 16px; }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .hdr .nav a, .hdr .hdr__link { font-size: 12px; letter-spacing: .12em; }
  .hdr .nav { gap: 20px; }
}

@media (min-width: 761px) and (max-width: 900px) {
  .hdr .hdr__row, .hdr .nav, .hdr .hdr__end { gap: 16px; }
  .hdr .nav a, .hdr .hdr__link { letter-spacing: .08em; }
}
@media (max-width: 760px) {
  .hdr .nav, .hdr .hdr__end { display: none; }
  .hdr .menu { margin-left: auto; }
}


.ftr { margin-top: 96px; padding: 56px 0 40px; background: var(--foot); color: var(--foot-small); border-top: 4px solid var(--accent-line);  
  font: 400 12px/1.6 var(--sans); font-variant-numeric: lining-nums; }
.ftr .ftr__wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 var(--gutter-ch);
  content-visibility: auto; contain-intrinsic-size: auto 640px; }  
.ftr .ftr__cols { display: grid; grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); gap: 32px; }
.ftr .ftr__line { margin: 12px 0 0; color: var(--foot-small); font: 400 13px/1.4 var(--serif); max-width: none; }  
.ftr .ftr__line em { font-style: italic; }
@media screen and (scripting: enabled) { .ftr:not(.is-near) .ftr__line em { font-family: Georgia, serif; } }  
.ftr .ftr__order { margin: 12px 0 0; color: var(--foot-small); font-size: 12px; max-width: 34ch; }
.ftr .ftr__order a { color: var(--foot-a); text-decoration: underline; text-underline-offset: 3px; }
.ftr .ftr__order a:hover { color: var(--foot-h); }
.ftr .ftr__h { margin: 0 0 12px; padding: 0; border: 0; color: var(--foot-h); font: 600 12px/1.33 var(--sans);
  letter-spacing: .02em; text-transform: none; }
.ftr ul { margin: 0; padding: 0; list-style: none; }
.ftr .ftr__cols li a { display: flex; align-items: center; min-height: 32px; margin: 0; color: var(--foot-a); font: 400 12px/1.6 var(--sans);
  text-decoration: none; }
.ftr .ftr__cols li a:hover { color: var(--foot-h); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1099px) { .ftr .ftr__cols li a { min-height: 44px; } }
.ftr .ftr__legal { margin-top: 40px; padding-top: 20px; border-top: 1px solid #E5E5EA;  
  color: var(--foot-small); font: 400 12px/1.6 var(--sans); }
.ftr .ftr__legal p { margin: 0 0 8px; max-width: 110ch; }
.ftr .ftr__legal a { color: var(--foot-a); text-decoration: underline; text-underline-offset: 3px; }
.ftr .ftr__legal a:hover { color: var(--foot-h); }
.ftr .ftr__legal .ack { white-space: nowrap; }
.ftr .ftr__more { margin: 8px 0 0; }
.ftr .ftr__more > summary { display: inline-flex; align-items: center; min-height: 44px; cursor: pointer; color: var(--foot-a); font-weight: 500; }
.ftr .ftr__more[open] > summary { margin-bottom: 4px; }
.ftr .localbar__full { margin: 12px 0 0; color: var(--foot-a); font: 500 12px/1.5 var(--sans); }
.ftr :focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; box-shadow: none; }
@media (max-width: 760px) {
  .ftr { margin-top: 64px; padding: 40px 0 32px; }
  .ftr .ftr__cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
  .ftr .ftr__brand { grid-column: 1 / -1; }
  .ftr .ftr__cols li a { min-height: 44px; }
}


.ch .wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 var(--gutter-ch); }
.ch .tnum, .ch .price, .ch .krera, .ch .count, .ch .num { font-variant-numeric: lining-nums tabular-nums; }
.ch h1, .ch h2, .ch h3 { margin: 0; font-weight: 400; text-wrap: balance; }
.ch p, .ch li { text-wrap: pretty; }


.ch .hero-h { font: 400 var(--t64)/1 var(--serif); letter-spacing: -.02em; }
.ch .h1 { font: 400 var(--t40)/1.1 var(--serif); letter-spacing: -.01em; }

.ch .h2 { font: 300 30px/1.25 var(--sans); letter-spacing: .14em; text-transform: uppercase; }
.ch .h2--lg { font: 400 var(--t40)/1.05 var(--serif); letter-spacing: -.01em; }
.ch .h3 { font: 400 var(--t28)/1.1 var(--serif); }
.ch .h3--sm { font: 400 var(--t20)/1.3 var(--serif); }
.ch .hero-h em, .ch .h1 em, .ch .h2--lg em { font-style: italic; }
.ch .h2 em { font-style: normal; }  

.ch .h2::after, .ch .h2--lg::after, .ch .ohead .oh::after { content: ""; display: block; width: 44px; height: 2px; margin-top: 14px; background: var(--accent-line); }
.ch .lead { font: 400 var(--t20)/1.5 var(--sans); color: var(--ink-2); max-width: 62ch; }
.ch .small { font: 400 var(--t14)/1.43 var(--sans); }
.ch .caption { font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); }
.ch .colhead { font: 500 var(--t12)/1.33 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--mute); }
@media (max-width: 760px) {
  .ch .hero-h { font-size: var(--t40); line-height: 1.05; }
  .ch .h1 { font-size: var(--t28); line-height: 1.15; }
  .ch .h2 { font-size: 22px; line-height: 1.25; letter-spacing: .12em; }
  .ch .h2--lg { font-size: var(--t28); line-height: 1.15; }
  .ch .h3 { font-size: 1.5rem; line-height: 1.15; }
  .ch .lead { font-size: var(--t16); }
}


.ch svg.i, .hdr svg.i { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ch .i12 { width: 12px; height: 12px; } .ch .i16 { width: 16px; height: 16px; } .ch .i20 { width: 20px; height: 20px; } .ch .i22 { width: 22px; height: 22px; }


.ch .shead { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.ch .shead__sub { margin: 8px 0 0; font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); max-width: 64ch; }
.ch .shead__see { display: inline-flex; align-items: flex-end; min-height: 44px; color: var(--ink); font: 700 12.5px/1.43 var(--sans);
  letter-spacing: .2em; text-transform: uppercase; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; white-space: nowrap; }
.ch .shead__see { text-decoration-color: var(--ink); }  
.ch .shead__see:hover { text-decoration-color: var(--ink); }
.ch .sec + .sec { margin-top: 72px; }
@media (max-width: 760px) { .ch .shead { margin-bottom: 16px; } .ch .sec + .sec { margin-top: 56px; } }


.ch .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 24px; border: 0;
  border-radius: var(--r); background: var(--ink); color: #fff; font: 600 var(--t16)/1.2 var(--sans); letter-spacing: 0;
  text-transform: none; text-decoration: none; cursor: pointer; white-space: nowrap; }
.ch .btn:hover { background: var(--ink-hover); text-decoration: none; }
.ch .btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; box-shadow: none; }
.ch .btn--sm { min-height: 44px; padding: 0 20px; font-size: var(--t14); }
.ch .btn--block { width: 100%; }
.ch .btn--secondary { min-height: 44px; padding: 0 20px; background: var(--surface); color: var(--ink); border: 1px solid var(--ink);
  font: 600 var(--t14)/1.2 var(--sans); }
.ch .btn--secondary:hover { background: var(--soft); }
.ch .btn--quiet { min-height: 36px; padding: 0 14px; background: var(--surface); color: var(--ink); border: 1px solid var(--line);
  font: 500 var(--t14)/1.2 var(--sans); }
.ch .btn--quiet:hover { background: var(--surface); border-color: var(--ink); }
.ch .btn--icon { width: 44px; min-height: 44px; height: 44px; padding: 0; background: var(--surface); color: var(--ink); border: 1px solid var(--line); }
.ch .btn--icon:hover { background: var(--surface); border-color: var(--ink); }
.ch .btn:disabled, .ch .btn[aria-disabled="true"] { background: var(--soft); color: var(--disabled-ink); border-color: transparent; cursor: default; }
.ch .link { display: inline; padding: 0; border: 0; background: none; color: var(--link); font: inherit; font-weight: 500;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; cursor: pointer; }

.ch .link--action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ink); font: 700 12.5px/1.2 var(--sans);
  letter-spacing: .2em; text-transform: uppercase; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.ch .link--action { text-decoration-color: var(--ink); }  
.ch .link--action:hover { text-decoration-color: var(--ink); }
@media (max-width: 760px), (pointer: coarse) { .ch .btn--quiet { min-height: 44px; } }


.ch .chip { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 12px;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); color: var(--ink-2);
  font: 400 var(--t14)/1.2 var(--sans); letter-spacing: 0; text-transform: none; text-decoration: none; white-space: nowrap; cursor: pointer; }
.ch .chip::before { content: ""; position: absolute; inset: -4px 0; }
.ch .chip:hover { border-color: var(--ink); color: var(--ink); }
.ch .chip--on { border-color: var(--ink); color: var(--ink); font-weight: 500; background: var(--surface); }
.ch .chip__x { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: -8px; border: 0; border-radius: 50%;
  background: none; color: inherit; cursor: pointer; position: relative; }
.ch .chip__x::after { content: ""; position: absolute; inset: -8px; }
@media (max-width: 760px) { .ch .chip { min-height: 44px; } }


.ch .tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: var(--r-xs); background: var(--surface);
  color: var(--ink); font: 600 var(--t12)/1 var(--sans); letter-spacing: 0; text-transform: none; white-space: nowrap; }
.ch .tag--plain { background: var(--soft); color: var(--ink-2); }
.ch .tag--ok { background: var(--ok-wash); color: var(--ok); }
.ch .tag--warn { background: var(--warn-wash); color: var(--warn); }
.ch .tag--late { background: var(--late-wash); color: var(--late); }
.ch .count { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--r-pill);
  background: var(--ink); color: #fff; font: 500 var(--t12)/1 var(--sans); }


.ch .itag { position: absolute; left: 8px; bottom: 8px; z-index: 2; max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; padding: 4px 8px; border-radius: var(--r-xs); background: var(--chip-bg); color: #fff; font: 500 var(--t14)/1 var(--sans);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.ch .itag--tr { left: auto; right: 8px; top: 8px; bottom: auto; }
.ch .pic-tag { position: absolute; left: 8px; top: 8px; z-index: 2; }
.ch img.cov { width: 100%; height: 100%; object-fit: cover; filter: var(--grade); }


.ch .noimg { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px;
  width: 100%; height: 100%; background: var(--soft); border-radius: var(--r); text-align: center; color: var(--ink-2); }
.ch .noimg__mark { width: 24px; height: 24px; color: var(--faint); }
.ch .noimg__name { font: 400 var(--t20)/1.2 var(--serif); color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; }
.ch .noimg__note { font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); }
.ch .noimg--sm { padding: 0; border-radius: var(--r-sm); }
.ch .noimg--sm .noimg__mark { width: 16px; height: 16px; }


.ch .card { position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 0; overflow: hidden; }
.ch .card__link { display: block; color: inherit; text-decoration: none; }
.ch .card__pic { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 0; background: var(--soft); }
.ch .card__pic img { transition: transform .5s var(--ease-ch); }
.ch .card__body { padding: 16px 18px 18px; }
.ch .card__by { font: 600 11.5px/1.5 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--mute); }
.ch .card__name { margin-top: 2px; font: italic 400 22px/1.15 var(--serif); color: var(--ink); }
.ch .card__link:hover .card__name { text-decoration: underline; text-underline-offset: 3px; }
.ch .card__link:hover .card__pic img { transform: scale(1.03); }
.ch .card__area { font: 400 var(--t14)/1.43 var(--sans); color: var(--ink-2); }
.ch .card__rera { margin-top: 4px; }
.ch .card__spec { margin-top: 2px; font: 400 var(--t14)/1.43 var(--sans); color: var(--ink-2); }
.ch .card .price { margin-top: 8px; }
.ch .heart { position: absolute; top: 8px; right: 8px; z-index: 3; width: 44px; height: 44px; display: grid; place-items: center;
  border: 1px solid var(--line); border-radius: var(--r-ctl); background: var(--surface); color: var(--ink); cursor: pointer; box-shadow: none; }
.ch .heart:hover { border-color: var(--ink); color: var(--ink); }  
.ch .heart svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.ch .heart[aria-pressed="true"] svg { fill: currentColor; }
.ch .cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 32px 20px; }
.ch .card--row { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 20px; padding: 16px 0; border: 0; border-bottom: 1px solid var(--line);
  border-radius: 0; background: none; overflow: visible; }
.ch .card--row .card__body { padding: 0; }
@media (max-width: 760px) { .ch .cards { grid-template-columns: minmax(0, 1fr); gap: 24px 12px; } .ch .card--row { grid-template-columns: 120px minmax(0, 1fr); gap: 12px; } }


.ch .ptile { display: block; padding: 0; border: 0; background: none; color: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.ch .ptile__pic { position: relative; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--r); background: var(--soft); }
.ch .ptile__pic img { transition: transform .5s var(--ease-ch); }
.ch .ptile__cap { padding: 12px 2px 0; }
.ch .ptile__name { font: italic 400 22px/1.15 var(--serif); color: var(--ink); }
.ch .ptile__meta { font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); }
.ch .ptile:hover .ptile__name { text-decoration: underline; text-underline-offset: 3px; }
.ch .ptile:hover .ptile__pic img { transform: scale(1.03); }
.ch .ptile:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; border-radius: var(--r); }


.ch .icard { display: flex; flex-direction: column; overflow: hidden; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r); color: inherit; text-decoration: none; }
.ch .icard__pic { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--soft); }
.ch .icard__pic img { transition: transform .5s var(--ease-ch); }
.ch .icard:hover .icard__pic img { transform: scale(1.03); }
.ch .icard__pic .noimg { border-radius: 0; }
.ch .icard__body { display: flex; flex-direction: column; gap: 4px; padding: 16px; }
.ch .icard__name { font: italic 400 22px/1.15 var(--serif); color: var(--ink); }
.ch .icard:hover .icard__name { text-decoration: underline; text-underline-offset: 3px; }
.ch .icard__meta { font: 400 var(--t14)/1.43 var(--sans); color: var(--ink-2); }
.ch .icard__price { margin-top: 4px; font: 600 var(--t16)/1.35 var(--sans); font-variant-numeric: tabular-nums; }
.ch .icard__kicker { font: 600 11.5px/1.5 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--mute); }
.ch .icard--text .icard__body { padding: 20px; }
.ch .icards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1024px) { .ch .icards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .ch .icards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }

@media (max-width: 760px) { .ch .icard__body { padding: 12px; } .ch .icard--text .icard__body { padding: 16px; }
  
  .ch .icards .itag { left: 4px; max-width: calc(100% - 8px); padding: 4px 6px; }
  .ch .icards .itag--tr { left: auto; right: 4px; } }
@media (max-width: 359px) { .ch .icards { grid-template-columns: minmax(0, 1fr); } }


.ch .head { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 24px 24px 12px; }
.ch .head h3 { margin: 0 0 12px; font: 400 var(--t28)/1.1 var(--serif); }
.ch .head__row { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: 12px 0;
  border: 0; border-top: 1px solid var(--line); background: none; color: var(--ink); font: 400 var(--t16)/1.35 var(--sans); text-align: left; cursor: pointer; }
.ch .head__row:first-of-type { border-top: 0; }
.ch .head__n { font: 400 var(--t14)/1 var(--sans); color: var(--mute); font-variant-numeric: tabular-nums; }
.ch .head__n--none { color: var(--edge); } 


.ch .tabs { display: flex; gap: 24px; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; margin: 0; padding: 0; }
.ch .tabs::-webkit-scrollbar { display: none; }
.ch .tabs--center { justify-content: center; }
.ch .tab { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; min-width: 44px; padding: 12px 0; margin-bottom: -1px; border: 0;
  border-bottom: 2px solid transparent; background: none; color: var(--ink-2); font: 700 12px/1.2 var(--sans); letter-spacing: .2em;
  text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; }  
.ch .tab:hover { color: var(--ink); }
.ch .tab[aria-selected="true"], .ch .tab[aria-pressed="true"], .ch .tab[aria-current] { color: var(--ink); border-bottom-color: var(--accent-line);
  box-shadow: var(--tab-on-edge); }  
.ch .tab__n { margin-left: 4px; color: var(--mute); font-weight: 400; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.ch .tabs--view { border-bottom: 0; gap: 20px; align-self: stretch; }
.ch .tabs--view .tab { padding: 0 4px; }
@media (max-width: 760px) { .ch .tabs--view { width: 100%; } .ch .tabs--view .tab { flex: 1; justify-content: center; } }


.ch .searchcard { position: relative; max-width: 1080px; margin: 0 auto; padding: 0 24px 16px; background: var(--surface);
  border-radius: var(--r); box-shadow: var(--shadow-float); }
.ch .searchcard > .tabs { margin: 0 -24px 16px; padding: 0 24px; }
.ch .composer { display: flex; align-items: center; gap: 8px; height: 72px; padding: 0 8px 0 20px; background: var(--surface);
  border: 1px solid var(--line); border-radius: var(--r); cursor: text; }
.ch .composer:focus-within { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.ch .composer > .i22 { color: var(--ink-2); }
.ch .composer textarea, .ch .composer input { flex: 1; min-width: 0; height: 28px; padding: 0; border: 0; outline: 0; resize: none; background: none;
  color: var(--ink); font: 400 var(--t20)/28px var(--sans); }
.ch .composer textarea::placeholder, .ch .composer input::placeholder { color: var(--mute); }
.ch .send { display: grid; place-items: center; flex: none; width: 56px; height: 56px; padding: 0; border: 0; border-radius: var(--r);
  background: var(--accent); color: #FFFFFF; cursor: pointer; }  
.ch .send svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ch .send:disabled { background: var(--soft); color: var(--disabled-ink); cursor: default; }
.ch .pop { position: absolute; z-index: 20; display: grid; gap: 12px; min-width: 260px; padding: 16px; background: var(--surface);
  border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow-float); }
.ch .under { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ch .dated { margin: 8px 0 0; font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); }
.ch .searchcard--compact { max-width: 880px; margin: 0; padding: 0; background: none; box-shadow: none; }
.ch .searchcard--compact .composer { height: 56px; padding: 0 6px 0 16px; }
.ch .searchcard--compact .composer textarea, .ch .searchcard--compact .composer input { height: 24px; font-size: var(--t16); line-height: 24px; }
.ch .searchcard--compact .send { width: 44px; height: 44px; }
.ch .searchcard--compact .send svg { width: 20px; height: 20px; }
@media (max-width: 760px) {
  .ch .searchcard { padding: 0 12px 12px; }
  .ch .searchcard > .tabs { margin: 0 -12px 12px; padding: 0 12px; gap: 20px; }
  .ch .composer { height: 64px; padding: 0 6px 0 12px; gap: 6px; }
  .ch .composer > .i22 { display: none; }
  .ch .composer textarea, .ch .composer input { font-size: var(--t16); line-height: 24px; height: 24px; }
  .ch .send { width: 48px; height: 48px; }
  .ch .pop { left: 0; right: 0; }
  .ch .under { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
}


.ch .price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; font-variant-numeric: lining-nums tabular-nums; }
.ch .price__from, .ch .price__note { font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); text-transform: none; letter-spacing: 0; }
.ch .price__note { color: var(--ink-2); } 
.ch .price__v { font: 600 var(--t16)/1.35 var(--sans); color: var(--ink); }
.ch .price--row { display: block; }
.ch .price--row .price__v { display: block; font-size: var(--t20); }
.ch .price--lg { display: block; }
.ch .price--lg .price__from { display: block; font-weight: 500; }
.ch .price--lg .price__v { display: block; font-size: var(--t28); line-height: 1.15; letter-spacing: -.01em; }
.ch .price--lg .price__note { display: block; margin-top: 4px; font-size: var(--t14); }
.ch .price__np { font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); font-style: normal; }
@media (max-width: 760px) { .ch .price--lg .price__v { font-size: 1.5rem; } }


.ch .krera { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 var(--t14)/1.43 var(--sans); color: var(--ink-2); } 
.ch .krera__k { font-weight: 500; color: var(--ink-2); letter-spacing: 0; text-transform: none; }
.ch .krera--full { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; overflow: visible; white-space: normal; }
.ch .krera--full .krera__n { font: 400 var(--t14)/1.43 var(--sans); color: var(--ink); word-break: keep-all; overflow-wrap: normal; white-space: normal; min-width: 0; } 


.ch .crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 4px; margin: 0 0 12px; padding: 0; list-style: none;
  font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); }
.ch .crumbs a { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 -12px; color: var(--mute); text-decoration: none; } 
.ch .crumbs a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.ch .crumbs .crumbs__sep { width: 12px; height: 12px; margin: 0 4px; color: var(--faint); }
.ch .crumbs [aria-current] { color: var(--ink-2); font-weight: 500; }


.ch .tbl-wrap { position: relative; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
.ch .tbl { width: 100%; border-collapse: collapse; border: 0; font: 400 var(--t14)/1.43 var(--sans); }
.ch .tbl th { padding: 12px 16px; background: var(--soft); border-bottom: 1px solid var(--line); text-align: left; vertical-align: bottom;
  font: 500 var(--t12)/1.33 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--mute); }
.ch .tbl th a { color: var(--mute); text-decoration: none; }
.ch .tbl th a[aria-current], .ch .tbl th a:hover { color: var(--ink); }
.ch .tbl td { padding: 12px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.ch .tbl tbody tr:last-child td { border-bottom: 0; }
.ch .tbl tbody tr:hover td { background: var(--soft); }
.ch .tbl .num { text-align: right; white-space: nowrap; }
.ch .tbl .th { width: 76px; }
.ch .tbl .th img { width: 64px; height: 44px; object-fit: cover; border-radius: var(--r-sm); }
.ch .tbl tr.sub th { padding: 20px 16px 8px; background: var(--surface); font: 400 var(--t20)/1.3 var(--serif); letter-spacing: 0;
  text-transform: none; color: var(--ink); }
.ch .tbl .differs td { background: var(--soft); }
@media (max-width: 760px) { .ch .tbl .hide-s { display: none; } }


.ch .field { display: grid; gap: 4px; }
.ch .field__l { font: 600 var(--t14)/1.43 var(--sans); color: var(--ink-2); }
.ch .field__hint { font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); }
.ch .field input, .ch .field select, .ch .field textarea { width: 100%; height: 48px; padding: 0 12px; border: 1px solid var(--edge);
  border-radius: var(--r); background: var(--surface); color: var(--ink); font: 400 var(--t16)/1.5 var(--sans); }
.ch .field textarea { height: auto; min-height: 96px; padding: 12px; }
.ch .field select { -webkit-appearance: none; appearance: none; padding-right: 36px; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px; background-repeat: no-repeat; }
.ch .field input::placeholder, .ch .field textarea::placeholder { color: var(--mute); }
.ch .field input:hover, .ch .field select:hover, .ch .field textarea:hover { border-color: var(--ink); }
.ch .field input:focus, .ch .field select:focus, .ch .field textarea:focus { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); outline: none; }
.ch .field [aria-invalid="true"] { border-color: var(--late); }
.ch .field__err { font: 500 var(--t12)/1.33 var(--sans); color: var(--late); }
.ch .pop .field input, .ch .pop .field select { height: 44px; }
.ch .check { display: flex; align-items: center; gap: 12px; min-height: 44px; font: 400 var(--t14)/1.43 var(--sans); color: var(--ink); }
.ch .check input { width: 20px; height: 20px; margin: 0; accent-color: var(--ink); }


.ch .sheet { background: var(--surface); box-shadow: var(--shadow-float); border-radius: var(--r) var(--r) 0 0; }
.ch .sheet__hd { display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 16px; border-bottom: 1px solid var(--line); }
.ch .sheet__hd h2 { font: 600 var(--t16)/1.35 var(--sans); }
.ch .sheet__ft { position: sticky; bottom: 0; padding: 12px 16px; background: var(--surface); border-top: 1px solid var(--line); }
@media (min-width: 761px) { .ch .sheet--drawer { width: 480px; border-radius: var(--r) 0 0 var(--r); } }


.ch .ledger { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 32px 0 0; background: var(--surface);
  border: 1px solid var(--line); border-radius: var(--r); }
.ch .ledger > div { padding: 20px 24px; border-left: 1px solid var(--line); }
.ch .ledger > div:first-child { border-left: 0; }
.ch .ledger dt { font: 500 var(--t12)/1.33 var(--sans); color: var(--mute); text-transform: none; letter-spacing: 0; }
.ch .ledger dd { margin: 8px 0 0; font: 600 var(--t20)/1.3 var(--sans); color: var(--ink); font-variant-numeric: tabular-nums; }
.ch .ledger__note { display: block; font: 400 var(--t14)/1.43 var(--sans); color: var(--ink-2); } 
@media (max-width: 1024px) {
  .ch .ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ch .ledger > div:nth-child(odd) { border-left: 0; }
  .ch .ledger > div:nth-child(n+3) { border-top: 1px solid var(--line); }
}
@media (max-width: 760px) { .ch .ledger { grid-template-columns: minmax(0, 1fr); } .ch .ledger > div { border-left: 0; } .ch .ledger > div + div { border-top: 1px solid var(--line); } }
.ch .rail { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 24px; }
@media (min-width: 1024px) { .ch .rail { position: sticky; top: calc(var(--hdr-h) + 24px); } }  
.ch .abar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 25; display: flex; align-items: center; gap: 8px; min-height: 64px;
  padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); background: var(--surface); border-top: 1px solid var(--line); box-shadow: none; }


.ch .empty { padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.ch .empty h2, .ch .empty h3 { font: 400 var(--t20)/1.3 var(--serif); }
.ch .empty p { margin: 8px 0 16px; color: var(--ink-2); }
.ch .banner { padding: 16px; background: var(--soft); border-radius: var(--r); font: 400 var(--t14)/1.43 var(--sans); }



.ch picture.cov, .ch picture.cov img { display: block; width: 100%; height: 100%; }
.ch picture.cov img { object-fit: cover; filter: var(--grade); transition: transform .5s var(--ease-ch); }
.ch .card__link:hover picture.cov img, .ch .icard:hover picture.cov img, .ch .ptile:hover picture.cov img { transform: scale(1.03); }
.ch .np { color: var(--mute); font-style: normal; }
.ch .card__ask { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--t14); text-decoration: none; }
.ch .card__ask:hover { text-decoration: underline; }

.ch .card__cmp { display: inline-flex; align-items: center; min-height: 44px; margin-right: 16px; font-size: var(--t14); text-decoration: none; cursor: pointer; }
.ch .card__cmp[hidden] { display: none; }
.ch .card__cmp:hover { text-decoration: underline; }
.ch .card__cmp[aria-pressed="true"] { color: var(--ink); font-weight: 600; }
.ch .card__spec .tag { margin-right: 4px; vertical-align: 1px; }
.ch .card__name { margin: 2px 0 0; }
.ch .card__by, .ch .card__area, .ch .card__spec, .ch .card__rera, .ch .card .price { margin-bottom: 0; }
.ch .card__by, .ch .card__area { margin-top: 0; }
.ch .link--ext { display: inline-flex; align-items: center; gap: 4px; }


.ch .phead { padding-top: 24px; margin-bottom: 32px; }
.ch .phead__sub { margin: 8px 0 0; font: 400 var(--t16)/1.5 var(--sans); color: var(--ink-2); max-width: 72ch; }
.ch .phead__src { margin: 4px 0 0; font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); }
.ch .phead .searchcard--compact { margin-top: 24px; }
.ch .keyfigs { display: flex; flex-wrap: wrap; gap: 0; margin: 24px 0 0; padding: 0; }
.ch .keyfigs > div { padding: 0 24px; border-left: 1px solid var(--line); }
.ch .keyfigs > div:first-child { padding-left: 0; border-left: 0; }
.ch .keyfigs dt { font: 500 var(--t12)/1.33 var(--sans); color: var(--mute); }
.ch .keyfigs dd { margin: 4px 0 0; font: 600 var(--t20)/1.3 var(--sans); color: var(--ink); font-variant-numeric: lining-nums tabular-nums; }
@media (max-width: 760px) { .ch .keyfigs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .ch .keyfigs > div { padding: 0; border: 0; } }


.ch .track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 60px) / 4); gap: 20px; overflow-x: auto;
  scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: 8px; }
.ch .track > * { scroll-snap-align: start; }
@media (max-width: 1024px) { .ch .track { grid-auto-columns: calc((100% - 40px) / 3); } }
@media (max-width: 760px) { .ch .track { grid-auto-columns: 82%; gap: 12px; } }
.ch .seeall { margin: 24px 0 0; }
.ch .tabs + .rpanel, .ch .tabs ~ .rpanel { margin-top: 24px; }
.js .ch .rpanel[data-off] { display: none; }
html:not(.js) .ch .rpanel[data-tab-label]::before { content: attr(data-tab-label); display: block; margin: 0 0 12px;
  font: 600 var(--t14)/1.43 var(--sans); color: var(--ink); }
html:not(.js) .ch .rpanel + .rpanel { margin-top: 32px; }


.js .ch .tbl tr[data-more] { display: none; }
.ch .tbl-more { margin: 16px 0 0; }
.ch .tbl td small, .ch .tbl th small { display: block; font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); letter-spacing: 0; text-transform: none; }
.ch .tbl tbody th { font-weight: 600; text-align: left; vertical-align: top; color: var(--ink); background: none; border-bottom: 1px solid var(--line);
  padding: 12px 16px; font-size: var(--t14); letter-spacing: 0; text-transform: none; }
.ch .tbl tbody tr:last-child th { border-bottom: 0; }
.ch .tbl tbody tr:hover th { background: var(--soft); }
.ch .tbl tbody th a, .ch .tbl td a.nm { color: var(--ink); font-weight: 600; text-decoration: none; }
.ch .tbl tbody th a:hover, .ch .tbl td a.nm:hover { text-decoration: underline; text-underline-offset: 3px; }
.ch .tbl .kr { font-size: var(--t12); word-break: keep-all; overflow-wrap: anywhere; }

.ch .tbl--phases { min-width: 600px; }
.ch .tbl--phases .kr code { word-break: keep-all; overflow-wrap: normal; }
.ch .tbl--phases td small { min-width: 136px; }
.ch .tbl .n { text-align: right; white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; }


.ch .searchcard--compact { position: relative; }
.ch .composer .chip--scope { flex: none; min-height: 32px; padding: 4px 4px 4px 12px; }
.ch .composer .chip--scope::before { display: none; }
.ch .composer .fbtn { flex: none; gap: 6px; }
.ch .composer .fbtn svg { width: 16px; height: 16px; }
.ch .searchcard--compact .composer { position: relative; }
.ch .searchcard--compact .pop { position: static; display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin-top: 12px; padding: 0;
  border: 0; box-shadow: none; background: none; min-width: 0; }
.ch .searchcard--compact .pop .field { min-width: 160px; }
html:not(.js) .ch .searchcard--compact .fbtn { display: none; }
html:not(.js) .ch .searchcard--compact .composer { height: auto; min-height: 56px; flex-wrap: wrap; padding-top: 6px; padding-bottom: 6px; }
html:not(.js) .ch .searchcard--compact .pop { flex-basis: 100%; order: 9; margin: 4px 0 6px; }
.js .ch .searchcard--compact .pop { position: absolute; z-index: 20; top: calc(100% + 8px); right: 0; display: none; flex-direction: column; align-items: stretch;
  margin: 0; padding: 16px; min-width: 260px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r);
  box-shadow: var(--shadow-float); }
.js .ch .searchcard--compact .pop.is-open { display: flex; }
@media (max-width: 760px) {
  .ch .composer .fbtn span { display: none; }
  .ch .composer .fbtn { width: 44px; padding: 0; justify-content: center; }
  .js .ch .searchcard--compact .pop { left: 0; right: 0; }
}
.ch .qchips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }


.ch .dirlinks { columns: 4 200px; column-gap: 32px; margin: 0; padding: 0; list-style: none; }
.ch .dirlinks li { break-inside: avoid; }
.ch .dirlinks a, .ch .dirlinks .dirlinks__none { display: flex; align-items: center; min-height: 44px; color: var(--link); font: 400 var(--t14)/1.3 var(--sans);
  text-decoration: none; }
.ch .dirlinks a:hover { text-decoration: underline; text-underline-offset: 3px; }
.ch .dirlinks .n { margin-left: 4px; color: var(--mute); font-variant-numeric: tabular-nums; }
.ch .dirlinks__h { margin: 24px 0 4px; font: 500 var(--t14)/1.43 var(--sans); color: var(--mute); }
.ch .azjump { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 16px; padding: 0; list-style: none; }
.ch .azjump a, .ch .azjump span { display: inline-grid; place-items: center; min-width: 36px; min-height: 44px; font: 500 var(--t14)/1 var(--sans); color: var(--link); text-decoration: none; }
.ch .azjump span { color: var(--edge); } 
.ch .icard__np { color: var(--mute); }
.ch .icard picture.cov img { border-radius: 0; }
.ch .sec { margin-top: 72px; }
.ch .sec:first-child { margin-top: 0; }
@media (max-width: 760px) { .ch .sec { margin-top: 56px; } }


.tray { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: var(--surface); border-top: 1px solid var(--line);
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom)); }
.tray[hidden] { display: none; }
.tray .tray__row { display: flex; align-items: center; gap: 16px; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 var(--gutter-ch); }
.tray .tray__homes { display: flex; gap: 12px; flex: 1; min-width: 0; margin: 0; padding: 0; list-style: none; overflow-x: auto; }
.tray .tray__homes li { display: flex; align-items: center; gap: 8px; min-width: 0; font: 500 var(--t14)/1.3 var(--sans); color: var(--ink); }
.tray .tray__n { max-width: 18ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tray .tray__homes img, .tray .tray__ph { flex: none; width: 48px; height: 48px; border-radius: 10px; object-fit: cover; background: var(--soft); filter: var(--grade); }
.tray .tray__ph { display: grid; place-items: center; background: #B55636; filter: none; }
.tray .tray__ph svg { width: 70%; height: 70%; }
.tray .tray__acts { display: flex; align-items: center; gap: 12px; flex: none; }
.tray .tray__hint { font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); }
.tray .tray__msg { margin: 0; font: 500 var(--t14)/1.3 var(--sans); color: var(--late); }
.tray .tray__of { margin: 0; font: 500 var(--t14)/1.3 var(--sans); color: var(--mute); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tray.tray--small { left: auto; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); padding: 0; background: none; border: 0; }
.tray .tray__pill { box-shadow: var(--shadow-float); }
html.has-tray body { padding-bottom: 72px; }
@media (min-width: 721px) {
  .tray:not(.tray--small) { left: 50%; right: auto; bottom: calc(16px + env(safe-area-inset-bottom)); width: min(1080px, calc(100% - 32px)); transform: translateX(-50%);
    padding: 12px 0; border: 1px solid #EFEBE6; border-radius: 18px; box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 18px 50px rgba(60, 30, 20, .14); }
  .tray:not(.tray--small) .tray__row { max-width: none; padding: 0 12px; }
  .tray .tray__homes { gap: 10px; overflow: visible; }
  .tray .tray__homes li { flex: 1 1 0; max-width: 260px; height: 64px; padding: 4px; border: 1px solid #EFEBE6; border-radius: 14px; background: #fff;
    font: 600 var(--t14)/1.3 var(--sans); }
  .tray .tray__homes li img, .tray .tray__homes li .tray__ph { width: 56px; height: 56px; }
  .tray .tray__homes li .tray__n { flex: 1; max-width: none; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .tray .tray__homes li .chip__x { flex: none; width: 32px; height: 32px; border-radius: 50%; }
  .tray .tray__homes li.tray__open { justify-content: center; gap: 6px; border: 1.5px dashed #D9D4CE; background: none; color: var(--mute); font-weight: 500; }
  .tray .tray__plus { font: 400 1.25rem/1 var(--sans); }
  .tray .tray__acts .btn:not(.btn--quiet) { border-radius: 12px; }
  html.has-tray body { padding-bottom: 112px; }
  
  body:has(.sc.chatting) > .tray:not(.tray--small) { left: auto; right: max(16px, calc(50% - 528px)); width: auto; transform: none;
    bottom: calc(132px + env(safe-area-inset-bottom)); padding: 8px 0; }
  body:has(.sc.chatting) > .tray:not(.tray--small) .tray__homes { display: none; }
}
@media (max-width: 760px) {
  .tray .tray__row { flex-wrap: wrap; gap: 8px; }
  .tray:not(.tray--one) .tray__n { display: none; }
  
  .tray .tray__acts { flex: 1 1 100%; flex-wrap: wrap; gap: 8px; min-width: 0; }
  .tray .tray__acts .btn { min-width: 0; padding-left: 12px; padding-right: 12px; }
  html.has-tray body { padding-bottom: 128px; }
}


.ch .soon { position: absolute; inset: 0; display: block; overflow: hidden; background: #B55636; color: #fff; }
.ch .soon__sky { position: absolute; right: 0; bottom: 0; height: 78%; width: auto; }
.ch .soon .soon__a { position: absolute; left: 14px; top: 14px; right: 42%; font: 600 .75rem/1.3 var(--sans); letter-spacing: .2em; text-transform: uppercase; margin: 0; color: #fff; }
.ch .card__pic:has(.tag) .soon__a { top: 48px; }
.ch .soon .soon__w { position: absolute; left: 14px; bottom: 14px; font: 600 .75rem/1.2 var(--sans); letter-spacing: .18em; text-transform: uppercase; margin: 0; color: #fff; }
.ch .soon__w i { display: block; margin-bottom: 2px; font: italic 400 1.75rem/1.05 var(--serif); letter-spacing: 0; text-transform: none; }


.seen { margin: 0; }
.seen__top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
.seen__h { margin: 0; font: 600 .8125rem/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--mute); }
.seen__clear { min-height: 44px; padding: 0 2px; font: 500 var(--t14)/1 var(--sans); color: var(--ink-2); }
.seen__list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.seen__c { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid #EFEBE6; border-radius: 14px; background: #fff; color: var(--ink);
  text-decoration: none; box-shadow: 0 2px 10px rgba(0, 0, 0, .04); transition: box-shadow .2s; }
.seen__c:hover { box-shadow: 0 10px 28px rgba(60, 30, 20, .10); }
.seen__c:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.seen__pic { position: relative; display: block; aspect-ratio: 3 / 2; background: var(--soft); }
.seen__pic { overflow: hidden; }
.seen__pic img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; filter: var(--grade); }
.seen__it { position: absolute; left: 8px; bottom: 8px; padding: 2px 6px; border-radius: 4px; background: rgba(0, 0, 0, .55); color: #fff; font: 500 .78125rem/1.3 var(--sans); }
.seen__soon { position: absolute; inset: 0; overflow: hidden; background: #B55636; color: #fff; }
.seen__sky { position: absolute; right: 0; bottom: 0; height: 64%; width: auto; }
.seen__sa { position: absolute; left: 10px; top: 10px; right: 10px; font: 600 .75rem/1.2 var(--sans); letter-spacing: .18em; text-transform: uppercase;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.seen__sw { position: absolute; left: 10px; bottom: 9px; font: 600 .75rem/1.2 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.seen__sw i { display: block; font: italic 400 1.25rem/1.1 var(--serif); letter-spacing: 0; text-transform: none; }
.seen__bd { display: flex; flex-direction: column; gap: 3px; padding: 10px 12px 12px; }
.seen__b { font: 600 .8125rem/1.3 var(--sans); letter-spacing: .08em; text-transform: uppercase; color: var(--mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.seen__n { font: 400 1.25rem/1.2 var(--serif); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.seen__a { font: 400 .8125rem/1.3 var(--sans); color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.seen__p { margin-top: 4px; font: 700 1.25rem/1.3 var(--sans); }
.seen__p b { font-weight: 700; }
.seen__p .seen__fr { font-weight: 600; font-size: .8125rem; color: var(--ink-2); }
.seen__p small { display: block; font: 400 .8125rem/1.35 var(--sans); color: #595959; }
.seen__np { font-weight: 400; font-size: .875rem; color: var(--ink-2); }
.seen-d { padding: 40px 0 0; }
.seen-d > .wrap { max-width: calc(1080px + 2 * var(--gutter-ch)); } 
.seen-d > .wrap[hidden] { display: none; }
.seen-d:has(> .wrap[hidden]) { display: none; }  
@media (max-width: 760px) {
  .seen-d { display: none; }
  .m-seen { margin: 20px 0 4px; }
  .m-seen .seen__top { margin-bottom: 8px; }
  .m-seen .seen__list { display: flex; grid-template-columns: none; gap: 10px; margin: 0; padding: 0 0 6px; overflow-x: auto; scroll-snap-type: x mandatory;
    scrollbar-width: none; }
  .m-seen .seen__list::-webkit-scrollbar { display: none; }
  .m-seen .seen__list li { flex: none; width: 156px; scroll-snap-align: start; }
}
@media (min-width: 761px) and (max-width: 1099px) { .seen__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }


.skip { background: var(--surface); color: var(--ink); border-radius: var(--r); }
.ch .summary { font: 400 var(--t16)/1.5 var(--sans); color: var(--ink-2); }
.ch .summary__h { color: var(--ink); font-weight: 600; }
.ch .summary__h em { font-style: normal; }
.ch .rbar { border-bottom: 1px solid var(--line); }
.ch .rbar .tab svg { width: 16px; height: 16px; }
.ch .btn .count { margin-left: 2px; }
.ch .chip__x { color: inherit; text-decoration: none; }
.ch .chip--road { border-color: var(--ink); color: var(--ink); }
.ch .chip__menu { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow-float); }
.ch .chip__menu a { color: var(--ink); text-decoration: none; font: 400 var(--t14)/1.2 var(--sans); }
.ch .chip__menu a[aria-current] { font-weight: 600; }
.ch .chip__menu a:hover { background: var(--soft); }
.ch .banner a, .ch .tbl td a:not(.btn) { color: var(--link); }
.ch .tbl tr.sub th { font: 400 var(--t20)/1.3 var(--serif); }
.map { position: relative; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.map__note { margin: 0; padding: 8px 12px; border-top: 1px solid var(--line); font: 400 var(--t12)/1.5 var(--sans); color: var(--mute); }
.map__note a { color: var(--link); }
.smap { font-family: var(--sans); }
.smap__bg { fill: var(--paper); }
.smap__ring { fill: none; stroke: var(--line-hover); stroke-width: 1; }
.smap__km { font: 500 12px var(--sans); fill: var(--ink-2); }
.smap__here { fill: var(--ink); }
.smap__name { font: 500 12px var(--sans); text-transform: uppercase; letter-spacing: .06em; fill: var(--ink-2); paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }
.smap__metro { fill: var(--metro); }
.smap__scale { stroke: var(--ink); fill: none; }
.smap__road { fill: none; stroke: var(--ink); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.smap__band { fill: none; stroke: var(--soft); stroke-linecap: round; stroke-linejoin: round; }
.smap__edge { fill: none; stroke: var(--line-hover); stroke-linecap: round; stroke-linejoin: round; }
.smap__pin rect { fill: var(--surface); stroke: var(--ink); stroke-width: 1; rx: 4px; }
.smap__pin text { font: 600 12px var(--sans); font-variant-numeric: tabular-nums; fill: var(--ink); }

.smap__pin:not(.is-sel):hover rect:not(.smap__ring2), .smap__pin.is-hot:not(.is-sel) rect:not(.smap__ring2) { fill: var(--surface); stroke-width: 3; }
.smap__pin:not(.is-sel):hover text, .smap__pin.is-hot:not(.is-sel) text { fill: var(--ink); }
.smap__pin.is-sel rect:not(.smap__ring2) { fill: var(--ink); }
.smap__pin.is-sel text { fill: #fff; }
.smap__ring2 { fill: none !important; stroke: var(--ink) !important; stroke-width: 2 !important; }
.smap__pin--group circle { fill: var(--surface); stroke: var(--ink); stroke-width: 1; }
.smap__pin--group:not(.is-sel):hover circle:not(.smap__ring2), .smap__pin--group.is-hot:not(.is-sel) circle:not(.smap__ring2) { fill: var(--surface); stroke-width: 3; }
.smap__pin--group:not(.is-sel):hover text, .smap__pin--group.is-hot:not(.is-sel) text { fill: var(--ink); }
.smap__pin--group.is-sel circle:not(.smap__ring2) { fill: var(--ink); }
.smap__pin--group.is-sel text { fill: #fff; }
.smap__pin:focus-visible { outline: 2px solid var(--ink); }
.ch .fitl { margin-top: 4px; font: 400 var(--t12)/1.33 var(--sans); color: var(--ink-2); }
.ch .card.is-hot .card__name { text-decoration: underline; text-underline-offset: 3px; }
.scrim { background: rgba(20,22,26,.42); }
.sheet.ch { background: var(--surface); color: var(--ink); box-shadow: var(--shadow-float); }
@media (max-width: 899px) { .sheet.ch { border-radius: var(--r) var(--r) 0 0; } }
@media (min-width: 900px) { .sheet.ch { border-radius: var(--r) 0 0 var(--r); } }
.sheet.ch .sheet__handle { border-radius: 2px; background: var(--line-hover); }
.sheet.ch .sheet__hd { border-bottom: 1px solid var(--line); }
.sheet.ch .sheet__hd h2 { font: 600 var(--t16)/1.35 var(--sans); }
.sheet.ch .sheet__ft { background: var(--surface); border-top: 1px solid var(--line); }
.ch .close { border: 1px solid var(--line); border-radius: var(--r-pill); color: var(--ink); background: var(--surface); }
.ch .close svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.ch .close:hover { border-color: var(--ink); }
.ch .fgroup { border: 0; border-top: 1px solid var(--line); }
.ch .fgroup:first-child { border-top: 0; }
.ch .fgroup legend { font: 600 var(--t16)/1.5 var(--sans); color: var(--ink); }
.ch .fgroup .small, .sheet.ch .note, .ch .nearme .small { font: 400 var(--t14)/1.43 var(--sans); color: var(--ink-2); }
.ch .fgroup a, .sheet.ch .note a { color: var(--link); }
.ch .sego span { border: 1px solid var(--line); border-radius: var(--r-pill); font: 500 var(--t14)/1 var(--sans); background: var(--surface); color: var(--ink); }
.ch .sego input:checked + span { border-color: var(--ink); font-weight: 600; box-shadow: inset 0 0 0 1px var(--ink); }
.ch .sego input:focus-visible + span { outline: 2px solid var(--ink); outline-offset: 2px; }
.ch .sel select { border: 1px solid var(--edge); border-radius: var(--r); background: var(--surface); color: var(--ink); font: 400 var(--t16)/1 var(--sans); }
.ch .switch .tg { border-radius: var(--r-pill); background: var(--surface); border: 1px solid var(--edge); }
.ch .switch .tg::after { border-radius: 50%; background: var(--ink); transition: transform 120ms var(--ease-ch); }
.ch .switch input:checked + .tg { background: var(--ink); border-color: var(--ink); }
.ch .switch input:checked + .tg::after { background: #fff; }
.ch .switch input:focus-visible + .tg { outline: 2px solid var(--ink); outline-offset: 2px; }
.ch .blist li + li { border-top: 1px solid var(--line); }
.ch .blist input { accent-color: var(--ink); }
.sheet.ch .place { border-top: 1px solid var(--line); }
.sheet.ch .place--add { border: 1px solid var(--edge); border-radius: var(--r); }
.sheet.ch .place--add input { border: 0; background: none; font: 400 var(--t16)/1.5 var(--sans); }
.sheet.ch .place--add:focus-within { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.sheet.ch .note { background: var(--soft); border-radius: var(--r); }
.ch .suggest { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow-float); }
.ch .suggest a { color: var(--ink); }
.ch .suggest .sg { padding: 8px 0; }
.ch .suggest .sg + .sg { border-top: 1px solid var(--line); }
.ch .suggest .label { margin: 0; padding: 4px 16px; font: 500 var(--t12)/1.33 var(--sans); color: var(--mute); text-transform: none; letter-spacing: 0; }
.ch .suggest [role=option] { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 8px 16px;
  text-decoration: none; font: 400 var(--t14)/1.3 var(--sans); }
.ch .suggest [role=option] small { display: block; font-size: var(--t12); color: var(--mute); }
.ch .suggest [role=option].on, .ch .suggest [role=option]:hover { background: var(--soft); }
.ch .suggest .ct { flex: none; font-size: var(--t12); color: var(--mute); font-variant-numeric: tabular-nums; }
.ch .suggest .none { margin: 0; padding: 4px 16px 8px; font: 400 var(--t14)/1.43 var(--sans); color: var(--ink-2); }

.toast { position: fixed; z-index: 70; left: 50%; bottom: calc(80px + env(safe-area-inset-bottom)); transform: translateX(-50%); max-width: calc(100% - 32px); padding: 12px 20px;
  background: var(--ink); color: #fff; border-radius: var(--r); font: 500 var(--t14)/1.43 var(--sans); box-shadow: var(--shadow-float); }
.toast[hidden] { display: none; }
.sheet-page { background: var(--paper); }
.sheet-page .sheet.ch { border: 1px solid var(--line); border-radius: var(--r); box-shadow: none; }
.ch .phead__door .link--action { font-size: var(--t14); }
.ch details.before > summary { color: var(--link); font: 500 var(--t14)/1.43 var(--sans); min-height: 44px; display: inline-flex; align-items: center; }
.ch .price--range .price__v { font: 600 var(--t28)/1.15 var(--sans); letter-spacing: -.01em; }



.hdr .dd { position: relative; }

.hdr .dd__box { position: relative; display: block; flex: none; margin-left: 10px; }
.hdr .dd .dd__box > .brand__c { margin-left: 0; }
.hdr .dd__art { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.hdr .dd__side { display: block; flex: none; width: 27px; height: 31px; margin-left: 4px; overflow: visible; pointer-events: none; }
.hdr .dd--wide .dd__box { margin-right: 31px; }
.hdr .dd--wm .dd__box > img { visibility: hidden; }
.hdr .dd .dd-blend { mix-blend-mode: multiply; }

.hdr .dd__tag { position: absolute; right: -4px; top: -9px; padding: 2px 6px; border-radius: 999px; background: #1F6B45; color: #fff;
  font: 600 10px/1 var(--sans); letter-spacing: .02em; white-space: nowrap; transform: rotate(-2deg); pointer-events: none; }
@media (max-width: 640px) {
  .hdr .dd__box { margin-left: 4px; }
  .hdr .dd__side { width: 24px; height: 27px; }
  .hdr .dd--wide .dd__box { margin-right: 28px; }
  .hdr .dd__tag { display: none; }
}
@media (max-width: 400px) { .hdr .dd .dd-more { display: none; } }

.hdr .dd .dd-flick { transform-box: fill-box; transform-origin: 50% 100%; animation: dd-flick 1.7s ease-in-out infinite; }
.hdr .dd .dd-fall { animation: dd-fall 2.4s linear infinite; }
.hdr .dd .dd-pop { transform-box: fill-box; transform-origin: 50% 50%; animation: dd-pop 2.6s ease-out infinite; }
.hdr .dd .dd-conf { transform-box: fill-box; transform-origin: 50% 50%; animation: dd-conf 3.4s linear infinite; }
.hdr .dd .dd-sway { transform-box: fill-box; transform-origin: 50% 0; animation: dd-sway 3.2s ease-in-out infinite alternate; }
.hdr .dd .dd-tap { transform-box: fill-box; transform-origin: 50% 50%; animation: dd-tap 1.4s ease-in-out infinite alternate; }
.hdr .dd .dd-twinkle { transform-box: fill-box; transform-origin: 50% 50%; animation: dd-twinkle 2.4s ease-in-out infinite alternate; }
.hdr .dd .dd-pulse { animation: dd-pulse 2.8s ease-in-out infinite alternate; }
.hdr .dd .dd-rise { animation: dd-rise 2.2s ease-out infinite; }
.hdr .dd .dd-drip { animation: dd-drip 2.4s linear infinite; }  
.hdr .dd .dd-d1 { animation-delay: -.35s; }
.hdr .dd .dd-d2 { animation-delay: -.8s; }
.hdr .dd .dd-d3 { animation-delay: -1.2s; }
.hdr .dd .dd-d4 { animation-delay: -1.65s; }
@keyframes dd-flick { 0%, 100% { transform: scale(1, 1); } 30% { transform: scale(.93, 1.08); } 60% { transform: scale(1.04, .95); } }
@keyframes dd-fall { 0% { transform: translateY(-14px); opacity: 0; } 20%, 70% { opacity: .75; } 100% { transform: translateY(16px); opacity: 0; } }
@keyframes dd-pop { 0% { transform: scale(.2); opacity: 0; } 25% { opacity: 1; } 70% { transform: scale(1); opacity: .9; } 100% { transform: scale(1.08); opacity: 0; } }
@keyframes dd-conf { 0% { transform: translateY(-4px) rotate(0); opacity: 0; } 10%, 80% { opacity: 1; } 100% { transform: translateY(30px) rotate(200deg); opacity: 0; } }
@keyframes dd-sway { from { transform: rotate(-3deg); } to { transform: rotate(3deg); } }
@keyframes dd-tap { from { transform: rotate(-4deg); } to { transform: rotate(4deg); } }
@keyframes dd-twinkle { from { transform: scale(1); opacity: .9; } to { transform: scale(1.08); opacity: 1; } }
@keyframes dd-pulse { from { opacity: .75; } to { opacity: 1; } }
@keyframes dd-drip { 0% { transform: translateY(-3px); opacity: 0; } 30%, 70% { opacity: .75; } 100% { transform: translateY(3px); opacity: 0; } }
@keyframes dd-rise { 0% { transform: translateY(0); opacity: 0; } 20% { opacity: 1; } 100% { transform: translateY(-9px); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .hdr .dd svg * { animation: none !important; } }


@media (prefers-reduced-motion: reduce) {
  .ch *, .hdr *, .ftr * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .ch .card__link:hover .card__pic img, .ch .ptile:hover .ptile__pic img, .ch .icard:hover .icard__pic img, .ch picture.cov img { transform: none !important; }
}
@media (forced-colors: active) {
  .hdr .brand__wm, .ftr .brand__wm, .hdr .brand__c, .ftr .brand__c, .ftr .brand__lk { background: #fff; border-radius: 2px; }  
  .hdr .dd--wm .dd__box { background: #fff; border-radius: 2px; }  
  .ch .itag { background: Canvas; color: CanvasText; outline: 1px solid CanvasText; }
  .ch .tag, .ch .chip, .ch .btn { border: 1px solid CanvasText; }
}
@media print {
  .hdr, .ftr .ftr__cols, .ch .abar, .ch .heart, .tray { display: none !important; }
  .ftr { margin-top: 24px; padding: 0; border: 0; }
}


.ch .phead__back .link { display: inline-flex; align-items: center; min-height: 44px; }
.ch .chip[aria-pressed="true"] { border-color: var(--ink); color: var(--ink); font-weight: 500; }
.ch .pill[data-n]:not([data-n=""])::after { content: " · " attr(data-n); color: var(--mute); }
.cmpx .card__pic img.cov, .cmpx .cm-pic img { display: block; width: 100%; height: 100%; object-fit: cover; filter: var(--grade); }
.cmpx .cm-row, .cmpx .fam-card { border-bottom: 1px solid var(--line); }
.cmpx .cm-row--gone { color: var(--mute); }
.cmpx .cm-name a { color: inherit; text-decoration: none; }
.cmpx .cm-name a:hover { text-decoration: underline; text-underline-offset: 3px; }
.cmpx .cm-facts dt { font: 500 var(--t12)/1.33 var(--sans); color: var(--mute); }
.cmpx .cm-facts dd, .cmpx .cm-table td { font: 400 var(--t14)/1.43 var(--sans); color: var(--ink); font-variant-numeric: tabular-nums; } 
.cmpx .cm-facts small, .cmpx .cm-table small, .cmpx .cm-qcard small, .cmpx .cm-rail small, .cmpx .cm-one small { display: block; font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); font-style: normal; }
.cmpx code { font: 400 var(--t14)/1.43 var(--sans); overflow-wrap: anywhere; }  
.cmpx .cm-ask, .cmpx .cm-askall a { color: var(--link); font: 500 var(--t14)/1.43 var(--sans); }
.cmpx .cm-stand { margin: 12px 0; padding: 12px 16px; background: var(--soft); border-radius: var(--r); }
.cmpx .cm-rail section + section { border-top: 1px solid var(--line); }
.cmpx .cm-linktext { margin: 0 0 8px; font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); overflow-wrap: anywhere; }
.cmpx .neutral { font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); }
.cmpx .cm-badge { font: 600 var(--t12)/1 var(--sans); color: var(--ink-2); }
.cmpx .seat { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: 4px; border: 1px solid var(--line); border-radius: var(--r-pill);
  font: 500 var(--t12)/1 var(--sans); color: var(--mute); vertical-align: middle; }
.cmpx .seat--yes { background: var(--ink); color: #fff; border-color: var(--ink); }
.cmpx .seat--maybe { border-color: var(--ink); color: var(--ink); background: radial-gradient(circle, var(--ink) 0 2px, transparent 2.5px); }
.cmpx .seat--no { border-color: var(--ink); color: var(--ink); background: linear-gradient(135deg, transparent 46%, var(--ink) 47%, var(--ink) 53%, transparent 54%); }
.cmpx .cm-key .seat { width: 16px; height: 16px; }
.cmpx .cm-one { background: var(--soft); border-radius: var(--r); }
.cmpx .cm-qcard { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.cmpx .cm-qcard h3 { font: 400 var(--t20)/1.3 var(--serif); }
.cmpx .cm-qcard li + li { border-top: 1px solid var(--line); }
.cmpx .cm-qcard li b { display: block; font: 600 var(--t14)/1.43 var(--sans); }
.cmpx .cm-th { border-radius: var(--r-sm); object-fit: cover; background: var(--soft); filter: var(--grade); }
.cmpx .cm-table thead th { text-transform: none; letter-spacing: 0; font: 600 var(--t14)/1.35 var(--sans); color: var(--ink); background: var(--surface); }
.cmpx .cm-table thead th a { color: var(--ink); }
.cmpx .cm-table thead td.cm-q { font: 400 var(--t12)/1.33 var(--sans); color: var(--mute); background: var(--surface); border-bottom: 1px solid var(--line); padding: 12px 16px; vertical-align: bottom; }
.cmpx .cm-table tbody th[scope="row"] { background: var(--surface); border-right: 1px solid var(--line); font-weight: 500; }
.cmpx .cm-table tr.differs > th[scope="row"], .cmpx .cm-table tr.differs > td { background: var(--soft); }
.cmpx .cm-table td.cm-none { color: var(--mute); }
.cmpx .cm-share + .cm-share { border-top: 1px solid var(--line); }
.cmpx .cm-share blockquote { background: var(--soft); border-radius: var(--r); font: 400 var(--t16)/1.5 var(--sans); }
.cmpx .cm-url { font: 500 var(--t12)/1.33 var(--sans); overflow-wrap: anywhere; }
.cmpx .cm-paste__row input, .cmpx .cm-share input, .cmpx .fam-new input, .cmpx .fam-note textarea { min-height: 44px; padding: 0 12px; border: 1px solid var(--edge);
  border-radius: var(--r); background: var(--surface); color: var(--ink); font: 400 var(--t16)/1.5 var(--sans); }
.cmpx .fam-note textarea { padding: 12px; }
.cmpx .fam-note { font: 400 var(--t14)/1.43 var(--sans); color: var(--ink-2); }
.cmpx .fam-btn { border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); color: var(--ink); font: 500 var(--t16)/1.2 var(--sans); cursor: pointer; }
.cmpx .fam-btn[aria-pressed="true"] { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.cmpx .fam-btn:disabled { color: var(--disabled-ink); cursor: not-allowed; }
.cmpx .fam-langs a[aria-current] { font-weight: 600; }
.cmpx .fam-send { background: var(--surface); border-top: 1px solid var(--line); }
.cmpx .fam-send .btn[aria-disabled="true"] { background: var(--soft); color: var(--disabled-ink); pointer-events: none; }
.cmpx .btn[aria-disabled="true"] { background: var(--soft); color: var(--disabled-ink); cursor: default; }
.cmpx .fam-who, .cmpx .fam-hint { font: 400 var(--t16)/1.5 var(--sans); color: var(--ink-2); }


.ch .letter { max-width: 640px; margin: 32px auto 0; padding: 40px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r);
  box-shadow: none; color: var(--ink); }
.ch .letter .lt__hd { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ch .letter .lt__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex: 1; margin: 0; }
.ch .letter .lt__mark { display: inline-flex; align-items: center; gap: 8px; font: 600 var(--t16)/1 var(--sans); }
.ch .letter .lt__mark img { width: 24px; height: 24px; }
.ch .letter .lt__date { font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); }
.ch .letter .lt__salut { margin: 32px 0 8px; font: italic 400 var(--t20)/1.3 var(--serif); }
.ch .letter .lt__t { font: 400 var(--t28)/1.15 var(--serif); }
@media (min-width: 700px) { .ch .letter .lt__t { font-size: var(--t40); line-height: 1.1; } }
.ch .letter .lt__lines { margin: 24px 0 0; padding: 0; border: 0; }
.ch .letter .lt__row { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
.ch .letter .lt__row:last-child { border-bottom: 1px solid var(--line); }
.ch .letter .lt__row dt { font: 500 var(--t12)/1.6 var(--sans); color: var(--mute); }
.ch .letter .lt__row dd { margin: 0; font: 500 var(--t16)/1.5 var(--sans); color: var(--ink); }
.ch .letter .ok { color: var(--ok); }
.ch .letter .lt__stay { margin: 16px 0 0; }
.ch .letter .lt__stay summary { display: flex; align-items: center; min-height: 44px; cursor: pointer; color: var(--link); font: 500 var(--t14)/1.43 var(--sans); }
.ch .letter .lt__login { margin: 16px 0 0; font: 400 var(--t14)/1.5 var(--sans); color: var(--ink-2); }
.ch .letter .lt__seal { display: flex; align-items: center; gap: 8px; margin: 24px 0 0; font: 600 var(--t16)/1 var(--sans); }
.ch .letter .lt__seal img { width: 24px; height: 24px; }
.ch .letter .lt__ft { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 32px; }
.ch .letter .lt__ft .btn { width: auto; }
.ch .letter.is-sent { transform: translateY(-8px); opacity: 0; transition: transform .2s var(--ease-ch), opacity .2s; }
@media (max-width: 760px) {
  .ch .letter { margin: 16px 0 0; padding: 20px; }
  .ch .letter .lt__ft { position: sticky; bottom: 0; margin: 24px -20px -20px; padding: 12px 20px; background: var(--surface); border-top: 1px solid var(--line); }
}


.ch .doc { font: 400 var(--t16)/1.6 var(--sans); color: var(--ink); }
.ch .doc { max-width: 72ch; }
.ch .doc > * + * { margin-top: 16px; }
.ch .doc ul, .ch .doc ol { padding-left: 24px; }
.ch .doc li + li { margin-top: 8px; }
.ch .doc__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ch .docpage, .ch .doc--narrow { padding-bottom: 32px; }
.ch .doc h2 { margin: 48px 0 12px; font: 400 var(--t28)/1.15 var(--serif); }
.ch .doc .sec > h2:first-child { margin-top: 0; }
.ch .doc h3 { margin: 32px 0 8px; font: 400 var(--t20)/1.3 var(--serif); }
.ch .doc a:not(.btn) { color: var(--link); font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.ch .doc .id, .ch .doc code { font-variant-numeric: lining-nums tabular-nums; overflow-wrap: anywhere; }
.ch .doc .callout, .ch .doc .note-box { background: var(--soft); border-radius: var(--r); }
.ch .doc .rules > li { border-top: 1px solid var(--line); }
.ch .doc .rules > li:first-child { border-top: 0; }
.ch .doc .rules { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.ch .doc .rules b { font: 600 var(--t16)/1.35 var(--sans); }
.ch .doc .updated { font: 400 var(--t14)/1.43 var(--sans); color: var(--mute); }
.ch .doc .toc summary, .ch .legalnav summary { color: var(--link); font: 500 var(--t14)/1.43 var(--sans); cursor: pointer; }
.ch .doc .toc a { color: var(--ink-2); font-weight: 400; text-decoration: none; }
.ch .doc .toc a:hover { color: var(--ink); text-decoration: underline; }
.ch .legalnav a { color: var(--ink-2); font: 400 var(--t14)/1.43 var(--sans); text-decoration: none; }
.ch .legalnav a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.ch .legalnav a[aria-current] { color: var(--ink); font-weight: 600; }
.ch .legalnav__box { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.ch .legalnav__h { font: 500 var(--t12)/1.33 var(--sans); color: var(--mute); }
.ch .doc .tbl th { white-space: normal; }

.skip { position: absolute; left: 8px; top: -60px; z-index: 100; padding: 12px 16px; background: var(--surface); color: var(--ink);
  border: 1px solid var(--line); border-radius: var(--r); font: 500 var(--t14)/1 var(--sans); }
.skip:focus { top: 8px; }


html:has([data-cmp-page="family"]) { font-size: 115%; }


.crumbs a, .btn--quiet, .btn--sm, .sheet__ft .link, .lt__ft .link, .jx-door .link, .tab, .hdr .hpill, .hdr .hdr__link,
.hdr .nav a, .jx-page .phero__share, .jx-page .ledger dd .link, .tbl--phases tbody th a { position: relative; }
.crumbs a { z-index: 1; } 
.crumbs a::after, .btn--quiet::after, .btn--sm::after, .sheet__ft .link::after, .lt__ft .link::after, .jx-door .link::after,
.tab::after, .hdr .hpill::after, .hdr .hdr__link::after, .hdr .nav a::after, .jx-page .phero__share::after, .jx-page .ledger dd .link::after,
.tbl--phases tbody th a::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%); }


.map__note a { font-size: var(--t14); }



.ch .crumbs [aria-current] { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 -12px; }
@media (max-width: 760px) {
  
  .hdr .hdr__row { gap: 12px; }
  .hdr .hpill:not([hidden]) ~ .menu { margin-left: 0; } 
  
  .ch .tab { flex-shrink: 0; }
  
  .ch .tabs:not(.tabs--view):not(.tabs--center)::after { content: ""; position: sticky; right: 0; flex: none; align-self: stretch; width: 32px; margin-left: -24px;
    background: linear-gradient(90deg, rgba(251,248,243,0), var(--paper) 75%); pointer-events: none; }
  
  .jx-page .tbl th, .jx-page .tbl td { padding-left: 12px; padding-right: 12px; }
  .jx-page .tbl:not(.jx-lines) td .link, .jx-page .tbl:not(.jx-lines) tbody th { white-space: nowrap; }
  .jx-page .tbl:not(.jx-lines) tbody th small { white-space: normal; }
  
  .jx-page .tbl:not(.jx-lines) td .link { position: relative; }
  .jx-page .tbl:not(.jx-lines) td .link::after { content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: 44px; transform: translate(-50%, -50%); }
}
@media (max-width: 400px) { .hdr .hdr__row { gap: 8px; } }
@media (max-width: 339px) { .hdr .brand__wm { height: 24px; } } 





@media (max-width: 720px) { .ch .caption { font-size: 13px; color: var(--ink-2); } }
.cz .pr, .cz .pr b { font-variant-numeric: lining-nums tabular-nums; }

.ch .tag--promo { background: transparent; border: 1px solid var(--edge); color: var(--ink); }



.ch .card__track { display: flex; height: 100%; overflow: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
html.ch-swipe .ch .card__track { overflow-x: auto; }
.ch .card__track::-webkit-scrollbar { display: none; }
.ch .card__slide { position: relative; flex: 0 0 100%; height: 100%; scroll-snap-align: start; background: var(--soft); }
.ch .card__slide img.cov { display: block; }
.ch .card__dots { position: absolute; left: 50%; bottom: 10px; z-index: 2; transform: translateX(-50%); display: none; gap: 5px; pointer-events: none; }
html.ch-swipe .ch .card__dots { display: flex; }
.ch .card__dots i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.55); box-shadow: 0 0 2px rgba(0,0,0,.35); }
.ch .card__dots i.on { background: #fff; }
.krera__tick { width: 12px; height: 12px; margin-right: 4px; vertical-align: -1px; fill: none; stroke: var(--ok); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

html.ch-swipe .ch .card__pic--swipe .itag { bottom: 24px; }
.ch .card__nav { display: none; position: absolute; left: 0; right: 0; top: 0; aspect-ratio: 4 / 3; pointer-events: none; }
html.ch-swipe .ch .card__nav { display: block; }

.ch .card__arr { position: absolute; top: 50%; z-index: 3; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px;
  padding: 0; border: 0; border-radius: 50%; background: none; color: var(--ink); opacity: 0; transition: opacity .15s; cursor: pointer; pointer-events: auto; }
.ch .card__arr::before { content: ""; position: absolute; left: 6px; top: 6px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.9); }
.ch .card__arr svg { position: relative; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ch .card__arr--p { left: 2px; }
.ch .card__arr--n { right: 2px; }

@media (hover: hover) and (pointer: fine) { .ch .card:hover .card__arr { opacity: 1; } }
.ch .card__arr:focus-visible { opacity: 1; }
@media (hover: none), (pointer: coarse) { .ch .card__nav { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .ch .card__arr { transition: none; } }
.ch div.card__link { display: block; color: inherit; }

.ch .card__slide img:not([src]) { visibility: hidden; }

.ch .card__cmp { display: flex; align-items: center; gap: 10px; width: max-content; max-width: 100%; min-height: 44px; margin: 4px 0 0; color: var(--ink-2);
  font: 400 var(--t14)/1.3 var(--sans); text-decoration: none; }
.ch .card__cmp::before { content: ""; flex: none; width: 18px; height: 18px; box-sizing: border-box; border: 1.5px solid var(--edge); border-radius: 4px; background: var(--surface) center / 12px no-repeat; }
.ch .card__cmp[aria-pressed="true"] { color: var(--ink); font-weight: 500; }
.ch .card__cmp[aria-pressed="true"]::before { border-color: var(--ink); background-color: var(--ink);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.ch .card__cmp:hover { text-decoration: none; color: var(--ink); }
.ch .card__cmp:hover::before { border-color: var(--ink); }
.ch .card__cmp + .card__ask { margin-top: 0; }

@media (min-width: 761px) {
  .ch .card:not(.card--row):has(> .card__link) { display: flex; flex-direction: column; }
  .ch .card:not(.card--row):has(> .card__link) > .card__link { flex: 1 0 auto; }
  .ch li > .card:not(.card--row):has(> .card__link):only-child { height: 100%; }  
  
  .ch .card:not(.card--row):has(> .card__link) > .card__cmp { margin: 4px 18px 8px; }
  .ch .card:not(.card--row):has(> .card__link) > .card__cmp:has(~ .card__ask) { margin-bottom: 0; }
  .ch .card:not(.card--row):has(> .card__link) > .card__ask { margin: 0 18px 8px; }
}


:root { --wa-green: #128C4A; }
.hdr .hdr__wa { justify-content: center; gap: 7px; min-width: 44px; color: var(--ink); font: 600 var(--t14)/1.2 var(--sans);
  letter-spacing: 0; text-transform: none; }
.hdr .hdr__wai { width: 22px; height: 22px; flex: none; fill: var(--wa-green); }

@media (max-width: 1099px) { .hdr .hdr__wal { display: none; } }
@media (max-width: 760px) {
  .hdr .hdr__end { display: contents; }  
  .hdr .hdr__end > :not(.hdr__wa), .hdr .hdr__wal { display: none; }
  
  .hdr .hdr__wa { order: 1; }
  .hdr .hpill, .hdr .hdr__si, .hdr .hdr__mc, .hdr .hdr__acct, .hdr .menu { order: 2; }
  :root .hdr .hdr__row .hpill { margin-left: 0; }  
  
  :root .cz:not([data-variant=sheet]) .sc.chatting #sh { grid-template-columns: 44px minmax(0,1fr) 44px 44px;
    grid-template-areas: "back ttl wa new" "chips chips chips chips"; }
  :root .cz:not([data-variant=sheet]) .sc.chatting #sh #waq { grid-area: wa; display: grid; place-items: center; width: 44px; height: 44px;
    padding: 0; font-size: 0; color: transparent; background: center / 22px 22px no-repeat url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23128C4A'%20d='M12%202a10,10,0,0,0,-8.6,15.1L2%2022l5-1.3A10,10,0,1,0,12,2zm0%2018.2a8.2,8.2,0,0,1,-4.2,-1.2l-.3-.2-3%20.8.8-2.9-.2-.3A8.2,8.2,0,1,1,12,20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8%201-.3.2-.5.1a6.7,6.7,0,0,1,-3.3,-2.9c-.3-.4.3-.4.7-1.4.1-.2%200-.3%200-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1,1,0,0,0,-.7,.3%203%203%200%200%200-.9%202.2%205.2%205.2%200%200%200%201.1%202.7%2011.8%2011.8%200%200%200%204.5%204c1.7.7%202.3.8%203.2.7.5-.1%201.5-.6%201.7-1.2s.2-1.1.2-1.2-.2-.2-.5-.3z'/%3E%3C/svg%3E"); }
  :root .cz:not([data-variant=sheet]) .sc.chatting #sh #waq[hidden] { display: none; }
}

.ch .btn--wa { background: var(--surface); color: var(--ink); border: 1px solid var(--line); }
.ch .btn--wa:hover { background: var(--soft); color: var(--ink); }
.ch .btn--wa .wa-g { width: 20px; height: 20px; flex: none; fill: var(--wa-green); }

@media (max-width: 760px) {
  .hdr .brand { margin-right: auto; }
  .hdr .menu { margin-left: 0; }
}

.dx--pub .hdr .hpill { display: inline-flex; align-items: center; gap: 8px; height: 40px; width: 240px; margin-left: auto; padding: 0 14px;
  border: 1px solid var(--line); border-radius: var(--r-ctl); background: var(--surface); color: var(--mute); font: 400 var(--t14)/1 var(--sans); text-decoration: none; flex: none; }
.dx--pub .hdr .hpill:hover { border-color: var(--line-hover); }
.dx--pub .hdr .hpill__i { width: 16px; height: 16px; fill: none; stroke: var(--ink-2); stroke-width: 1.6; stroke-linecap: round; flex: none; }
.dx--pub .hdr .hdr__end { margin-left: 0; }
@media (max-width: 1180px) {
  .dx--pub .hdr .hpill { width: 44px; height: 44px; padding: 0; justify-content: center; border-color: transparent; background: none; }
  .dx--pub .hdr .hpill__l { display: none; }
  .dx--pub .hdr .hpill__i { width: 22px; height: 22px; }
}


.tabbar { display: none; }
@media (max-width: 720px) {
  body.has-tab .tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
    padding: 4px 4px calc(4px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line);
    background: color-mix(in srgb, var(--paper) 94%, transparent); -webkit-backdrop-filter: saturate(1.2) blur(10px); backdrop-filter: saturate(1.2) blur(10px);
    font-variant-numeric: lining-nums tabular-nums; }
  
  .tabbar a { position: relative; display: grid; justify-items: center; align-content: start; gap: 2px; min-height: 52px; padding-top: 6px; color: var(--ink-2);
    font: 500 11px/1.2 var(--sans); text-decoration: none; }
  .tabbar a[aria-current="page"] { color: var(--ink); font-weight: 600; }
  .tabbar__i { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
  .tabbar a[aria-current="page"] .tabbar__i { stroke-width: 2; }
  .tabbar__n { position: absolute; top: 2px; left: calc(50% + 6px); min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--ink);
    color: var(--paper); font: 600 10px/16px var(--sans); text-align: center; }
  .tabbar__n[hidden] { display: none; }
  body.has-tab { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
  
  body.has-tab:has(#sc.chatting) .tabbar { display: none; }
  body.has-tab:not(:has(#sc.chatting)) .toast { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  
  body.has-tab:not(:has(#sc.chatting)) > .tray:not(.tray--small) { bottom: 0; padding-bottom: calc(61px + 6px + env(safe-area-inset-bottom, 0px)); }
  
  .tray.tray--one { left: 12px; right: 12px; margin-bottom: 8px; padding: 6px 0; border: 0; border-radius: 16px; background: #0A0A0A; color: #fff;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .45); }
  body.has-tab:not(:has(#sc.chatting)) > .tray.tray--one:not(.tray--small) { bottom: calc(64px + env(safe-area-inset-bottom, 0px)); padding-bottom: 6px; }
  .tray.tray--one .tray__row { flex-wrap: nowrap; gap: 10px; min-height: 44px; padding: 0 6px 0 10px; }
  .tray.tray--one .tray__thumbs { display: flex; flex: none; }
  .tray.tray--one .tray__thumbs > * { width: 32px; height: 32px; border-radius: 8px; box-shadow: 0 0 0 2px #0A0A0A; }
  .tray.tray--one .tray__thumbs > * + * { margin-left: -6px; }
  .tray.tray--one .tray__thumbs .tray__open { box-sizing: border-box; border: 1.5px dashed rgba(255, 255, 255, .45); background: #0A0A0A; }
  .tray.tray--one .tray__names { min-height: 44px; padding: 0; font: 600 var(--t14)/1.2 var(--sans); color: #fff; text-decoration: none; white-space: nowrap; }
  .tray.tray--one .btn { flex: none; height: 36px; min-height: 36px; margin-left: auto; padding: 0 14px; border: 0; border-radius: 11px; background: #fff; color: #0A0A0A;
    font: 600 var(--t14)/1 var(--sans); white-space: nowrap; }
  .tray.tray--one .btn--secondary { background: none; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .7); }
  .tray.tray--one .tray__msg { flex: 1 1 100%; margin: 4px 0 0; color: #fff; font-size: 13px; }
  .tray.tray--one .tray__row:has(> .tray__msg) { flex-wrap: wrap; row-gap: 4px; }
  .tray.tray--one .tray__homes { width: 100%; max-width: 1240px; margin: 4px auto 6px; padding: 0 6px 0 10px; flex-direction: column; gap: 6px; }
  .tray.tray--one .tray__homes[hidden] { display: none; }
  .tray.tray--one .tray__homes li { color: #fff; font-weight: 500; }
  .tray.tray--one .tray__homes li img, .tray.tray--one .tray__homes li .tray__ph { width: 40px; height: 40px; border-radius: 8px; }
  .tray.tray--one .tray__homes li .tray__n { flex: 1; max-width: none; }
  .tray.tray--one .chip__x { color: #fff; }
  body.has-tab:not(:has(#sc.chatting)) > .tray.tray--small { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  html.has-tray body.has-tab:not(:has(#sc.chatting)) { padding-bottom: calc(64px + 64px + env(safe-area-inset-bottom, 0px)); }
  html.has-tray body.has-tab:not(:has(#sc.chatting)) .toast { bottom: calc(76px + 64px + env(safe-area-inset-bottom, 0px)); }
}

html[data-me] .tabbar .tabbar__si, html:not([data-me]) .tabbar .tabbar__me { display: none; }


.ch .offerline { display: flex; align-items: center; gap: 4px; margin: 6px 0 0; color: var(--ink-2); font: 500 var(--t12)/1.33 var(--sans); text-decoration: none; }
.ch .offerline svg { color: var(--link); }
.ch .offerline--rail { min-height: 44px; margin: 4px 0 0; }
.ch .offerline--rail:hover { text-decoration: underline; }
.ch .offerline[hidden], .ch .offers[hidden], .ch .offers-sec[hidden] { display: none; }
.ch .offers { display: grid; gap: 12px; margin: 16px 0 0; scroll-margin-top: 96px; }
.ch .offerbox { display: grid; gap: 8px; max-width: 560px; padding: 16px 20px; border-left: 2px solid var(--link); border-radius: 0 var(--r-sm) var(--r-sm) 0; background: var(--wash); }
.ch .offerbox > p { margin: 0; }
.ch .offerbox__h { display: flex; align-items: center; gap: 6px; color: var(--ink); font: 600 var(--t14)/1.3 var(--sans); }
.ch .offerbox__h svg { color: var(--link); }
.ch .offerbox__q { color: var(--ink); font-family: var(--serif); font-weight: 400; overflow-wrap: anywhere; white-space: pre-line; }
.ch .offerbox__q { font-size: var(--t16); line-height: 1.5; }
.ch .offerbox__terms { color: var(--ink-2); font: 400 var(--t12)/1.5 var(--sans); overflow-wrap: anywhere; white-space: pre-line; }
.ch .offerbox__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: var(--t14); }
.ch .offerbox__tags .link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; }


.ch .oeyebrow { width: fit-content; margin: 0; padding: 0 54px; color: var(--mute); font: 600 var(--t12)/1 var(--sans);
  letter-spacing: .3em; text-transform: uppercase;
  background: linear-gradient(var(--accent-line), var(--accent-line)) left center / 40px 1px no-repeat,
    linear-gradient(var(--accent-line), var(--accent-line)) right center / 40px 1px no-repeat; }
.ch .oh { margin: 12px 0 6px; font: italic 400 clamp(2rem, 4vw, 3.125rem)/1.05 var(--serif); letter-spacing: -.01em; color: var(--ink); }
.ch .osub { margin: 0 0 28px; max-width: 62ch; color: var(--ink-2); font: 400 var(--t16)/1.5 var(--sans); }
.ch .ofig { font-weight: 600; color: var(--link); }

.ch .ohead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 10px 0 30px; }
.ch .ohead .oh { margin: 0; font: 300 1.875rem/1.25 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.ch .octrls { display: flex; align-items: center; gap: 10px; }
.ch .oarrow { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1px solid var(--ink); border-radius: 0;
  background: var(--surface); color: var(--ink); font: 400 1.125rem/1 var(--sans); cursor: pointer; }
.ch .oarrow:hover:not(:disabled) { background: var(--soft); border-color: var(--accent-line); }
.ch .oarrow:disabled { opacity: .25; cursor: default; }
.ch .oall { display: inline-block; padding: 12px 0; margin-left: 14px; color: var(--ink); font: 600 .78125rem/20px var(--sans);
  letter-spacing: .2em; text-transform: uppercase; white-space: nowrap; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px;
  text-decoration-color: var(--ink); font-variant-numeric: tabular-nums; }  

html[data-offers] .ch .oall [data-offers-n]:empty::before { content: " (00)"; visibility: hidden; }
html:is([data-offers="1"], [data-offers="2"], [data-offers="3"], [data-offers="4"], [data-offers="5"], [data-offers="6"], [data-offers="7"],
  [data-offers="8"], [data-offers="9"]) .ch .oall [data-offers-n]:empty::before { content: " (0)"; }
.ch .orow { --og: 28px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 2 * var(--og)) / 3); gap: var(--og);
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.ch .orow::-webkit-scrollbar { display: none; }
.ch .ocard { position: relative; display: flex; flex-direction: column; min-width: 0; scroll-snap-align: start; background: var(--surface);
  outline: 1px solid var(--line); outline-offset: -1px; }
.ch .ocard__im { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: var(--ink); }
.ch .ocard__pic { position: absolute; inset: 0; }
.ch .ocard__tag { position: absolute; left: 12px; top: 12px; z-index: 2; padding: 6px 9px; background: var(--accent-line); color: var(--ink);
  font: 700 .65625rem/1 var(--sans); letter-spacing: .2em; text-transform: uppercase; }
.ch .ocard__ai { left: 12px; bottom: 10px; font-size: var(--t12); }
.ch .ocard--plain .ocard__im { display: grid; place-items: center; }
.ch .ocard__ini { color: var(--surface); font: italic 400 3.75rem/1 var(--serif); }
.ch .ocard__bd { display: flex; flex-direction: column; gap: 6px; height: 18rem; padding: 20px 22px 22px; overflow: hidden; }
.ch .ocard__bd > p, .ch .ocard__bd > h3 { margin: 0; }
.ch .ocard__b { color: var(--mute); font: 600 .71875rem/1.4 var(--sans); letter-spacing: .2em; text-transform: uppercase;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ch .ocard__p { color: var(--ink); font: italic 400 1.5rem/1.15 var(--serif); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ch .ocard__t { color: var(--ink); font: 400 .9375rem/1.5 var(--sans); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ch .ocard .ofig { color: inherit; font-weight: 700; }
.ch .ocard__bd > .ocard__src { margin-top: auto; padding-top: 8px; color: var(--mute); font: 400 .78125rem/1.5 var(--sans); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ch .ocard__src a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.ch .ocard__v { align-self: flex-start; margin-top: 10px; color: var(--ink); font: 700 .75rem/1.5 var(--sans); letter-spacing: .2em;
  text-transform: uppercase; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; text-decoration-color: var(--ink); }  
.ch .heart.ocard__heart[hidden] { display: none; }
@media (max-width: 860px) {
  .ch .ohead .oh { font-size: 1.375rem; }
  .ch .orow { --og: 14px; grid-auto-columns: 82%; }
}

.ch .offers-sec[data-wait] { display: none; }
html[data-offers] .ch .offers-sec[data-wait] { display: block; }
html[data-offers] .ch .offers-sec[data-wait] .orow::before { content: ""; display: block; box-sizing: content-box; aspect-ratio: 3 / 2;
  border-bottom: 18rem solid transparent; }

.ch .ophead { margin-bottom: 8px; }
.ch .tix { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.ch .tix[hidden], .ch .tk__more[hidden], .ch .heart.tk__heart[hidden] { display: none; }
.ch .tk { position: relative; display: grid; grid-template-columns: 118px minmax(0, 1fr); height: 100%; min-height: 190px; overflow: hidden;
  border-radius: 18px; background: var(--surface); box-shadow: 0 10px 28px -18px rgba(20,22,26,.4); }

.ch .tk::before, .ch .tk::after { content: ""; position: absolute; left: 107px; z-index: 3; width: 22px; height: 22px; border-radius: 50%; background: var(--paper); }
.ch .tk::before { top: -11px; }
.ch .tk::after { bottom: -11px; }
.ch .tk__stub { position: relative; min-height: 100%; background: var(--ink); }
.ch .tk__stub::after { content: ""; position: absolute; top: 0; bottom: 0; right: -1px; border-right: 2px dashed rgba(255,255,255,.9); }
.ch .tk__pic { position: absolute; inset: 0; }
.ch .tk__ai { left: 6px; bottom: 6px; max-width: calc(100% - 14px); padding: 3px 5px; font-size: 10px; line-height: 1.2; white-space: normal; }
.ch .tk__stub--ini { display: grid; place-items: center; }
.ch .tk__ini { color: var(--soft); font: italic 400 2.125rem/1 var(--serif); }
.ch .tk__b { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 16px 18px 14px; }
.ch .tk__b > p { margin: 0; }
.ch .tk__who { color: var(--ink-2); font: 600 var(--t12)/1.3 var(--sans); letter-spacing: .02em; text-transform: uppercase; }
.ch .tk__proj { font: italic 400 1.375rem/1.1 var(--serif); color: var(--ink); }
.ch .tk__a { color: inherit; text-decoration: none; }
.ch .tk__a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.ch .tk__b > .tk__txt { color: var(--ink); font: 400 .9375rem/1.45 var(--sans); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ch .tk--open .tk__b > .tk__txt { display: block; -webkit-line-clamp: none; overflow: visible; }
.ch .tk__more { align-self: flex-start; min-height: 32px; font-size: var(--t14); }
.ch .tk__f { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 4px; }
.ch .tk__src { margin: 0; color: var(--mute); font: 400 var(--t12)/1.45 var(--sans); overflow-wrap: anywhere; }
.ch .tk__src a { color: var(--mute); text-decoration: underline; text-underline-offset: 2px; }
.ch .heart.tk__heart { position: static; flex: none; }
@media (max-width: 1100px) { .ch .tix { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .ch .tix { grid-template-columns: minmax(0, 1fr); }
  .ch .tk { grid-template-columns: 96px minmax(0, 1fr); }
  .ch .tk::before, .ch .tk::after { left: 85px; }
}
@media (forced-colors: active) {
  .ch .ocard__tag, .ch .oarrow, .ch .tk { border: 1px solid CanvasText; }
  .ch .ocard { outline-color: CanvasText; }
}


.hdr .hdr__adv { display: inline-flex; align-items: center; gap: 7px; height: 44px; padding: 0 4px; flex: none; box-sizing: border-box;
  border: 0; border-radius: 0; background: none; color: #B55636; font: 700 var(--t14)/1 var(--sans);
  letter-spacing: 0; text-transform: none; white-space: nowrap; text-decoration: none; position: relative; }
.hdr .hdr__adv:hover { background: none; color: #A84E2F; }
.hdr .hdr__adv:hover .hdr__advl, .hdr .hdr__adv[aria-current] .hdr__advl { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
.hdr .hdr__adv:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.hdr .hdr__adv[aria-current] { background: none; color: #B55636; }
.hdr .hdr__advw { width: 18px; height: 16px; flex: none; display: inline-block;
  background: repeating-linear-gradient(90deg, currentColor 0 2.5px, transparent 2.5px 5.5px);
  -webkit-mask: linear-gradient(transparent 12%, #000 12% 88%, transparent 88%); mask: linear-gradient(transparent 12%, #000 12% 88%, transparent 88%); }
@media (max-width: 1023px) { .hdr .hdr__adv { display: none; } }



html body { background: var(--ground); }

:root .hero.cz { background: transparent; }


.ch .card:where(:not(.card--row, .cz .card)), .ch .icard, .ch .ocard, .ch .tbl-wrap, .ch .empty, .ch .rail, .ch dl.ledger,
.ch .legalnav__box, .ch .doc .rules, :root .jx-page :is(.jx-card, .jx-timeline, .jx-door > li), :root .mc :is(.mc__panel, .next, .pick__it) {
  background: var(--card); border-color: var(--card-edge); border-radius: var(--card-r); box-shadow: var(--card-shadow); }
.ch .ocard { outline-color: var(--card-edge); overflow: hidden; }

:root .jx-page :is(.jx-total, .jx-sheet, .jx-reply), .ch .banner, .ch .doc :is(.callout, .note-box), .cmpx .cm-stand {
  background: var(--card); border: 1px solid var(--card-edge); border-radius: var(--card-r); }

.ch .tbl-wrap { background: linear-gradient(90deg, var(--card) 50%, rgba(255,255,255,0)) left / 20px 100% no-repeat local,
  linear-gradient(270deg, var(--card) 50%, rgba(255,255,255,0)) right / 20px 100% no-repeat local,
  linear-gradient(90deg, rgba(60,30,20,.14), rgba(60,30,20,0)) left / 14px 100% no-repeat scroll,
  linear-gradient(270deg, rgba(60,30,20,.14), rgba(60,30,20,0)) right / 14px 100% no-repeat scroll, var(--card); }


.seen__c { background: var(--card); border-color: var(--card-edge); border-radius: var(--card-r); box-shadow: var(--card-shadow); }
.seen__c:hover { box-shadow: var(--sheet-shadow); }
@media (max-width: 760px) {  
  :root .m-seen .seen__list { padding: 4px var(--gutter-ch, 16px) 22px; margin: -4px calc(-1 * var(--gutter-ch, 16px)) -16px;
    scroll-padding-inline: var(--gutter-ch, 16px); } }
:root .jx-page .phero__soon { border-radius: var(--card-r); box-shadow: var(--card-shadow); }


:root .jx-page .jx-grid > :is(.phero, .jx-main) :is(.ledger, .jx-card, .jx-timeline, .tbl-wrap, .jx-door > li) { box-shadow: none; }


.ch .ptile { display: flex; flex-direction: column; height: 100%; overflow: hidden; background: var(--card); border: 1px solid var(--card-edge);
  border-radius: var(--card-r); box-shadow: var(--card-shadow); }
.ch .ptile__pic { border-radius: 0; }
.ch .ptile__cap { flex: 1 0 auto; padding: 12px 14px 14px; }
.ch .ptile:focus-visible { border-radius: var(--card-r); }


.ch :is(.icards, .cards, .hrail__track, .orow, .tix, .track) > li > :is(.card, .icard, .ocard, .tk) { height: 100%; }
.ch .card:where(:not(.card--row, .cz .card)) { display: flex; flex-direction: column; }
.ch .card:where(:not(.card--row, .cz .card)) > .card__link { flex: 1 0 auto; display: flex; flex-direction: column; }
.ch .card:where(:not(.card--row, .cz .card)) .card__body { flex: 1 0 auto; display: flex; flex-direction: column; }
.ch .card:where(:not(.card--row, .cz .card)) .card__body > :last-child:where(:not(:first-child)) { margin-top: auto; }
.ch .icard__body { flex: 1 0 auto; }
.ch .icard__body > :last-child:where(:not(:first-child)) { margin-top: auto; }


:root .ch :is(.hrail__track, .orow, .track) { padding: 6px 24px 42px; margin: -6px -24px -26px; scroll-padding-inline: 24px; }  
@media (max-width: 760px) { :root .home .ktiles { padding-top: 6px; padding-bottom: 30px; margin-top: -6px; margin-bottom: -22px; }
  :root .ch :is(.hrail__track, .orow, .ktiles) { padding-inline: var(--gutter-ch, 16px); margin-inline: calc(-1 * var(--gutter-ch, 16px));
  scroll-padding-inline: var(--gutter-ch, 16px); }
  
  :root .ch .track { padding-inline: 0; margin-inline: 0; scroll-padding-inline: 0; } }


.ch .tabs { --tabs-ground: var(--page); }
.jx-page .tabs, .ch :where(.card, .icard, .rail, .empty, .tbl-wrap) .tabs { --tabs-ground: var(--card); }
.ch .tabs:not(.tabs--view):not(.tabs--center)::after { background: linear-gradient(90deg, rgba(250,246,241,0), var(--tabs-ground) 75%); }

@media (max-width: 760px) {
  
  :root .jx-page .jx-facts .ledger, :root .jx-page .jx-rail { box-shadow: none; }
  
  :root body .cz:not([data-variant=sheet]) .sc.chatting .sc-bg { background: var(--page); }
  :root body .cz:not([data-variant=sheet]) .sc.chatting .ft { background: linear-gradient(var(--page), rgba(250,246,241,0)); }
  :root body .cz:not([data-variant=sheet]) .sc.chatting .fb { background: linear-gradient(rgba(250,246,241,0), var(--page)); }
  :root body .cz:not([data-variant=sheet]) .sc.chatting :is(.band, .offrow) { background: var(--page); }
  :root body .cz .card { border-color: var(--card-edge); box-shadow: var(--card-shadow); }
  :root body .cz .res:not(.all) { padding-bottom: 24px; margin-bottom: -20px; }  
}


@media (min-width: 761px) and (max-width: 1180px) { .hdr .hpill:not([hidden]) ~ .hdr__end { margin-left: 8px; } }