/* 2026-10-01 자료실 디자인 정돈: 목차 칩 고정, 강의문 촘촘한 목록, 간격 축소, 긴 목록 3단 */
body.archive-page .hero::before,
body.archive-page .hero-figure::before,
body.archive-page .hero-figure::after { display: none !important; }
body.archive-page .archive-hero { min-height: 0 !important; padding-top: clamp(32px, 4vw, 56px) !important; padding-bottom: clamp(24px, 3vw, 40px) !important; }

/* 목차 칩 */
body.archive-page .archive-category-nav {
  position: sticky; top: 92px; z-index: 30;
  display: flex !important; flex-wrap: wrap; gap: 8px; margin-top: 18px !important;
  padding: 8px 0 !important; border: 0 !important; background: rgba(253, 248, 240, .94);
}
body.archive-page .archive-category-nav a {
  display: inline-flex !important; align-items: center; min-height: 40px; padding: 0 16px !important;
  border: 1px solid #DCCBA9 !important; border-radius: 999px !important; background: #fff !important;
  color: #4A3B2A !important; font-size: .88rem !important; font-weight: 700 !important; text-decoration: none !important;
}
body.archive-page .archive-category-nav a:hover { border-color: #6B4F0B !important; color: #6B4F0B !important; }
body.archive-page .archive-category-nav a { gap: 6px; }
body.archive-page .archive-category-nav .nav-count {
  display: inline-grid; place-items: center; min-width: 22px; height: 20px; padding: 0 6px;
  border-radius: 999px; background: #F3EADB; color: #6B4F0B;
  font-size: .74rem; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1;
}
@media (max-width: 1099px) { body.archive-page .archive-category-nav { top: 64px; } }

/* 구역 간격과 굵은 선 줄이기 */
body.archive-page main > section.band,
body.archive-page main > section { padding-top: clamp(40px, 5vw, 72px) !important; padding-bottom: clamp(32px, 4vw, 56px) !important; }
body.archive-page main > section + section::before,
body.archive-page main > section::before { height: 1px !important; background: #E8DCC8 !important; }
body.archive-page main > section { border-top-width: 1px !important; border-top-color: #E8DCC8 !important; }

/* 강의문: 큰 접힘 → 번호 달린 촘촘한 목록 */
body.archive-page .lesson-article-list { display: grid; gap: 10px; margin-top: 28px; border: 0 !important; }
body.archive-page .lesson-article { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.archive-page .lesson-article::before, body.archive-page .lesson-article::after { display: none !important; }
body.archive-page .lesson-fold { border: 1px solid #E8DCC8 !important; border-radius: 12px !important; background: #fff !important; overflow: hidden; }
body.archive-page .lesson-fold[open] { border-color: #6B4F0B !important; }
body.archive-page .lesson-fold > summary.lesson-fold-summary {
  display: grid !important; grid-template-columns: 48px minmax(0, 1fr) auto; grid-template-areas: "num head btn" "num prev btn";
  align-items: center; column-gap: 16px; row-gap: 2px; padding: 16px 18px !important; margin: 0 !important;
  border: 0 !important; background: none !important; cursor: pointer; list-style: none;
}
body.archive-page .lesson-fold > summary.lesson-fold-summary::-webkit-details-marker { display: none; }
body.archive-page .lesson-fold > summary .lesson-article-header { display: contents !important; }
body.archive-page .lesson-fold > summary .lesson-number {
  grid-area: num; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  border-radius: 50%; background: #F5EDE0; color: #6B4F0B !important; font-size: .95rem !important; font-weight: 800;
}
body.archive-page .lesson-fold > summary h3 { grid-area: head; margin: 0 !important; font-size: clamp(1.05rem, 1.6vw, 1.25rem) !important; line-height: 1.4 !important; }
body.archive-page .lesson-fold > summary .lesson-preview {
  grid-area: prev; margin: 0 !important; max-width: none !important; padding: 0 !important; border: 0 !important;
  color: #6F604B; font-size: .88rem !important; line-height: 1.5 !important;
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
body.archive-page .lesson-fold > summary::after {
  grid-area: btn; content: "펼쳐 읽기" !important; position: static !important; width: auto !important; height: auto !important;
  padding: 8px 14px; border: 1px solid #DCCBA9; border-radius: 999px; background: #fff;
  color: #6B4F0B; font-size: .8rem; font-weight: 800; white-space: nowrap; transform: none !important;
}
body.archive-page .lesson-fold[open] > summary::after { content: "접기" !important; background: #6B4F0B; border-color: #6B4F0B; color: #fff; }
body.archive-page .lesson-fold[open] > summary { border-bottom: 1px solid #E8DCC8 !important; }
body.archive-page .lesson-fold[open] > :not(summary) { padding-left: clamp(18px, 6vw, 82px) !important; padding-right: clamp(18px, 4vw, 48px) !important; }
body.archive-page .lesson-fold[open] > :last-child { padding-bottom: 28px !important; }
@media (max-width: 640px) {
  body.archive-page .lesson-fold > summary.lesson-fold-summary { grid-template-columns: 36px minmax(0, 1fr); grid-template-areas: "num head" "num prev" "btn btn"; padding: 14px !important; }
  body.archive-page .lesson-fold > summary .lesson-number { width: 34px; height: 34px; font-size: .82rem !important; }
  body.archive-page .lesson-fold > summary::after { justify-self: start; margin-top: 8px; }
}

/* 긴 기사 목록: 넓은 화면 3단 */
@media (min-width: 1100px) {
  body.archive-page #minwoo-all-articles ol.archive-list { display: block !important; columns: 3; column-gap: 32px; }
  body.archive-page #minwoo-all-articles ol.archive-list > li { break-inside: avoid; }
}
body.archive-page #minwoo-all-articles ol.archive-list > li { padding-top: 10px !important; padding-bottom: 10px !important; }
body.archive-page #minwoo-all-articles h3 { margin-top: 40px !important; }

/* 강의문 12·13(정서 교재, 2026-10-02): 소제목·예문·시 인용·목록 */
body.archive-page .lesson-article h5 { margin: 22px 0 6px; color: #2C2416; font-size: 1rem; font-weight: 800; line-height: 1.5; }
body.archive-page .lesson-fold[open] > p.lesson-quote {
  margin: 10px clamp(18px, 4vw, 48px) 14px clamp(18px, 6vw, 82px) !important;
  padding: 12px 16px !important;
  border-left: 3px solid #C9A961;
  background: #FBF6EC;
  color: #2C2416;
  font-family: 'Nanum Myeongjo', 'Noto Serif KR', serif;
  font-size: 1rem;
  line-height: 1.85;
  word-break: keep-all;
  max-width: 600px;
}
body.archive-page .lesson-fold[open] > p.lesson-quote + p.lesson-quote { margin-top: -6px !important; }
body.archive-page .lesson-list { margin: 4px 0 16px; }
body.archive-page .lesson-fold[open] > .lesson-list { padding-left: calc(clamp(18px, 6vw, 82px) + 1.2em) !important; }
body.archive-page .lesson-list li { margin: 0 0 8px; color: #4A3B2A; font-size: 1.01rem; line-height: 1.85; }
body.archive-page .lesson-fold[open] > .lesson-list.plain { list-style: none; padding-left: clamp(18px, 6vw, 82px) !important; }
body.archive-page .lesson-list li { max-width: 36em; }

/* 보도·기록: 대표 7건 아래 '보도 전체 보기'(2026-10-02) */
body.archive-page .press-all { margin-top: 28px; border-top: 3px solid #2C2416; }
body.archive-page .press-all > summary {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px;
  min-height: 64px; padding: 16px 4px; cursor: pointer; list-style: none; border-bottom: 1px solid #E8DCC8;
}
body.archive-page .press-all > summary::-webkit-details-marker { display: none; }
body.archive-page .press-all-label { font-family: 'Nanum Myeongjo', 'Noto Serif KR', serif; font-size: clamp(1.2rem, 2.2vw, 1.5rem); font-weight: 800; color: #2C2416; }
body.archive-page .press-all-label::after { content: "더보기"; display: inline-flex; align-items: center; min-height: 32px; margin-left: 12px; padding: 0 14px; border: 1px solid #6B4F0B; border-radius: 999px; color: #6B4F0B; font-family: inherit; font-size: .85rem; vertical-align: middle; }
body.archive-page .press-all[open] .press-all-label::after { content: "접기"; background: #6B4F0B; color: #fff; }
body.archive-page .press-all-count { color: #6B5D4F; font-size: .92rem; font-weight: 700; }
body.archive-page .press-all > summary:focus-visible { outline: 3px solid #6B4F0B; outline-offset: 2px; }
body.archive-page .press-all-note { max-width: 46em; margin: 18px 0 8px; color: #6B5D4F; font-size: .92rem; line-height: 1.75; }
body.archive-page .press-group { margin-top: 28px; }
body.archive-page .press-group > h3 { margin: 0 0 4px; font-size: clamp(1.15rem, 2vw, 1.4rem); }
body.archive-page .press-group > h3 small { margin-left: 6px; color: #8B6914; font-size: .8em; }
body.archive-page .press-year { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 0 20px; padding: 14px 0; border-top: 1px solid #E8DCC8; }
body.archive-page .press-year > h4 { margin: 6px 0 0; color: #8B6914; font-family: 'Nanum Myeongjo', 'Noto Serif KR', serif; font-size: 1.15rem; }
body.archive-page .press-list { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 32px; }
body.archive-page .press-list li { break-inside: avoid; padding: 6px 0 10px; }
body.archive-page .press-list a { display: inline; color: #2C2416; font-weight: 700; line-height: 1.6; text-decoration: none; padding-block: 10px; margin-block: -10px; }
body.archive-page .press-list a:hover { color: #6B4F0B; text-decoration: underline; text-underline-offset: 3px; }
body.archive-page .press-list span { display: block; margin-top: 2px; color: #6B5D4F; font-size: .83rem; }
body.archive-page .press-official { columns: 1; padding-top: 10px; border-top: 1px solid #E8DCC8; }
@media (max-width: 760px) {
  body.archive-page .press-year { grid-template-columns: 1fr; }
  body.archive-page .press-list { columns: 1; }
  body.archive-page .press-year > h4 { margin: 0 0 6px; }
}