/* Hierarchy uses spacing and surfaces. Rules belong to data tables and fields,
   not both the bottom of a child and the top of its next section.
   Four-pixel corners are a deliberate UI exception to the original square CTAs. */
:root { --ui-surface:#eeefe9; --ui-card:#fffdf8; --ui-hover:#dfe7dc; --ui-radius:4px; }
.sec-head:has(> h2:only-child),.sec-head:has(> div:only-child) { grid-template-columns:minmax(0,1fr); }

/* Keep the existing section rhythm, without stacked horizontal dividers. */
main :is(.education-proof,.education-story,.trust-feature,.planning-gateway,
 .content-band,.related-reading,.article-sources,.pillar-links-heading,
 .content-service-section,.media-channel,.publisher-bridge,.directory-row,
 .directory-row.directory-row-text,.client-group,.guide-topics,.faculty-next,
 .faculty-source-notes,.programme-archive-inquiry,.programme-archive-item,
 .article-responsibility,.edu-block,.course-meta,.course-toc,
 .course-module,.course-edition-note,.form-notice,.inquiry-section,.inquiry-guide,.inquiry-aside,
 .direct-contact,.consent-box,.catalog-controls,.faculty-controls) { border:0; }
.pillar-links-heading { padding-top:0; }
.education-proof { background:var(--ui-surface); }
.planning-gateway { background:var(--ui-surface); }
.article-responsibility { padding:24px; background:var(--ui-surface); }
main .course-edition-note { padding:20px 24px; background:var(--ui-surface); }
main .form-notice { padding:24px; background:var(--ui-surface); }
main #draft-result { border:0; padding:28px; background:var(--ui-surface); }
.structured-footer .footer-network,.structured-footer .footer-bottom { border:0; }
.structured-footer .footer-network { padding-block:24px; }
.structured-footer .footer-bottom { padding-top:24px; }

/* Actions communicate their purpose through their label, surface and state. */
.button { justify-content:center; gap:0; min-height:48px; padding:13px 22px; border:0; border-radius:var(--ui-radius); font-size:17px; line-height:23px; font-weight:600; text-align:center; transition:background .18s ease,color .18s ease; }
.button.outline { background:var(--ui-hover); color:var(--ink); border:0; }
.button.outline:hover { background:#ccd9c8; color:var(--ink); }
.button.light { border:0; }
.text-link,.ccard-link,.production-video-link,.pillar-links-parent,.draft-edit {
 max-width:100%; gap:0; border:0; text-decoration:underline; text-decoration-thickness:1px;
 text-decoration-color:#829488; text-underline-offset:5px; border-radius:2px;
}
.text-link { justify-content:flex-start; font-size:16px; line-height:26px; }
.text-link:hover,.ccard-link:hover,.production-video-link:hover,.pillar-links-parent:hover { color:var(--ink); text-decoration-thickness:2px; }
.page-hero .button { justify-content:center; gap:0; border:0; border-radius:var(--ui-radius); }
.page-hero :is(.text-link,.hero-contact,.contact-quick a) { border:0; padding:12px 20px; background:#ffffff1c; border-radius:var(--ui-radius); text-decoration:none; }
.page-hero :is(.text-link,.hero-contact,.contact-quick a):hover { background:#ffffff30; text-decoration:none; }
.page-hero .article-meta { border:0; padding-top:0; }
.course-aside .button,.inquiry-aside .button { justify-content:center; }
.gnb-contact > .gnb-link { border:0; border-radius:var(--ui-radius); background:var(--ink); color:var(--paper); justify-content:center; padding-inline:20px; }
.hv-header .gnb-contact > .gnb-link:hover { background:#2e5547; color:#fff; }
.gnb-submenu-toggle { border-radius:var(--ui-radius); }
.gnb-submenu-toggle:hover,.gnb-disclosure[open] > summary { color:var(--ink); background:var(--ui-surface); }
.gnb-item[data-active] .gnb-submenu-toggle { font-weight:700; color:var(--ink); }
.gnb-overview { display:flex; align-items:center; justify-content:center; min-height:48px; margin:0 8px 8px; padding:12px 16px; background:var(--ui-surface); border-radius:var(--ui-radius); color:var(--ink); font-size:15px; line-height:24px; }

/* Content cards need only one containing surface, not rules around each part. */
main :is(.purpose-card,.topic-card,.article-card,.catalog-card,.resource-tool,
 .production-route-grid > article,.pillar-link-group,.faculty-card,.programme-speaker-card) { border:0; }
main :is(.purpose-card,.topic-card,.article-card,.catalog-card,.resource-tool) {
 padding:28px; background:var(--ui-card); border-radius:var(--ui-radius);
}
.purpose-card .purpose-image { margin:-28px -28px 28px; }
.article-card .article-card-image { margin:-28px -28px 24px; }
/* One title link covers the card; repeated read-more labels are unnecessary. */
.article-card,.destination-card { position:relative; transition:background .18s ease; }
main :is(.article-card,.destination-card) :is(h2,h3) > .card-title-link,
main .card-heading-link {
 text-decoration:underline; text-decoration-color:#9daea2;
 text-decoration-thickness:1px; text-underline-offset:5px;
}
.card-title-link::after { content:''; position:absolute; inset:0; border-radius:var(--ui-radius); }
main :is(.article-card,.destination-card):is(:hover,:focus-within) { background:var(--ui-hover); }
main :is(.article-card,.destination-card):is(:hover,:focus-within) .card-title-link,
main .card-heading-link:is(:hover,:focus-visible) { text-decoration-color:var(--ink); text-decoration-thickness:2px; }
.card-title-link:focus-visible { outline:0; }
.card-title-link:focus-visible::after { outline:3px solid #8b5e13; outline-offset:4px; }
.catalog-card > .catalog-card-meta { margin-bottom:0; }
.content-directory { row-gap:24px; }
.directory-row.directory-row-text.destination-card { padding:28px; background:var(--ui-card); border-radius:var(--ui-radius); }
.directory-row.destination-card h2 { margin-top:0; }
.case-card.destination-card { padding-bottom:24px; background:var(--ui-card); border-radius:var(--ui-radius); }
.case-card.destination-card > :not(.case-cover) { margin-inline:24px; }
.case-cover > .case-background {
 position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:right center;
 opacity:.45; mask-image:linear-gradient(90deg,transparent,#000 85%); pointer-events:none;
}
.case-cover > span { position:relative; pointer-events:none; }
.section-actions { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; margin-top:40px; }
.section-actions .button { max-width:100%; }
.pillar-links .section-actions .button:hover { color:var(--ink); text-decoration:none; }
.purpose-card > p:not(.section-kicker) { max-width:none; }
.production-route-grid > article { border-radius:var(--ui-radius); }
.pillar-links-groups { gap:24px; }
main .pillar-link-group { background:var(--ui-surface); padding:28px; border-radius:var(--ui-radius); }
.faculty-card { padding:24px; background:var(--ui-card); border-radius:var(--ui-radius); }
main .faculty-card:target,main .programme-speaker-card:target { border:0; outline:2px solid #729079; outline-offset:6px; }
.programme-speaker-card { background:var(--ui-card); padding:28px; border-radius:var(--ui-radius); }

/* Related destinations become individual selectable rows. */
main :is(.purpose-card li,.purpose-card li + li,.pillar-link-group li,
 .pillar-link-group li:last-child,.related-link-list li,.related-link-list li:last-child,
 .faculty-reference-list li,.planning-link-list a,.planning-link-list a:first-child) { border:0; }
.purpose-card ul,.pillar-link-group ul,.related-paths .related-link-list { display:grid; gap:8px; }
.purpose-card li a,.pillar-link-group li a,.related-link-list a {
 display:flex; justify-content:flex-start; align-items:center; min-height:48px;
 padding:12px 16px; background:var(--ui-surface); border-radius:var(--ui-radius);
 color:var(--ink); text-decoration:none;
}
.pillar-link-group li a { background:var(--ui-card); }
.pillar-link-group li a > span:first-child,.related-link-list a > span:first-child { flex:1; min-width:0; }
.purpose-card li a:hover,.pillar-link-group li a:hover,.related-link-list a:hover { background:var(--ui-hover); text-decoration:underline; text-underline-offset:4px; }
.education-field-card .field-learning-topics ul { display:block; }
.education-field-card .field-learning-topics li { background:none; padding:0; }
.planning-link-list { gap:16px; }
main .planning-link-list a { padding:24px; background:var(--ui-card); border-radius:var(--ui-radius); }
.planning-link-list a:hover { background:#e2e9df; }
.planning-link-list strong { display:block; }
.related-paths-more .related-link-list { display:flex; flex-wrap:wrap; gap:12px; }
.related-paths-more .related-link-list a { background:var(--ui-hover); }
.faculty-reference-list { gap:12px; }
.faculty-reference-list a { grid-template-columns:80px minmax(0,1fr); padding:20px; background:var(--ui-surface); border-radius:var(--ui-radius); }
.faculty-reference-list a:hover { background:var(--ui-hover); }
.hero-quicklinks .hub-shortcuts-formats { gap:12px; border:0; }
.hero-quicklinks .hub-shortcut-link,.hub-shortcuts-secondary .hub-shortcut-link {
 justify-content:center; min-height:52px; padding:14px 18px; border:0;
 background:var(--ui-surface); border-radius:var(--ui-radius); text-align:center;
}
.hero-quicklinks .hub-shortcut-link:hover,.hub-shortcuts-secondary .hub-shortcut-link:hover { background:var(--ui-hover); }

/* Reading aids are compact panels; article headings keep their normal spacing. */
.answer-summary { border:0; padding:28px; background:var(--ui-surface); border-radius:var(--ui-radius); }
.article-toc,.article-summary-first .article-toc { border:0; padding:18px 20px; background:var(--ui-surface); border-radius:var(--ui-radius); }
.article-summary-first .article-toc-panel { border:0; }
.article-toc a { padding-inline:4px; }
.course-toc { padding:12px; background:var(--ui-surface); border-radius:var(--ui-radius); }
.course-toc :is(nav,ul) { gap:8px; }
.course-toc a { padding:10px 14px; border-radius:var(--ui-radius); }
.course-toc a:hover { background:var(--ui-hover); }
main .course-module { padding:28px; margin-block:20px; background:var(--ui-card); border-radius:var(--ui-radius); }
.worked-example { border:0; border-radius:var(--ui-radius); }
main :is(.planning-steps > li,.trust-steps > li) { border:0; }
.planning-steps > li + li,.trust-steps > li + li { margin-top:12px; }

/* Each course appears once, with its audience, format and topics together. */
.edu-course-table { overflow:visible; }
.edu-course-table table { width:100%; min-width:0; table-layout:fixed; }
.edu-course-table thead th:first-child { width:46%; }
.edu-course-table thead th:last-child { width:54%; }
.edu-course-table .edu-course-row > :is(th,td) { vertical-align:top; padding:26px 20px; }
.edu-course-table .edu-course-row h3 { margin:0; font-size:18px; line-height:28px; }
.edu-course-table .edu-course-audience { margin:12px 0 0; font-size:16px; line-height:26px; font-weight:400; }
.edu-course-table .edu-course-format { margin:12px 0 0; font-size:14px; line-height:24px; font-weight:500; color:var(--ink); }
.article-body .edu-course-row ul { margin:0 0 10px; padding-left:1.2em; }
.edu-course-table .text-link { min-height:44px; font-size:14px; line-height:22px; }
@media (max-width:734px) {
 .edu-course-table table,.edu-course-table tbody,.edu-course-table tr,.edu-course-table td,.edu-course-table th { display:block; width:100%; }
 .edu-course-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .edu-course-table caption { display:block; width:100%; }
 .edu-course-table .edu-course-row { padding:22px; margin-bottom:16px; background:var(--ui-card); border-radius:var(--ui-radius); }
 .edu-course-table .edu-course-row > :is(th,td) { width:100%; padding:0; border:0; }
 .edu-course-table .edu-course-row > td { margin-top:22px; }
 .edu-course-table .edu-course-row > td::before { content:attr(data-label); content:attr(data-label) / ''; display:block; margin-bottom:10px; color:var(--ink); font-weight:600; }
 .edu-course-table .edu-course-row h3 { font-size:21px; line-height:30px; }
}

/* FAQ uses separated disclosure panels; no adjacent top/bottom rules. */
.faq-list { display:grid; gap:12px; }
.faq-list > .faq-item,.article-body .faq-item,.faq-item:last-child {
 border:0; margin:0; padding:0; background:var(--ui-surface); border-radius:var(--ui-radius);
}
.article-body .faq-item + .faq-item { margin-top:0; }
.faq-item > summary { padding:22px 64px 22px 24px; min-height:64px; }
.faq-item > summary::after { display:grid; place-items:center; right:20px; top:20px; width:28px; height:28px; font-size:21px; line-height:1; background:#fff9; border-radius:50%; }
.faq-item[open] { background:#e5eadf; }
.faq-item[open] > summary { padding-bottom:16px; }
.faq-item > .faq-answer { margin:0; padding:0 24px 24px; }
.faculty-details { border:0; background:var(--ui-surface); padding:12px 16px; border-radius:var(--ui-radius); }
.faculty-details > summary { list-style:none; display:flex; justify-content:space-between; gap:12px; min-height:44px; align-items:center; }
.faculty-details > summary::-webkit-details-marker { display:none; }
.faculty-details > summary::after { content:'+'; font-size:21px; }
.faculty-details[open] > summary::after { content:'−'; }

/* Lists and facts read as groups, without a second section-sized rule. */
main :is(.service-list,.service-row,.module-list,.module-list li,.steps li,
 .steps li:last-child,.project-facts > div,.trust-facts,.trust-facts > div,
 .trust-principles > div,.company-facts > div,.guide-row,.guide-archive-row,
 .guide-archive-row:last-child,.knowledge-grid article,.about-principles > div,
 .records-grid h3,.rec-list li,.work-editorial .work-grid > div,
 .work-editorial .work-grid > div:first-child,.work-editorial .work-grid > div:last-child,
 .format-list,.format-list article,.production-scope li,.publisher-book,.dasi-stage-activities,
 .edu-flow li,.edu-records li,.inquiry-guide li,.evidence-list li,
 .evidence-list li:last-child,.production-video-list,.production-video-list > li,
 .edu-main .program-track,.client-grid li) { border:0; }
.service-list { display:grid; gap:12px; }
.service-row { padding:24px; background:var(--ui-surface); border-radius:var(--ui-radius); }
.trust-facts,.project-facts,.trust-principles { display:grid; gap:12px; }
.trust-facts > div,.project-facts > div,.trust-principles > div { padding:20px 24px; background:var(--ui-surface); border-radius:var(--ui-radius); }
.company-facts > div { padding:24px; background:var(--ui-surface); }
.records-grid h3 { padding-bottom:0; margin-bottom:24px; }
.rec-list li { padding:14px 16px; }
.rec-list li:nth-child(odd) { background:var(--ui-surface); }
.format-list { display:grid; gap:20px; }
.format-list article { padding:28px; background:var(--ui-surface); }
.production-video-list { display:grid; gap:20px; }
.production-video-list > li { padding:28px; background:var(--ui-card); }
.guide-archive-row { margin-bottom:16px; padding:24px; background:var(--ui-surface); }
.evidence-list { display:grid; gap:12px; }
.evidence-list li { padding:22px 24px; background:var(--ui-surface); }
.client-grid { gap:12px; }
.client-grid li { background:var(--ui-card); }
.inquiry-guide li { padding-block:16px; }
.filter-bar { border:0; gap:10px; }
.filter-bar :is(a,button) { border:0; padding:10px 16px; background:var(--ui-surface); border-radius:var(--ui-radius); }
.filter-bar :is([aria-current],[aria-pressed="true"]) { background:var(--ink); color:var(--paper); }
main :is([data-catalog-empty],.faculty-empty) { border:0; background:var(--ui-surface); }

@media(max-width:1068px) {
 .gnb-item { border:0; }
 .gnb-list { display:grid; gap:4px; }
 .gnb-item[data-active] > .gnb-link { text-decoration:none; font-weight:700; }
 .gnb-submenu { background:var(--ui-surface); padding:8px; margin-bottom:8px; border-radius:var(--ui-radius); }
}
@media(max-width:734px) {
 .directory-row.directory-row-text.destination-card { padding:22px; }
 .section-actions { margin-top:32px; }
 main :is(.purpose-card,.topic-card,.article-card,.catalog-card,.resource-tool),
 main .pillar-link-group,.programme-speaker-card { padding:22px; }
 .purpose-card .purpose-image { margin:-22px -22px 22px; }
 .article-card .article-card-image { margin:-22px -22px 20px; }
 .faculty-reference-list a { grid-template-columns:64px minmax(0,1fr); padding:18px; }
 .answer-summary { padding:22px; }
 .article-toc,.article-summary-first .article-toc { padding:12px 20px; }
 .faq-item > summary { padding:20px 56px 20px 20px; }
 .faq-item > summary::after { right:16px; top:20px; width:24px; height:24px; }
 .faq-item > .faq-answer { padding:0 20px 22px; }
 .related-paths-more .related-link-list { display:grid; }
 main .course-module { padding:22px; }
 .trust-facts > div,.project-facts > div,.trust-principles > div,
 .format-list article,.production-video-list > li,.guide-archive-row,.evidence-list li { padding:20px; }
 .company-facts > div { padding:18px; }
 main .form-notice,main #draft-result { padding:22px; }
 .page-hero :is(.text-link,.hero-contact,.contact-quick a) { padding:12px 16px; }
 .service-row { padding:22px 16px; }
}
@media(prefers-reduced-motion:reduce) { .button { transition:none; } }

/* 2026-10-08 지식콘텐츠 포지셔닝: 홈 첫 화면 영상, 방송과 책 섹션 사진 */
.education-story-media{margin:0;width:100%}.education-story-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.education-story-media figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.hero-music-credit{border:0;padding:0}.hero-music-credit summary{font-size:13px;font-weight:400;color:var(--muted);list-style:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;padding-block:12px;margin-block:-12px;cursor:pointer}.hero-music-credit summary::-webkit-details-marker{display:none}.hero-music-credit p{font-size:13px;margin-top:6px;line-height:1.7}
.hero-music-credit summary{font-size:12px;text-decoration:none;opacity:.55;padding:12px 6px;margin:-12px -6px}.hero-music-credit summary:hover,.hero-music-credit[open] summary{opacity:1}.hero-music-credit p{font-size:12px}
.hero-k-desc .keep-together{white-space:nowrap}