/* One shared project-information component across all seven case studies. */
.case-modal-detail:is(.design-system-page,.service-leadership-page,.loco-page,.zhiduoxing-page,.ok-case,.starry-case,.structured-thinking-page) dl.project-facts.case-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:16px;
  width:100%;
  max-width:none;
  margin:28px 0 0;
  padding:0;
  border:0;
  background:transparent;
}
.case-modal-detail:is(.design-system-page,.service-leadership-page,.loco-page,.zhiduoxing-page,.ok-case,.starry-case,.structured-thinking-page) dl.project-facts.case-meta>div {
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  column-gap:8px;
  row-gap:2px;
  min-width:0;
  max-width:100%;
  flex:0 1 auto;
  box-sizing:border-box;
  margin:0;
  padding:8px 20px;
  border:1px solid var(--case-line);
  border-radius:999px;
  background:rgba(255,255,255,.025);
}
.case-modal-detail:is(.design-system-page,.service-leadership-page,.loco-page,.zhiduoxing-page,.ok-case,.starry-case,.structured-thinking-page) dl.project-facts.case-meta>div>dt { margin:0; color:var(--case-muted); font:400 11px/1.5 var(--font-sans); letter-spacing:.04em; }
.case-modal-detail:is(.design-system-page,.service-leadership-page,.loco-page,.zhiduoxing-page,.ok-case,.starry-case,.structured-thinking-page) dl.project-facts.case-meta>div>dd { min-width:0; margin:0; color:var(--case-text); font:400 13px/1.75 var(--font-sans); letter-spacing:0; overflow-wrap:anywhere; }
.case-modal-detail:is(.design-system-page,.service-leadership-page,.loco-page,.zhiduoxing-page,.ok-case,.starry-case,.structured-thinking-page) dl.project-facts.case-meta>div>dd>a { color:inherit; }
@media(max-width:760px) {
  .case-modal-detail:is(.design-system-page,.service-leadership-page,.loco-page,.zhiduoxing-page,.ok-case,.starry-case,.structured-thinking-page) dl.project-facts.case-meta { gap:12px; margin-top:24px; }
  .case-modal-detail:is(.design-system-page,.service-leadership-page,.loco-page,.zhiduoxing-page,.ok-case,.starry-case,.structured-thinking-page) dl.project-facts.case-meta>div { padding:8px 20px; }
}

/* Inline SVG masks also work when the portfolio is opened directly with file://. */
/* Decorative field icons sit beside both lines of text. */
.case-modal-detail dl.project-facts.case-meta>div::before {
  content:"";
  grid-column:1;
  grid-row:1 / span 2;
  align-self:center;
  width:22px;
  height:22px;
  background:var(--case-muted);
  -webkit-mask:var(--fact-icon) center / contain no-repeat;
  mask:var(--fact-icon) center / contain no-repeat;
}
.case-modal-detail dl.project-facts.case-meta>div>dt,
.case-modal-detail dl.project-facts.case-meta>div>dd { grid-column:2; }
 .project-facts>[data-fact-icon="role"] { --fact-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M230.92%2C212c-15.23-26.33-38.7-45.21-66.09-54.16a72%2C72%2C0%2C1%2C0-73.66%2C0C63.78%2C166.78%2C40.31%2C185.66%2C25.08%2C212a8%2C8%2C0%2C1%2C0%2C13.85%2C8c18.84-32.56%2C52.14-52%2C89.07-52s70.23%2C19.44%2C89.07%2C52a8%2C8%2C0%2C1%2C0%2C13.85-8ZM72%2C96a56%2C56%2C0%2C1%2C1%2C56%2C56A56.06%2C56.06%2C0%2C0%2C1%2C72%2C96Z%22%2F%3E%3C%2Fsvg%3E"); }
 .project-facts>[data-fact-icon="time"] { --fact-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M208%2C32H184V24a8%2C8%2C0%2C0%2C0-16%2C0v8H88V24a8%2C8%2C0%2C0%2C0-16%2C0v8H48A16%2C16%2C0%2C0%2C0%2C32%2C48V208a16%2C16%2C0%2C0%2C0%2C16%2C16H208a16%2C16%2C0%2C0%2C0%2C16-16V48A16%2C16%2C0%2C0%2C0%2C208%2C32ZM72%2C48v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h80v8a8%2C8%2C0%2C0%2C0%2C16%2C0V48h24V80H48V48ZM208%2C208H48V96H208V208Z%22%2F%3E%3C%2Fsvg%3E"); }
 .project-facts>[data-fact-icon="scope"] { --fact-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M128%2C24h0A104%2C104%2C0%2C1%2C0%2C232%2C128%2C104.12%2C104.12%2C0%2C0%2C0%2C128%2C24Zm88%2C104a87.61%2C87.61%2C0%2C0%2C1-3.33%2C24H174.16a157.44%2C157.44%2C0%2C0%2C0%2C0-48h38.51A87.61%2C87.61%2C0%2C0%2C1%2C216%2C128ZM102%2C168H154a115.11%2C115.11%2C0%2C0%2C1-26%2C45A115.27%2C115.27%2C0%2C0%2C1%2C102%2C168Zm-3.9-16a140.84%2C140.84%2C0%2C0%2C1%2C0-48h59.88a140.84%2C140.84%2C0%2C0%2C1%2C0%2C48ZM40%2C128a87.61%2C87.61%2C0%2C0%2C1%2C3.33-24H81.84a157.44%2C157.44%2C0%2C0%2C0%2C0%2C48H43.33A87.61%2C87.61%2C0%2C0%2C1%2C40%2C128ZM154%2C88H102a115.11%2C115.11%2C0%2C0%2C1%2C26-45A115.27%2C115.27%2C0%2C0%2C1%2C154%2C88Zm52.33%2C0H170.71a135.28%2C135.28%2C0%2C0%2C0-22.3-45.6A88.29%2C88.29%2C0%2C0%2C1%2C206.37%2C88ZM107.59%2C42.4A135.28%2C135.28%2C0%2C0%2C0%2C85.29%2C88H49.63A88.29%2C88.29%2C0%2C0%2C1%2C107.59%2C42.4ZM49.63%2C168H85.29a135.28%2C135.28%2C0%2C0%2C0%2C22.3%2C45.6A88.29%2C88.29%2C0%2C0%2C1%2C49.63%2C168Zm98.78%2C45.6a135.28%2C135.28%2C0%2C0%2C0%2C22.3-45.6h35.66A88.29%2C88.29%2C0%2C0%2C1%2C148.41%2C213.6Z%22%2F%3E%3C%2Fsvg%3E"); }
 .project-facts>[data-fact-icon="project"] { --fact-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M216%2C56H176V48a24%2C24%2C0%2C0%2C0-24-24H104A24%2C24%2C0%2C0%2C0%2C80%2C48v8H40A16%2C16%2C0%2C0%2C0%2C24%2C72V200a16%2C16%2C0%2C0%2C0%2C16%2C16H216a16%2C16%2C0%2C0%2C0%2C16-16V72A16%2C16%2C0%2C0%2C0%2C216%2C56ZM96%2C48a8%2C8%2C0%2C0%2C1%2C8-8h48a8%2C8%2C0%2C0%2C1%2C8%2C8v8H96ZM216%2C72v41.61A184%2C184%2C0%2C0%2C1%2C128%2C136a184.07%2C184.07%2C0%2C0%2C1-88-22.38V72Zm0%2C128H40V131.64A200.19%2C200.19%2C0%2C0%2C0%2C128%2C152a200.25%2C200.25%2C0%2C0%2C0%2C88-20.37V200ZM104%2C112a8%2C8%2C0%2C0%2C1%2C8-8h32a8%2C8%2C0%2C0%2C1%2C0%2C16H112A8%2C8%2C0%2C0%2C1%2C104%2C112Z%22%2F%3E%3C%2Fsvg%3E"); }
 .project-facts>[data-fact-icon="duties"] { --fact-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M224%2C128a8%2C8%2C0%2C0%2C1-8%2C8H128a8%2C8%2C0%2C0%2C1%2C0-16h88A8%2C8%2C0%2C0%2C1%2C224%2C128ZM128%2C72h88a8%2C8%2C0%2C0%2C0%2C0-16H128a8%2C8%2C0%2C0%2C0%2C0%2C16Zm88%2C112H128a8%2C8%2C0%2C0%2C0%2C0%2C16h88a8%2C8%2C0%2C0%2C0%2C0-16ZM82.34%2C42.34%2C56%2C68.69%2C45.66%2C58.34A8%2C8%2C0%2C0%2C0%2C34.34%2C69.66l16%2C16a8%2C8%2C0%2C0%2C0%2C11.32%2C0l32-32A8%2C8%2C0%2C0%2C0%2C82.34%2C42.34Zm0%2C64L56%2C132.69%2C45.66%2C122.34a8%2C8%2C0%2C0%2C0-11.32%2C11.32l16%2C16a8%2C8%2C0%2C0%2C0%2C11.32%2C0l32-32a8%2C8%2C0%2C0%2C0-11.32-11.32Zm0%2C64L56%2C196.69%2C45.66%2C186.34a8%2C8%2C0%2C0%2C0-11.32%2C11.32l16%2C16a8%2C8%2C0%2C0%2C0%2C11.32%2C0l32-32a8%2C8%2C0%2C0%2C0-11.32-11.32Z%22%2F%3E%3C%2Fsvg%3E"); }
 .project-facts>[data-fact-icon="stage"] { --fact-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M200%2C168a32.06%2C32.06%2C0%2C0%2C0-31%2C24H72a32%2C32%2C0%2C0%2C1%2C0-64h96a40%2C40%2C0%2C0%2C0%2C0-80H72a8%2C8%2C0%2C0%2C0%2C0%2C16h96a24%2C24%2C0%2C0%2C1%2C0%2C48H72a48%2C48%2C0%2C0%2C0%2C0%2C96h97a32%2C32%2C0%2C1%2C0%2C31-40Zm0%2C48a16%2C16%2C0%2C1%2C1%2C16-16A16%2C16%2C0%2C0%2C1%2C200%2C216Z%22%2F%3E%3C%2Fsvg%3E"); }
 .project-facts>[data-fact-icon="content"] { --fact-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M232%2C48H160a40%2C40%2C0%2C0%2C0-32%2C16A40%2C40%2C0%2C0%2C0%2C96%2C48H24a8%2C8%2C0%2C0%2C0-8%2C8V200a8%2C8%2C0%2C0%2C0%2C8%2C8H96a24%2C24%2C0%2C0%2C1%2C24%2C24%2C8%2C8%2C0%2C0%2C0%2C16%2C0%2C24%2C24%2C0%2C0%2C1%2C24-24h72a8%2C8%2C0%2C0%2C0%2C8-8V56A8%2C8%2C0%2C0%2C0%2C232%2C48ZM96%2C192H32V64H96a24%2C24%2C0%2C0%2C1%2C24%2C24V200A39.81%2C39.81%2C0%2C0%2C0%2C96%2C192Zm128%2C0H160a39.81%2C39.81%2C0%2C0%2C0-24%2C8V88a24%2C24%2C0%2C0%2C1%2C24-24h64Z%22%2F%3E%3C%2Fsvg%3E"); }