/* EarnPress 2026 Premium Editorial UI – original, responsive Publish0x-inspired composition.
   Intent: lightweight public header/footer, accessible cards and honest per-post credit badges.
   No copyrighted competitor branding, screenshots, or external content used. */
:root{--vip-accent:#1573ed;--vip-navy:#0c203b;--vip-text:#18273f;--vip-muted:#65748c;--vip-stroke:#e3e9f3;--vip-paper:#fff;--vip-bg:#f6f8fc;--vip-radius:14px}
body{background:var(--vip-bg);color:var(--vip-text);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}
.container{max-width:1248px;padding:22px 22px 46px}
body a:focus-visible,body button:focus-visible,body input:focus-visible{outline:3px solid #79b5ff;outline-offset:3px}
a:hover{transition:color .18s ease}
/* Compact desktop header; navigation remains visible, no tall multi-row chrome. */
.premium-public-header.topbar{position:sticky;top:0;z-index:50;padding:0 22px;background:#fff!important;border-bottom:1px solid #e7edf5;box-shadow:0 4px 18px rgba(11,32,62,.035)}
.premium-public-header .nav-inner{display:grid;grid-template-columns:minmax(180px,auto) minmax(160px,1fr) auto;gap:24px;max-width:1204px;min-height:62px;padding:0;margin:0 auto;align-items:center}
.premium-public-header .brand-mark{height:34px;width:34px;border-radius:10px;background:linear-gradient(135deg,#1382fa,#1151b4);font-size:12px;box-shadow:0 6px 14px rgba(21,115,237,.15)}
.premium-public-header .brand-logo{max-height:36px;width:auto;object-fit:contain}
.premium-public-header .brand{gap:9px}
.premium-public-header .brand-wordmark strong{font-size:18px;line-height:1.15;color:#0f2a4b}
.premium-public-header .brand-wordmark small{font-size:8.5px;letter-spacing:.1em;color:#8190a5;margin-top:2px}
.premium-public-header .header-search{max-width:345px;display:flex;justify-self:center}
.premium-public-header .header-search input{height:37px;background:#f5f8fc;color:#1c3452;border:1px solid #e5edf5;border-radius:9px;padding:8px 42px 8px 13px;font-size:12px}
.premium-public-header .header-search button{height:30px;width:30px;top:3px;right:3px;background:transparent;color:#71839d;font-size:20px}
.premium-public-header .main-nav{grid-column:3;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-end;gap:16px;padding:0}
.premium-public-header .main-nav a{font-size:12px;font-weight:700;color:#394b66;text-decoration:none}
.premium-public-header .main-nav a:hover,.premium-public-header .logout-form button:hover{color:var(--vip-accent)}
.premium-public-header .main-nav .nav-cta{background:var(--vip-accent);color:#fff;padding:9px 13px;box-shadow:none;border-radius:8px}
.premium-public-header .main-nav .nav-cta:hover{background:#0b57bf;color:#fff}
.premium-public-header .logout-form button{font-size:12px;color:#42516a;white-space:nowrap}
.premium-menu-toggle,.premium-search-toggle{display:none;cursor:pointer}
.header-topics{border-top:1px solid #f0f3f8;background:#fff}
.header-topics-inner{max-width:1204px;margin:auto;display:flex;align-items:center;gap:22px;min-height:35px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.header-topics-inner::-webkit-scrollbar{display:none}
.header-topics-caption{color:#98a7bc;letter-spacing:.12em;font-size:9px;font-weight:800;flex:none}
.header-topics-inner a{color:#586980;font-size:11px;font-weight:700;white-space:nowrap;flex:none;padding:8px 0;text-decoration:none}
.header-topics-inner a:hover{color:var(--vip-accent)}
/* Better density and premium visual rhythm. */
.homepage-masthead{margin-top:0!important;border:1px solid #dfe8f4;border-radius:18px;overflow:hidden;box-shadow:0 18px 48px rgba(11,35,69,.06)}
.homepage-masthead-heading{padding:19px 25px 16px;gap:14px;background:linear-gradient(102deg,#f3f8ff,#fff 73%)}
.homepage-masthead-heading h1{font-size:clamp(25px,2.8vw,36px);letter-spacing:-.05em;color:#142843;margin:3px 0}
.homepage-masthead-heading p{font-size:12px;color:#60718c;max-width:590px}
.homepage-masthead-heading .section-overline{font-size:9px;letter-spacing:.14em;color:#0c71df}
.masthead-write-link{font-size:11px;padding:9px 12px;border-radius:8px;color:#1469d4;background:#eaf3ff;border-color:#d8eafa;white-space:nowrap}
.home-slide{min-height:315px;background:#0c2039}
.home-slider-viewport{min-height:315px}
.home-slide-copy{max-width:69%;min-height:315px;padding:27px 34px 24px;background:linear-gradient(90deg,rgba(5,22,43,.95) 0%,rgba(5,22,43,.79) 70%,rgba(5,22,43,.05) 100%)}
.home-slide-title{font-size:clamp(27px,3.1vw,40px);line-height:1.11;max-width:660px;margin:10px 0 11px}
.home-slide-excerpt{font-size:12px;line-height:1.55;max-width:440px;margin-bottom:12px}
.home-slide-author{margin-bottom:14px}
.home-slide-date{font-size:10px}
.home-slide-read{font-size:11px;background:#177cf1;color:#fff;padding:9px 13px;border-radius:8px;box-shadow:none}
.home-slide-read:hover{background:#0d60c4}
.home-slide-image .story-cover{min-height:315px}
.home-slider-controls{padding:8px 23px;background:#0a1c33}
.home-slider-arrows button{width:29px;height:29px}
.home-slider-dot.is-active{background:#2c96ff}
.home-slide-reward{margin:0 0 12px}
.home-slide-reward .reward-chip{background:rgba(18,108,194,.33);border-color:rgba(184,219,255,.35);color:#eaf5ff}
.home-slide-reward .reward-chip-detail{color:#c5e2fa}
.news-ticker{margin:15px 0 23px;border-radius:9px}
.news-ticker-group a{padding:11px 16px}
.news-ticker-label{background:#e52e3b!important}
.community-stats{border-radius:13px;overflow:hidden;margin-bottom:24px}
.community-stats>div{padding:13px 15px}
.community-stats strong{font-size:19px}
.community-stats small{font-size:10px}
/* Short topic filters and editorial article cards. */
.topics-section{margin:26px 0 25px}
.topic-pills{gap:9px}
.topic-pill{font-size:11px;border-radius:8px;padding:9px 11px;border-color:#e0e8f2}
.topic-pill.is-active{background:#e9f3ff;color:#0966cf;border-color:#b9dafd}
.section-heading-row{margin-bottom:15px}
.section-heading-row h2{font-size:clamp(21px,2.4vw,27px);color:#142942}
.section-overline{color:#1776df}
.homepage-columns{grid-template-columns:minmax(0,1.75fr) minmax(260px,.76fr);gap:24px}
.latest-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.latest-story-card,.category-shelf-card{border:1px solid #dfe7f0;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 4px 14px rgba(16,41,70,.028);min-width:0}
.latest-story-card:hover,.category-shelf-card:hover{border-color:#aed3fd;box-shadow:0 16px 28px rgba(16,55,95,.09);transform:translateY(-2px)}
.latest-cover-link{height:184px;display:block}
.latest-cover-link .story-cover{height:100%!important;min-height:184px}
.latest-cover-link img,.category-shelf-cover img{object-fit:cover;height:100%;width:100%}
.latest-story-body{padding:16px}
.latest-story-card h3{font:800 17px/1.34 Manrope,sans-serif;margin:9px 0;letter-spacing:-.03em}
.latest-story-card h3 a{color:#162d4b}
.latest-story-card h3 a:hover,.category-shelf-copy h3 a:hover{color:#0c70df}
.latest-story-card p{font-size:11px;color:#6e7d92;line-height:1.65;margin-bottom:12px}
.latest-card-footer{padding-top:10px;margin-top:auto}
.category-label{color:#0f79dd}
.reward-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #cfe5ff;border-radius:7px;background:#eef6ff;color:#0d60bb;font-size:10px;font-weight:800;line-height:1.3;letter-spacing:0;white-space:normal}
.reward-chip-detail{font-weight:600;color:#5078a7}
.reward-chip-paid{background:#ebf8f2;border-color:#c6ecd8;color:#087448}
.reward-chip-paid .reward-chip-detail{color:#408465}
.reward-chip-paused{color:#8492a5;background:#f4f6f8;border-color:#e6ebf0}
.card-reward-line{display:flex;align-items:center;margin:10px 0 2px;min-height:25px}
.latest-story-body .article-tags{margin-top:10px}
.sidebar-panel,.join-card,.how-card{border-radius:13px;box-shadow:0 4px 20px rgba(17,42,68,.035)}
.trending-panel{border-color:#e1e9f4}
.trending-number{color:#0e73dc}
.category-shelf{margin:30px 0}
.category-shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-shelf-card h3{min-height:42px;font-size:14px}
.category-shelf-copy{padding:14px}
.category-shelf-copy .card-reward-line{margin-top:9px}
.category-shelf-byline{font-size:10px}
.bottom-join-banner{border-radius:15px;margin-top:30px;padding:29px}
/* Article share module: visible on mobile and desktop, no user tracking. */
.premium-article-title{font:800 clamp(27px,4vw,40px)/1.2 Manrope,sans-serif;letter-spacing:-.045em;color:#132c48;margin:14px 0}
.article-reward-summary{margin:15px 0}
.article-share-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 0;margin:12px 0 18px;border-top:1px solid #e6eaf1;border-bottom:1px solid #e6eaf1}
.article-share-tools>span{font-size:10px;text-transform:uppercase;color:#8492a4;font-weight:800;letter-spacing:.06em;margin-right:5px}
.article-share-tools>a{font-size:11px;background:#f0f5fb;color:#2b5f9c;padding:6px 9px;border-radius:7px;font-weight:800;text-decoration:none}
.article-share-tools>a:hover{background:#dceeff}
/* Low-height footer with grouped policy links and no giant background area. */
.premium-footer.footer{display:block;padding:0 22px;background:#0b2038!important;color:#acbed2;border:0;margin-top:20px}
.premium-footer .footer-main{max-width:1204px;margin:auto;padding:30px 0 22px;display:grid;grid-template-columns:minmax(220px,1.45fr) repeat(3,minmax(120px,1fr));gap:28px}
.premium-footer .footer-brand .brand-mark{height:35px;width:35px;background:#197dec}
.premium-footer .footer-brand .brand-wordmark strong{color:#fff;font-size:17px}
.premium-footer .footer-brand .brand-wordmark small{color:#91a4bd}
.premium-footer .footer-about>p{font-size:11px;line-height:1.6;color:#a8bad0;max-width:245px;margin-top:10px}
.premium-footer .footer-links{display:flex;flex-direction:column;gap:7px}
.premium-footer .footer-links strong{color:#eff6ff;font-size:11px;font-weight:800;margin-bottom:3px}
.premium-footer .footer-links a{color:#aabed5;font-size:10.5px;text-decoration:none}
.premium-footer .footer-links a:hover{color:#fff}
.premium-footer .footer-bottom{max-width:1204px;margin:0 auto;padding:12px 0 15px;border-top:1px solid rgba(230,240,255,.13);display:flex;align-items:center;justify-content:space-between;gap:12px;color:#94acc8;font-size:10px}
.premium-footer .footer-bottom a{color:#d0e5fa;text-decoration:none}
.premium-admin-settings{background:#f1f7ff;border:1px solid #dbeafa;border-radius:13px;padding:17px;margin:20px 0}
.premium-admin-settings h3{margin:0;color:#173954;font-size:17px}
.premium-admin-settings select{width:100%;max-width:390px}
/* Tablet: retain focused navigation without oversized stacked bars. */
@media(max-width:1120px){
 .premium-public-header .nav-inner{gap:13px;grid-template-columns:auto minmax(90px,1fr) auto}
 .premium-public-header .main-nav{gap:11px}
 .premium-public-header .main-nav a{font-size:11px}
 .homepage-columns{grid-template-columns:minmax(0,1.55fr) minmax(230px,.75fr);gap:18px}
 .category-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Mobile: one-row header with expandable search/nav, not a tall fixed header. */
@media(max-width:980px){
 .premium-public-header.topbar{padding:0 14px}
 .premium-public-header .nav-inner{display:flex;min-height:58px;gap:8px;position:relative;flex-wrap:wrap}
 .premium-public-header .brand{margin-right:auto;max-width:calc(100% - 104px);min-width:0}
 .premium-public-header .brand-wordmark strong{font-size:17px;max-width:180px;overflow:hidden;text-overflow:ellipsis;display:block}
 .premium-public-header .brand-wordmark small{display:none}
 .premium-search-toggle{display:grid;place-items:center;border:1px solid #e1eaf7;background:#f6f9fd;color:#145bab;border-radius:9px;height:36px;width:36px;font-size:22px}
 .premium-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:36px;height:36px;background:#f6f9fd;border:1px solid #e1eaf7;border-radius:9px;flex:none}
 .premium-menu-toggle span{width:16px;height:2px;background:#214c78;border-radius:2px}
 .premium-public-header .header-search{display:none;order:10;width:100%;max-width:none;padding-bottom:10px;flex:1 0 100%}
 .premium-public-header.search-open .header-search{display:flex}
 .premium-public-header .main-nav{display:none;position:absolute;top:calc(100% + 1px);right:0;left:0;background:#fff;padding:13px;box-shadow:0 15px 34px rgba(18,42,72,.12);border:1px solid #e7edf5;border-radius:0 0 13px 13px;z-index:60;flex-direction:column;align-items:stretch;gap:0}
 .premium-public-header.menu-open .main-nav{display:flex}
 .premium-public-header .main-nav a,.premium-public-header .main-nav .logout-form button{display:block;padding:10px;font-size:13px}
 .premium-public-header .main-nav .nav-cta{margin-top:6px;text-align:center}
 .premium-public-header .logout-form button{text-align:left}
 .header-topics-inner{padding:0 14px;gap:15px}
 .header-topics-inner a{font-size:10px}
 .homepage-columns{grid-template-columns:1fr}
 .homepage-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .premium-footer .footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:18px;padding:25px 0 20px}
 .premium-footer .footer-about{grid-column:1}
 .premium-footer .footer-links:last-child{grid-column:auto}
}
@media(max-width:700px){
 .container{padding:15px 13px 32px}
 .homepage-masthead-heading{padding:15px 18px;flex-direction:column;align-items:start;gap:11px}
 .homepage-masthead-heading h1{font-size:27px}
 .homepage-masthead-heading p{font-size:11px}
 .home-slide{min-height:360px}
 .home-slider-viewport{min-height:360px}
 .home-slide-copy{max-width:100%;min-height:360px;padding:23px 20px;background:linear-gradient(90deg,rgba(5,20,38,.94),rgba(5,20,38,.62))}
 .home-slide-image{position:absolute;inset:0;height:100%;order:unset}
 .home-slide-image .story-cover{min-height:360px;height:100%}
 .home-slide-title{font-size:clamp(25px,7vw,33px)}
 .home-slide-excerpt{font-size:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .home-slide-author{margin-bottom:10px}
 .home-slide-read{padding:8px 12px}
 .home-slider-controls{padding:8px 13px}
 .latest-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .latest-story-card{display:flex;min-height:0}
 .latest-cover-link{height:135px}
 .latest-cover-link .story-cover{height:135px!important;min-height:135px}
 .latest-story-body{padding:11px}
 .latest-story-card h3{font-size:13px}
 .latest-story-card p{display:none}
 .latest-card-footer{font-size:9px}
 .latest-story-card .reward-chip{font-size:9px;padding:5px 7px}
 .latest-story-card .reward-chip-detail{display:none}
 .category-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .category-shelf-card{display:flex;flex-direction:column}
 .category-shelf-cover{height:135px;min-height:135px;aspect-ratio:auto}
 .category-shelf-copy p{display:none}
 .category-shelf-copy h3{font-size:12px;min-height:44px}
 .premium-footer .footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .premium-footer .footer-about{grid-column:1/-1}
 .premium-footer .footer-about>p{max-width:420px}
 .premium-footer .footer-bottom{flex-wrap:wrap}
}
@media(max-width:440px){
 .home-slide{min-height:348px}.home-slide-copy{min-height:348px}
 .home-slide-image .story-cover{min-height:348px}
 .home-slide-title{font-size:25px}
 .latest-story-grid{grid-template-columns:1fr;gap:11px}
 .latest-story-card{display:grid;grid-template-columns:115px minmax(0,1fr)}
 .latest-cover-link{height:auto;min-height:140px}
 .latest-cover-link .story-cover{height:100%!important;min-height:140px}
 .latest-story-body{padding:12px}
 .latest-story-card h3{font-size:13px;line-height:1.32;margin:5px 0}
 .latest-card-footer{padding-top:7px}
 .category-shelf-grid{grid-template-columns:1fr}
 .category-shelf-card{display:grid;grid-template-columns:115px minmax(0,1fr)}
 .category-shelf-cover{height:auto;min-height:130px}
 .premium-footer .footer-main{grid-template-columns:1fr 1fr;gap:17px}
 .premium-footer .footer-about{grid-column:1/-1}
 .premium-footer .footer-links{gap:7px}
 .premium-footer .footer-links strong{font-size:10.5px}
 .premium-footer .footer-links a{font-size:10px}
 .premium-footer .footer-links:last-child{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:7px 13px}
 .premium-footer .footer-links:last-child strong{width:100%}
 .premium-footer .footer-bottom{font-size:9px}
 .news-ticker{margin:13px 0 18px}
}
@media(prefers-reduced-motion:reduce){.latest-story-card:hover,.category-shelf-card:hover{transform:none}}

/* Database-backed 10-record pagination for admin and member workspace tables. */
.ep-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:15px 3px 5px; }
.ep-page-button { display:inline-flex; align-items:center; justify-content:center; min-width:90px; min-height:36px; border:1px solid var(--border,#d8e1e9); border-radius:9px; padding:7px 13px; text-decoration:none; background:var(--card,#fff); color:var(--text,#1c2935); font-weight:700; font-size:13px; }
.ep-page-button:not(.is-disabled):hover { border-color:var(--brand,#1675d2); color:var(--brand,#1675d2); }
.ep-page-button.is-disabled { opacity:.46; cursor:not-allowed; }
.ep-page-status { font-size:12px; color:var(--muted,#627284); font-variant-numeric:tabular-nums; }
@media(max-width:560px) { .ep-pagination { justify-content:center; } .ep-page-status { width:100%; text-align:center; order:-1; } .ep-page-button { flex:1; } }

/* 2026 typography audit: preserve H1-H4 hierarchy but keep other content
 * comfortable and regular-weight in both the public site and member area.
 * The admin design is intentionally unaffected. */
body.ep-public, body.ep-member {
  font-family:'DM Sans',Arial,sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.65;
}
body.ep-public :is(p,li,td,dd,dt,blockquote,figcaption),
body.ep-member :is(p,li,td,dd,dt,blockquote,figcaption) {
  font-weight:400;
}
body.ep-public :is(input,textarea,select),
body.ep-member :is(input,textarea,select) {
  font-family:inherit;
  font-size:14px;
  font-weight:400;
}
body.ep-public .homepage-masthead-heading p,
body.ep-public .home-slide-excerpt,
body.ep-public .latest-story-card p,
body.ep-public .category-shelf-copy p,
body.ep-public .legal-document p,
body.ep-public .legal-document li,
body.ep-public .premium-footer .footer-about > p {
  font-size:14px;
  font-weight:400;
  line-height:1.7;
}
body.ep-public .analytics-consent-copy p,
body.ep-member .analytics-consent-copy p {font-size:13px;font-weight:400;line-height:1.55}
body.ep-public .article-reader p,
body.ep-public .article-reader li {font-size:16px;line-height:1.8;font-weight:400}
body.ep-member .user-workspace-content p,
body.ep-member .user-workspace-content td {font-size:14px;line-height:1.65;font-weight:400}
@media (max-width:700px) {
  body.ep-public,body.ep-member {font-size:14px}
  body.ep-public .homepage-masthead-heading p,
  body.ep-public .home-slide-excerpt,
  body.ep-public .legal-document p,
  body.ep-public .legal-document li {font-size:14px}
  body.ep-public .article-reader p,
  body.ep-public .article-reader li {font-size:15px}
}

/* Equal-height offerwall provider cards with a single selected wall below. */
.offerwall-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px;margin-top:18px;}
.offerwall-provider-card{padding:22px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:14px;}
.offerwall-provider-card h2{margin:0 0 8px;}
.offerwall-provider-description{margin:0;min-height:42px;}
.offerwall-provider-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;}
.offerwall-provider-actions .btn{min-width:130px;}
.offerwall-viewer{padding:22px;margin-top:18px;min-width:0;}
.offerwall-selected-iframe{border:0;border-radius:12px;background:#f6f8fb;display:block;width:100%;height:min(82vh,820px);min-height:480px;}
@media(max-width:600px){.offerwall-provider-card{padding:18px}.offerwall-viewer{padding:12px}.offerwall-selected-iframe{height:72vh;min-height:430px}}


/* 2026-10-20 HOMEPAGE CAROUSEL REPAIR
   Keep this block after legacy premium overrides. It deliberately scopes every
   rule to the public masthead, leaving member/admin/offerwall pages unchanged. */
body.ep-public .homepage-masthead {
  border-radius:20px;
  border-color:#dbe5f1;
  box-shadow:0 18px 50px rgba(12,34,66,.075);
}
body.ep-public .homepage-masthead-heading {
  padding:25px clamp(20px,3vw,38px) 22px;
  gap:20px;
  align-items:center;
  background:linear-gradient(115deg,#f3f8ff 0%,#fff 76%);
}
body.ep-public .homepage-masthead-heading h1 {
  font-size:clamp(27px,3vw,37px);
  line-height:1.16;
  margin:6px 0 9px;
}
body.ep-public .homepage-masthead-heading p {color:#526985;line-height:1.6;font-size:13px;}
body.ep-public .masthead-write-link {
  flex-shrink:0;
  padding:10px 14px;
  border:1px solid #cfe3fc;
  background:#eaf3ff;
  color:#085dbd;
  border-radius:9px;
}
body.ep-public .masthead-write-link:hover {background:#dbeeff;text-decoration:none;}
body.ep-public .home-story-slider {position:relative;isolation:isolate;overflow:hidden;background:#081c35;}
body.ep-public .home-slider-viewport {position:relative;min-height:430px;overflow:hidden;}
/* The earlier blue-theme .home-slide display:grid override caused all slides to stack. */
body.ep-public .home-slider-viewport > .home-slide {
  display:none;
  position:relative;
  min-height:430px;
  grid-template-columns:minmax(0,1fr);
  overflow:hidden;
  background:#071a32;
}
body.ep-public .home-slider-viewport > .home-slide.is-active:not([hidden]) {
  display:grid;
  animation:homeSlideReveal .38s ease both;
}
body.ep-public .home-slider-viewport > .home-slide[hidden] {display:none!important;}
body.ep-public .home-slide-image {
  position:absolute;
  inset:0;
  z-index:0;
  height:100%;
  width:100%;
  background:#122e4b;
  line-height:0;
}
body.ep-public .home-slide-image .story-cover {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  border-radius:0;
}
body.ep-public .home-slide-image .story-cover img {
  width:100%;height:100%;object-fit:cover;object-position:center center;
}
body.ep-public .home-slide-image::after {
  background:linear-gradient(90deg,rgba(4,14,29,.75) 0%,rgba(4,14,29,.40) 55%,rgba(4,14,29,.10) 100%),
    linear-gradient(0deg,rgba(2,11,25,.45),transparent 35%);
}
body.ep-public .home-slide-copy {
  position:relative;
  z-index:2;
  grid-area:1/1;
  max-width:min(64%,735px);
  width:100%;
  min-width:0;
  min-height:430px;
  padding:40px clamp(26px,4vw,58px);
  background:linear-gradient(90deg,rgba(4,15,32,.98) 0%,rgba(4,15,32,.94) 54%,rgba(4,15,32,.66) 85%,rgba(4,15,32,0) 100%);
  align-items:flex-start;
  justify-content:center;
}
body.ep-public .home-slide-meta {margin-bottom:13px;gap:9px;}
body.ep-public .home-slide-title {
  max-width:650px;
  font-size:clamp(27px,3.25vw,43px);
  line-height:1.12;
  letter-spacing:-.047em;
  margin:0 0 14px;
  color:#fff;
  text-wrap:balance;
}
body.ep-public .home-slide-excerpt {
  max-width:540px;
  margin:0 0 15px;
  color:#e3ecf9;
  font-size:14px;
  line-height:1.65;
  text-wrap:pretty;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.ep-public .home-slide-reward{margin:0 0 13px;}
body.ep-public .home-slide-author{margin:0 0 18px;color:#deedff;}
body.ep-public .home-slide-read {
  padding:11px 18px;
  font-size:12px;
  border-radius:9px;
  background:#1683fb;
  color:#fff;
  box-shadow:0 7px 19px rgba(0,0,0,.13);
}
body.ep-public .home-slide-read:hover {background:#0969d4;}
body.ep-public .home-slider-controls {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px clamp(18px,3vw,38px);
  background:#0b213c;
}
body.ep-public .home-slider-dot{height:9px;width:9px;background:#7591b1;}
body.ep-public .home-slider-dot.is-active{width:27px;background:#47a5ff;}
body.ep-public .home-slider-arrows button {
  width:35px;height:35px;font-size:19px;
  color:#f5faff;border:1px solid #446285;
  border-radius:50%;
}
body.ep-public .home-slider-arrows button:hover{background:#173f69;border-color:#77b1fa;}
body.ep-public .home-slider-counter {font-size:11px;color:#9fb4d0;}
body.ep-public .home-slide-image-caption {bottom:19px;}
@media(max-width:980px) {
  body.ep-public .homepage-masthead-heading {padding:21px 24px;}
  body.ep-public .home-slide-copy {max-width:78%;padding:32px 30px;}
  body.ep-public .home-slide-title {font-size:clamp(27px,3.7vw,39px);}
}
@media(max-width:760px) {
  body.ep-public .home-slider-viewport {min-height:410px;}
  body.ep-public .home-slider-viewport > .home-slide {min-height:410px;}
  body.ep-public .home-slide-copy {
    max-width:100%;min-height:410px;
    padding:34px 26px;
    background:linear-gradient(90deg,rgba(4,15,32,.94),rgba(4,15,32,.74));
  }
  body.ep-public .home-slide-image{position:absolute;inset:0;height:100%;order:unset;}
  body.ep-public .home-slide-title {font-size:clamp(26px,5.6vw,34px);}
  body.ep-public .home-slide-image-caption {bottom:13px;left:17px;right:17px;}
}
@media(max-width:600px) {
  body.ep-public .homepage-masthead {border-radius:15px;}
  body.ep-public .homepage-masthead-heading {padding:22px 19px 19px;align-items:stretch;gap:14px;}
  body.ep-public .homepage-masthead-heading h1 {font-size:28px;}
  body.ep-public .homepage-masthead-heading p {font-size:12px;}
  body.ep-public .masthead-write-link {white-space:normal;align-self:flex-start;}
  body.ep-public .home-slider-viewport {min-height:450px;}
  body.ep-public .home-slider-viewport > .home-slide {min-height:450px;}
  body.ep-public .home-slide-copy {min-height:450px;padding:28px 20px 39px;}
  body.ep-public .home-slide-title {font-size:clamp(24px,6.4vw,31px);line-height:1.16;}
  body.ep-public .home-slide-excerpt {font-size:12px;line-height:1.6;-webkit-line-clamp:3;}
  body.ep-public .home-slider-controls {padding:10px 16px;}
  body.ep-public .home-slider-arrows {gap:9px;}
  body.ep-public .home-slider-arrows button {width:34px;height:34px;}
}
@media(prefers-reduced-motion:reduce) {
  body.ep-public .home-slider-viewport > .home-slide.is-active:not([hidden]){animation:none;}
  body.ep-public .home-slide-image .story-cover img {transition:none;}
}

/* NexgenTasks brand identity: fixed 200x60 logo, icon fallback, text-only when no brand image. */
.topbar .brand-logo, .premium-public-header .brand-logo, .internal-topbar .brand-logo {
  display:block; width:200px; height:60px; max-width:200px; max-height:60px;
  object-fit:contain; flex:0 0 200px; border-radius:0;
}
.topbar .brand-icon-only, .premium-public-header .brand-icon-only, .internal-topbar .brand-icon-only {
  width:60px; height:60px; max-width:60px; max-height:60px; flex-basis:60px;
}
.footer-brand .brand-logo {display:block;width:200px;height:60px;max-width:200px;max-height:60px;object-fit:contain;}
.footer-brand .brand-icon-only {width:60px;height:60px;max-width:60px;max-height:60px;}
.admin-sidebar-heading .brand-logo {flex:0 1 auto;width:100%;max-width:170px;height:51px;max-height:51px;padding:0;background:transparent;object-fit:contain;}
.admin-sidebar-heading .brand-icon-only {width:51px;height:51px;max-width:51px;max-height:51px;}
@media (max-width:360px) { .topbar .brand-logo {max-width:calc(100vw - 120px);} }