/* Resources: 기존 도구 페이지의 공통 틀과 색상을 사용하는 읽기용 페이지. */
header .logo { text-decoration: none; }
.resource-content { min-width: 0; }
.resource-content h1 { font-size: clamp(25.2px, 3.5vw, 40.6px); font-weight: 600; }
.resource-intro { margin-top: 16px; color: var(--mut); font-size: 1rem; }
.resource-date { margin-top: 14px; color: var(--mut); font-size: .8rem; }
.resource-content a { color: var(--gd); text-underline-offset: 4px; }
.resource-contents { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--line); font-size: .88rem; }
.resource-section { padding-top: 44px; scroll-margin-top: calc(var(--header-height, 96px) + 20px); }
.resource-section + .resource-section { margin-top: 44px; border-top: 1px solid var(--line); }
.resource-section h2 { margin-bottom: 22px; font-size: 1.4rem; font-weight: 600; letter-spacing: -.035em; }
.resource-section h3 { margin: 28px 0 12px; font-size: 1.05rem; font-weight: 550; letter-spacing: -.02em; }
.resource-section p + p { margin-top: 14px; }
.resource-section > p, .resource-section li, .resource-closing { font-size: .94rem; line-height: 1.9; }
.resource-section > ul { padding-left: 1.25em; margin: 16px 0; }
.resource-section li + li { margin-top: 8px; }
.resource-formula { margin: 20px 0; padding: 20px 22px; border: 1px solid var(--line); border-radius: 4px; background: var(--card); font-size: .94rem; overflow-wrap: anywhere; }
.resource-content .resource-note { color: var(--mut); font-size: .82rem; line-height: 1.85; }
.resource-table { width: 100%; margin: 20px 0; border-collapse: collapse; font-size: .88rem; }
.resource-table th, .resource-table td { padding: 13px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.resource-table thead { background: var(--soft); }
.resource-table th { font-weight: 550; }
.resource-table tbody th { font-weight: 400; }
.resource-sources { padding-left: 1.25em; margin: 20px 0; }
.resource-sources li + li { margin-top: 20px; }
.resource-sources p { margin-top: 6px; color: var(--mut); }
.resource-closing { margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--line); color: var(--mut); }
.resource-closing a { display: inline-block; margin-top: 14px; }
.resource-faq details { padding: 20px 0; }
.resource-faq summary { font-weight: 500; line-height: 1.7; }
.resource-faq details p { margin-top: 14px; font-size: .94rem; line-height: 1.9; }
@media (max-width: 900px) {
  .resources-layout .tools-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .resources-layout { padding-top: calc(var(--header-height, 64px) + 30px); }
  .resource-section { padding-top: 32px; }
  .resource-section + .resource-section { margin-top: 32px; }
  .resource-table { font-size: .8rem; }
  .resource-table th, .resource-table td { padding: 12px 8px; }
  .resource-formula { padding: 18px 16px; }
}
@media print {
  .resource-contents { display: none; }
  .resource-section { padding-top: 24px; }
  .resource-section + .resource-section { margin-top: 24px; }
  .resource-section h2, .resource-section h3, .resource-faq summary { break-after: avoid; }
}