/* ============================================================
   DeL Press & Media — frontend
   Everything is scoped under .del-press. Colours come from CSS
   custom properties emitted inline on the wrapper (never :root).
   Layout responds to the component's own width via container
   queries, so it is correct in any column width.
   ============================================================ */

.del-press{
	container-type:inline-size;
	container-name:delpress;
	--dp-blue:#1965B0;--dp-orange:#F57921;--dp-green:#30B34B;
	--dp-head:#102033;--dp-body:#54595F;--dp-muted:#7A7A7A;
	--dp-border:#eaeaec;--dp-surface:#f4f4f5;
	--dp-card-bg:#fff;--dp-card-border:#eaeaec;
	--dp-tint-a:#F57921;--dp-tint-b:#30B34B;
	--dp-radius:16px;--dp-ratio:16 / 10;
	color:var(--dp-body);line-height:1.6;
	box-sizing:border-box;
}
.del-press *,.del-press *::before,.del-press *::after{box-sizing:border-box}
.del-press h1,.del-press h2,.del-press h3{color:var(--dp-head);line-height:1.2;margin:0}
.del-press a{text-decoration:none}
.del-press img{max-width:100%;display:block}
.del-press .dp-wrap{padding:0}
.del-press .dp-shell{padding:var(--dp-pad-top,0) var(--dp-pad-x,0) var(--dp-pad-bottom,0)}

.del-press .dp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:clamp(11px,1.2cqi,12px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dp-blue)}
.del-press .dp-spark{width:22px;height:2px;background:var(--dp-orange);border-radius:2px;display:inline-block}

/* ---------------- Buttons ---------------- */
.del-press .dp-btn{font-weight:700;font-size:clamp(13.5px,1.5cqi,15px);border-radius:11px;padding:clamp(11px,1.4cqi,13px) clamp(16px,2.2cqi,22px);display:inline-flex;align-items:center;gap:9px;border:1.5px solid transparent;transition:.18s;cursor:pointer}
.del-press .dp-btn--primary{background:var(--dp-blue);color:#fff;box-shadow:0 8px 20px -8px rgba(25,101,176,.6)}
.del-press .dp-btn--primary:hover{filter:brightness(.94);transform:translateY(-1px);color:#fff}
.del-press .dp-btn--ghost{background:#fff;color:var(--dp-head);border-color:var(--dp-border)}
.del-press .dp-btn--ghost:hover{border-color:var(--dp-blue);color:var(--dp-blue)}
.del-press .dp-hero-cta{display:flex;flex-wrap:wrap;gap:11px;margin:22px 0 0}

/* ---------------- Hero: Newsroom ---------------- */
.del-press .dp-hero{margin-bottom:0}
.del-press:not(.del-press--hero):not(.del-press--body) .dp-hero{margin-bottom:var(--dp-hero-gap,28px)}
.del-press .dp-hero--news{position:relative;overflow:hidden;border:1px solid var(--dp-border);border-radius:calc(var(--dp-radius) + 4px);
	background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--dp-tint-a) 12%,transparent),transparent 55%),radial-gradient(120% 140% at 0% 100%,color-mix(in srgb,var(--dp-tint-b) 12%,transparent),transparent 50%),linear-gradient(180deg,#f6f9fd,#fff);
	padding:var(--dp-hero-pad,40px)}
.del-press .dp-hero-copy h1{font-size:clamp(26px,5cqi,44px);font-weight:800;letter-spacing:-.015em;margin:14px 0 12px;max-width:18ch}
.del-press .dp-hero-copy em{font-style:normal;color:var(--dp-blue)}
.del-press .dp-hero-copy p{font-size:clamp(14px,1.85cqi,18px);max-width:56ch;margin:0}
.del-press .dp-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.del-press .dp-fact{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--dp-border);border-radius:999px;padding:8px 15px 8px 9px;box-shadow:0 2px 8px rgba(16,32,51,.05);font-size:clamp(12px,1.35cqi,13.5px);color:var(--dp-head);font-weight:600}
.del-press .dp-fact-ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--dp-orange);color:#fff;flex:0 0 auto}
.del-press .dp-fact-ic svg{width:15px;height:15px}
.del-press .dp-fact b{font-weight:800}
.del-press .dp-fact-lbl{color:var(--dp-muted);font-weight:500}

/* ---------------- Hero: Split ---------------- */
.del-press .dp-hero--split{border:1px solid var(--dp-border);border-radius:calc(var(--dp-radius) + 4px);background:linear-gradient(180deg,#fbfcfe,#fff);padding:var(--dp-hero-pad,40px)}
.del-press .dp-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(22px,4cqi,48px);align-items:center}
.del-press .dp-hero--split .dp-hero-copy h1{font-size:clamp(24px,4.4cqi,40px);font-weight:800;letter-spacing:-.015em;margin:12px 0 12px}
.del-press .dp-hero--split .dp-hero-copy p{font-size:clamp(13.5px,1.6cqi,16px);margin:0}
.del-press .dp-logo-card{background:#fff;border:1px solid var(--dp-border);border-radius:20px;padding:clamp(20px,3cqi,30px);box-shadow:0 10px 30px -14px rgba(16,32,51,.22);text-align:center}
.del-press .dp-logo-mark{min-height:60px;margin-bottom:14px;font-weight:800;font-size:clamp(26px,4cqi,32px);color:var(--dp-blue);display:flex;align-items:center;justify-content:center}
.del-press .dp-logo-mark em{font-style:italic;color:var(--dp-orange)}
.del-press .dp-logo-img{width:auto;max-height:90px;border-radius:12px;margin:0 auto}
.del-press .dp-facts--compact{justify-content:center;margin-top:8px}

/* ---------------- Toolbar ---------------- */
.del-press .dp-toolbar{margin-bottom:18px}
.del-press .dp-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px;background:var(--dp-surface);border:1px solid var(--dp-border);border-radius:14px}
.del-press .dp-search{height:38px;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:0 13px;flex:1;min-width:150px;background:#fff;border-radius:10px;color:var(--dp-muted)}
.del-press .dp-search-ic{display:inline-flex}
.del-press .dp-search-ic svg{width:16px;height:16px}
.del-press .dp-search-input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:13px;color:var(--dp-head);outline:0}
.del-press .dp-filters-btn,.del-press .dp-sort{height:38px;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:0 14px;background:#fff;border:1px solid var(--dp-border);border-radius:10px;font:inherit;font-size:13px;font-weight:600;color:var(--dp-head);cursor:pointer;white-space:nowrap;transition:.15s}
.del-press .dp-filters-btn:hover,.del-press .dp-sort:hover{border-color:var(--dp-blue)}
.del-press .dp-filters-btn.is-active{border-color:var(--dp-blue);background:#E6F1FB;background:color-mix(in srgb,var(--dp-blue) 9%,#fff);color:var(--dp-blue)}
.del-press .dp-filters-ic{display:inline-flex}
.del-press .dp-filters-ic svg{width:16px;height:16px}
.del-press .dp-filters-badge{background:var(--dp-blue);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:0 6px;line-height:18px;min-width:18px;text-align:center}
.del-press .dp-filters-badge[hidden]{display:none}
.del-press .dp-sort{padding:0 32px 0 13px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A7A7A' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.del-press .dp-drawer{box-sizing:border-box;overflow:hidden;max-height:0;opacity:0;visibility:hidden;margin-top:0;padding:14px;background:#fff;border:1px solid var(--dp-border);border-radius:12px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .22s ease,margin-top .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s}
.del-press .dp-drawer.is-open{opacity:1;visibility:visible;margin-top:10px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .22s ease,margin-top .3s cubic-bezier(.4,0,.2,1),visibility 0s}
.del-press .dp-drawer[hidden]{display:none}
.del-press .dp-dsec{margin-bottom:14px}
.del-press .dp-dsec:last-of-type{margin-bottom:0}
.del-press .dp-dlabel{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dp-muted);margin:0 0 9px}
.del-press .dp-pfs{display:flex;gap:8px;flex-wrap:wrap}
.del-press .dp-pf{--pc:var(--dp-blue);width:38px;height:38px;border-radius:50%;border:1px solid var(--dp-border);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--pc);padding:0;transition:.15s}
.del-press .dp-pf:hover{border-color:var(--pc)}
.del-press .dp-pf svg{width:18px;height:18px}
.del-press .dp-pf.is-on{background:var(--pc);border-color:var(--pc);color:#fff}
.del-press .dp-chips{display:flex;gap:8px;flex-wrap:wrap}
.del-press .dp-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--dp-border);border-radius:999px;padding:6px 13px;font:inherit;font-size:13px;font-weight:500;color:var(--dp-body);cursor:pointer;transition:.15s}
.del-press .dp-chip:hover{border-color:var(--dp-blue)}
.del-press .dp-chip.is-on{background:#E6F1FB;background:color-mix(in srgb,var(--dp-blue) 10%,#fff);border-color:var(--dp-blue);color:var(--dp-blue);font-weight:600}
.del-press .dp-drawer-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--dp-border)}
.del-press .dp-clear{background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--dp-blue);cursor:pointer}
.del-press .dp-count{font-size:13px;color:var(--dp-muted);margin:14px 0 16px}

/* ---------------- Cards ---------------- */
.del-press .dp-card{--pc:var(--dp-blue);background:var(--dp-card-bg);border:1px solid var(--dp-card-border);border-radius:var(--dp-radius);overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 1px 2px rgba(16,32,51,.04);transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s,border-color .22s;color:var(--dp-body)}
.del-press .dp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pc);z-index:2}
.del-press .dp-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px -18px rgba(16,32,51,.38);border-color:transparent}
.del-press .dp-card:focus-visible{outline:3px solid var(--pc);outline-offset:2px}
.del-press .dp-thumb{position:relative;aspect-ratio:var(--dp-ratio);overflow:hidden;background:var(--dp-surface);flex:0 0 auto}
.del-press .dp-thumb-img{width:100%;height:100%;object-fit:cover}
.del-press .dp-thumb-mono{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:clamp(22px,4cqi,36px);letter-spacing:.02em;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 82%,#0b1524),color-mix(in srgb,var(--pc) 40%,#0b1524))}
.del-press .dp-badge{position:absolute;left:12px;top:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);border-radius:999px;padding:6px 12px 6px 7px;font-size:12px;font-weight:700;color:var(--dp-head);box-shadow:0 3px 10px rgba(16,32,51,.16)}
.del-press .dp-badge-ic{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--pc)}
.del-press .dp-badge-ic svg{width:11px;height:11px}
.del-press .dp-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;min-height:0}
.del-press .dp-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dp-muted);margin-bottom:9px;font-weight:500}
.del-press .dp-type{color:var(--pc);font-weight:700}
.del-press .dp-sep{width:3px;height:3px;border-radius:50%;background:var(--dp-border)}
.del-press .dp-title{font-size:clamp(15px,1.7cqi,16.5px);line-height:1.32;font-weight:700;margin:0 0 8px}
.del-press .dp-exc{font-size:clamp(13px,1.45cqi,13.5px);margin:0 0 14px;color:var(--dp-body);flex:1 1 auto;min-height:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--dp-lines,3);line-clamp:var(--dp-lines,3)}
.del-press .dp-cta{margin-top:auto;font-weight:700;font-size:13.5px;color:var(--pc);display:inline-flex;align-items:center;gap:6px}
.del-press .dp-arw{transition:transform .2s}
.del-press .dp-card:hover .dp-arw{transform:translateX(4px)}

/* ---------------- Grid ---------------- */
.del-press .dp-grid{display:grid;gap:var(--dp-gap,20px);grid-template-columns:repeat(var(--dp-cols,3),minmax(0,1fr))}

/* ---------------- Featured + Wall ---------------- */
.del-press .dp-featured-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--dp-gap,20px);margin-bottom:var(--dp-gap,20px)}
.del-press .dp-card--feature{flex-direction:row}
.del-press .dp-card--feature .dp-thumb{aspect-ratio:auto;flex:0 0 46%}
.del-press .dp-card--feature .dp-body{padding:clamp(18px,2.6cqi,26px)}
.del-press .dp-card--feature .dp-title{font-size:clamp(18px,2.6cqi,23px);line-height:1.2;margin-bottom:10px}
.del-press .dp-card--feature .dp-exc{font-size:clamp(14px,1.6cqi,15px)}
.del-press .dp-flag{position:absolute;right:14px;top:14px;z-index:3;background:var(--dp-orange);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;box-shadow:0 4px 12px rgba(245,121,33,.5)}
.del-press .dp-wall-mini{display:grid;grid-template-rows:1fr 1fr;gap:var(--dp-gap,20px)}
.del-press .dp-card--mini{flex-direction:row}
.del-press .dp-card--mini .dp-thumb{aspect-ratio:auto;flex:0 0 42%}
.del-press .dp-card--mini .dp-body{padding:13px 16px}
.del-press .dp-card--mini .dp-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}

/* ---------------- Platform rails ---------------- */
.del-press .dp-rail{margin-bottom:30px}
.del-press .dp-rail-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.del-press .dp-rail-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:0 0 auto}
.del-press .dp-rail-ic svg{width:18px;height:18px}
.del-press .dp-rail-head h3{font-size:clamp(15px,2cqi,17px);font-weight:800}
.del-press .dp-rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,290px);gap:16px;overflow-x:auto;padding-bottom:8px}
.del-press .dp-rail-track .dp-card{flex:none}


/* ---------------- Pagination ---------------- */
.del-press .dp-pagination{display:flex;justify-content:center;margin-top:28px}
.del-press .dp-pages{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}
.del-press .dp-page{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--dp-border);background:#fff;border-radius:10px;font:inherit;font-weight:700;font-size:14px;color:var(--dp-head);cursor:pointer;transition:.15s}
.del-press .dp-page:hover{border-color:var(--dp-blue);color:var(--dp-blue)}
.del-press .dp-page.is-current{background:var(--dp-head);border-color:var(--dp-head);color:#fff}
.del-press .dp-ellip{color:var(--dp-muted);padding:0 4px}
.del-press .dp-loadmore{border:1.5px solid var(--dp-border);background:#fff;color:var(--dp-head);font:inherit;font-weight:700;font-size:14px;border-radius:11px;padding:12px 26px;cursor:pointer;transition:.15s}
.del-press .dp-loadmore:hover{border-color:var(--dp-blue);color:var(--dp-blue)}

.del-press .dp-empty{padding:48px 20px;text-align:center;color:var(--dp-muted);background:var(--dp-surface);border:1px dashed var(--dp-border);border-radius:var(--dp-radius)}

.del-press .dp-is-loading{opacity:.55;pointer-events:none;transition:opacity .15s}

.del-press .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ============================================================
   Container-query reflow — responds to the component's own width
   ============================================================ */
@container delpress (max-width:820px){
	.del-press .dp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container delpress (max-width:760px){
	.del-press .dp-hero-grid{grid-template-columns:1fr}
	.del-press .dp-logo-card{max-width:460px}
	.del-press .dp-featured-wrap{grid-template-columns:1fr}
	.del-press .dp-wall-mini{grid-template-rows:none;grid-template-columns:1fr 1fr}
}
@container delpress (max-width:560px){
	.del-press .dp-grid{grid-template-columns:1fr}
	.del-press .dp-card--feature,.del-press .dp-card--mini{flex-direction:column}
	.del-press .dp-card--feature .dp-thumb,.del-press .dp-card--mini .dp-thumb{flex:none;aspect-ratio:var(--dp-ratio)}
	.del-press .dp-wall-mini{grid-template-columns:1fr}
	.del-press .dp-search{flex:1 1 100%}
	.del-press .dp-hero--news,.del-press .dp-hero--split{padding:22px}
}

/* Fallback for browsers without container queries (older Safari/Firefox) */
@supports not (container-type:inline-size){
	@media (max-width:820px){.del-press .dp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
	@media (max-width:760px){
		.del-press .dp-hero-grid{grid-template-columns:1fr}
		.del-press .dp-featured-wrap{grid-template-columns:1fr}
	}
	@media (max-width:560px){
		.del-press .dp-grid{grid-template-columns:1fr}
		.del-press .dp-card--feature,.del-press .dp-card--mini{flex-direction:column}
	}
}

@media (prefers-reduced-motion:reduce){
	.del-press *{transition:none!important;animation:none!important}
}

/* ============================================================
   Theme-proofing — pin our controls so a theme's global
   input/select/button rules (Blocksy, WooCommerce) can't distort them.
   ============================================================ */
.del-press .dp-search-input{
	box-sizing:border-box!important;width:auto!important;min-width:0!important;flex:1!important;
	height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
	border:0!important;background:transparent!important;box-shadow:none!important;
	font-family:inherit!important;font-size:13px!important;font-weight:400!important;
	line-height:normal!important;letter-spacing:normal!important;text-transform:none!important;color:var(--dp-head)!important;
}
.del-press .dp-search,.del-press .dp-filters-btn,.del-press .dp-sort{
	box-sizing:border-box!important;height:38px!important;min-height:0!important;width:auto!important;min-width:0!important;margin:0!important;box-shadow:none!important;
	line-height:normal!important;letter-spacing:normal!important;text-transform:none!important;
}
.del-press .dp-search{background-color:#fff!important;border:0!important;border-radius:10px!important}
.del-press .dp-filters-btn,.del-press .dp-sort{background-color:#fff!important;border:1px solid var(--dp-border)!important;border-radius:10px!important}
.del-press .dp-sort{
	-webkit-appearance:none!important;appearance:none!important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A7A7A' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
	background-repeat:no-repeat!important;background-position:right 12px center!important;
}
.del-press .dp-pf,.del-press .dp-chip,.del-press .dp-clear,.del-press .dp-page,.del-press .dp-loadmore,.del-press .dp-btn{
	box-sizing:border-box!important;width:auto!important;min-width:0!important;margin:0!important;
	text-transform:none!important;letter-spacing:normal!important;line-height:normal!important;
}
.del-press .dp-pf{width:38px!important;height:38px!important;padding:0!important;box-shadow:none!important}

@container delpress (max-width:560px){
	.del-press .dp-search{flex:1 1 100%!important}
}

/* ---------------- Split hero — bullets + social card ---------------- */
.del-press .dp-hero-bullets{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:11px}
.del-press .dp-hero-bullets li{display:flex;gap:11px;align-items:flex-start;font-size:clamp(13.5px,1.6cqi,15px);color:var(--dp-body)}
.del-press .dp-tick{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#e9f7ee;background:color-mix(in srgb,var(--dp-green) 16%,transparent);color:var(--dp-green);display:grid;place-items:center;margin-top:1px}
.del-press .dp-tick svg{width:12px;height:12px}
.del-press .dp-card-title{font-size:clamp(17px,2cqi,19px);margin:0 0 4px;font-weight:800}
.del-press .dp-card-sub{font-size:13.5px;margin:0 0 16px;color:var(--dp-muted)}
.del-press .dp-social-wrap{padding-top:16px;border-top:1px dashed var(--dp-border)}
.del-press .dp-social-cap{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dp-muted);margin-bottom:12px}
.del-press .dp-social-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.del-press .dp-social{display:inline-grid;place-items:center}
.del-press .dp-social-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff}
.del-press .dp-social-ic svg{width:16px;height:16px}
.del-press a.dp-social{transition:transform .15s}
.del-press a.dp-social:hover{transform:translateY(-2px)}