/* Scoped component. Keep existing site styles and unrelated templates intact. */
.kc-featured-systems{background:#fff;padding:48px 0 64px;color:#213c59}
.kc-featured-systems *{box-sizing:border-box}
.kc-featured-shell{width:calc(100% - 64px);max-width:1240px;margin:0 auto}
.kc-featured-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.kc-featured-kicker{margin:0 0 10px;color:#806322;font:600 11px/1.5 system-ui,sans-serif;letter-spacing:2px}
.kc-featured-heading h2{margin:0;font:600 clamp(25px,2.4vw,34px)/1.5 "Noto Serif CJK TC","Noto Serif TC",serif;letter-spacing:.04em;color:#213c59}
.kc-featured-heading>p{font-size:15px;line-height:1.8;margin:0;color:#627185;max-width:330px}
.kc-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kc-featured-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dce5ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #254c7906;transition:box-shadow .2s,border-color .2s}
.kc-featured-card:hover{border-color:#adc4e1;box-shadow:0 12px 28px #254c7910}
.kc-featured-visual{display:flex;align-items:center;justify-content:center;aspect-ratio:12/7;background:#edf4ff;overflow:hidden;text-decoration:none}
.kc-featured-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}
.kc-featured-visual--temple{padding:20px;background:#eef5f2}
.kc-featured-visual--temple img{border:1px solid #d7e2dd;border-radius:5px;box-shadow:0 8px 18px #27483a12;height:auto}
.kc-featured-visual--vipgo{padding:26px;background:#fbf7ed}
.kc-featured-visual--vipgo img{height:auto;mix-blend-mode:multiply}
.kc-featured-body{padding:25px 26px 22px;display:flex;flex-direction:column;flex:1}
.kc-featured-category{margin:0 0 12px;color:#64738a;font-size:12px;letter-spacing:.08em}
.kc-featured-card h3{margin:0;color:#183b69;font:650 25px/1.35 "Noto Sans CJK TC","Microsoft JhengHei",sans-serif;letter-spacing:.025em}
.kc-featured-card h3 a{color:inherit;text-decoration:none}
.kc-featured-card h3 span{display:block;font-size:16px;font-weight:500;letter-spacing:.015em;margin-top:7px;color:#344d68;line-height:1.6}
.kc-featured-description{font-size:15px;line-height:1.9;margin:17px 0 24px;color:#54667b;flex:1}
.kc-featured-link{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:12px 0 0;border-top:1px solid #e5ebf2;color:#0f52ba;font-size:14px;font-weight:600;text-decoration:none}
.kc-featured-link span{font-size:20px;color:#956e23}
.kc-featured-systems a:focus-visible{outline:3px solid #0f52ba;outline-offset:4px;border-radius:4px}
@media(max-width:960px){.kc-featured-grid{gap:16px}.kc-featured-body{padding:20px}.kc-featured-card h3{font-size:23px}.kc-featured-card h3 span{font-size:15px}.kc-featured-description{font-size:14px}}
@media(max-width:720px){.kc-featured-systems{padding:30px 0 40px}.kc-featured-shell{width:calc(100% - 40px)}.kc-featured-heading{display:block;margin-bottom:22px}.kc-featured-heading>p{margin-top:12px;font-size:14px}.kc-featured-grid{grid-template-columns:minmax(0,1fr);gap:22px}.kc-featured-body{padding:23px}.kc-featured-card h3{font-size:25px}.kc-featured-description{font-size:15px;margin-bottom:18px}.kc-featured-visual{aspect-ratio:12/7}}
@media(prefers-reduced-motion:reduce){.kc-featured-card,.kc-featured-visual img{transition:none}}
