/* Extends the existing CSW editorial palette and typography. */
.info-main{max-width:1440px;margin:auto;padding:64px var(--feature-gutter) 100px}
.info-crumbs{font-size:14px;color:var(--feature-muted);margin:0 0 28px}.info-crumbs a{text-decoration:underline;text-underline-offset:4px}
.info-heading{border-top:1px solid;padding-top:24px;display:grid;grid-template-columns:1fr 2fr;gap:24px 40px}.info-kicker{font:400 13px/1.6 Poppins,OPPOSans,sans-serif;color:var(--feature-green);letter-spacing:.08em;margin:0}.info-heading h1{font-size:clamp(34px,4.6vw,68px);line-height:1.22;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}.info-dek{grid-column:2;max-width:740px;font-size:20px;color:var(--feature-muted);margin:0}
.info-hero{margin:48px 0 64px}.info-hero img{max-height:660px;object-fit:contain}.info-hero figcaption{font-size:13px;color:var(--feature-muted);margin-top:10px}
.info-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--feature-line);padding:32px 0;margin-top:40px}.info-section h2{font-size:25px;line-height:1.4;margin:0}.info-section p{margin:0 0 20px;font-size:18px;max-width:740px}.info-section ul{padding-left:20px}.info-section li{margin-bottom:10px}.info-section h3{font-size:20px;margin:24px 0 12px}.info-section a{text-decoration:underline;text-underline-offset:5px}
.info-services{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}.info-services article{border-top:1px solid var(--feature-line);padding-top:12px}.info-services h3{margin-top:8px}.info-services p{font-size:16px}
.info-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.info-case img{aspect-ratio:4/3;object-fit:cover}.info-case h3{font-size:22px;line-height:1.4;margin:18px 0 12px}.info-case p{color:var(--feature-muted);font-size:16px}.info-case a{display:block}.info-case a:hover h3{text-decoration:underline;text-underline-offset:5px}
.info-contact{background:var(--feature-green);color:#fff;padding:clamp(24px,4vw,56px);margin-top:64px}.info-contact h2{font-size:clamp(28px,3.3vw,46px);line-height:1.3;margin:0 0 20px}.info-contact p{max-width:760px}.info-contact a{display:inline-block;margin-top:12px;border-bottom:1px solid;padding-bottom:8px;overflow-wrap:anywhere}
.info-series-list{list-style:none;padding:0;margin:48px 0}.info-series-list li{display:grid;grid-template-columns:70px 1fr;gap:24px;border-top:1px solid var(--feature-line);padding:24px 0}.info-series-list .number{color:var(--feature-green);font:400 24px/1.5 Poppins,sans-serif}.info-series-list h2{margin:0 0 10px;font-size:clamp(23px,2.3vw,32px);line-height:1.4}.info-series-list p{margin:0 0 12px;color:var(--feature-muted)}.info-series-list time{font-size:14px}.info-series-list a:hover{text-decoration:underline}
.article-context,.article-series{max-width:760px;margin:44px auto;padding:22px 0;border-top:1px solid var(--feature-line);border-bottom:1px solid var(--feature-line);font-size:15px}.article-context a,.article-series a,.article-byline a{text-decoration:underline;text-underline-offset:4px}.article-context p{margin:8px 0}.article-series nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:12px}.archive-series-link{font-size:15px;text-decoration:underline;text-underline-offset:4px}
.info-heading h1 .heading-segment{display:inline-block;max-width:100%;overflow-wrap:anywhere}.feature-card h2 .title-segment{max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.feature-header nav{flex-wrap:wrap}.info-footer-nav{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:760px){.info-main{padding-top:36px}.info-heading,.info-section{display:block}.info-heading h1{margin:18px 0}.info-dek{font-size:18px}.info-section h2{margin-bottom:24px}.info-section p{font-size:17px}.info-hero{margin:32px 0}.info-cases,.info-services{grid-template-columns:1fr}.info-cases{gap:32px}.info-series-list li{grid-template-columns:38px minmax(0,1fr);gap:14px}.feature-header{align-items:flex-start;gap:16px}.feature-header>a{flex-shrink:0;width:130px}.feature-header nav{gap:4px 16px;justify-content:flex-end;font-size:13px}.feature-header nav a{padding:6px 0}.info-heading h1{font-size:36px}}