/* V42 — mobile readability + clean catalog cards */
:root{--v42-cyan:#78f7ff;--v42-red:#ff5973;--v42-panel:rgba(3,18,26,.58);--v42-line:rgba(120,247,255,.48)}

/* keep every catalog/card text readable instead of letter-by-letter wrapping */
.history-page *,
.project-page-v28 *,
.page-v22 *,
.menu-page-v20 *{box-sizing:border-box!important;}
.mcd-copy,.mcd-copy strong,.mcd-copy small,.reference-summary-v41 h3,.menu-copy-v20 h2,.menu-copy-v20 p{min-width:0!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;text-wrap:pretty;}
.mcd-copy strong,.reference-summary-v41 h3,.menu-copy-v20 h2{letter-spacing:-.015em!important;}
.reference-list-v40 a,.local-pages-v41 .mcd-menu-v20 a{isolation:isolate!important;}
.reference-list-v40 a::before,.local-pages-v41 .mcd-menu-v20 a::before{opacity:.34!important;}

/* desktop stays cinematic but cleaner */
.local-pages-v41,.reference-catalog-v40{overflow:hidden!important;}
.local-pages-v41 .mcd-menu-v20 a{grid-template-columns:52px minmax(2rem,38px) minmax(0,1fr)!important;column-gap:.72rem!important;}
.local-pages-v41 .mcd-copy strong{font-size:clamp(1.35rem,2.3vw,2.1rem)!important;line-height:1.02!important;}
.reference-summary-v41 h3{font-size:clamp(1.7rem,3.2vw,3.35rem)!important;line-height:.95!important;}

@media (max-width:760px){
  body{overflow-x:hidden!important;}
  .project-main-v19,.project-main-v20,.project-main-v22{width:100%!important;max-width:100%!important;padding-inline:.78rem!important;}
  .project-list-hero-v19,.project-list-hero-v20,.project-list-hero-v22{margin-inline:0!important;padding:1rem .95rem!important;min-height:auto!important;}
  .project-list-hero-v19 h1,.project-list-hero-v20 h1,.project-list-hero-v22 h1{font-size:clamp(2.4rem,16vw,4.4rem)!important;line-height:.82!important;}
  .project-list-hero-v19 p,.project-list-hero-v20 p,.project-list-hero-v22 p{font-size:.93rem!important;line-height:1.55!important;max-width:100%!important;}
  .project-metrics-v28{display:flex!important;flex-wrap:wrap!important;gap:.45rem!important;}
  .project-metrics-v28 span{font-size:.66rem!important;line-height:1!important;padding:.45rem .55rem!important;}

  /* Local Pages: one-column catalog like Home, no cramped side column */
  .local-pages-v41.vertical-menu-panel-v20,
  .local-pages-v41.vertical-menu-panel-v22{display:block!important;width:100%!important;max-width:100%!important;margin-inline:0!important;padding:.95rem!important;border-radius:1.1rem!important;background:linear-gradient(rgba(255,90,118,.045) 1px,transparent 1px) 0 0/100% 7px,linear-gradient(135deg,rgba(8,44,58,.54),rgba(0,0,0,.16) 68%)!important;border:1px solid rgba(120,247,255,.38)!important;}
  .local-pages-v41>.menu-copy-v20{width:100%!important;margin:0 0 .8rem!important;padding:.35rem 0 .75rem!important;border-left:2px solid var(--v42-cyan)!important;padding-left:.72rem!important;background:transparent!important;}
  .local-pages-v41>.menu-copy-v20 span{font-size:.64rem!important;letter-spacing:.22em!important;}
  .local-pages-v41>.menu-copy-v20 h2{font-size:clamp(2.05rem,12vw,3.05rem)!important;line-height:.88!important;margin:.2rem 0!important;}
  .local-pages-v41>.menu-copy-v20 p{font-size:.9rem!important;line-height:1.5!important;margin:.35rem 0 0!important;}
  .local-pages-v41 .mcd-container-v20{width:100%!important;margin:0!important;}
  .local-pages-v41 .mcd-menu-v20{width:100%!important;display:grid!important;gap:.65rem!important;}
  .local-pages-v41 .mcd-menu-v20 a{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:.62rem!important;align-items:center!important;min-height:auto!important;padding:.72rem .76rem!important;border-radius:.9rem!important;background:linear-gradient(90deg,rgba(10,54,68,.72),rgba(0,0,0,.18))!important;border:1px solid rgba(120,247,255,.42)!important;}
  .local-pages-v41 .mcd-menu-v20 .mcd-icon{display:none!important;}
  .local-pages-v41 .mcd-menu-v20 .mcd-num{width:2.35rem!important;height:2.35rem!important;font-size:.76rem!important;align-self:start!important;margin-top:.1rem!important;}
  .local-pages-v41 .mcd-copy{display:block!important;min-width:0!important;}
  .local-pages-v41 .mcd-copy strong{display:block!important;font-size:clamp(1.12rem,6.1vw,1.46rem)!important;line-height:1.08!important;margin:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;}
  .local-pages-v41 .mcd-copy small{display:block!important;font-size:.79rem!important;line-height:1.43!important;margin-top:.28rem!important;max-height:none!important;overflow:visible!important;}

  /* Official Reference: clean accordion header, no title squeezed into letters */
  .project-page-v28 .reference-catalog-v40{display:block!important;width:100%!important;max-width:100%!important;margin-inline:0!important;padding:.95rem!important;border-radius:1.1rem!important;background:linear-gradient(rgba(255,90,118,.04) 1px,transparent 1px) 0 0/100% 7px,linear-gradient(135deg,rgba(7,36,50,.56),rgba(0,0,0,.16) 70%)!important;border:1px solid rgba(120,247,255,.38)!important;}
  .project-page-v28 .reference-catalog-v40>.menu-copy-v20{width:100%!important;margin:0 0 .8rem!important;padding:.35rem 0 .78rem .72rem!important;border-left:2px solid var(--v42-cyan)!important;background:transparent!important;border-radius:0!important;}
  .project-page-v28 .reference-catalog-v40>.menu-copy-v20 h2{font-size:clamp(2.05rem,12vw,3.05rem)!important;line-height:.88!important;margin:.2rem 0!important;}
  .project-page-v28 .reference-catalog-v40>.menu-copy-v20 p{font-size:.9rem!important;line-height:1.5!important;}
  .reference-total-v40{display:inline-flex!important;font-size:.72rem!important;line-height:1!important;padding:.55rem .78rem!important;margin-top:.6rem!important;}
  .reference-groups-v40{width:100%!important;display:grid!important;gap:.72rem!important;}
  .reference-group-v41{position:relative!important;width:100%!important;padding:.68rem!important;border-radius:.92rem!important;border:1px solid rgba(120,247,255,.35)!important;border-left:2px solid var(--v42-cyan)!important;background:linear-gradient(90deg,rgba(5,35,48,.66),rgba(0,0,0,.16))!important;overflow:hidden!important;}
  .reference-summary-v41{position:relative!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:.58rem!important;align-items:center!important;padding:.15rem 4.45rem .35rem .05rem!important;margin:0!important;border:0!important;}
  .reference-summary-v41 span{grid-column:1!important;width:2.15rem!important;height:2.15rem!important;font-size:.73rem!important;}
  .reference-summary-v41 h3{grid-column:2!important;display:block!important;font-size:clamp(1.18rem,6.7vw,1.72rem)!important;line-height:1.03!important;margin:0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;letter-spacing:-.02em!important;}
  .reference-summary-v41 em{display:none!important;}
  .reference-summary-v41::after{position:absolute!important;right:.05rem!important;top:.22rem!important;margin:0!important;font-size:.58rem!important;line-height:1!important;padding:.38rem .55rem!important;border-radius:999px!important;}
  .reference-group-v41:not([open])>.reference-list-v40,
  .reference-group-v41:not([open])>nav{display:none!important;}
  .reference-group-v41[open]>.reference-list-v40,
  .reference-group-v41[open]>nav{display:block!important;}

  .project-page-v28 .reference-list-v40{width:100%!important;display:grid!important;gap:.56rem!important;margin:.72rem 0 0!important;padding:0!important;}
  .project-page-v28 .reference-list-v40 li{width:100%!important;}
  .project-page-v28 .reference-list-v40 a{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:.6rem!important;align-items:start!important;width:100%!important;min-height:auto!important;padding:.68rem .7rem!important;border-radius:.82rem!important;background:linear-gradient(90deg,rgba(12,54,67,.72),rgba(0,0,0,.18))!important;overflow:hidden!important;}
  .project-page-v28 .reference-list-v40 .mcd-icon{display:none!important;}
  .project-page-v28 .reference-list-v40 .mcd-num{width:2.15rem!important;height:2.15rem!important;font-size:.68rem!important;align-self:start!important;margin-top:.05rem!important;}
  .project-page-v28 .reference-list-v40 .mcd-copy{display:block!important;min-width:0!important;}
  .project-page-v28 .reference-list-v40 .mcd-copy strong{display:block!important;font-size:clamp(1rem,5.45vw,1.28rem)!important;line-height:1.08!important;margin:0!important;white-space:normal!important;letter-spacing:-.01em!important;word-break:normal!important;overflow-wrap:break-word!important;}
  .project-page-v28 .reference-list-v40 .mcd-copy small{display:block!important;font-size:.76rem!important;line-height:1.42!important;margin-top:.22rem!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;}

  /* keep the floating ornaments away from mobile reading space */
  .gojo-corner-v36,.gojo-corner-v37,.gojo-corner-v38,.gojo-corner-v39{transform:scale(.72)!important;transform-origin:right bottom!important;right:-.8rem!important;bottom:-.35rem!important;}
  .corner-arrows-v36,.corner-arrows-v37,.corner-arrows-v38,.corner-arrows-v39{transform:scale(.78)!important;transform-origin:left bottom!important;left:.35rem!important;bottom:.35rem!important;}
}

@media (max-width:420px){
  .project-main-v19,.project-main-v20,.project-main-v22{padding-inline:.62rem!important;}
  .local-pages-v41.vertical-menu-panel-v20,.project-page-v28 .reference-catalog-v40{padding:.72rem!important;border-radius:.92rem!important;}
  .local-pages-v41 .mcd-menu-v20 a,.project-page-v28 .reference-list-v40 a{grid-template-columns:32px minmax(0,1fr)!important;gap:.52rem!important;padding:.62rem!important;}
  .local-pages-v41 .mcd-menu-v20 .mcd-num,.project-page-v28 .reference-list-v40 .mcd-num{width:1.95rem!important;height:1.95rem!important;font-size:.62rem!important;}
  .local-pages-v41 .mcd-copy strong{font-size:clamp(1rem,6vw,1.26rem)!important;}
  .project-page-v28 .reference-list-v40 .mcd-copy strong{font-size:clamp(.96rem,5.7vw,1.18rem)!important;}
  .local-pages-v41 .mcd-copy small,.project-page-v28 .reference-list-v40 .mcd-copy small{font-size:.72rem!important;line-height:1.36!important;}
  .reference-summary-v41{grid-template-columns:32px minmax(0,1fr)!important;padding-right:3.95rem!important;}
  .reference-summary-v41 h3{font-size:clamp(1.05rem,6.35vw,1.45rem)!important;}
  .reference-summary-v41 span{width:1.95rem!important;height:1.95rem!important;font-size:.62rem!important;}
  .reference-summary-v41::after{font-size:.52rem!important;padding:.33rem .46rem!important;}
}
