#classificationOverview{margin-bottom:24px}
#classificationOverview button:focus-visible,.classification-detail button:focus-visible{outline:2px solid #008577;outline-offset:2px}
#classificationOverview .matrix-tab.active{background:#008577;border-color:#008577}
#classificationDetail{margin-top:0;scroll-margin-top:120px}
.classification-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:2px solid #166e68;padding-top:20px;margin-bottom:12px}
.classification-eyebrow{font-size:12px;color:#627771}
#classificationDetailTitle{font-size:23px;line-height:1.4;margin:6px 0;font-weight:700;color:#223b43}
#classificationDetailCount{font-size:13px;color:#607871;margin:0}
.classification-detail button{padding:9px 13px;border:1px solid #d4e0dc;border-radius:5px;background:#fff;color:#355750;font-size:13px;white-space:nowrap;cursor:pointer}
.classification-stepper{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:16px}
.classification-stepper span{font-size:12px;color:#71847e}
.classification-stepper button:disabled{opacity:.4;cursor:default}
#classificationDetail .combineList-list{gap:12px}
#classificationDetail .combineList-list>li[hidden],#classificationDetail .item[hidden]{display:none!important}
#classificationDetail .combineList-list>li>a{padding:18px;gap:24px;border-color:#d5e3df;border-radius:6px;background:#fff;box-shadow:none}
#classificationDetail .combineList-list>li>a:hover,#classificationDetail .combineList-list>li>a:focus-visible{border-color:#008577;background:#f7fbfa;box-shadow:none}
#classificationDetail .combineList-list>li>a .depth1{width:170px;font-size:18px;color:#243d47}
#classificationDetail .combineList-list>li>a .depth1::after{content:'분류체계 비교 ↗';font-family:inherit;display:block;margin:8px 0 0;font-size:12px;color:#08766b;font-weight:500}
#classificationDetail .combineList-list>li>a .depth2{width:220px;font-size:14px;color:#426761}
#classificationDetail .combineList-list>li>a .depth3{font-size:13px;font-weight:500;line-height:1.5;border-color:#d4e5e0;text-align:left;background:#fff}
#classificationDetail .combineList-list-wrap .item{background:#f0f6f4}
.classification-versions{margin-top:28px;border:1px solid #dce6e2;border-radius:6px;padding:14px 16px;font-size:13px;color:#64766f}
.classification-versions>summary{cursor:pointer;font-weight:600}
.classification-versions .version-timeline{margin-top:14px}
@media(max-width:1000px){#classificationDetail .combineList-list>li>a{flex-direction:column;align-items:stretch;gap:14px}#classificationDetail .combineList-list>li>a .depth1{width:100%;text-align:left}#classificationDetail .combineList-list>li>a .depth2{width:180px}}
@media(max-width:700px){.classification-detail-header{align-items:flex-start;gap:8px}#classificationDetailTitle{font-size:20px}.classification-back{padding:8px!important;font-size:12px!important}.classification-stepper{justify-content:space-between}#classificationDetail .combineList-list>li>a .depth2{width:100%;text-align:left}.classification-versions .version-timeline{padding:12px}.classification-detail-header>div{min-width:0}}

#classificationOverview .matrix-h3{border:0;padding-left:0;font-size:18px;margin-bottom:14px}
#classificationOverview .matrix-tabs{gap:0;border:1px solid #d7e2de;border-radius:6px;overflow:hidden;padding:0;margin-bottom:18px;display:grid;grid-template-columns:repeat(4,1fr)}
#classificationOverview .matrix-tab{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:15px;border:0;border-radius:0;color:#5f736c;font-size:16px;background:#f8faf9}
#classificationOverview .matrix-tab+.matrix-tab{border-left:1px solid #d7e2de}
#classificationOverview .matrix-tab b{font-size:12px;font-weight:500;opacity:.8}
#classificationOverview .matrix-tab.active{background:#087f70;color:#fff}
.classification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#classificationOverview .classification-choice{position:relative;display:flex;align-items:center;gap:14px;min-width:0;text-align:left;padding:14px 30px 14px 14px;min-height:110px;border:1px solid #dce6e1;border-radius:7px;color:#31464b;background:#fff;cursor:pointer;transition:background .15s,border-color .15s}
#classificationOverview .classification-choice img{width:76px;height:76px;border-radius:5px;object-fit:cover;flex:none}
#classificationOverview .classification-choice:hover{border-color:#77b6a5;background:#f7fbf9}
#classificationOverview .classification-choice.selected{border:2px solid #0a8a77;padding:13px 29px 13px 13px;background:#f0f9f5}
.classification-card-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.classification-card-copy strong{font-size:15px;line-height:1.4;font-weight:700;color:#264249;word-break:keep-all}
.classification-card-technologies{font-size:11px;color:#73867e;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.classification-card-count{font-size:11px;color:#137965}
.classification-card-arrow{position:absolute;right:13px;top:15px;font-size:15px;color:#91a59b}
.selected .classification-card-arrow{color:#008577}
.classification-overview-links{display:flex;justify-content:flex-end;margin-top:14px;font-size:12px;color:#587a6b}
.classification-mapping{margin-top:22px;padding:14px 16px;background:#f8faf9;border:1px solid #dce6e2;border-radius:6px;font-size:13px}
.classification-mapping>summary{cursor:pointer;color:#506d61;font-weight:600}
.classification-mapping-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0 0}
.classification-mapping-grid dt{font-size:12px;color:#788a81;margin-bottom:6px}.classification-mapping-grid dd{font-size:13px;line-height:1.7;margin:0;color:#304b40}
@media(max-width:1100px){.classification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classification-mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.classification-grid{grid-template-columns:1fr;gap:10px}#classificationOverview .matrix-tab{padding:12px 6px;font-size:14px;gap:5px}#classificationOverview .classification-choice{min-height:92px}#classificationOverview .classification-choice img{width:62px;height:62px}.classification-card-technologies{font-size:12px}.classification-mapping-grid{grid-template-columns:1fr}}