.hkn-wrap{max-width:1240px;margin:0 auto;padding:24px 18px 64px;color:#10233f}.hkn-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:24px 0 18px}.hkn-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;color:#0878e8}.hkn-header h1{margin:5px 0 8px;font-size:clamp(30px,4vw,54px);line-height:1}.hkn-header p{max-width:800px;margin:0;color:#5d6f86}.hkn-live{white-space:nowrap;font-weight:800;background:#eef8f5;border:1px solid #cde8de;padding:10px 14px;border-radius:999px}.hkn-live i{display:inline-block;width:9px;height:9px;background:#15915c;border-radius:50%;margin-right:6px}.hkn-nav{display:flex;gap:8px;overflow:auto;padding:10px 0 16px;border-bottom:1px solid #e4edf5;scrollbar-width:thin}.hkn-nav a{white-space:nowrap;text-decoration:none;color:#173d68;background:#f5f9fc;border:1px solid #dbe7f2;border-radius:999px;padding:8px 13px;font-weight:750;font-size:13px}.hkn-nav a[aria-current=page]{background:#0b5fa8;color:white;border-color:#0b5fa8}.hkn-location{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin:18px 0 22px;padding:16px;background:#f7fafc;border:1px solid #e1eaf2;border-radius:18px}.hkn-location label{display:block;font-size:11px;font-weight:900;color:#60748a;margin:0 0 5px}.hkn-location select,.hkn-location button{width:100%;min-height:44px;border-radius:11px;border:1px solid #cddbe8;background:white;padding:0 11px}.hkn-location button{align-self:end;background:#0b5fa8;color:white;border-color:#0b5fa8;font-weight:850;padding:0 18px}.hkn-breaking{display:grid;grid-template-columns:auto 1fr;align-items:center;background:#0c2441;color:white;border-radius:14px;overflow:hidden;margin-bottom:20px}.hkn-breaking>b{background:#d5222a;padding:14px 16px;font-size:12px;letter-spacing:.06em}.hkn-breaking div{display:flex;gap:22px;overflow:hidden;padding:0 14px}.hkn-breaking a{color:white;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.hkn-lead{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:30px}.hkn-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hkn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hkn-grid--listing{grid-template-columns:repeat(3,minmax(0,1fr))}.hkn-card{border:1px solid #e0e8f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 7px 24px rgba(26,61,93,.06)}.hkn-media{display:block;aspect-ratio:16/9;background:#eaf3f8;overflow:hidden}.hkn-media img{width:100%;height:100%;object-fit:cover}.hkn-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a5fa8,#18a6b8);color:white}.hkn-placeholder b{font-size:24px}.hkn-body{padding:14px}.hkn-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px}.hkn-meta a{font-weight:900;color:#0878e8;text-decoration:none;text-transform:uppercase}.hkn-meta time{color:#718398}.hkn-card h2{font-size:18px;line-height:1.28;margin:8px 0}.hkn-card h2 a{color:#10233f;text-decoration:none}.hkn-card p{color:#5c6f83;line-height:1.55}.hkn-card footer{display:flex;justify-content:space-between;gap:8px;color:#718398;font-size:11px;margin-top:10px}.hkn-card--large h2{font-size:clamp(24px,3vw,38px)}.hkn-section{margin:34px 0}.hkn-section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #10233f;margin-bottom:15px;padding-bottom:8px}.hkn-section-head h2{margin:0;font-size:26px}.hkn-section-head a{text-decoration:none;font-weight:800;color:#0b5fa8}.hkn-summary{display:flex;gap:8px;align-items:baseline;margin:14px 0 18px}.hkn-summary b{font-size:30px}.hkn-summary small{margin-left:auto;color:#718398}.hkn-empty{text-align:center;padding:60px 20px;background:#f7fafc;border-radius:18px}.hk-news-detail{max-width:900px;margin:30px auto;padding:0 18px}.hk-news-detail img{max-width:100%;height:auto}
@media(max-width:900px){.hkn-location{grid-template-columns:1fr 1fr}.hkn-lead{grid-template-columns:1fr}.hkn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hkn-header{align-items:flex-start;flex-direction:column}.hkn-side{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hkn-wrap{padding:14px 12px 44px}.hkn-location{grid-template-columns:1fr}.hkn-grid,.hkn-side,.hkn-grid--listing{grid-template-columns:1fr}.hkn-breaking{grid-template-columns:1fr}.hkn-breaking div{padding:10px 14px}.hkn-header h1{font-size:34px}.hkn-card--large h2{font-size:26px}}