/* Editorial audience, restrained product detail, and authentic Careers context. */
.portfolio-audience{--geo-0:var(--accent);--geo-1:#879565;--geo-2:#9a9686;--geo-3:#d1d5c6;padding:104px 5% 110px;background:#171a15;color:#f5f4ee}
.audience-introduction{max-width:1060px;margin-bottom:64px}
.audience-introduction .eyebrow{font-size:13px;margin-bottom:22px}
.audience-introduction h2{max-width:980px}
.audience-introduction>p:last-child{max-width:810px;color:#b4b9ac;font-size:18px;line-height:1.7;margin-top:28px}
.portfolio-audience h3{font-size:23px;font-weight:500;letter-spacing:-.025em;margin-bottom:26px}
.geography-distribution{display:flex;height:28px;gap:4px;margin-bottom:32px}
.geography-distribution span{flex:var(--share) 1 0;background:var(--geo-color);min-width:0}
.geography-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.geography-key>div{min-width:0}
.geography-key dt{font-size:14px;color:#c1c5b8;display:flex;gap:10px;align-items:start;line-height:1.6;min-height:44px}
.geography-key dt i{width:9px;height:9px;flex:0 0 9px;margin-top:6px}
.geography-key dd{font-size:clamp(34px,3.7vw,54px);margin:15px 0 0;line-height:1.1;letter-spacing:-.04em}
.audience-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;border-top:1px solid #3c4233;margin-top:65px;padding-top:52px}
.age-distribution{margin:0;display:grid;gap:19px}
.age-distribution>div{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:center}
.age-distribution dt{font-size:15px;color:#c1c5b8}
.age-distribution dd{margin:0;display:flex;align-items:center;gap:22px;font-size:16px}
.age-distribution dd>span:last-child{min-width:36px;text-align:right}
.age-track{display:block;height:8px;background:#30362b;flex:1;min-width:0}
.age-track i{display:block;width:calc(var(--age)*100%/30);height:100%;background:var(--accent)}
.audience-context{display:flex;flex-direction:column;gap:48px}
.audience-context h3{margin-bottom:18px}
.audience-context p{font-size:22px;line-height:1.6;letter-spacing:-.02em}
.audience-context strong{font-size:33px;font-weight:500}
.brand-platform-proof .expanded-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
.brand-platform-proof .expanded-proof.four-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.expanded-proof dd{font-size:clamp(44px,5.25vw,78px)!important}
.proof-method{font-size:12px;line-height:1.75;color:#b4b9ac;margin-top:32px;max-width:950px}
.proof-method summary{cursor:pointer;min-height:44px;width:fit-content;display:list-item;padding-top:10px;text-underline-offset:4px}
.proof-method summary:hover{color:var(--accent)}
.proof-method>div{padding-top:12px;max-width:950px}
.proof-method p{font-size:12px;line-height:1.75;margin-bottom:10px}
.brand-depth-b .proof-method{color:#51594c}
.product-capabilities{list-style:none;margin:35px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.product-capabilities li{font-size:17px;line-height:1.6;padding:16px 0;border-top:1px solid #c4c8bd}
.product-automation{margin-top:26px}
.product-formats{padding:75px 5%;display:grid;grid-template-columns:1fr 1.15fr;gap:85px}
.product-formats ul{padding:0;margin:0;list-style:none;display:flex;gap:16px 36px;flex-wrap:wrap;align-items:center}
.product-formats li{font-size:24px;line-height:1.5;color:var(--accent)}
.careers-people{display:block}
.careers-people>div:first-child{max-width:760px}
.careers-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:48px}
.careers-person{min-width:0}
.careers-person img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top}
.careers-person h3{font-size:21px;line-height:1.35;margin:20px 0 8px}
.careers-person p{font-size:14px;line-height:1.6;color:#51594c}
/* Restore the approved lime on dark UI, with existing dark olive on light UI. */
:is(.portfolio,.index-portfolio,.publishing,.about-technology,.product-overview,.product-context,.careers-people,.brand-craft,.brand-editorial,.lean-editorial,.daily-editorial,.distribution){--interaction-accent:var(--accent-on-light)}
.mcgill-page .brand-editorial,.daily-page .lean-editorial{--interaction-accent:var(--accent)}
.text-link:hover,.brand-explore:hover,.person-link:hover,.distribution a:hover,.proof-method summary:hover{color:var(--interaction-accent,var(--accent))}
.page-name,.eyebrow{color:var(--interaction-accent,var(--accent))}
body :focus-visible{outline-color:var(--interaction-accent,var(--accent))!important}
.header .mobile-nav a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}
.header .mobile-nav a:hover{color:var(--accent)}
.brand-platform-proof dd,.geography-key dd,.audience-context strong{color:var(--accent)}
.brand-depth-b .brand-platform-proof dd{color:var(--accent-on-light)}
:is(.careers,.brand-final,.enquiry-close,.careers-opportunities){--interaction-accent:var(--accent-on-light)}
:is(.brand-final,.enquiry-close,.careers-opportunities) .button:hover{background:var(--black);color:var(--warm);box-shadow:inset 0 0 0 1px var(--warm)}
@media(max-width:1100px){.audience-detail-grid{gap:55px}.brand-platform-proof .expanded-proof.four-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.careers-team-grid{gap:22px}.careers-person h3{font-size:18px}}
@media(max-width:900px){.brand-platform-proof .expanded-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.product-formats{grid-template-columns:1fr;gap:28px}.careers-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}}
@media(max-width:680px){
 .portfolio-audience{padding:65px 6% 72px}
 .audience-introduction{margin-bottom:42px}
 .audience-introduction h2{font-size:clamp(31px,9vw,42px)!important;line-height:1.16!important}
 .audience-introduction>p:last-child{font-size:16px;margin-top:24px}
 .geography-distribution{height:20px;gap:3px;margin-bottom:28px}
 .geography-key{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
 .geography-key dt{font-size:13px;min-height:42px}
 .geography-key dd{font-size:40px;margin-top:10px}
 .audience-detail-grid{grid-template-columns:1fr;gap:44px;margin-top:42px;padding-top:36px}
 .age-distribution>div{grid-template-columns:52px 1fr;gap:15px}
 .age-distribution dd{gap:15px}
 .audience-context{gap:32px}
 .audience-context p{font-size:20px}
 .audience-context strong{font-size:27px}
 .brand-platform-proof .expanded-proof,.brand-platform-proof .expanded-proof.four-points{grid-template-columns:1fr;gap:34px}
 .expanded-proof dd{font-size:60px!important}
 .product-capabilities{grid-template-columns:1fr;margin:26px 0}
 .product-capabilities li{font-size:16px;padding:14px 0}
 .product-formats{padding:60px 6%;gap:25px}
 .product-formats li{font-size:22px}
 .careers-team-grid{gap:30px 18px;margin-top:34px}
 .careers-person h3{font-size:17px;margin-top:15px}
 .careers-person p{font-size:12px}
}
@media(max-width:359px){.careers-team-grid{grid-template-columns:1fr}.careers-person{max-width:270px}.geography-key{gap:25px 15px}.audience-context p{font-size:18px}.expanded-proof dd{font-size:54px!important}}
