/* ZTIC insights: one article type scale and one share-control style for every insight page.
   Replaces the PHP2Shell-only layout rules so all articles read the same way.
   Square frames, hairlines, no radius/shadow/gradient (ZTIC Brand & Web Standard). */

/* Hero and breadcrumb */
.insight-page .p-hero{display:block!important;max-width:1160px;padding-top:48px;padding-bottom:48px}
.insight-page .p-hero nav[aria-label="Breadcrumb"]{margin-bottom:24px;font-size:13px;line-height:1.6}
.insight-page .p-hero h1{max-width:23ch;margin:20px 0 24px}
.insight-page .p-hero .lead{max-width:64ch;font-size:20px;line-height:1.6}
.insight-page .p-hero h1,.insight-page .p-research-hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.12}
.insight-page .p-research-hero h1{max-width:24ch}

/* Article body: 18px / 1.8 reading size and a 760px measure on every insight page */
.insight-page article.prose{min-width:0;width:100%;max-width:760px!important}
.insight-page article.prose p,.insight-page article.prose li{font-size:18px;line-height:1.8}
.insight-page .p-paper article.prose :is(p,li){color:#193e30}
.insight-page article.prose h2{font-size:32px;line-height:1.2;margin-top:44px;margin-bottom:20px}
.insight-page article.prose h2:first-child{margin-top:0}
.insight-page article.prose h3{font-size:24px;line-height:1.3;margin-top:32px;margin-bottom:16px}
.insight-page .p-paper article.prose h3{color:#143729}

/* Metadata column on warm-paper articles */
.insight-page .article-layout{width:min(1160px,calc(100% - 80px));display:grid!important;grid-template-columns:180px minmax(0,760px)!important;justify-content:center;align-items:start;gap:64px;padding-block:56px 88px}
.insight-page .article-layout aside{width:auto;min-width:0;max-width:none;font-size:13px}
.insight-page .article-layout aside p{font-size:13px;line-height:1.65}
.insight-page article.prose figure{width:100%;max-width:760px;margin:0 0 36px}
.insight-page article.prose figcaption{font-size:13px;line-height:1.6;padding-top:12px;color:#456153}

@media(max-width:1000px){.insight-page .article-layout{width:min(760px,calc(100% - 48px));grid-template-columns:minmax(0,1fr)!important;gap:28px}.insight-page .article-layout aside{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:16px}.insight-page .article-layout aside p{margin:0}.insight-page .article-layout aside .eyebrow{width:100%;margin:0}.insight-page .p-hero .lead{font-size:18px}}
@media(max-width:600px){.insight-page .p-hero{padding-top:30px;padding-bottom:32px}.insight-page .article-layout{width:calc(100% - 40px);padding-block:28px 56px}.insight-page article.prose p,.insight-page article.prose li{font-size:17px;line-height:1.75}.insight-page article.prose h2{font-size:28px}.insight-page article.prose h3{font-size:22px}}

/* Insights listing: readable card text (was 6-8px, with the footer label at 16px) */
.insight-index .publication-meta{font-size:11px;letter-spacing:.08em;line-height:1.6}
.insight-index .publication-end{font-size:11px;letter-spacing:.08em}
.insight-index .publication-end>span,.insight-index .publication-end>span:last-child{font-size:11px;color:#b8cbbd}
.insight-index .cover-foot{font-size:9px;letter-spacing:.1em}

/* Share controls */
.article-share{margin-top:56px;padding-top:24px;border-top:1px solid #34563d}
.article-share__label{margin:0 0 16px;font:650 10px/1.6 'Inter',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#34563d}
.article-share__list{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.article-share__action{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:11px 18px;border:1px solid #34563d;border-radius:0;background:transparent;color:#143729;font:550 13px/1.4 'Inter',system-ui,sans-serif;text-decoration:none;cursor:pointer}
.institutional.insight-page .prose .article-share a.article-share__action{color:#143729;text-decoration:none;border-bottom:1px solid #34563d}
.institutional.insight-page .prose .article-share a.article-share__action span{text-decoration:none}
.article-share__action[hidden]{display:none}
.article-share__action .ui-icon{width:.95em;height:.95em;flex:none}
.article-share__action:hover,.institutional.insight-page .prose .article-share a.article-share__action:hover{background:#103326;border-color:#103326;color:#f4f2ea}
.article-share__action:focus-visible{outline:2px solid #286448;outline-offset:3px}
.article-share__status{min-height:1.6em;margin:12px 0 0;font:500 13px/1.6 'Inter',system-ui,sans-serif;color:#286448}
.article-share__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Forest tone for dark articles */
.article-share--forest{border-top-color:#54715e}
.article-share--forest .article-share__label{color:#b8cebe}
.article-share--forest .article-share__action,.institutional.insight-page .prose .article-share--forest a.article-share__action{color:#f4f2ea;border-color:#739580}
.article-share--forest .article-share__action:hover,.institutional.insight-page .prose .article-share--forest a.article-share__action:hover{background:#f4f2ea;border-color:#f4f2ea;color:#081e18}
.article-share--forest .article-share__action:focus-visible{outline-color:#c2d0c6}
.article-share--forest .article-share__status{color:#c2d0c6}
@media(prefers-reduced-motion:no-preference){.article-share__action{transition:background-color .2s,color .2s,border-color .2s}}
@media(max-width:600px){.article-share{margin-top:40px}.article-share__list{display:grid;grid-template-columns:1fr 1fr}.article-share__action{width:100%}}

/* Keep share label and status at their own size inside the 18px article body */
.insight-page article.prose .article-share p.article-share__label{margin:0 0 16px;font-size:10px;line-height:1.6;color:#34563d}
.insight-page article.prose .article-share--forest p.article-share__label{color:#b8cebe}
.insight-page article.prose .article-share p.article-share__status{margin:12px 0 0;font-size:13px;line-height:1.6;color:#286448}
.insight-page article.prose .article-share--forest p.article-share__status{color:#c2d0c6}
.insight-page article.prose .article-share li{font-size:13px;line-height:1.4;color:inherit}
.insight-index .publication-cover{min-height:400px}

/* Breadcrumb: long titles truncate instead of wrapping */
.insight-page .p-hero nav[aria-label="Breadcrumb"]{display:flex;gap:.45em;align-items:baseline;min-width:0}
.insight-page .p-hero nav[aria-label="Breadcrumb"]>*{flex:none}
.insight-page .p-hero nav[aria-label="Breadcrumb"]>[aria-current="page"]{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Print: clean, ink-light article with sources visible */
@media print{
 @page{margin:18mm}
 .insight-page .skip,.insight-page .reading-progress,.insight-page .site-header,.insight-page footer,.insight-page .site-search-dialog,.insight-page [id*="cookiegovern"],.insight-page [class*="cookiegovern"],.insight-page .article-share,.insight-page video,.insight-page figure,.insight-page nav[aria-label="Breadcrumb"]{display:none!important}
 .insight-page,.insight-page main,.insight-page .p-hero,.insight-page .p-research-hero,.insight-page .p-paper{background:#fff!important;color:#000!important}
 .insight-page .p-hero{padding:0 0 12mm!important;max-width:none}
 .insight-page .p-hero h1,.insight-page article.prose h2,.insight-page article.prose h3{color:#000!important;break-after:avoid}
 .insight-page .p-hero h1{font-size:28pt;max-width:none}
 .insight-page .p-hero .lead,.insight-page .p-hero .eyebrow,.insight-page .article-layout aside,.insight-page .article-layout aside *{color:#333!important}
 .insight-page .article-layout{display:block!important;width:auto;padding:0!important}
 .insight-page .article-layout aside{display:block;border:0;padding:0 0 8mm;margin:0}
 .insight-page article.prose{max-width:none!important}
 .insight-page article.prose p,.insight-page article.prose li{font-size:11pt;line-height:1.5;color:#000!important}
 .insight-page article.prose h2{font-size:16pt;margin-top:8mm}
 .insight-page article.prose a{color:#000!important;text-decoration:underline}
 .insight-page article.prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
 .insight-page article.prose a[href^="/"]::after{content:" (https://zecititech.com" attr(href) ")";font-size:9pt;word-break:break-all}
 .insight-page .article-layout aside a{display:none}
}