/* Reading edition final pass: lighter cover, compact corner identity and readable artwork. */
body.portfolio-case.is-reading-body .portfolio-mark__brand { display:none; }
body.portfolio-case .case-role-section { padding:48px 0; background:var(--paper,#fff); color:var(--ink,#25272b); border-bottom:1px solid var(--line,rgba(127,127,127,.18)); }
body.portfolio-case .case-role-section .project-responsibilities { max-width:none; margin:0; padding:0; border-top:0; color:inherit; --responsibility-accent:var(--portfolio-focus,#1743b9); }
body.portfolio-case .case-role-section .project-responsibilities dd { color:inherit; }
body.portfolio-case .case-role-section .project-responsibilities h3 { margin-bottom:24px; }
body.portfolio-case .case-role-section .project-responsibilities dl { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
body.portfolio-case .case-role-section .project-responsibilities dl > div { display:block; }
body.portfolio-case .case-role-section .project-responsibilities dt { margin-bottom:8px; }
body.portfolio-case--ioc .case-role-section { background:#071723; color:#dce7ee; }
body.portfolio-case--ioc .case-role-section .project-responsibilities { --responsibility-accent:#9cbdce; }
body.portfolio-case--grc .case-role-section { background:#fff; color:#182238; }
body.portfolio-case--grc .hero > .wrap:empty { display:none; }
@media(max-width:900px) {
 body.portfolio-case .case-role-section .project-responsibilities dl { grid-template-columns:1fr; gap:24px; }
}

body.portfolio-case--ioc .hero__content .project-facts { width:100%; max-width:720px; grid-template-columns:1.4fr 1fr .8fr; gap:24px; }
@media(max-width:900px) { body.portfolio-case--ioc .hero__content .project-facts { grid-template-columns:1fr; gap:16px; } }

/* Balance the three responsibility columns around the two intentional line breaks. */
body.portfolio-case--bangyang .case-role-section .project-responsibilities dl { grid-template-columns:1.15fr .95fr 1.15fr; gap:32px; align-items:start; }
body.portfolio-case--bangyang .case-role-section .project-responsibilities dd { line-height:1.8; }
@media(max-width:900px) { body.portfolio-case--bangyang .case-role-section .project-responsibilities dl { grid-template-columns:1fr; gap:24px; } }