/* Laurel HS Hub — uses the site's existing design tokens (--lh-*) and reuses
   .lh-section-head / .lh-kicker / .lh-category-icon-* from global styles. */
.lhx,.lhx :is(input,button,select){font-family:var(--lh-font,'IBM Plex Sans Arabic',system-ui,sans-serif)}
.lhx a{text-decoration:none}

/* hero */
.lhx-hero{padding:46px 0 40px;margin:0 0 44px;border-bottom:1px solid var(--lh-line)}
.lhx-hero h1{font-size:clamp(30px,4.2vw,50px);line-height:1.3;margin:0 0 16px;max-width:20em}
.lhx-hero__desc{font-size:18px;line-height:1.9;color:var(--lh-muted);margin:0 0 26px;max-width:42em}
.lhx-search{position:relative;display:flex;gap:10px;max-width:720px;margin:0}
.lhx-search__icon{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--lh-muted);display:flex;pointer-events:none}
.lhx-search input[type=search]{flex:1;min-width:0;height:56px;border:1.5px solid #cfdcd8;background:#fff;border-radius:14px;padding:0 48px 0 16px;padding-inline-start:48px;font-size:16.5px;color:var(--lh-ink);box-shadow:0 4px 18px rgba(15,56,54,.06)}
.lhx-search input[type=search]:focus{border-color:var(--lh-accent);outline:3px solid rgba(23,107,100,.18);outline-offset:0}
.lhx-search button{height:56px;padding:0 28px;border:0;border-radius:14px;background:var(--lh-accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer}
.lhx-search button:hover{background:var(--lh-accent-dark)}
.lhx-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:var(--lh-muted)}
.lhx-quick a{padding:5px 12px;border:1px solid var(--lh-line);border-radius:999px;color:var(--lh-ink);background:#fff;font-size:13.5px}
.lhx-quick a:hover{border-color:var(--lh-accent);color:var(--lh-accent)}

/* top 8 sections */
.lhx-top__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lhx-tile{position:relative;display:flex;align-items:center;gap:14px;padding:18px;min-height:92px;border:1px solid var(--lh-line);border-radius:var(--lh-radius,14px);background:#fff;color:var(--lh-ink);transition:border-color .18s,box-shadow .18s,background-color .18s}
.lhx-tile:hover{border-color:#b5d8cc;background:#f8fbfa;box-shadow:0 8px 22px rgba(15,56,54,.07)}
.lhx-tile__icon{flex:0 0 56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--lh-tint);color:var(--lh-accent)}
.lhx-tile__text{display:flex;flex-direction:column;min-width:0}
.lhx-tile strong{font-size:16px;font-weight:600;line-height:1.55}
.lhx-tile small{font-size:13px;line-height:1.6;color:var(--lh-muted)}
.lhx-tile__count{position:absolute;top:10px;inset-inline-end:12px;font-size:11.5px;font-weight:600;color:var(--lh-accent-dark);background:var(--lh-tint);padding:1px 8px;border-radius:999px}

/* cards */
.lhx-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lh-line);border-radius:var(--lh-radius,14px);overflow:hidden;transition:border-color .18s,box-shadow .18s;min-width:0}
.lhx-card:hover{border-color:#b9d3cc;box-shadow:0 8px 24px rgba(15,56,54,.07)}
.lhx-card__media{display:block;background:var(--lh-bg);aspect-ratio:16/10;overflow:hidden}
.lhx-card__img{display:block;width:100%;height:100%;object-fit:cover}
.lhx-card__noimg{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#9fbcb5}
.lhx-card__body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.lhx-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lhx-card__cat{font-size:13px;font-weight:600;color:var(--lh-accent)}
.lhx-badge{font-size:12px;font-weight:600;color:#fff;background:var(--lh-accent);padding:2px 10px;border-radius:999px}
.lhx-card__title{font-size:18px;line-height:1.6;font-weight:700;margin:0}
.lhx-card__title a{color:var(--lh-ink)}
.lhx-card__title a:hover{color:var(--lh-accent)}
.lhx-card__excerpt{font-size:14.5px;line-height:1.8;color:var(--lh-muted);margin:0;flex:1}
.lhx-card__date{font-size:12.5px;color:#7d8d8a}
.lhx-card--large .lhx-card__media{aspect-ratio:3/2}
.lhx-card--large .lhx-card__title{font-size:clamp(20px,2.3vw,26px);line-height:1.5}
.lhx-card--large .lhx-card__excerpt{font-size:16px}
.lhx-card--row{flex-direction:row;align-items:stretch}
.lhx-card--row .lhx-card__media{flex:0 0 168px;aspect-ratio:auto;min-height:124px}
.lhx-card--row .lhx-card__title{font-size:17px}

/* layouts */
.lhx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lhx-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lhx-featured__grid{display:grid;gap:18px}
.lhx-featured__grid--2{grid-template-columns:1.45fr 1fr}
.lhx-featured__grid--3{grid-template-columns:1.45fr 1fr;grid-template-rows:auto auto}
.lhx-featured__grid--3>.lhx-card--large{grid-row:span 2}
.lhx-featured__grid--3>.lhx-card:not(.lhx-card--large) .lhx-card__excerpt{display:none}
.lhx-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

/* explore + trust */
.lhx-explore .lh-category-icon-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.lhx-explore .lh-category-icon-card{min-height:142px}
.lhx-editorial{grid-template-columns:repeat(3,minmax(0,1fr))}
.lhx-editorial>a>span:first-child svg{width:29px;height:29px}
.lhx-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:18px 22px;margin:0 0 56px;border:1px solid var(--lh-line);border-radius:var(--lh-radius,14px);background:var(--lh-bg);font-size:14.5px;color:var(--lh-muted)}
.lhx-trust p{margin:0;flex:1 1 420px;line-height:1.85}
.lhx-trust div{display:flex;gap:18px;flex-wrap:wrap}
.lhx-trust a{font-weight:600;color:var(--lh-accent)}

/* category archive */
.lhx-cat{max-width:1140px;margin:0 auto}
.lhx-crumbs{font-size:13.5px;color:var(--lh-muted);margin:10px 0 18px;display:flex;flex-wrap:wrap;gap:6px}
.lhx-crumbs a{color:var(--lh-muted)}
.lhx-crumbs a:hover{color:var(--lh-accent)}
.lhx-crumbs__sep{opacity:.5}
.lhx-cat__head{display:flex;gap:20px;align-items:flex-start;padding:0 0 24px;margin:0 0 20px;border-bottom:1px solid var(--lh-line)}
.lhx-cat__icon{flex:0 0 68px;height:68px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--lh-tint);color:var(--lh-accent)}
.lhx-cat__title{margin:0 0 8px;font-size:clamp(28px,3.6vw,40px);line-height:1.35}
.lhx-cat__page{font-size:.55em;font-weight:600;color:var(--lh-muted)}
.lhx-cat__desc{color:var(--lh-muted);font-size:17px;line-height:1.85;max-width:52em}
.lhx-cat__desc p{margin:0}
.lhx-cat__count{margin:10px 0 0;font-size:14px;font-weight:600;color:var(--lh-accent-dark)}
.lhx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.lhx-chips--center{justify-content:center;margin-top:22px}
.lhx-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--lh-line);border-radius:999px;background:#fff;color:var(--lh-ink);font-size:14px;font-weight:600}
.lhx-chip b{font-size:12px;color:var(--lh-accent-dark);background:var(--lh-tint);border-radius:999px;padding:0 7px}
.lhx-chip:hover{border-color:var(--lh-accent);color:var(--lh-accent)}
.lhx-chip--child{background:var(--lh-tint);border-color:transparent}
.lhx-chip--parent{color:var(--lh-accent)}
.lhx-sort{display:flex;align-items:center;gap:6px;margin:0 0 18px;font-size:14px;color:var(--lh-muted)}
.lhx-sort a{padding:5px 12px;border-radius:8px;color:var(--lh-ink)}
.lhx-sort a.is-active{background:var(--lh-ink);color:#fff}
.lhx-pages ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:40px 0 10px}
.lhx-pages :is(a,span){display:block;min-width:42px;padding:8px 12px;text-align:center;border:1px solid var(--lh-line);border-radius:10px;color:var(--lh-ink);font-weight:600}
.lhx-pages .current{background:var(--lh-accent);border-color:var(--lh-accent);color:#fff}
.lhx-empty{text-align:center;padding:44px 22px;border:1px dashed #c9dbd6;border-radius:18px;background:var(--lh-bg)}
.lhx-empty__icon{display:inline-flex;width:76px;height:76px;align-items:center;justify-content:center;border-radius:20px;background:#fff;color:var(--lh-accent);margin-bottom:14px}
.lhx-empty h2{font-size:clamp(20px,2.4vw,26px);margin:0 0 10px}
.lhx-empty__text{max-width:36em;margin:0 auto 22px;color:var(--lh-muted);font-size:16px;line-height:1.85}
.lhx-empty .lhx-search{margin:0 auto}

/* responsive */
@media (max-width:1100px){
	.lhx-top__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.lhx-explore .lh-category-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
	.lhx-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
	.lhx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.lhx-featured__grid--2,.lhx-featured__grid--3{grid-template-columns:1fr}
	.lhx-featured__grid--3>.lhx-card--large{grid-row:auto}
	.lhx-rows{grid-template-columns:1fr}
	.lhx-editorial{grid-template-columns:1fr}
}
@media (max-width:640px){
	.lhx-hero{padding:24px 0 28px;margin-bottom:32px}
	.lhx-hero__desc{font-size:16px;margin-bottom:20px}
	.lhx-search{flex-direction:column}
	.lhx-search__icon{top:28px}
	.lhx-search input[type=search],.lhx-search button{height:52px}
	.lhx-top__grid{gap:10px}
	.lhx-tile{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;min-height:0}
	.lhx-tile__icon{flex-basis:auto;width:48px;height:48px;border-radius:12px}
	.lhx-tile strong{font-size:14.5px}
	.lhx-tile small{font-size:12px}
	.lhx-grid,.lhx-grid--4{grid-template-columns:1fr}
	.lhx-card--row .lhx-card__media{flex-basis:112px;min-height:112px}
	.lhx-card--row .lhx-card__excerpt{display:none}
	.lhx-card--row .lhx-card__body{padding:12px 14px}
	.lhx-card--row .lhx-card__title{font-size:15.5px}
	.lhx-explore .lh-category-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.lhx-cat__head{gap:14px}
	.lhx-cat__icon{flex-basis:52px;height:52px;border-radius:14px}
	.lhx-sort{overflow-x:auto}
}
@media (prefers-reduced-motion:reduce){.lhx *{transition:none!important}}