.hakl{--ha-orange:#f59e0b;--ha-text:#f8fafc;--ha-muted:#94a3b8;--ha-border:rgba(255,255,255,.1);--ha-panel:#171717;--ha-input:#0d0d0d;margin:42px 0;color:var(--ha-text);font-family:inherit}
.hakl *,.hakl *:before,.hakl *:after{box-sizing:border-box}
.hakl-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.hakl-head h2{margin:0;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.15}
.hakl-search-wrap{width:min(420px,100%)}
.hakl-search{width:100%;min-height:48px;border:1px solid var(--ha-border);border-radius:14px;padding:11px 16px;background:var(--ha-input);color:var(--ha-text);font:inherit;outline:none;color-scheme:dark}
.hakl-search::placeholder{color:var(--ha-muted)}
.hakl-search:focus{border-color:var(--ha-orange);box-shadow:0 0 0 3px rgba(245,158,11,.18)}
.hakl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hakl-item{margin:0;border:1px solid var(--ha-border);border-radius:14px;background:var(--ha-panel);overflow:hidden;transition:border-color .15s ease}
.hakl-item:hover{border-color:rgba(245,158,11,.35)}
.hakl-item-link{display:flex;align-items:center;justify-content:space-between;gap:18px;height:100%;padding:18px 20px;color:inherit;text-decoration:none;transition:background .15s ease}
.hakl-item-link:hover{background:rgba(245,158,11,.06)}
.hakl-copy{min-width:0}
.hakl-item-title{color:#fff;font-size:18px;line-height:1.3;margin:0 0 6px}
.hakl-excerpt{color:var(--ha-muted);font-size:14px;line-height:1.45;margin:0}
.hakl-read{white-space:nowrap;font-weight:700;color:var(--ha-orange)}
.hakl-actions{text-align:center;margin-top:22px}
.hakl-more{border:1px solid var(--ha-orange);border-radius:12px;background:var(--ha-orange);color:#111827;padding:12px 22px;font:inherit;font-weight:800;cursor:pointer;transition:filter .15s ease}
.hakl-more:hover{filter:brightness(1.08)}
.hakl-more:disabled{opacity:.55;cursor:wait}
.hakl-empty{text-align:center;color:var(--ha-muted);padding:20px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){
	.hakl{margin:30px 0}
	.hakl-head{display:block}
	.hakl-head h2{margin-bottom:14px}
	.hakl-search-wrap{display:block;width:100%}
	.hakl-grid{grid-template-columns:1fr;gap:9px}
	.hakl-item-link{padding:14px 15px;gap:10px}
	.hakl-item-title{font-size:16px;margin-bottom:4px}
	.hakl-excerpt{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.hakl-read{font-size:13px}
}