/* KurdsWiki - Home Widget v1.2.3 */
/* Spotlight parity: wrapper width exactly like Spotlight doc (desktop 80%, centered, border-box) */
.kw-hw-wrap{box-sizing:border-box;width:var(--kw-hw-width,80%);margin:24px auto;max-width:none}
@media (max-width:980.98px){ .kw-hw-wrap{ width:100%; } }

.kw-hw-inner{position:relative;display:grid;grid-template-columns:1.2fr 1fr 0.9fr;gap:24px;align-items:stretch;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.03);--kw-hw-sep-h:82%}

.kw-hw-col{min-width:0;display:flex;align-items:flex-start}
.kw-hw-col .kw-hw-col-inner{width:100%;display:flex;flex-direction:column}

/* centered, fixed-height separators independent of content */
.kw-hw-col--highlights,.kw-hw-col--actions{position:relative;padding-left:24px}
.kw-hw-col--highlights::before,.kw-hw-col--actions::before{content:"";position:absolute;left:0;top:50%;transform:translate(-12px,-50%);width:1px;height:var(--kw-hw-sep-h);background:#eaeaea;pointer-events:none}

.kw-hw-col--actions{justify-content:center}

/* Person card */
.kw-hw-card{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start;width:100%}
.kw-hw-media{width:140px}
.kw-hw-avatar{width:140px;height:140px;object-fit:cover;border-radius:8px;display:block}
.kw-hw-avatar--placeholder{background:#f0f0f0}
.kw-hw-person-name{font-size:var(--kw-hw-name,23px);line-height:1.2;margin:0 0 8px 0;font-weight:600}

/* Text */
.kw-hw-summary{font-size:var(--kw-hw-text,12px);line-height:1.6;color:#333;margin:0 0 12px 0}

/* Read more button: pill style per shared UI (light gray chip with border) */
.kw-hw-body a.more-link,
.kw-hw-body a.kw-hw-button{display:inline-block!important;font-size:var(--kw-hw-btn-text,12px)!important;text-decoration:none!important;background:#f5f6f7!important;color:#111!important;padding:8px 14px!important;border-radius:9999px!important;border:1px solid #e5e7eb!important;box-shadow:none!important;line-height:1.2!important;margin-top:6px}
.kw-hw-body a.more-link:hover,
.kw-hw-body a.kw-hw-button:hover{background:#eef0f2!important;border-color:#e1e4e8!important}

/* Highlights */
.kw-hw-heading{font-size:var(--kw-hw-high,23px);font-weight:600;margin:0 0 .6em 0}
.kw-hw-list{margin:0;padding-left:1.4em}
.kw-hw-list li{font-size:var(--kw-hw-text,12px);line-height:1.7;margin-bottom:2px}
.kw-hw-list a{text-decoration:none;border-bottom:1px dotted #bbb}

/* Actions */
.kw-hw-btn{display:block;border:1px solid #e5e5e5;border-radius:12px;padding:16px;text-decoration:none;margin-bottom:14px;background:#fafafa;transition:transform .12s ease, box-shadow .12s ease}
.kw-hw-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.06)}
.kw-hw-btn-title--actions{display:block;font-size:var(--kw-hw-act,18px)!important;font-weight:600;margin-bottom:6px;text-align:center}
.kw-hw-btn-desc{display:block;font-size:var(--kw-hw-text,12px);text-align:center;color:#333;white-space:pre-line}

/* Responsive */
@media (max-width: 1024px){
  .kw-hw-inner{grid-template-columns:1fr;gap:20px}
  .kw-hw-col--highlights,.kw-hw-col--actions{padding-left:0}
  .kw-hw-col--highlights::before,.kw-hw-col--actions::before{display:none}
  .kw-hw-col--highlights,.kw-hw-col--actions{border-top:1px solid #eee;padding-top:16px}
  .kw-hw-col--actions{justify-content:flex-start}
  .kw-hw-card{grid-template-columns:120px 1fr}
  .kw-hw-media,.kw-hw-avatar{width:120px;height:120px}
}
@media (max-width: 600px){
  .kw-hw-wrap{width:92%}
  .kw-hw-card{grid-template-columns:1fr;gap:12px}
  .kw-hw-media,.kw-hw-avatar{width:100%;height:auto}
  .kw-hw-btn-title--actions{font-size:calc(var(--kw-hw-act,18px) - 2px)!important}
}