/* 전문가 보험사 연락처. 색은 모두 기존 토큰에서 파생한다(새 색상값을 만들지 않는다). */
.insurer-page main.container{padding-bottom:48px}
.insurer-intro{color:var(--muted);margin:0 0 var(--space-4)}

/* 맨 위 통합 검색창 */
.insurer-search-bar{margin:0 0 var(--space-4)}
.insurer-search{margin:0;display:block}
.insurer-search input{width:100%;box-sizing:border-box;min-height:48px;font-size:16px}
.insurer-hint{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}

.insurer-section{margin-bottom:var(--space-5)}
.insurer-section>h2{font-size:16px;margin:0 0 var(--space-2)}

.insurer-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}
.insurer-tab{min-height:var(--touch-target);padding:10px var(--space-4);border:1px solid var(--border);
 border-radius:999px;background:var(--card);color:var(--text);font:inherit;font-size:15px;cursor:pointer}
.insurer-tab[aria-selected=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);font-weight:700}
.insurer-tab:focus-visible{outline:var(--focus-width) solid var(--brand);outline-offset:2px}

/* 모바일 2열 · 데스크톱 5열 */
.insurer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
@media(min-width:760px){.insurer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}
@media(min-width:1024px){.insurer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1280px){.insurer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:340px){.insurer-grid{grid-template-columns:minmax(0,1fr)}}

.insurer-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);min-width:0;
 background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.insurer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.insurer-card-head>div{min-width:0;display:flex;flex-direction:column;gap:4px}
.insurer-card h3{margin:0;font-size:15px;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}

.insurer-badge{--tone:var(--brand);align-self:flex-start;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;
 background:color-mix(in srgb,var(--tone) 12%,var(--card));color:color-mix(in srgb,var(--tone) 74%,black);
 border:1px solid color-mix(in srgb,var(--tone) 30%,var(--card))}
.insurer-badge[data-category="손해"]{--tone:var(--ok)}
.insurer-badge[data-category="공제"]{--tone:var(--warn)}

.insurer-star{flex:0 0 auto;min-width:var(--touch-target);min-height:var(--touch-target);border:0;background:transparent;
 color:var(--muted);font-size:20px;line-height:1;cursor:pointer;border-radius:12px}
.insurer-star[aria-pressed=true]{color:var(--warn)}
.insurer-star:focus-visible{outline:var(--focus-width) solid var(--brand);outline-offset:2px}

.insurer-card .btn{width:100%;box-sizing:border-box;text-align:center;text-decoration:none}
.insurer-portal{min-height:46px;display:flex;align-items:center;justify-content:center;font-weight:700}
.insurer-links{display:flex;gap:6px}
.insurer-links .btn{min-height:var(--touch-target);font-size:13px;padding:8px 6px}
.insurer-tel{display:flex;align-items:center;min-height:var(--touch-target);color:var(--brand);font-weight:700;
 font-size:13px;text-decoration:none;word-break:keep-all}
.insurer-home{color:var(--brand);font-size:12px;text-decoration:none;min-height:36px;display:flex;align-items:center}

.insurer-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;
 margin-top:auto;padding-top:4px;border-top:1px solid var(--border)}
.insurer-asof{color:var(--muted);font-size:11px}
.insurer-report{min-height:32px;padding:4px 6px;border:0;background:transparent;color:var(--muted);
 font:inherit;font-size:11px;text-decoration:underline;cursor:pointer;border-radius:8px}
.insurer-report:focus-visible{outline:var(--focus-width) solid var(--brand);outline-offset:2px}
.insurer-report:disabled{text-decoration:none;cursor:default}
.insurer-notice{color:var(--muted);margin:var(--space-3) 0 0}

/* 자료실 2단 메뉴. 보험사 연락처와 청구 자료를 한 화면 입구에서 고른다. */
.resource-switch{display:flex;gap:var(--space-2);margin:0 0 var(--space-4)}
.resource-switch a{flex:1;min-height:var(--touch-target);display:flex;align-items:center;justify-content:center;
 padding:10px var(--space-3);border:1px solid var(--border);border-radius:999px;background:var(--card);
 color:var(--text);text-decoration:none;font-size:15px}
.resource-switch a[aria-current=page]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark);font-weight:700}
.resource-switch a:focus-visible{outline:var(--focus-width) solid var(--brand);outline-offset:2px}

/* 전문가 홈의 '자주 쓰는 보험사' 한 줄 */
.expert-home-favorites{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 0}
.expert-home-favorites a{min-height:40px;display:inline-flex;align-items:center;padding:6px var(--space-3);
 border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--brand);
 text-decoration:none;font-size:13px;font-weight:700;word-break:keep-all}
.expert-home-favorites a:focus-visible{outline:var(--focus-width) solid var(--brand);outline-offset:2px}