.col-head{padding:72px 0 40px}.col-head .h1{margin-top:20px}.col-body{padding:24px 0 120px}.col-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.col-tabs button{background:var(--grey-100);color:var(--grey-700);cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;transition:background .15s,color .15s}.col-tabs button:hover{background:var(--grey-200)}.col-tabs button.on{background:var(--point);color:#fff}.col-grid{gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.col-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.col-grid{grid-template-columns:repeat(3,1fr)}}.col-grid li{display:flex}.col-card{border-radius:var(--r-lg);background:var(--grey-100);flex-direction:column;flex:1;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.col-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px -18px #1219264d}.col-thumb{aspect-ratio:4/3;text-align:center;background:linear-gradient(160deg, #24336d 0%, var(--point) 55%, #131c42 100%);color:#fff;flex-direction:column;justify-content:center;padding:26px 24px;display:flex;position:relative;overflow:hidden}.col-thumb:after{content:"";background:radial-gradient(120% 80% at 80% 0,#ffffff1f,#0000 60%);position:absolute;inset:0}.col-thumb-cat{letter-spacing:.02em;color:#aab8ec;margin-bottom:12px;font-size:13px;font-weight:700;position:relative}.col-thumb-title{letter-spacing:-.03em;text-wrap:balance;word-break:keep-all;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:21px;font-weight:700;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.col-thumb-logo{opacity:.85;width:auto;height:18px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.col-card:hover .col-thumb{filter:brightness(1.08)}.col-text{text-align:center;flex-direction:column;flex:1;align-items:center;padding:22px 24px 24px;display:flex}.col-cat{color:var(--point);font-size:13px;font-weight:700}.col-title{text-wrap:balance;letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:19px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.col-excerpt{color:var(--grey-600);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:15px;line-height:1.65;display:-webkit-box;overflow:hidden}.col-date{color:var(--grey-500);margin-top:auto;padding-top:16px;font-size:14px}.col-more{margin-top:48px}.col-empty a{color:var(--point);font-weight:700}