.opinion-landing{--opinion-ink:#122b40;--opinion-blue:#cbdfee;--opinion-line:#b9c6d0;max-width:none;margin:0;padding:0;color:var(--opinion-ink)}
.opinion-hero,.opinion-section{padding-inline:max(24px,calc((100% - 1180px)/2))}
.opinion-hero{display:grid;grid-template-columns:1.05fr 1fr;column-gap:48px;row-gap:18px;align-content:center;padding-block:112px 64px;background:#f3f0e8;border-bottom:1px solid #d6d0c3;position:relative}
.opinion-hero>*{grid-column:1;min-width:0;margin:0}
.opinion-hero::after{content:"";grid-column:2;grid-row:1/5;align-self:stretch;min-height:510px;background:url('/assets/illustrations/public-opinion-dialogue-v1.webp') center/cover no-repeat;border:1px solid #a7bfd0;box-shadow:16px 16px 0 #decba2}
.opinion-eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3c5c74}
.opinion-hero h1{font-size:clamp(36px,3.65vw,53px);line-height:1.09;letter-spacing:-.035em;color:#16354b}
.opinion-lead{font-size:19px;line-height:1.65}
.opinion-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:6px}
.opinion-link{color:#254d6b;text-decoration:underline;text-underline-offset:5px;font-weight:600;line-height:1.5}
.opinion-landing .button{background:#decba2;color:#122b40;border-color:#c8ae79}
.opinion-landing .button:hover{background:#e6d5af}
.opinion-section{padding-block:60px;border-bottom:1px solid #b3c8d7}
.opinion-section h2{color:#19384e;font-size:clamp(28px,3vw,39px);line-height:1.2;margin:0 0 30px;max-width:920px}
.opinion-section p{font-size:18px;line-height:1.7;max-width:880px;margin-block:12px}
.opinion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.opinion-card{padding:26px;background:#fff;border:1px solid #b0c6d5;box-shadow:0 5px 0 #d4dce1}
.opinion-card h3,.opinion-steps h3{color:#19384e;font-size:23px;line-height:1.3;margin:0 0 12px}
.opinion-card p{font-size:17px}
.opinion-landing #questions{background:#f5f6f8}
.opinion-landing #questions .opinion-card::before{content:"";display:block;height:100px;margin-bottom:24px;background-position:left center;background-repeat:no-repeat;background-size:140px 100px}
.opinion-landing #questions .opinion-card:nth-child(1)::before{background-image:url('/assets/illustrations/opinion-audience.svg')}
.opinion-landing #questions .opinion-card:nth-child(2)::before{background-image:url('/assets/illustrations/opinion-dialogue.svg')}
.opinion-landing #questions .opinion-card:nth-child(3)::before{background-image:url('/assets/illustrations/opinion-perception.svg')}
[dir=rtl] .opinion-landing #questions .opinion-card::before{background-position:right center}
.opinion-note{color:#435d70;font-size:16px!important;margin-top:28px!important;line-height:1.7}
.opinion-landing #approach{background:#e9edf2}
.opinion-steps{counter-reset:opinion-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:0;list-style:none;margin:0}
.opinion-steps li{counter-increment:opinion-step;position:relative;border-top:2px solid #b7a071;padding-top:26px;min-width:0}
.opinion-steps li::before{content:"0" counter(opinion-step);display:grid;place-items:center;width:54px;height:54px;background:#decba2;color:#122b40;font-size:21px;font-weight:600;border-radius:50%;margin-bottom:22px}
.opinion-steps h3{font-size:22px}.opinion-steps p{font-size:16px}
.opinion-case{background:#cbdfee;margin:0}
.opinion-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
.opinion-metrics>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;background:#f7fafc;border:1px solid #91b2c9;padding:28px}
.opinion-metrics dd{font-size:clamp(36px,4.5vw,62px);font-weight:650;margin:0 0 18px;line-height:1.1;text-align:start;color:#254d6b;width:100%}
.opinion-metrics dd::after{content:"";display:block;height:9px;margin-top:20px;background:#ccdce7}
.opinion-metrics>div:first-child dd::after{background:repeating-linear-gradient(to right,#527f9e 0 6px,transparent 6px 10px)}
.opinion-metrics>div:nth-child(2) dd::after{background:linear-gradient(to right,#527f9e 65.7%,#ccdce7 65.7%)}
.opinion-metrics>div:nth-child(3) dd::after{background:linear-gradient(to right,#527f9e 56.1%,#ccdce7 56.1%)}
.opinion-metrics dt{font-size:17px;line-height:1.6}
.opinion-landing #archive{background:#f5f6f8}.opinion-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.opinion-landing #archive .opinion-card{border-inline-start:5px solid #b7a071}
.opinion-landing #questions-before-start{background:#eeeae0}
.opinion-section details{border-top:1px solid #b3c8d7;padding:22px 0}
.opinion-section summary{cursor:pointer;font-size:21px;font-weight:600;line-height:1.4;color:#254d6b}
.opinion-section details p{margin-bottom:0}
.opinion-close{background:#f5f6f8;border-bottom:0;border-top:4px solid #decba2}
.opinion-close .button{margin-top:18px}
.opinion-landing a:focus-visible,.opinion-landing summary:focus-visible{outline:3px solid #936325;outline-offset:6px}
.opinion-section{scroll-margin-top:90px}
@media(max-width:1100px){.opinion-hero{column-gap:30px}.opinion-hero h1{font-size:41px}.opinion-hero::after{box-shadow:9px 9px 0 #decba2}.opinion-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.opinion-grid,.opinion-metrics{gap:16px}.opinion-card,.opinion-metrics>div{padding:22px}}
@media(max-width:800px){.opinion-hero{grid-template-columns:1fr;row-gap:20px;padding-block:100px 44px}.opinion-hero::after{grid-column:1;grid-row:3;min-height:0;aspect-ratio:3/2;width:100%;background-size:cover;box-shadow:none}.opinion-hero h1{grid-row:2;font-size:clamp(34px,6vw,47px)}.opinion-eyebrow{grid-row:1}.opinion-lead{grid-row:4;font-size:18px}.opinion-actions{grid-row:5}.opinion-grid,.opinion-metrics{grid-template-columns:1fr}.opinion-two{grid-template-columns:1fr}.opinion-section{padding-block:42px}.opinion-card{box-shadow:none}.opinion-section h2{font-size:30px}.opinion-metrics>div{padding:24px}.opinion-metrics dd{font-size:48px}.opinion-landing #questions .opinion-card::before{height:80px;background-size:112px 80px;margin-bottom:18px}}
@media(max-width:450px){.opinion-hero,.opinion-section{padding-inline:20px}.opinion-steps{grid-template-columns:1fr;gap:24px}.opinion-steps li{padding-top:20px}.opinion-steps li::before{width:48px;height:48px;margin-bottom:16px}.opinion-hero h1{font-size:36px}.opinion-actions{gap:20px}.opinion-section p{font-size:17px}}

[dir=rtl] .opinion-metrics>div:nth-child(2) dd::after{background:linear-gradient(to left,#527f9e 65.7%,#ccdce7 65.7%)}
[dir=rtl] .opinion-metrics>div:nth-child(3) dd::after{background:linear-gradient(to left,#527f9e 56.1%,#ccdce7 56.1%)}