/* ============================================================================
   행사일정(schedule-day1~3.html) 전용 섹션
   시안 1920 값을 전사하고 사이 폭은 규칙(clamp)으로 유동 처리한다.
   ========================================================================== */
@layer components {
  /* ── SCHEDULE ─────────────────────────────────────────────────────────── */
  .daynav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.833vw,16px);}
  @media (max-width:600px){.daynav{grid-template-columns:minmax(0,1fr);}}
  /* 시안 Day_* 라운드 18 · 선 없음.
     비활성 hover = ncard(그라데이션 페이드 + 글자 스왑 → #121212)
     활성 hover = reg-card(이미 있는 그라데이션 와이프 + 글자 스왑 → #fff) */
  .daycard{--daycard-grad:0;position:relative;overflow:hidden;isolation:isolate;
    display:flex;flex-direction:column;gap:clamp(6px,.521vw,10px);
    background:var(--c-panel);border-radius:18px;padding:clamp(22px,1.979vw,38px) clamp(18px,1.458vw,28px);}
  .daycard:not([aria-current="page"])::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:var(--grad-brand);opacity:var(--daycard-grad);}
  .daycard__d,.daycard__dt,.daycard__th{position:relative;z-index:1;}
  .daycard__d{font-family:var(--ff-ui);font-weight:500;font-size:var(--fs-xs);color:var(--c-accent);
    letter-spacing:.06em;text-transform:uppercase;}
  .daycard__dt{font-family:var(--ff-display);font-weight:700;font-size:clamp(28px,2.083vw,40px);line-height:1.1;}
  .daycard__th{font-size:var(--fs-xs);color:var(--c-body);}
  .daycard:not([aria-current="page"]) .daycard__d.is-hot,
  .daycard:not([aria-current="page"]) .daycard__dt.is-hot,
  .daycard:not([aria-current="page"]) .daycard__th.is-hot{color:#121212;}
  .daycard[aria-current="page"],.daycard[aria-selected="true"]{
    color:#121212;
    background-image:var(--grad-brand-flow);background-size:200% 100%;
    background-position:100% 50%;background-repeat:no-repeat;
    transition:background-position .8s var(--ease-out-quart);}
  .daycard[aria-current="page"] .daycard__d,
  .daycard[aria-current="page"] .daycard__th,
  .daycard[aria-selected="true"] .daycard__d,
  .daycard[aria-selected="true"] .daycard__th{color:#121212;}
  .daycard[aria-current="page"]:hover,.daycard[aria-current="page"]:focus-visible,
  .daycard[aria-selected="true"]:hover,.daycard[aria-selected="true"]:focus-visible{background-position:0% 50%;}
  .daycard[aria-current="page"] .daycard__d.is-hot,
  .daycard[aria-current="page"] .daycard__dt.is-hot,
  .daycard[aria-current="page"] .daycard__th.is-hot{color:#fff;}
  @media (prefers-reduced-motion:reduce){
    .daycard:not([aria-current="page"]):hover,
    .daycard:not([aria-current="page"]):focus-visible,
    .daycard:not([aria-current="page"]).is-hot{--daycard-grad:1;}
  }

  /* ── 시간표 (시안 Schedule_Table) ────────────────────────────────────────
     Room_Header  bg #9160ff · r20 · h70 · TIME 열 184 · 룸 4열 각 349
     Time_*       기본 #1d1d1d · r20 · h140 · 패딩 28
     hover(시안 11:00 예시) #19142a · 시간 #23bcee · MAIN 칸 19px #fff */
  .stable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .stable{min-width:860px;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);}
  .stable__head,.stable__row{display:grid;
    grid-template-columns:11.5% repeat(4,minmax(0,21.8125%));border-radius:20px;}
  .stable__head{background:#9160ff;color:#121212;align-items:center;
    min-height:clamp(52px,3.646vw,70px);}
  .stable__h{padding:0 clamp(10px,1.458vw,28px);font-family:var(--ff-ui);font-weight:500;
    font-size:clamp(12px,.677vw,13px);line-height:1.54;}
  .stable__row{background:#1d1d1d;min-height:clamp(96px,7.292vw,140px);
    padding-block:clamp(16px,1.458vw,28px);
    transition:background var(--dur) var(--ease-out-quart);}
  .stable__t{padding:0 clamp(10px,1.458vw,28px);font-family:var(--ff-display);font-weight:700;
    font-size:clamp(20px,1.458vw,28px);line-height:1.2;color:var(--c-accent);
    transition:color var(--dur) var(--ease-out-quart);}
  .stable__c{padding:0 clamp(10px,1.458vw,28px);color:var(--c-body);line-height:1.75;}
  .cell__tx{display:block;transition:color var(--dur) var(--ease-out-quart);}
  .stable__row:hover,.stable__row:focus-within{background:#19142a;}
  .stable__row:hover .stable__t,.stable__row:focus-within .stable__t{color:var(--c-cyan);}
  .stable__row:hover .stable__c:nth-child(3) .cell__tx,
  .stable__row:focus-within .stable__c:nth-child(3) .cell__tx{color:#fff;}
  /* 시안 Schedule_Notice 라운드 20 */
  /* 시안 Schedule_Notice: 제목 뒤 본문이 x=+544 에서 시작해 980 폭이다(1600 안) */
  .notice{background:var(--c-panel);border-radius:20px;padding:clamp(24px,1.875vw,36px);
    display:grid;grid-template-columns:508fr 1020fr;column-gap:0;}
  .notice__t{font-family:var(--ff-kr);font-weight:700;font-size:var(--fs-lead);}
  .notice__b{min-width:0;max-width:980px;font-size:var(--fs-sm);color:var(--c-body);line-height:2;}
  @media (max-width:900px){
    .notice{grid-template-columns:minmax(0,1fr);row-gap:var(--gap-sm);}
    .daycard__dt{font-size:28px;}
    .stable__t{font-size:20px;}
  }
  @media (max-width:600px){
    .daycard__dt{font-size:24px;}
    .stable__t{font-size:18px;}
  }
}

@layer components {
  /* ── 좁은 폭: 5칸 표를 가로로 밀지 않는다 ───────────────────────────────
     390px 에서 5칸 시간표는 가로 스크롤을 붙여도 읽을 수 없다(시간 칸이 화면을
     거의 다 먹는다). 그래서 900px 미만에서는 **행 하나를 카드로** 쌓고,
     각 칸 앞에 룸 이름을 붙인다. 가로 오버플로가 원인에서 사라진다. */
  .cell__lb{display:none;}
  @media (max-width:900px){
    /* 이 폭에서 5칸을 가로로 밀면 읽을 수 없다 — 줄 하나를 카드로 쌓고 칸마다 룸 이름을 붙인다 */
    .stable-wrap{overflow-x:visible;}
    .stable{min-width:0;gap:12px;}
    .stable__head{display:none;}
    .stable__row{grid-template-columns:minmax(0,1fr);padding:clamp(16px,4vw,22px);}
    .stable__t{padding:0 0 10px;}
    .stable__c{padding:8px 0;border-block-start:1px solid var(--c-line);}
    .stable__c:nth-of-type(2){border-block-start:0;}
    .cell__lb{display:block;font-family:var(--ff-ui);font-weight:500;font-size:var(--fs-xxs);
      color:var(--c-accent);letter-spacing:.04em;margin-block-end:4px;}
  }
}