.u-hc{--nm:300px;--gap:28px;position:relative}
.u-hc-axis{position:relative;margin-left:calc(var(--nm) + var(--gap));height:30px}
.u-hc-axis span{position:absolute;top:0;transform:translateX(-50%);font-size:13px;font-weight:700;color:#80665B;font-variant-numeric:tabular-nums}
.u-hc-axis span:first-child{transform:none}
.u-hc-axis span:last-child{transform:translateX(-100%)}
.u-hc-rows{list-style:none;margin:0;padding:0;border-top:1px solid #E2D5CC}
.u-hc-row{display:grid;grid-template-columns:var(--nm) minmax(0,1fr);gap:var(--gap);align-items:center;padding:12px 0;border-bottom:1px solid #E2D5CC}
.u-hc-name{display:flex;flex-direction:column;gap:2px;text-decoration:none;min-height:44px;justify-content:center}
.u-hc-name b{font-size:17px;font-weight:800;line-height:1.3}
.u-hc-name span{font-size:13px;font-weight:600;line-height:1.4;color:#80665B}
.u-hc-name span[data-open="1"]{color:#C72031}
.u-hc-track{position:relative;height:44px;background-image:linear-gradient(90deg,#EFE6E0 1px,transparent 1px);background-size:calc(100% / 12) 100%}
.u-hc-bar{box-sizing:border-box;position:absolute;top:6px;bottom:6px;border-radius:999px;background:#E2D5CC;color:#684C41;display:flex;align-items:center;padding:0 16px;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}
.u-hc-bar[data-on="1"]{background:#684C41;color:#FFFFFF}
.u-hc-bar[data-off="1"]{background:repeating-linear-gradient(135deg,#F7F2EE 0 8px,#EFE6E0 8px 16px);color:#80665B}
.u-hc-t{position:relative;z-index:1;margin:0 -6px;padding:1px 6px;border-radius:999px;background:#E2D5CC}
.u-hc-bar[data-on="1"] .u-hc-t{background:#684C41}
.u-hc-bar[data-off="1"] .u-hc-t{visibility:hidden}
.u-hc-now{position:absolute;top:30px;bottom:0;left:calc(var(--nm) + var(--gap) + (100% - var(--nm) - var(--gap)) * var(--x));width:2px;margin-left:-1px;background:#C72031;pointer-events:none}
.u-hc-now .u-hc-nl{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);background:#C72031;color:#FFFFFF;font-size:13px;font-weight:700;padding:5px 10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.u-hc-mk{display:none;position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#C72031}
.u-hc-note{margin:0;font-size:17px;font-weight:600;line-height:1.55;min-height:1.6em}
@media (max-width: 1000px){.u-hc{--nm:220px;--gap:20px}}
@media (max-width: 760px){
 .u-hc{--nm:0px;--gap:0px}
 .u-hc-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 0}
 .u-hc-axis{margin-left:0}
 .u-hc-axis span:nth-child(even){display:none}
 .u-hc-now{display:none}
 .u-hc-mk{display:block}
 .u-hc-bar{padding:0 12px}
}
.km-chip[role="tab"][aria-selected="true"]{background:#684C41;border-color:#684C41;color:#FFFFFF}
@media (hover:hover) and (pointer:fine){.km-chip[role="tab"][aria-selected="true"]:hover{color:#FFFFFF}}
[data-u-tabs][hidden]{display:none}
.u-hc[style*="--hc-h"] .u-hc-track{background-size:calc(100% / var(--hc-h)) 100%}
@media (max-width: 1000px){
 .u-hc[style*="--hc-h"] .u-hc-axis span:nth-child(even){display:none}
 .u-hc[style*="--hc-h"] .u-hc-axis span:nth-child(even):last-child{display:block}
 .u-hc[style*="--hc-h"] .u-hc-axis span:nth-child(odd):nth-last-child(2){display:none}
}
@layer page {
  .u-mit__in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--s-7) var(--gutter); align-items: start; }
  .u-mit__l { display: flex; flex-direction: column; gap: var(--s-4); position: sticky; top: calc(var(--bar-h) + var(--s-6)); }
  .u-feats { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
  .u-feats > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-1) var(--gutter); }
  .u-feats > div:nth-child(3n + 1):not(:first-child) { margin-top: var(--s-6); }
  .u-feats b { font-size: var(--fs-body); font-weight: var(--fw-bold); line-height: var(--lh-snug); color: var(--ink-strong); }
  .u-feats span { font-size: var(--fs-small); line-height: 1.55; }
  .u-feats b .km-link { font-size: inherit; }
  @media (max-width: 900px) {
    .u-mit__in { grid-template-columns: minmax(0, 1fr); }
    .u-mit__l { position: static; }
  }
  @media (max-width: 600px) { .u-feats > div { grid-template-columns: minmax(0, 1fr); } }
  .u-cafesec { padding-top: 0; }
}