:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--canvas:#f5f7fa;--surface:#fff;--navy:#14233b;--blue:#315fd6;--general:#3867d6;--agentic:#138a72;--physical:#c44a3d;--shadow:0 1px 2px rgba(16,24,40,.04),0 8px 28px rgba(16,24,40,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 clamp(20px,4vw,58px);background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--navy);border-radius:10px;font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:.95rem;letter-spacing:.05em}.brand small{color:var(--muted);font-size:.72rem}nav{display:flex;gap:24px}nav a{color:#475467;text-decoration:none;font-size:.83rem;font-weight:650}nav a:hover{color:var(--ink)}
main{width:min(1580px,calc(100% - 48px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end;padding:70px 0 46px;border-bottom:1px solid var(--line)}.hero-copy-block{max-width:900px}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;max-width:950px;font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.055em;line-height:.98}.hero-copy{max-width:750px;margin:22px 0 0;color:var(--muted);font-size:1.05rem}.stats{display:grid;grid-template-columns:repeat(3,115px);gap:9px}.stats div{padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.stats strong,.stats span{display:block}.stats strong{font-size:1.45rem;letter-spacing:-.04em}.stats span{margin-top:2px;color:var(--muted);font-size:.69rem}
.explorer{padding:32px 0 76px}.explorer-layout{display:grid;grid-template-columns:294px minmax(0,1fr);gap:18px;align-items:start}.taxonomy-panel{position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.taxonomy-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.taxonomy-panel-head .eyebrow{margin-bottom:2px;color:#98a2b3;font-size:.61rem}.taxonomy-panel-head h2{margin:0;font-size:.98rem}#tree-close{display:none;padding:5px 8px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:7px;font-size:.72rem}.tree-root{display:grid;grid-template-columns:1fr auto;width:calc(100% - 16px);margin:8px;padding:10px 11px;text-align:left;background:#f9fafb;border:0;border-radius:9px}.tree-root span{font-size:.78rem;font-weight:800}.tree-root b{color:var(--muted);font-size:.7rem}.tree-root small{grid-column:1/-1;margin-top:2px;color:var(--muted);font-size:.63rem}.tree-root.active{color:#fff;background:var(--navy)}.tree-root.active b,.tree-root.active small{color:#d0d5dd}.taxonomy-tree{max-height:calc(100vh - 230px);overflow:auto;padding:0 8px 12px;scrollbar-width:thin}.tree-domain{margin-top:5px;--domain:var(--blue)}.tree-domain summary{list-style:none;display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 8px;border-radius:8px;cursor:pointer;font-size:.74rem;font-weight:750}.tree-domain summary::-webkit-details-marker{display:none}.tree-domain summary:before{content:"";width:7px;height:7px;background:var(--domain);border-radius:50%}.tree-domain summary:hover{background:#f9fafb}.tree-domain summary b{color:#98a2b3;font-size:.65rem}.tree-l2{margin:0 0 5px 14px;padding-left:9px;border-left:1px solid #e8ecf2}.tree-l2-head{display:flex;width:100%;align-items:center;justify-content:space-between;padding:6px 7px;color:#475467;background:transparent;border:0;border-radius:6px;text-align:left;font-size:.68rem;font-weight:750}.tree-l2-head:hover,.tree-l2-head.active{color:var(--domain);background:color-mix(in srgb,var(--domain) 7%,white)}.tree-l2-head b{color:#98a2b3;font-size:.61rem}.tree-l3{display:flex;width:100%;gap:7px;align-items:flex-start;padding:6px 7px 6px 12px;color:#667085;background:transparent;border:0;border-radius:6px;text-align:left;font-size:.66rem;line-height:1.35}.tree-l3 code{flex:0 0 auto;color:#98a2b3;font-size:.55rem}.tree-l3 span{flex:1}.tree-l3 b{color:#98a2b3;font-size:.58rem}.tree-l3:hover,.tree-l3.active{color:var(--ink);background:#f2f4f7}.tree-toggle{display:none;width:100%;margin-bottom:12px;padding:11px 14px;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.8rem;font-weight:750}
.explorer-main{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}h2{margin:0;font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.04em}#result-count{margin:0;color:var(--muted);font-size:.78rem}.controls{display:grid;grid-template-columns:minmax(280px,1.8fr) minmax(150px,.7fr) minmax(200px,1fr);gap:9px;margin-bottom:12px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:12px}.controls label{display:grid;gap:5px;color:var(--muted);font-size:.66rem;font-weight:750}input,select{width:100%;height:40px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid #d0d5dd;border-radius:8px;font-size:.78rem}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(49,95,214,.22);outline-offset:2px}.active-path{margin-bottom:11px;padding:9px 12px;color:#344054;background:#eef4ff;border-radius:8px;font-size:.72rem}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.risk-card{min-height:250px;padding:16px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-top:3px solid var(--card-accent,var(--blue));border-radius:11px;box-shadow:0 1px 2px rgba(16,24,40,.04);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.risk-card:hover{transform:translateY(-2px);border-color:#c8ced8;box-shadow:0 10px 26px rgba(16,24,40,.08)}.risk-card h3{margin:13px 0 8px;font-size:.92rem;line-height:1.35}.risk-card .ko{color:var(--muted);font-weight:600}.card-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;background:#eef4ff;color:#3538cd;font-size:.61rem;font-weight:800;letter-spacing:.025em}.domain{color:var(--card-accent,var(--blue));background:color-mix(in srgb,var(--card-accent,var(--blue)) 9%,white)}.definition-preview{margin:0;color:var(--muted);font-size:.75rem;line-height:1.58;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.breadcrumb{margin:16px 0 0;color:#98a2b3;font-size:.64rem}.load-more{display:block;margin:24px auto 0;padding:10px 18px;color:var(--blue);background:#fff;border:1px solid var(--blue);border-radius:8px;font-size:.76rem;font-weight:750}
.dataset{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px 70px;padding:70px 0 100px;border-top:1px solid var(--line)}.dataset>p{margin:0;color:var(--muted);font-size:.95rem}.download-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.download-links a{padding:10px 14px;color:#fff;background:var(--navy);border-radius:8px;text-decoration:none;font-size:.76rem;font-weight:750}
dialog{width:min(900px,calc(100% - 28px));max-height:92vh;padding:0;border:0;border-radius:18px;box-shadow:0 28px 90px rgba(16,24,40,.3)}dialog::backdrop{background:rgba(16,24,40,.58);backdrop-filter:blur(3px)}.close-dialog{position:sticky;top:14px;float:right;z-index:2;margin:14px 14px 0 0;padding:7px 10px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.7rem;font-weight:750}#dialog-content{padding:34px clamp(22px,5vw,52px) 48px}#dialog-content h2{margin:13px 0 18px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.16}.hierarchy{padding:11px 13px;color:var(--muted);background:#f2f4f7;border-radius:8px;font-size:.74rem}.detail-section{margin-top:27px}.detail-section h3{margin:0 0 9px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.detail-section p{color:#475467;font-size:.88rem}.attributes{display:flex;flex-wrap:wrap;gap:7px}.evidence-link{color:#214aa8;font-size:.96rem;font-weight:750}blockquote{margin:16px 0 0;padding:14px 16px;color:#344054;background:#f8fafc;border-left:3px solid var(--blue);font-size:.84rem}.source-note{color:var(--muted);font-size:.7rem!important}.future-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.future-field{min-height:68px;padding:12px;border:1px solid var(--line);border-radius:9px}.future-field span{display:block;color:var(--muted);font-size:.68rem;font-weight:750}footer{padding:24px;text-align:center;color:#98a2b3;background:var(--navy);font-size:.72rem}
@media(max-width:1180px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:440px}}@media(max-width:840px){main{width:min(100% - 28px,1580px)}nav{display:none}.brand small{display:none}.hero{padding-top:48px}.explorer-layout{grid-template-columns:1fr}.tree-toggle{display:block}.taxonomy-panel{position:fixed;inset:66px auto 0 0;z-index:40;width:min(360px,90vw);max-height:none;border-radius:0 14px 14px 0;transform:translateX(-105%);transition:transform .2s ease}.taxonomy-panel.open{transform:translateX(0)}#tree-close{display:block}.taxonomy-tree{max-height:calc(100vh - 206px)}.controls{grid-template-columns:1fr 1fr}.search-label{grid-column:1/-1}}@media(max-width:600px){h1{font-size:2.55rem}.stats{grid-template-columns:repeat(3,1fr)}.stats div{min-width:0;padding:11px}.controls,.card-grid,.dataset{grid-template-columns:1fr}.search-label,.download-links{grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.future-fields{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Readability adjustments for the page heading and risk cards. */
h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1.06}
.risk-card h3{font-size:1.05rem;line-height:1.4}
.definition-preview{font-size:.875rem;line-height:1.6}
.risk-card .badge{font-size:.7rem}
.breadcrumb{font-size:.75rem;color:#667085}
.detail-section p{font-size:1rem}
blockquote{font-size:.95rem}
.hierarchy{font-size:.85rem}
@media(max-width:600px){h1{font-size:2.15rem}}
/* Institutional page frame inspired by the OECD topic layout. */
:root{--navy:#151f40;--blue:#2867a5;--canvas:#fff}
body{background:#fff}
.site-header{height:80px;background:var(--navy);color:white;border-bottom:1px solid #ffffff26;backdrop-filter:none;padding-inline:max(24px,calc((100vw - 1440px)/2))}
.brand-mark{background:#fff;color:var(--navy);border-radius:0}
.brand strong{font-size:1.4rem;letter-spacing:.02em}
.brand small{color:#c3c9da}
.site-header nav a{color:#fff;font-size:.9rem}
.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}
main{width:100%;max-width:none}
.hero{position:relative;grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr);column-gap:100px;margin:0;background:var(--navy);color:white;padding:28px max(24px,calc((100vw - 1440px)/2)) 60px;border:0}
.page-breadcrumb{grid-column:1/-1;display:flex;gap:14px;align-items:center;margin-bottom:28px;font-size:.85rem;color:#c3c9da}
.page-breadcrumb a{text-decoration:none;color:white;font-weight:650}
.hero .eyebrow{color:#bac6dd;font-size:.75rem}
h1{max-width:880px;font-size:clamp(2.25rem,3.6vw,3.5rem);line-height:1.08;letter-spacing:-.035em}
.hero-copy{font-size:1.13rem;line-height:1.55;color:#c9cedb;margin-top:26px;max-width:760px}
.hero-action{display:inline-block;margin-top:26px;padding:13px 20px;background:#fff;color:var(--navy);border:1px solid #fff;text-decoration:none;font-size:.88rem;font-weight:650;border-radius:2px}
.hero-action:hover{background:#e7edf5}
.stats{grid-template-columns:1fr;gap:0;max-width:none;align-self:center;border-top:1px solid #ffffff38}
.stats div{display:flex;align-items:center;justify-content:space-between;gap:28px;background:transparent;border:0;border-bottom:1px solid #ffffff38;border-radius:0;padding:20px 0}
.stats strong{font-size:2.5rem;color:white;font-weight:650}
.stats span{font-size:.95rem;color:#c9cedb}
.section-nav{position:sticky;top:80px;z-index:20;display:flex;gap:36px;padding:18px max(24px,calc((100vw - 1440px)/2));background:#fff;border-bottom:1px solid #d8dee8;overflow:auto;white-space:nowrap}
.section-nav a{font-size:.9rem;text-decoration:none;color:#253854;font-weight:600}
.section-nav a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:7px}
.explorer{max-width:1488px;margin:auto;padding:48px 24px 72px;scroll-margin-top:148px}
.taxonomy-panel{top:154px;border:0;border-radius:0;box-shadow:none;border-right:1px solid var(--line);padding-right:16px;max-height:calc(100vh - 174px)}
.taxonomy-panel-head{padding:0 8px 18px;border-bottom:1px solid var(--line)}
.taxonomy-tree{max-height:calc(100vh - 298px)}
.tree-root{border-radius:2px}.tree-domain summary,.tree-l3,.tree-l2-head{border-radius:2px}
.tree-domain summary{font-size:.85rem}.tree-l2-head{font-size:.78rem}.tree-l3{font-size:.77rem}.tree-l3 code{font-size:.6rem}
.section-heading h2{font-size:2rem;font-weight:650;letter-spacing:-.025em}
.controls{background:#f3f5f8;border-radius:2px;border:0;padding:16px}
.controls label{font-size:.78rem}input,select{font-size:.875rem;border-radius:2px}
.dataset{max-width:1440px;margin:0 auto;padding:64px 0 80px;scroll-margin-top:150px}
.dataset .download-links a{background:var(--blue);border-radius:2px;font-size:.85rem}
.site-footer{background:var(--navy);color:#fff;text-align:left;padding:56px max(24px,calc((100vw - 1440px)/2)) 24px}
.footer-inner{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;padding-bottom:48px}
.footer-identity strong{font-size:2rem;letter-spacing:.02em}.footer-identity p{color:#c3c9da;max-width:260px;font-size:.9rem}
.footer-inner h2{font-size:1.05rem;letter-spacing:0;margin:0 0 18px}
.footer-inner a{display:block;color:#d6dbe7;text-decoration:none;font-size:.875rem;margin:10px 0}
.footer-inner a:hover{text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff38;padding-top:22px;font-size:.8rem;color:#c3c9da}
@media(max-width:1180px){.hero{column-gap:40px}.dataset{margin-inline:24px}}
@media(max-width:840px){.site-header{height:68px}.site-header nav{display:flex;gap:16px}.site-header nav a{font-size:.75rem}.site-header nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:22px}.stats{grid-template-columns:repeat(3,1fr);margin-top:32px}.stats div{display:block;padding:16px;border:0}.stats strong{font-size:2rem}.stats span{font-size:.8rem}.section-nav{top:68px;gap:26px;padding-block:15px}.taxonomy-panel{inset:68px auto 0 0;max-height:none;border-right:1px solid var(--line);padding:20px 12px;background:#fff}.taxonomy-tree{max-height:calc(100vh - 230px)}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.hero-copy{font-size:1rem}}
@media(max-width:600px){.brand strong{font-size:1.15rem}.site-header nav{gap:12px}.site-header nav a{font-size:.72rem}h1{font-size:2.25rem}.page-breadcrumb{margin-bottom:20px}.hero{padding-bottom:36px}.stats div{padding:14px 6px}.stats strong{font-size:1.8rem}.stats span{font-size:.75rem}.explorer{padding-inline:16px;padding-top:30px}.dataset{padding:40px 0;margin-inline:16px}.footer-inner{grid-template-columns:1fr 1fr;gap:28px}.footer-identity{grid-column:1/-1}.footer-bottom{flex-direction:column}}