/* DCU Pillar Identity v2 tokens and components. GENERATED by css_build.py from tokens.json + icons.json. Do not hand-edit colors here. */
:root{
--dcu-blue:#1F4788;--dcu-navy:#0F2A55;--dcu-ink:#17202B;--dcu-muted:#51606F;--dcu-line:#DCE3EC;
--dcu-p-community-life:#E8592A;--dcu-p-community-life-ink:#BC4822;--dcu-p-community-life-strong:#BC4822;--dcu-p-community-life-icon:#E8592A;--dcu-p-community-life-tint:#FDF2EE;
--dcu-p-education:#0284C7;--dcu-p-education-ink:#0274AF;--dcu-p-education-strong:#0274AF;--dcu-p-education-icon:#0284C7;--dcu-p-education-tint:#EBF5FB;
--dcu-p-outdoors:#15803D;--dcu-p-outdoors-ink:#157D3C;--dcu-p-outdoors-strong:#157D3C;--dcu-p-outdoors-icon:#15803D;--dcu-p-outdoors-tint:#ECF5EF;
--dcu-p-government:#1E3A8A;--dcu-p-government-ink:#1E3A8A;--dcu-p-government-strong:#1E3A8A;--dcu-p-government-icon:#1E3A8A;--dcu-p-government-tint:#EDEFF6;
--dcu-p-economy:#D97706;--dcu-p-economy-ink:#A75C05;--dcu-p-economy-strong:#A75C05;--dcu-p-economy-icon:#D57506;--dcu-p-economy-tint:#FCF4EB;
--dcu-p-history:#7C3AED;--dcu-p-history-ink:#7C3AED;--dcu-p-history-strong:#7C3AED;--dcu-p-history-icon:#7C3AED;--dcu-p-history-tint:#F5EFFE;
}
[data-pillar="community-life"],body.dcu-pillar--community-life{--pc:var(--dcu-p-community-life);--pc-ink:var(--dcu-p-community-life-ink);--pc-strong:var(--dcu-p-community-life-strong);--pc-icon:var(--dcu-p-community-life-icon);--pc-tint:var(--dcu-p-community-life-tint);--pc-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='8' r='3.25'/><path d='M3 19.5c.5-3.4 2.9-5.5 6-5.5s5.5 2.1 6 5.5'/><path d='M15.5 5.2a3 3 0 0 1 0 5.6'/><path d='M17.5 14.3c1.9.6 3.1 2.4 3.5 5.2'/></svg>");--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='8' r='3.25'/><path d='M3 19.5c.5-3.4 2.9-5.5 6-5.5s5.5 2.1 6 5.5'/><path d='M15.5 5.2a3 3 0 0 1 0 5.6'/><path d='M17.5 14.3c1.9.6 3.1 2.4 3.5 5.2'/></svg>")}
.dcu-pillar-nav--community-life{--pc-strong:var(--dcu-p-community-life-strong);--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='8' r='3.25'/><path d='M3 19.5c.5-3.4 2.9-5.5 6-5.5s5.5 2.1 6 5.5'/><path d='M15.5 5.2a3 3 0 0 1 0 5.6'/><path d='M17.5 14.3c1.9.6 3.1 2.4 3.5 5.2'/></svg>")}
[data-pillar="education"],body.dcu-pillar--education{--pc:var(--dcu-p-education);--pc-ink:var(--dcu-p-education-ink);--pc-strong:var(--dcu-p-education-strong);--pc-icon:var(--dcu-p-education-icon);--pc-tint:var(--dcu-p-education-tint);--pc-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 9.5 12 5l9.5 4.5L12 14z'/><path d='M6.5 11.8v4.4c0 1.5 2.5 2.8 5.5 2.8s5.5-1.3 5.5-2.8v-4.4'/><path d='M21.5 9.5v5.5'/></svg>");--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 9.5 12 5l9.5 4.5L12 14z'/><path d='M6.5 11.8v4.4c0 1.5 2.5 2.8 5.5 2.8s5.5-1.3 5.5-2.8v-4.4'/><path d='M21.5 9.5v5.5'/></svg>")}
.dcu-pillar-nav--education{--pc-strong:var(--dcu-p-education-strong);--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 9.5 12 5l9.5 4.5L12 14z'/><path d='M6.5 11.8v4.4c0 1.5 2.5 2.8 5.5 2.8s5.5-1.3 5.5-2.8v-4.4'/><path d='M21.5 9.5v5.5'/></svg>")}
[data-pillar="outdoors"],body.dcu-pillar--outdoors{--pc:var(--dcu-p-outdoors);--pc-ink:var(--dcu-p-outdoors-ink);--pc-strong:var(--dcu-p-outdoors-strong);--pc-icon:var(--dcu-p-outdoors-icon);--pc-tint:var(--dcu-p-outdoors-tint);--pc-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 19.5 9.5 7l4.2 7.4'/><path d='m12.3 12 2.7-4 6.5 11.5h-19'/><path d='m7.4 10.7 2.1 1.6 2-1.6'/></svg>");--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 19.5 9.5 7l4.2 7.4'/><path d='m12.3 12 2.7-4 6.5 11.5h-19'/><path d='m7.4 10.7 2.1 1.6 2-1.6'/></svg>")}
.dcu-pillar-nav--outdoors{--pc-strong:var(--dcu-p-outdoors-strong);--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 19.5 9.5 7l4.2 7.4'/><path d='m12.3 12 2.7-4 6.5 11.5h-19'/><path d='m7.4 10.7 2.1 1.6 2-1.6'/></svg>")}
[data-pillar="government"],body.dcu-pillar--government{--pc:var(--dcu-p-government);--pc-ink:var(--dcu-p-government-ink);--pc-strong:var(--dcu-p-government-strong);--pc-icon:var(--dcu-p-government-icon);--pc-tint:var(--dcu-p-government-tint);--pc-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8v2.4'/><path d='M7 10.5a5 5 0 0 1 10 0'/><path d='M4 10.5h16'/><path d='M6.5 10.5v7M10 10.5v7M14 10.5v7M17.5 10.5v7'/><path d='M4 17.5h16M3 21h18'/></svg>");--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8v2.4'/><path d='M7 10.5a5 5 0 0 1 10 0'/><path d='M4 10.5h16'/><path d='M6.5 10.5v7M10 10.5v7M14 10.5v7M17.5 10.5v7'/><path d='M4 17.5h16M3 21h18'/></svg>")}
.dcu-pillar-nav--government{--pc-strong:var(--dcu-p-government-strong);--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8v2.4'/><path d='M7 10.5a5 5 0 0 1 10 0'/><path d='M4 10.5h16'/><path d='M6.5 10.5v7M10 10.5v7M14 10.5v7M17.5 10.5v7'/><path d='M4 17.5h16M3 21h18'/></svg>")}
[data-pillar="economy"],body.dcu-pillar--economy{--pc:var(--dcu-p-economy);--pc-ink:var(--dcu-p-economy-ink);--pc-strong:var(--dcu-p-economy-strong);--pc-icon:var(--dcu-p-economy-icon);--pc-tint:var(--dcu-p-economy-tint);--pc-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 18.5 9 12.5l4 4 8-8.5'/><path d='M15 8h6v6'/></svg>");--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 18.5 9 12.5l4 4 8-8.5'/><path d='M15 8h6v6'/></svg>")}
.dcu-pillar-nav--economy{--pc-strong:var(--dcu-p-economy-strong);--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 18.5 9 12.5l4 4 8-8.5'/><path d='M15 8h6v6'/></svg>")}
[data-pillar="history"],body.dcu-pillar--history{--pc:var(--dcu-p-history);--pc-ink:var(--dcu-p-history-ink);--pc-strong:var(--dcu-p-history-strong);--pc-icon:var(--dcu-p-history-icon);--pc-tint:var(--dcu-p-history-tint);--pc-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 4H7.5A2.5 2.5 0 0 0 5 6.5V17'/><path d='M19.5 6.5V17a3 3 0 0 1-3 3h-10'/><path d='M17 4a2.5 2.5 0 0 1 2.5 2.5'/><path d='M6.5 20A2.5 2.5 0 0 1 4 17.5V17h10v.5a2.5 2.5 0 0 0 2.5 2.5'/><path d='M9 8.5h6M9 12h6'/></svg>");--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 4H7.5A2.5 2.5 0 0 0 5 6.5V17'/><path d='M19.5 6.5V17a3 3 0 0 1-3 3h-10'/><path d='M17 4a2.5 2.5 0 0 1 2.5 2.5'/><path d='M6.5 20A2.5 2.5 0 0 1 4 17.5V17h10v.5a2.5 2.5 0 0 0 2.5 2.5'/><path d='M9 8.5h6M9 12h6'/></svg>")}
.dcu-pillar-nav--history{--pc-strong:var(--dcu-p-history-strong);--pc-glyph-white:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 4H7.5A2.5 2.5 0 0 0 5 6.5V17'/><path d='M19.5 6.5V17a3 3 0 0 1-3 3h-10'/><path d='M17 4a2.5 2.5 0 0 1 2.5 2.5'/><path d='M6.5 20A2.5 2.5 0 0 1 4 17.5V17h10v.5a2.5 2.5 0 0 0 2.5 2.5'/><path d='M9 8.5h6M9 12h6'/></svg>")}

/* Icon: one size scale (32 / 40 / 56), glyph = 55% of container, 2px stroke at 24px */
.dcu-pi{--pi-c:var(--pc-icon);display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--pc-tint);color:var(--pi-c)}
.dcu-pi svg{width:55%;height:55%;display:block}
.dcu-pi svg *{stroke:var(--pi-c)!important;fill:none!important}.dcu-pchip svg *{stroke:var(--pchip-c,var(--pc-icon))!important;fill:none!important} /* custom properties, so theme color rules on headings cannot recolor the glyph */
.dcu-pi--sm{width:32px;height:32px}.dcu-pi--lg{width:56px;height:56px}
.dcu-pi--solid{--pi-c:#fff;background:var(--pc-strong)}
.dcu-pi--bare{width:auto;height:auto;background:none}.dcu-pi--bare svg{width:20px;height:20px}
/* Chip: tint background, ink text, base-colored hairline */
.dcu-pchip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px 6px 10px;border:1px solid color-mix(in srgb,var(--pc) 35%,transparent);border-radius:999px;background:var(--pc-tint);color:var(--pc-ink)!important;font-weight:700;font-size:14px;line-height:1.2;text-decoration:none!important;white-space:nowrap}
.dcu-pchip svg{width:18px;height:18px;color:var(--pc-icon);flex:none}
a.dcu-pchip:hover,a.dcu-pchip:focus-visible{background:var(--pc-strong);color:#fff!important;border-color:var(--pc-strong)}
a.dcu-pchip:hover,a.dcu-pchip:focus-visible{--pchip-c:#fff}
a.dcu-pchip:focus-visible{outline:3px solid var(--dcu-blue);outline-offset:2px}
.dcu-pbar{display:flex;gap:8px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}.dcu-pbar::-webkit-scrollbar{display:none}.dcu-pbar li{flex:0 0 auto;margin:0}
/* Article kicker + related module */
.dcu-pkicker{margin:0 0 18px!important}
.dcu-prelated{margin:36px 0 8px;padding:20px;border-radius:14px;background:var(--pc-tint);border-top:4px solid var(--pc)}
.dcu-prelated h2{display:flex;align-items:center;gap:10px;margin:0 0 14px!important;font-size:20px!important;line-height:1.25;color:var(--dcu-ink)}
.dcu-prelated ul{list-style:none;margin:0!important;padding:0!important;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.dcu-prelated li{margin:0!important;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--dcu-line)}
.dcu-prelated li a{display:block;color:var(--dcu-ink)!important;text-decoration:none!important;font-weight:700;font-size:15px;line-height:1.35}
.dcu-prelated img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.dcu-prelated li span{display:block;padding:10px 12px 12px}
.dcu-prelated .more{display:inline-block;margin-top:12px;font-weight:700;color:var(--pc-ink)!important}
@media (max-width:699px){.dcu-prelated ul{grid-template-columns:1fr}.dcu-prelated li a{display:grid;grid-template-columns:96px 1fr;align-items:center}.dcu-prelated img{aspect-ratio:4/3;height:100%}}
/* Archive header */
.dcu-ptitle{display:inline-flex;align-items:center;gap:12px}
.dcu-parchive-band{display:flex;align-items:center;gap:10px;margin:8px 0 0;padding:10px 14px;border-left:4px solid var(--pc);border-radius:8px;background:var(--pc-tint);color:var(--pc-ink);font-weight:600;font-size:15px}
/* Category archive hero: DCU blue stays the master color; the pillar is an accent (icon + 6px rule), not a full-color banner */
.dcu-pillar-archive .entry-hero-container-inner{background:var(--dcu-blue)!important;box-shadow:inset 0 -6px 0 var(--pc)}
.dcu-pillar-archive .dcu-ptitle .dcu-pi{--pi-c:var(--pc-strong);background:#fff!important}
.dcu-pillar-archive .dcu-tintro{max-width:680px;margin:12px auto 0;text-align:center;color:#fff}
.dcu-pillar-archive .dcu-tintro-q{margin:0 0 6px!important;color:#fff!important;font-size:clamp(20px,2.4vw,26px)!important;line-height:1.25}
.dcu-pillar-archive .dcu-tintro p{margin:0 0 12px;color:#fff;opacity:.95}
.dcu-pillar-archive .entry-hero .dcu-tintro a.dcu-tintro-btn{-webkit-text-fill-color:var(--dcu-blue);display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:999px;background:#fff;color:var(--dcu-blue)!important;font-weight:700;text-decoration:none!important}
.dcu-pillar-archive .dcu-tintro-btn:hover,.dcu-pillar-archive .dcu-tintro-btn:focus-visible{background:var(--pc-tint);outline:3px solid #fff;outline-offset:2px}
@media (max-width:767px){.dcu-pillar-archive .entry-hero .entry-header{padding-top:4px;padding-bottom:4px}.dcu-pillar-archive .dcu-tintro p{font-size:15px}}
/* Article taxonomy links: visibly links, keyboard and touch friendly */
.entry-taxonomies .category-links a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;display:inline-block;padding:6px 0}
.entry-taxonomies .category-links a:focus-visible{outline:3px solid var(--dcu-blue);outline-offset:2px;border-radius:2px}
/* Narrow phones: slightly smaller article headline so the story starts sooner */
@media (max-width:480px){.single-post .entry-header .entry-title{font-size:clamp(24px,7.2vw,30px)!important;line-height:1.2!important}}
/* Single post: the pillar module replaces the theme's generic Similar Posts carousel (which is not pillar-aware) */
.dcu-pillar-own-related .entry-related{display:none}
/* Navigation: pillar items get the glyph via CSS mask, colored per pillar; works in desktop dropdown and mobile drawer */
.dcu-pillar-nav>a{display:flex!important;align-items:center;gap:10px}
.dcu-pillar-nav>a::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--pc-glyph-white) center/16px 16px no-repeat,var(--pc-strong)} /* solid style: white glyph on the accessible fill reads on light dropdowns and the dark mobile drawer */