/* Alee Portal Lite v1.8.3 — Modern Homepage News UI.
 * Native-theme adaptation of the user-provided Alee Homepage News v2.8.2 UI.
 * Flat hairline panels, exact 16:9 media, no shadows, no front-end JS. */
.apl-news-home{
  --apl-news-line:color-mix(in srgb,var(--apl-border) 82%,transparent);
  --apl-news-line-strong:color-mix(in srgb,var(--apl-heading) 14%,transparent);
  --apl-news-muted:#64748b;
  --apl-news-faint:#8491a4;
  --apl-news-soft:#eef2f7;
  --apl-news-hover:#f8fafc;
  --apl-news-ink:var(--apl-heading);
  --apl-news-radius:18px;
  background:var(--apl-bg);
  color:var(--apl-fg);
  -webkit-font-smoothing:antialiased;
}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){
  .apl-news-home{--apl-news-line:rgba(15,23,42,.07);--apl-news-line-strong:rgba(15,23,42,.14)}
}
.apl-news-home *,.apl-news-home *::before,.apl-news-home *::after{box-sizing:border-box}
.apl-news-inner{width:calc(100% - 24px);max-width:var(--apl-max);margin:0 auto;padding:12px 0 44px}
.apl-news-home #apl-home-hero,.apl-news-home #apl-home-sections,.apl-news-home #latest-posts{scroll-margin-top:76px}

/* Compact content toolbar. */
.apl-news-appbar{display:block;margin:0 0 10px;padding:0;background:transparent;border:0}
.apl-news-appbar-brand,.apl-news-appbar-status{display:none}
.apl-news-appnav{display:flex;gap:6px;max-width:100%;overflow-x:auto;padding:0 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.apl-news-appnav::-webkit-scrollbar{display:none}
.apl-news-appnav a{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid transparent;border-radius:999px;background:var(--apl-news-soft);color:#475569;font-size:12px;font-weight:850;line-height:1;white-space:nowrap;transition:background-color .12s,border-color .12s,color .12s}
.apl-news-appnav a.is-active{background:var(--apl-news-ink);color:#fff}
.apl-news-appnav a:hover{border-color:var(--apl-news-line-strong);background:var(--apl-surface);color:var(--apl-news-ink)}
.apl-news-appnav a.is-active:hover{background:#1e293b;color:#fff}
.apl-news-appbar-brand{align-items:center;gap:10px;min-width:0}
.apl-news-appbar-mark{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#0f172a}
.apl-news-appbar-mark::before,.apl-news-appbar-mark::after,.apl-news-appbar-mark span{content:"";position:absolute;bottom:8px;display:block;width:4px;border-radius:999px;background:#fff}
.apl-news-appbar-mark::before{left:9px;height:9px;opacity:.72}.apl-news-appbar-mark span{left:15px;height:15px}.apl-news-appbar-mark::after{left:21px;height:21px;opacity:.88}
.apl-news-appbar-copy{display:flex;flex-direction:column;min-width:0}.apl-news-appbar-eyebrow{color:#94a3b8;font-size:10px;font-weight:850;letter-spacing:.1em;line-height:1.1;text-transform:uppercase}.apl-news-appbar-title{overflow:hidden;color:var(--apl-news-ink);font-size:15px;font-weight:900;letter-spacing:-.02em;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.apl-news-appbar-status{align-items:center;justify-self:end;gap:7px;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}.apl-news-appbar-dot{width:7px;height:7px;border-radius:50%;background:#22c55e}

/* Media contract. */
.apl-news-img,.apl-news-16x9,.apl-news-thumb-16x9{position:relative;display:block;width:100%;height:auto;min-width:0;min-height:0;max-height:none;aspect-ratio:16/9;overflow:hidden;background:#dde3ea}
.apl-news-16x9>img,.apl-news-16x9>.apl-news-media-placeholder,.apl-news-thumb-16x9>img,.apl-news-thumb-16x9>.apl-news-media-placeholder{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;max-height:none;margin:0;object-fit:cover;object-position:center}
.apl-news-media-placeholder{background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}
.apl-news-title{margin:0;color:var(--apl-news-ink);line-height:1.25}.apl-news-title a{color:inherit;transition:opacity .15s}.apl-news-title a:hover{opacity:.8}.apl-news-excerpt{margin:8px 0 0;color:#526075;font-size:.93rem;line-height:1.55}
.apl-news-meta{margin-top:6px;color:var(--apl-news-faint);font-size:10.8px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1.35;white-space:nowrap}
.apl-news-pill{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:4px 10px 4px 9px;border-radius:999px;background:var(--apl-primary-soft);color:var(--apl-primary);font-size:10.5px;font-weight:850;letter-spacing:.04em;line-height:1;text-transform:uppercase;vertical-align:middle}.apl-news-pill::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor;opacity:.72}.apl-news-pill--sm{margin-bottom:6px;padding:3px 8px 3px 7px;font-size:9.5px;gap:5px}.apl-news-pill--sm::before{width:4px;height:4px;flex-basis:4px}

/* Hero. */
.apl-news-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 12px}.apl-news-panel{min-width:0;overflow:hidden;border:1px solid var(--apl-news-line);border-radius:var(--apl-news-radius);background:var(--apl-surface)}.apl-news-hero-main .apl-news-img,.apl-news-hero-main .apl-news-16x9{border-radius:var(--apl-news-radius) var(--apl-news-radius) 0 0}.apl-news-hero-main .apl-news-pad{padding:15px 15px 17px}.apl-news-hero-main .apl-news-title{font-size:clamp(1.35rem,7vw,1.85rem);font-weight:900;letter-spacing:-.035em;line-height:1.14;text-wrap:pretty}.apl-news-hero-main .apl-news-excerpt{max-width:72ch;margin-top:10px;font-size:.94rem;line-height:1.58}.apl-news-side-list{display:flex;flex-direction:column;height:100%;margin:0;padding:5px}.apl-news-side-item{display:flex;align-items:center;gap:11px;min-width:0;padding:9px;border:1px solid transparent;border-radius:13px;transition:background-color .12s,border-color .12s}.apl-news-side-item+.apl-news-side-item{margin-top:1px}.apl-news-side-item:hover{border-color:var(--apl-news-line);background:var(--apl-news-hover)}.apl-news-side-item .apl-news-img{flex:0 0 35%;border-radius:11px}.apl-news-side-item .apl-news-16x9{border-radius:11px}.apl-news-side-item .apl-news-pad{flex:1;min-width:0;padding:0}.apl-news-side-item .apl-news-title{font-size:14px;font-weight:850;letter-spacing:-.01em;line-height:1.4;text-wrap:pretty}

/* Secondary category panels. */
.apl-news-sec-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 12px}.apl-news-sec-block{min-width:0;overflow:hidden;padding:12px;background:var(--apl-surface);border:1px solid var(--apl-news-line);border-radius:var(--apl-news-radius)}.apl-news-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:0 0 12px}.apl-news-sec-heading,.apl-news-latest-heading{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;margin:0;color:var(--apl-news-ink);font-size:14px;font-weight:900;letter-spacing:-.01em;line-height:1.3}.apl-news-sec-heading::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:3px;background:var(--apl-primary)}.apl-news-section-more{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;flex:0 0 auto;min-height:36px;margin:-7px -4px -7px 0;padding:7px 4px 7px 8px;color:#64748b;font-size:11.5px;font-weight:780;line-height:1;white-space:nowrap}.apl-news-section-more svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.apl-news-section-more:hover{color:var(--apl-news-ink)}.apl-news-sec-wrap{padding:0}.apl-news-sec-hero .apl-news-img,.apl-news-sec-hero .apl-news-16x9{border-radius:14px}.apl-news-sec-hero .apl-news-pad{padding:11px 2px 12px}.apl-news-sec-hero .apl-news-title{font-size:1.06rem;font-weight:880;letter-spacing:-.018em;line-height:1.34;text-wrap:pretty}.apl-news-sec-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:7px 0 0;border-top:1px solid var(--apl-news-line)}.apl-news-sec-item{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid transparent;border-radius:12px;transition:background-color .12s,border-color .12s}.apl-news-sec-item:hover{border-color:var(--apl-news-line);background:var(--apl-news-hover)}.apl-news-sec-item .apl-news-img{flex:0 0 31%;border-radius:10px}.apl-news-sec-item .apl-news-16x9{border-radius:10px}.apl-news-sec-item .apl-news-pad{flex:1;min-width:0;padding:0}.apl-news-sec-item .apl-news-title{font-size:13.8px;font-weight:780;line-height:1.42;text-wrap:pretty}

/* Latest feed. */
.apl-news-latest{overflow:hidden;padding:12px;background:var(--apl-surface);border:1px solid var(--apl-news-line);border-radius:var(--apl-news-radius)}.apl-news-latest-heading::before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#22c55e}.apl-news-latest-list{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;margin:0;padding:0}.apl-news-latest-item{display:block;min-width:0;margin:0;padding:0}.apl-news-latest-row{display:flex;flex-flow:row nowrap;align-items:center;gap:10px;width:100%;min-width:0;min-height:74px;padding:8px;overflow:hidden;background:#fff;border:1px solid var(--apl-news-line);border-radius:16px;transition:background-color .12s,border-color .12s}.apl-news-latest-row:hover{border-color:var(--apl-news-line-strong);background:var(--apl-news-hover)}.apl-news-latest-thumb{flex:0 0 78px;width:78px;max-width:78px;min-width:78px;overflow:hidden}.apl-news-latest-content{flex:1 1 auto;min-width:0;overflow:hidden}.apl-news-thumb-16x9{border-radius:11px}.apl-news-latest-title{display:-webkit-box;overflow:hidden;max-width:100%;max-height:2.8em;margin:0;color:var(--apl-news-ink);font-size:14.2px;font-weight:830;letter-spacing:-.01em;line-height:1.4;overflow-wrap:break-word;word-break:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:pretty}
.apl-news-extra-panel{margin-top:12px;padding:12px;background:var(--apl-surface);border:1px solid var(--apl-news-line);border-radius:var(--apl-news-radius)}.apl-news-extra-panel>*:first-child{margin-top:0}.apl-news-extra-panel>*:last-child{margin-bottom:0}.apl-news-home .apl-ad-wrap{padding:8px 0}.apl-news-home .apl-ad-wrap>.apl-wrap{max-width:none;padding:0}.apl-news-home .apl-ad-slot{margin:0;padding:0;border:0;background:transparent}

.apl-news-home a:focus-visible{outline:2px solid rgba(37,99,235,.32);outline-offset:2px}

@media(min-width:768px){
  .apl-news-inner{width:calc(100% - 48px);padding:18px 0 60px}
  .apl-news-appbar{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr) auto;grid-template-areas:"brand nav status";align-items:center;gap:12px 16px;margin-bottom:16px;padding:12px 14px;background:var(--apl-surface);border:1px solid var(--apl-news-line);border-radius:var(--apl-news-radius)}
  .apl-news-appbar-brand{grid-area:brand;display:flex}.apl-news-appnav{grid-area:nav;justify-content:center}.apl-news-appbar-status{grid-area:status;display:flex}
  .apl-news-hero-grid:not(.apl-news-hero-grid--single){grid-template-columns:minmax(0,66fr) minmax(300px,34fr);gap:18px;align-items:stretch;margin-bottom:16px}.apl-news-hero-main .apl-news-pad{padding:20px 22px 22px}.apl-news-hero-main .apl-news-title{font-size:clamp(1.6rem,2.5vw,2.45rem)}.apl-news-side-list{padding:7px}
  .apl-news-sec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.apl-news-sec-block,.apl-news-latest{padding:14px}
  .apl-news-latest-list{grid-template-columns:repeat(2,minmax(0,1fr))}.apl-news-latest-row{gap:12px;padding:9px}.apl-news-latest-thumb{flex-basis:92px;width:92px;max-width:92px;min-width:92px}
}
@media(max-width:767px){
  .apl-news-inner{width:calc(100% - 20px);padding:10px 0 38px}.apl-news-appbar{margin-bottom:9px}.apl-news-appnav{gap:5px}.apl-news-appnav a{min-height:32px;padding:6px 10px;background:var(--apl-surface);border-color:var(--apl-news-line);font-size:11.5px}.apl-news-appnav a.is-active{background:var(--apl-news-ink);border-color:var(--apl-news-ink)}
  .apl-news-hero-grid,.apl-news-sec-grid{gap:10px;margin-bottom:10px}.apl-news-panel,.apl-news-sec-block,.apl-news-latest{border-color:rgba(15,23,42,.075)}.apl-news-sec-block,.apl-news-latest{padding:11px}
  .apl-news-latest-list{gap:0}.apl-news-latest-row{min-height:70px;gap:10px;padding:9px 0;background:transparent;border:0;border-radius:0}.apl-news-latest-item:not(:last-child) .apl-news-latest-row{border-bottom:1px solid var(--apl-news-line)}.apl-news-latest-row:hover{background:transparent}.apl-news-latest-thumb{flex-basis:82px;width:82px;max-width:82px;min-width:82px}.apl-news-latest-title{font-size:14px;line-height:1.38;max-height:2.76em}.apl-news-pill--sm{margin-bottom:5px;font-size:9px;padding:3px 7px 3px 6px}.apl-news-section-head{margin-bottom:10px}.apl-news-section-more{min-height:40px;margin:-8px -4px -8px 0;padding:8px 4px 8px 8px}
}
@media(max-width:430px){.apl-news-hero-main .apl-news-title{font-size:1.55rem}.apl-news-side-item{gap:9px;padding:8px}.apl-news-side-item .apl-news-title{font-size:13.5px}.apl-news-sec-item{gap:9px;padding:7px}.apl-news-sec-item .apl-news-title{font-size:13.4px}.apl-news-meta{font-size:10.5px}}
/* Performance containment: skip below-fold layout/paint work until needed. */
@supports (content-visibility:auto){
  #apl-home-sections{content-visibility:auto;contain-intrinsic-size:780px}
  .apl-news-latest{content-visibility:auto;contain-intrinsic-size:520px}
  .apl-news-extra-panel,.apl-news-home .apl-ad-wrap{content-visibility:auto;contain-intrinsic-size:180px}
}