/* Shared editorial rhythm. Product UI remains in its original visual language. */
.editorial-case{--case-accent:#49617b;--case-tint:#eef1f5;--case-line:#dbe1e7}
.university-case{--case-accent:#8e383a;--case-tint:#f3efec;--case-line:#e5dbd6}
.editorial-case .case-hero{max-width:none}.editorial-case .case-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.06;letter-spacing:-.055em}.editorial-case .case-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-case h2,.editorial-case h3{font-weight:400;letter-spacing:-.035em}.editorial-case .case-copy h2{font-weight:400}.editorial-case .case-section{margin-bottom:30px}
.editorial-nav{display:flex;flex-wrap:wrap;gap:18px 30px;padding:22px 0;border-block:1px solid #d9dedb;margin:45px 0 15px;font-size:12px}.editorial-nav a{text-decoration:none}
.result-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:25px 50px;border-block:1px solid var(--case-line);padding:30px 0;margin:0 0 45px}.result-ribbon strong{display:block;font-size:60px;line-height:1.1;font-weight:400;letter-spacing:-.05em;color:var(--case-accent)}.result-ribbon span{display:block;font-size:13px;color:#66716d;line-height:1.6;margin-top:12px}.result-ribbon>p{grid-column:1/-1;font-size:11px;color:#7a827b;margin:0}
.product-stage{background:var(--case-tint,#eef1f5);border:1px solid var(--case-line,#dbe1e7);padding:35px;border-radius:14px;margin:35px 0 45px}.stage-copy{max-width:720px;margin-bottom:30px}.stage-copy h2{font-size:34px;line-height:1.2;margin:16px 0}.stage-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#66716d}.product-stage .proof-pair{margin:0}
.proof-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:28px 0 50px}.proof-figure{margin:0;min-width:0}.proof-figure>a{height:350px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dce1df;border-radius:10px;padding:20px;box-sizing:border-box;overflow:hidden}.proof-figure img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.proof-figure.screen>a{height:430px;padding:0;display:block;overflow:auto;scrollbar-width:thin}.proof-figure.screen img{width:100%;height:auto;max-height:none;max-width:none}.proof-figure figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7;color:#6b756e;margin-top:13px}.proof-figure figcaption span{white-space:nowrap;font-size:10px;color:#526b59}.proof-figure>a:focus-visible{outline:2px solid #49617b;outline-offset:5px}
.decision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 50px}.decision-cards article{padding:26px;border:1px solid #dce2dd;background:#eef1ec;border-radius:10px;min-width:0}.editorial-case .decision-cards article{background:var(--case-tint);border-color:var(--case-line)}.decision-cards article>span{font-size:10px;letter-spacing:1.15px;color:#667963;display:block}.editorial-case .decision-cards article>span{color:var(--case-accent)}.decision-cards h3{font-size:25px!important;line-height:1.2!important;font-weight:400;letter-spacing:-.035em;margin:19px 0 13px!important}.decision-cards p{font-size:14px!important;line-height:1.8!important;color:#657064;margin:0!important}.compact-cards h3{font-size:22px!important}.compact-cards article{padding:23px}.compact-cards{margin-bottom:35px}
.judgment-note{border-left:2px solid #839879;padding:8px 0 8px 28px;margin:40px 0 55px;max-width:850px}.judgment-note .eyebrow{font-size:10px}.judgment-note h3{font-size:29px!important;font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:15px 0!important}.judgment-note>p:not(.eyebrow){font-size:16px!important;line-height:1.85!important;color:#657064;margin-bottom:0}.editorial-case .judgment-note{border-color:var(--case-accent)}
.flow-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0 50px}.flow-comparison>div{padding:30px;background:#eeefeb;border:1px solid #dde1d9;border-radius:12px}.flow-comparison>div+div{background:var(--case-tint);border-color:var(--case-line)}.flow-comparison ol{list-style:none;padding:0;counter-reset:flow;margin:28px 0}.flow-comparison li{counter-increment:flow;position:relative;margin:0 0 12px;padding:15px 18px 15px 49px;border:1px solid #dce1db;background:#fff;border-radius:7px;font-size:15px;line-height:1.5}.flow-comparison li:before{content:counter(flow);position:absolute;left:18px;color:#7d8b7c}.flow-comparison li strong{font-weight:500}.flow-comparison li small{display:block;font-size:11px;color:#7b857d;margin-top:4px}.flow-comparison>div>p:last-child{font-size:13px;line-height:1.8;color:#6a746a}
.decision-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start;padding:40px 35px;margin:35px 0;background:var(--case-tint);border:1px solid var(--case-line);border-radius:14px}.decision-feature h2{font-size:35px;line-height:1.15;margin:20px 0}.decision-feature>div>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#66716d}.decision-feature .proof-figure.screen>a{height:500px}.decision-feature .proof-figure figcaption{display:block}.decision-feature .proof-figure figcaption span{display:block;margin-top:7px}
.evidence-drawer{border-block:1px solid #dce2dd;padding:21px 0;margin:28px 0 45px}.evidence-drawer>summary{font-size:14px;line-height:1.7;cursor:pointer;color:#4f6252}.evidence-drawer>.proof-pair{margin-bottom:15px}.editorial-disclosure{background:transparent}.editorial-disclosure>section{margin-top:30px!important}.editorial-disclosure .systems-section{padding-top:25px!important}.editorial-disclosure>summary:focus-visible{outline:2px solid #596f54;outline-offset:5px}
.case-readout{border:1px solid #dce2dc;border-radius:14px;padding:32px;background:#f0f2ec;margin:35px 0 50px}.case-readout>h2{font-size:34px;font-weight:400;line-height:1.2;letter-spacing:-.035em;max-width:800px;margin:18px 0}.case-readout>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#657064;max-width:850px}.case-readout .decision-cards article{background:#fafbf8}.readout-link{font-size:12px;color:#47604a;text-decoration:none}.case-readout .decision-cards{margin-bottom:25px}
.traceability{margin:50px 0}.traceability h2{font-size:32px;font-weight:400;letter-spacing:-.035em;margin:18px 0 25px}.traceability-table{border:1px solid #dce2e6;border-radius:10px;overflow:hidden}.traceability-table [role=row]{display:grid;grid-template-columns:1fr 1fr 1fr}.traceability-table [role=row]+[role=row]{border-top:1px solid #dce2e6}.traceability-table [role=row]:first-child{background:#e9edf2}.traceability-table [role=columnheader]{font-size:11px;letter-spacing:.04em;font-weight:500}.traceability-table span{padding:20px;font-size:14px;line-height:1.8;color:#627080}.traceability-table span+span{border-left:1px solid #dce2e6}.evidence-caption{font-size:12px;color:#7a847b;line-height:1.8;margin-top:18px}
/* Keep visible research evidence consistent, while preserving original access. */
.finance-case .finance-evidence-grid .evidence-frame{height:380px}.finance-case .evidence-wide .evidence-frame{height:450px}.finance-case .case-readout{background:#eef1e8}.devops-case .case-readout{background:#edf0f4}.devops-case .compact-cards article{background:#f7f9fb}.devops-case .judgment-note{border-color:#7c94ac}.devops-case .judgment-note>p:not(.eyebrow){color:#64717c}.ev-case .judgment-note{border-color:#8da0b4}
@media(max-width:900px){.decision-cards{grid-template-columns:1fr}.decision-cards article{padding:24px}.decision-cards h3{margin:13px 0!important}.decision-feature{grid-template-columns:1fr;gap:25px}.decision-feature>div{max-width:700px}.decision-feature .proof-figure.screen>a{height:450px}.case-readout{padding:25px}.finance-case .finance-evidence-grid .evidence-frame{height:300px}}
@media(max-width:650px){.editorial-case .case-facts,.proof-pair,.flow-comparison{grid-template-columns:1fr}.result-ribbon{gap:25px}.result-ribbon strong{font-size:43px}.result-ribbon span{font-size:11px}.result-ribbon>p{font-size:10px;line-height:1.7}.product-stage,.decision-feature{padding:24px 20px}.stage-copy h2,.decision-feature h2,.case-readout>h2{font-size:29px}.proof-figure>a{height:285px;padding:14px}.proof-figure.screen>a{height:360px}.proof-figure figcaption{display:block}.proof-figure figcaption span{display:block;margin-top:5px}.flow-comparison>div{padding:24px}.judgment-note{padding-left:20px}.judgment-note h3{font-size:26px!important}.judgment-note>p:not(.eyebrow){font-size:15px!important}.case-readout{padding:25px 20px}.case-readout .decision-cards{gap:15px}.traceability-table [role=row]{grid-template-columns:1fr}.traceability-table span+span{border-left:0}.traceability-table [role=row]:first-child{display:none}.traceability-table [role=row]:not(:first-child) span:before{display:block;font-size:10px;letter-spacing:.08em;color:#8794a0;margin-bottom:4px}.traceability-table [role=row] span:nth-child(1):before{content:'OBSERVED PROBLEM'}.traceability-table [role=row] span:nth-child(2):before{content:'DESIGN RESPONSE'}.traceability-table [role=row] span:nth-child(3):before{content:'QUESTION TO VALIDATE'}.traceability-table span{padding:14px 20px}.finance-case .finance-evidence-grid .evidence-frame{height:280px}.finance-case .evidence-wide .evidence-frame{height:290px}.editorial-case .case-copy h2{font-size:30px}}
/* The original brief used two columns for a different content structure. */
.reviewer-brief{display:block!important;padding:32px;border:1px solid #dce2dc;border-radius:14px;background:#f0f2ec;margin:40px 0!important}.reviewer-brief>h2{max-width:780px!important;font-size:36px!important;margin:18px 0!important}.reviewer-brief>p:not(.eyebrow){max-width:850px;font-size:16px;line-height:1.8;color:#657064}.reviewer-brief .decision-cards{margin:25px 0}.reviewer-brief .decision-cards article{background:#fafbf8}.reviewer-brief .systems-footnote{font-size:12px!important}@media(max-width:650px){.reviewer-brief{padding:25px 20px}.reviewer-brief>h2{font-size:29px!important}}
/* A comparison slide contains three ~650px screenshots. Keep each excerpt modest. */
.devops-case .comparison-body{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:34px}.devops-case .comparison-body figure{max-width:420px}.devops-case .comparison-crop{max-width:420px}.devops-case .later-dashboard-detail>a{display:block;max-width:960px;margin-inline:auto}.devops-case .preview-frame img{max-width:960px;margin-inline:auto}.devops-case .source-appendix img{max-width:960px;margin-inline:auto}.devops-case .comparison-reason p{font-size:15px;line-height:1.8}@media(max-width:750px){.devops-case .comparison-body{grid-template-columns:1fr}.devops-case .comparison-body figure{max-width:100%}.devops-case .comparison-crop{max-width:420px;margin-inline:auto}}