.cc-section{max-width:1344px;margin:40px auto;padding:0 24px;color:#15375f}.cc-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.cc-heading>div>span,.sx-block-title>span{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#0064ef}.cc-heading h2{font-size:clamp(26px,3vw,40px);line-height:1.25;margin:12px 0}.cc-heading p{font-size:15px;line-height:1.8;color:#607592;margin:0}.cc-heading>a{font-size:14px;font-weight:750;color:#065fdf;text-decoration:none;white-space:nowrap;border:1px solid #d9e6fa;border-radius:30px;padding:14px 20px;background:#fff}.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cc-card{background:#fff;border:1px solid #dce6f6;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px #15375f06;min-width:0;transition:transform .2s,box-shadow .2s}.cc-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #15375f12}.cc-card>a{color:inherit;text-decoration:none;display:block;height:100%}.cc-cover{height:205px;position:relative;background:radial-gradient(ellipse at top right,#4782bd,#123356);overflow:hidden}.cc-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cc-cover>img[hidden]{display:none}.cc-initials{position:absolute;inset:0;display:grid;place-items:center;font-size:58px;letter-spacing:-3px;font-weight:850;color:#ffffffbf}.cc-count{position:absolute;bottom:14px;left:16px;padding:8px 12px;background:#fffffff2;backdrop-filter:blur(8px);border-radius:20px;font-size:11px;font-weight:750;color:#174373}.cc-copy{padding:21px}.cc-copy>span{font-size:12px;color:#70829a}.cc-copy h3{font-size:19px;line-height:1.45;letter-spacing:-.4px;color:#14345c;margin:10px 0 22px;overflow-wrap:anywhere}.cc-copy>strong{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:750;color:#0565e9}.cc-copy b{font-size:20px}.cc-note{font-size:13px;line-height:1.7;color:#637994}.kr-archive-grid,.kr-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kr-archive-card,.kr-example-card{background:#fff;border:1px solid #dce6f6;border-radius:21px;padding:24px;box-shadow:0 10px 28px #16365f05;min-width:0;color:#17385f}.kr-archive-person{display:flex;align-items:center;gap:14px;margin-bottom:20px}.kr-archive-person>img{width:72px;height:86px;object-fit:cover;border-radius:14px;flex-shrink:0}.kr-archive-initial{width:72px;height:86px;display:grid;place-items:center;border-radius:14px;background:#edf4ff;color:#0664ec;font-size:30px;font-weight:800;flex-shrink:0}.kr-archive-person>div{min-width:0}.kr-archive-person strong{display:block;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.kr-archive-person small{display:block;font-size:12px;color:#718198;margin-top:5px}.kr-archive-kind{display:inline-block;color:#0063e7;background:#edf5ff;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:750;margin-bottom:7px}.kr-archive-card h3{font-size:19px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}.kr-archive-card p,.kr-example-card p{font-size:14px;line-height:1.9;color:#536d8b;overflow-wrap:anywhere}.kr-archive-card .kr-archive-school{font-size:12px;color:#1b4c8d;font-weight:650}.kr-archive-card footer{border-top:1px solid #e7eef9;padding-top:15px;margin-top:18px;font-size:10px;line-height:1.7;color:#6a7c93}.sx-block-title{margin:0 0 22px}.sx-block-title h3{font-size:clamp(23px,2.4vw,32px);line-height:1.4;margin:10px 0;color:#15375f}.sx-block-title p{font-size:15px;line-height:1.8;color:#607592;margin:0}.sx-archive-block,.sx-examples-block{margin:26px 0 0}.sx-example-drawer{margin-top:25px;background:#f5f9ff;border:1px solid #d9e6f8;border-radius:16px;padding:18px}.sx-example-drawer>summary{cursor:pointer;font-size:14px;line-height:1.6;color:#0665e8;font-weight:750}.kr-example-top{display:flex;align-items:center;gap:12px;margin-bottom:15px}.kr-example-top>.kr-illustrated-avatar{display:block;flex:0 0 54px;width:54px;height:64px;border-radius:12px}.kr-example-top>div{min-width:0}.kr-example-top strong{display:block;font-size:16px;line-height:1.45;color:#17385f}.kr-example-top span{display:block;font-size:8px;line-height:1.6;letter-spacing:.5px;color:#0470df;margin-top:5px;font-weight:800}.kr-example-card>small{display:block;font-size:10px;line-height:1.7;color:#6e8097;border-top:1px solid #e6eef9;padding-top:12px}.cc-card a:focus-visible,.cc-heading a:focus-visible{outline:3px solid #ffb400;outline-offset:-3px}@media(max-width:1050px){.cc-grid,.kr-archive-grid,.kr-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cc-cover{height:190px}}@media(max-width:600px){.cc-section{margin:30px auto;padding:0 16px}.cc-heading{align-items:flex-start;flex-direction:column;gap:16px}.cc-heading h2{font-size:28px}.cc-heading p{font-size:14px}.cc-grid,.kr-archive-grid,.kr-examples-grid{grid-template-columns:minmax(0,1fr);gap:16px}.cc-cover{height:210px}.cc-copy{padding:20px}.kr-archive-card,.kr-example-card{padding:20px}.kr-archive-card h3{font-size:19px}.sx-block-title h3{font-size:24px}.sx-block-title p{font-size:14px}.kr-archive-person>img,.kr-archive-initial{width:64px;height:77px}.sx-example-drawer{padding:14px}}@media(prefers-reduced-motion:reduce){.cc-card{transition:none}.cc-card:hover{transform:none}}
