.kcl{--kcl-accent:#D62C2B;--kcl-line:#e3e3e3;--kcl-text:#111;--kcl-sub:#444;--kcl-bg:#f6f6f6;
max-width:1000px;margin:0 auto 0;color:var(--kcl-text);font-family:inherit;font-size:16px;line-height:1.6;font-weight:400;word-break:keep-all;overflow-wrap:break-word}
.kcl *,.kcl *::before,.kcl *::after{box-sizing:border-box}
.kcl a{color:inherit;text-decoration:none}
.kcl a:hover{text-decoration:underline;text-underline-offset:3px}
.kcl h2,.kcl h3{margin:0;padding:0;border:0;letter-spacing:-.01em;color:var(--kcl-text)}
.kcl ul,.kcl ol{margin:0;padding:0} .kcl .kcl-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;font:inherit;font-size:15px;font-weight:500;line-height:1;color:#111;background:#fff;border:1px solid #ccc;border-radius:0;box-shadow:none;cursor:pointer;white-space:nowrap;text-decoration:none;transition:none}
.kcl .kcl-btn:hover{background:#f5f5f5;border-color:#999;text-decoration:underline;text-underline-offset:3px;color:#111}
.kcl .kcl-btn:active{background:#e8e8e8}
.kcl .kcl-btn.is-on{background:#efefef;border-color:#111;font-weight:600}
.kcl .kcl-btn-core{background:#111;border-color:#111;color:#fff}
.kcl .kcl-btn-core:hover{background:#333;border-color:#333;color:#fff} .kcl-tabs{display:flex;gap:6px;margin-bottom:14px}
.kcl-form{display:flex;gap:8px;margin:0 0 14px}
.kcl .kcl-input{flex:1;min-width:0;height:48px;padding:0 14px;font:inherit;font-size:16px;color:#111;background:#fff;border:1px solid #bbb;border-radius:0;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none}
.kcl .kcl-input:focus{border-color:#111}
.kcl .kcl-form .kcl-btn{height:48px;min-width:96px;font-size:16px}
.kcl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px} .kcl-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 0 10px;border-bottom:1px solid #111;font-size:14px;color:var(--kcl-sub)}
.kcl-total b{font-weight:600;color:#111}
.kcl-filters{white-space:nowrap}
.kcl-filters a{color:var(--kcl-sub)}
.kcl-filters a.is-on{color:#111;font-weight:600}
.kcl-sep{margin:0 8px;color:#bbb}
.kcl-list{list-style:none;min-height:120px}
.kcl-list li{list-style:none;margin:0;padding:16px 2px;border-bottom:1px solid var(--kcl-line)}
.kcl-list .kcl-name{display:block;font-size:17px;font-weight:500;line-height:1.5;color:#111}
.kcl-list .kcl-info{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:5px;font-size:14px;color:var(--kcl-sub)}
.kcl-list .kcl-info .kcl-no{color:#111}
.kcl-tag{display:inline-block;padding:0 7px;height:22px;line-height:20px;font-size:12px;font-weight:500;color:var(--kcl-accent);border:1px solid var(--kcl-accent);background:#fff}
.kcl-empty,.kcl-loading{padding:48px 0;text-align:center;color:var(--kcl-sub)}
.kcl-list.is-loading{opacity:.45} .kcl-pager{display:flex;justify-content:center;gap:4px;margin:26px 0 0}
.kcl-pager a,.kcl-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 6px;font-size:14px;border:1px solid #ddd;color:#111;background:#fff}
.kcl-pager a:hover{background:#f5f5f5;border-color:#999}
.kcl-pager .is-on{background:#efefef;border-color:#111;font-weight:600} .kcl-popular{margin-top:60px}
.kcl-h3{font-size:20px;font-weight:600;padding-bottom:10px;border-bottom:1px solid #111}
.kcl-popular li{list-style:none;padding:12px 2px;border-bottom:1px solid var(--kcl-line)}
.kcl-popular li a{font-weight:500}
.kcl-popular li span{display:block;font-size:14px;color:var(--kcl-sub);margin-top:2px} .kcl-top{margin:0 0 18px}
.kcl-back{font-size:14px;color:var(--kcl-sub)}
.kcl-back::before{content:"‹ "}
.kcl-head{padding:0 0 18px;border-bottom:1px solid #111;margin-bottom:28px}
.kcl-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.kcl .kcl-title{font-size:24px;font-weight:600;line-height:1.45}
.kcl-meta{margin:8px 0 0;font-size:15px;color:var(--kcl-sub)}
.kcl-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;align-items:start}
.kcl-grid .kcl-side{grid-column:2;grid-row:1;position:sticky;top:24px}
.kcl-grid .kcl-main{grid-column:1;grid-row:1}
.kcl-grid-one{grid-template-columns:minmax(0,760px);justify-content:center}
.kcl-grid-one .kcl-main{grid-column:1}
.kcl-sec{margin:0 0 34px}
.kcl .kcl-sec-h{font-size:18px;font-weight:600;margin:0 0 10px;padding-left:10px;border-left:3px solid var(--kcl-accent);line-height:1.2}
.kcl-text{font-size:16px;line-height:1.85;color:#222}
.kcl-body{font-size:15.5px}
.kcl-box{border:1px solid #ddd;background:#fff;padding:20px 20px 18px;margin-bottom:14px}
.kcl-box-caution{background:var(--kcl-bg);border-color:#ddd}
.kcl .kcl-box-h{font-size:17px;font-weight:600;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #ddd}
.kcl-box-caution .kcl-box-h{color:var(--kcl-accent)}
.kcl-sum{list-style:none;counter-reset:k}
.kcl-sum li{list-style:none;position:relative;padding-left:28px;margin:0 0 10px;font-size:15.5px;line-height:1.6;counter-increment:k}
.kcl-sum li::before{content:counter(k);position:absolute;left:0;top:2px;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:600;color:#fff;background:#111}
.kcl-cau{list-style:none}
.kcl-cau li{list-style:none;position:relative;padding-left:14px;margin:0 0 10px;font-size:15px;line-height:1.6;color:#222}
.kcl-cau li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;background:var(--kcl-accent)}
.kcl-side-note{font-size:13px;color:#666;margin:6px 0 0;line-height:1.5}
.kcl-side.is-loading .kcl-box{opacity:.55}
.kcl-art{padding:14px 0;border-bottom:1px solid var(--kcl-line)}
.kcl-art-part .kcl-text{font-weight:600;color:#111}
.kcl-src{margin:60px 0 0;padding-top:14px;border-top:1px solid var(--kcl-line);font-size:13px;color:#666;line-height:1.6} @media (max-width:768px){
.kcl{font-size:15px}
.kcl-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}
.kcl-chips .kcl-btn{padding:0 4px;font-size:14px}
.kcl .kcl-input{height:44px;font-size:16px}
.kcl .kcl-form .kcl-btn{height:44px;min-width:72px;font-size:15px}
.kcl-bar{font-size:13px}
.kcl-sep{margin:0 6px}
.kcl-list li{padding:14px 0}
.kcl-list .kcl-name{font-size:16px}
.kcl-list .kcl-info{font-size:13px}
.kcl-pager a,.kcl-pager span{min-width:32px;height:32px}
.kcl .kcl-title{font-size:20px}
.kcl-meta{font-size:14px}
.kcl-grid{display:block}
.kcl-grid .kcl-side{position:static;margin-bottom:28px}
.kcl-box{padding:16px}
.kcl-text{font-size:15.5px;line-height:1.8}
.kcl-popular{margin-top:40px}
.kcl-src{margin-top:40px}
}