/* 화면에서는 숨기고 검색엔진·화면 읽기 프로그램에는 남기는 제목 (WORK 소개 칸 삭제, 2026-09-13) */
.k-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* 모바일 분류: 칩 줄 대신 하단 알약 하나 + 누르면 올라오는 선택 창 (2026-09-13)
   칩 자체(.work-filter button)는 사이트 코드가 그리는 그대로 쓴다. 여기서는 자리만 바꾼다. */
.kf-pill,.kf-scrim{display:none}
@media (max-width:767px){
  .work-filter{position:fixed!important;left:0;right:0;bottom:0;z-index:var(--k-z-modal,60);display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0!important;
    padding:56px 16px calc(20px + env(safe-area-inset-bottom))!important;background:var(--k-paper,#F1EFEC);
    border-radius:var(--k-r-lg,24px) var(--k-r-lg,24px) 0 0;box-shadow:0 -16px 48px rgba(18,18,20,.2);
    max-height:min(74vh,600px);overflow:auto;overscroll-behavior:contain;
    transform:translateY(104%);visibility:hidden;transition:transform .34s var(--k-ease,ease),visibility 0s linear .34s}
  .work-filter.kf-open{transform:none;visibility:visible;transition:transform .34s var(--k-ease,ease)}
  .work-filter::before{content:'분야 고르기';position:absolute;left:16px;top:20px;font:600 var(--k-t-label,12px)/1 var(--k-face-body);
    letter-spacing:.06em;color:var(--k-ink-faint,#8B867E)}
  .work-filter::after{content:'';position:absolute;left:50%;top:8px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:var(--k-line,#D6D1C9)}
  .work-filter button{width:100%;min-width:0;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kf-scrim{display:block;position:fixed;inset:0;z-index:calc(var(--k-z-modal,60) - 1);background:rgba(18,18,20,.38);
    opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s}
  .kf-scrim.kf-open{opacity:1;visibility:visible;transition:opacity .25s}
  .kf-pill{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:var(--k-z-over,40);
    display:inline-flex;align-items:center;gap:10px;min-height:48px;max-width:calc(100vw - 32px);padding:0 18px 0 16px;
    border:0;border-radius:var(--k-r-pill,99px);background:var(--k-ink,#121214);color:var(--k-paper,#F1EFEC);
    font:600 15px/1 var(--k-face-body);box-shadow:0 10px 30px rgba(18,18,20,.28);transform:translate(-50%,0);
    transition:transform .3s var(--k-ease,ease),opacity .3s;cursor:pointer}
  .kf-pill[hidden]{display:inline-flex;opacity:0;pointer-events:none;transform:translate(-50%,24px)}
  .kf-pill:focus-visible,.work-filter button:focus-visible{outline:var(--k-focus-w,2px) solid var(--k-flare,#FF3B14);outline-offset:var(--k-focus-gap,3px)}
  .kf-dot{width:8px;height:8px;border-radius:50%;background:var(--k-flare,#FF3B14);flex:none}
  .kf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .kf-count{font-family:var(--k-face-display);font-variant-numeric:tabular-nums;opacity:.6}
  .kf-caret{width:8px;height:8px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:none}
  html.kf-lock{overflow:hidden}
  #work-list{padding-bottom:calc(88px + env(safe-area-inset-bottom))}   /* 마지막 카드가 알약 밑에 깔리지 않게 */
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.work-filter,.work-filter.kf-open,.kf-scrim,.kf-pill{transition:none}}