/* 우리 동네 강사(관리자 /admin/instructors) — 새 테마(theme-explore.css) 토큰·카드 모양을 따르고, 어르신이 읽기 쉽게 글씨·누름 영역만 키운다.
   색은 직접 적지 않고 --ex-* 토큰(없으면 --pri 등)을 쓴다. */
.ins-page{font-size:18px}
.ins-page .hero h1{font-size:32px;margin:4px 0 6px;color:var(--ex-ink,var(--fg))}
.ins-page .hero .ins-lead{font-size:18px;color:var(--ex-muted,var(--muted));margin:0 0 18px;max-width:none}
.ins-page .ins-crumb{font-size:15px;color:var(--ex-muted,var(--muted));margin:0}
.ins-page .ins-crumb a{color:var(--ex-blue-d,var(--pri))}
.ins-page .searchbar input{font-size:18px}
.ins-page .searchbar .go{font-size:17px}

.ins-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 0 8px}
.ins-fgroup{min-width:0}
.ins-fgroup h2{font-size:17px;font-weight:700;margin:0 0 10px;color:var(--ex-ink,var(--fg))}
.ins-page .fchips{display:flex;flex-wrap:wrap;gap:8px}
.ins-page .fchips .chip{font:inherit;font-size:17px;min-height:48px;padding:8px 16px;border:0;border-radius:12px;background:#f1f4f9;color:#374151;cursor:pointer}
.ins-page .fchips .chip:hover{background:#e6ebf3}
.ins-page .fchips .chip span{color:var(--ex-muted,var(--muted));font-size:15px;margin-left:2px}
.ins-page .fchips .chip[aria-pressed=true]{background:var(--ex-blue,var(--pri));color:#fff}
.ins-page .fchips .chip[aria-pressed=true] span{color:rgba(255,255,255,.85)}
.ins-check{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;min-height:48px;cursor:pointer;flex-wrap:wrap}
.ins-check input{width:24px;height:24px;accent-color:var(--ex-blue,var(--pri))}
.ins-check small{font-weight:400;color:var(--ex-muted,var(--muted));font-size:15px}

.ins-page .resbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px}
.ins-page .resbar .total,.ins-page .resbar .total b{font-size:19px}
.ins-sub{color:var(--ex-muted,var(--muted));font-size:16px}
.ins-reset{font:inherit;font-size:16px;min-height:44px;padding:6px 16px;border:1.5px solid var(--ex-line,var(--line));border-radius:12px;background:#fff;color:var(--ex-ink,var(--fg));cursor:pointer}
.ins-reset:hover{background:var(--ex-blue-l,var(--pri2))}

.ins-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ins-card{background:#fff;border:1.5px solid var(--ex-line,var(--line));border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ins-card.is-past{background:var(--ex-bg,var(--bg))}
.ins-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.ins-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ex-blue-l,var(--pri2));color:var(--ex-blue-d,var(--pri));font-size:24px;font-weight:700}
.ins-head h3{font-size:23px;margin:0;color:var(--ex-ink,var(--fg));line-height:1.3;word-break:keep-all}
.ins-head h3 small{font-size:16px;font-weight:500;color:var(--ex-muted,var(--muted))}
.ins-where{margin:4px 0 0;font-size:16px;color:var(--ex-muted,var(--muted));line-height:1.5}
.ins-state{font-size:15px;font-weight:700;padding:6px 10px;border-radius:999px;background:#f1f4f9;color:var(--ex-muted,var(--muted));white-space:nowrap}
.ins-state.on{background:var(--ex-blue-l,var(--pri2));color:var(--ex-blue-d,var(--pri))}
.ins-members{margin:0;font-size:15px;color:var(--ex-muted,var(--muted));line-height:1.6}

.ins-course{border-top:1px solid var(--ex-line,var(--line));padding-top:14px;display:grid;gap:10px}
.ins-cbadges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.ins-cbadges .st{font-size:15px;font-weight:700;padding:4px 10px;border-radius:6px}
.ins-topic{font-size:15px;color:var(--ex-muted,var(--muted))}
.ins-course h4{font-size:20px;line-height:1.45;margin:0;color:var(--ex-ink,var(--fg));word-break:keep-all}
.ins-meta{display:grid;grid-template-columns:4.2em 1fr;gap:6px 10px;margin:0;font-size:17px;line-height:1.5}
.ins-meta dt{color:var(--ex-muted,var(--muted));font-weight:500}
.ins-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ins-summary{margin:0;font-size:16px;color:var(--ex-muted,var(--muted));line-height:1.6}
.ins-actions{display:flex;gap:8px;flex-wrap:wrap}
.ins-actions .btn{font-size:17px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.ins-tel{font-weight:500}
.ins-others summary{cursor:pointer;font-size:17px;font-weight:600;color:var(--ex-blue-d,var(--pri));min-height:48px;display:flex;align-items:center}
.ins-others .ins-course{margin-top:6px}
.ins-more{text-align:center;margin:26px 0}
.ins-more .btn{font-size:18px;min-width:220px}
.ins-page .empty{font-size:18px;padding:32px 0;grid-column:1/-1}
.ins-sources{font-size:15px !important;margin-top:8px}
.ins-sources ul{padding-left:20px;line-height:1.8;color:var(--ex-muted,var(--muted))}
.ins-page .psources .sources{font-size:14px;line-height:1.8}

@media(max-width:900px){.ins-list{grid-template-columns:1fr}}
@media(max-width:600px){
  .ins-page .hero h1{font-size:28px}
  .ins-card{padding:18px}
  .ins-head{grid-template-columns:auto 1fr}
  .ins-state{grid-column:1/-1;justify-self:start}
  .ins-avatar{width:48px;height:48px;font-size:21px}
  .ins-page .fchips .chip{min-height:46px;padding:6px 13px;font-size:16px}
  .ins-page .resbar{flex-wrap:wrap}
}