html,body{margin:0;min-height:0;background:#f7fafa;font-family:"Noto Sans SC",system-ui,sans-serif}body{overflow:hidden}#discoveryPage{height:auto;overflow:visible}.dp-home-return{display:none!important}.dp-dialog{max-height:calc(100vh - 32px)}.dp-legacy{margin-top:32px;padding-top:24px;border-top:1px solid var(--dp-line)}.dp-legacy .dp-grid{margin-top:20px}.dp-legacy-card{display:block;padding:0;border:1px solid var(--dp-line);border-radius:8px;background:white;text-align:left;overflow:hidden}.dp-legacy-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.dp-legacy-card strong,.dp-legacy-card small{display:block;padding:0 16px}.dp-legacy-card strong{padding-top:12px;font-size:16px}.dp-legacy-card small{padding-top:4px;padding-bottom:14px;color:var(--dp-muted)}.dp-legacy-more{display:block;margin:24px auto 0;padding:10px 24px;border:1px solid var(--dp-line);background:white;border-radius:6px}.dp-legacy-preview{display:block;max-width:100%;max-height:65vh;margin:auto;object-fit:contain}.dp-legacy-empty{padding:16px 0;color:var(--dp-muted)}.dp *{letter-spacing:0!important}.dp-manifesto h1{font-size:32px}@media(max-width:640px){.dp-manifesto h1{font-size:26px}}

/* Public gallery: one introduction, with search alongside the collection. */
#discoveryPage .dp-wrap{max-width:1160px;padding:64px 28px 48px;margin:auto}
#discoveryPage .dp-intro{display:block;padding:0 0 28px}
#discoveryPage .dp-manifesto>span{font-size:12px;font-weight:600;color:#277f7b}
#discoveryPage .dp-manifesto h1{font-size:clamp(28px,3vw,40px);line-height:1.3;margin:12px 0 14px;font-weight:600}
#discoveryPage .dp-manifesto>p{max-width:46em;margin:0;line-height:1.85}
.dp-work-search{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0;font-size:14px;color:var(--dp-muted)}
.dp-work-search input{width:min(100%,360px);min-width:0;min-height:44px;padding:10px 14px;border:1px solid var(--dp-line);border-radius:8px;background:#fff;color:inherit;font:inherit}
.dp-next{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:40px;padding-top:28px;border-top:1px solid var(--dp-line)}
.dp-next h2{margin:0 0 10px;font-size:22px;line-height:1.5}.dp-next p{margin:0;font-size:14px;color:var(--dp-muted);line-height:1.8}
.dp-next>a{padding:12px 0;color:#216957;font-weight:600;text-decoration:none}
.dp-creator-tools{width:100%;font-size:13px;color:var(--dp-muted)}.dp-creator-tools summary{cursor:pointer;padding:10px 0}.dp-creator-tools>div{display:flex;flex-wrap:wrap;gap:12px;padding:10px 0}.dp-creator-tools button{background:transparent;border:1px solid var(--dp-line);border-radius:6px;padding:10px;color:inherit;font:inherit;cursor:pointer}
.dp-next a:focus-visible,.dp-creator-tools summary:focus-visible,.dp-work-search input:focus-visible{outline:2px solid #277f7b;outline-offset:4px}
@media(max-width:700px){#discoveryPage .dp-wrap{padding:40px 20px}#discoveryPage .dp-manifesto h1{font-size:28px}.dp-next{align-items:flex-start;flex-direction:column}.dp-work-search{align-items:flex-start;flex-direction:column}.dp-work-search input{width:100%}}

#discoveryPage [hidden]{display:none!important}
.dp-project-mark{display:grid;place-items:center;aspect-ratio:16/10;background:#e6f0ed;color:#277f7b;font-size:42px}.dp-my-card .dp-secondary{margin-top:16px}

/* Touch layouts apply only to the public gallery, leaving Studio untouched. */
@media(max-width:700px){
  #discoveryPage .dp-wrap{padding:32px 16px}
  #discoveryPage .dp-intro{padding-bottom:20px}
  #discoveryPage .dp-manifesto h1{font-size:clamp(24px,6.4vw,28px);margin:10px 0 12px;overflow-wrap:anywhere}
  #discoveryPage .dp-manifesto>p{line-height:1.75}
  #discoveryPage .dp-layout{padding-bottom:0}
  #discoveryPage .dp-collection{min-width:0}
  #discoveryPage .dp-collection>.dp-intro-links{margin:0;padding:0;border:0}
  #discoveryPage .dp-intro-links button{min-height:44px}
  #discoveryPage .dp-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 0 16px}
  #discoveryPage .dp-filters button{min-width:0;min-height:44px;padding:8px 4px;font-size:13px;line-height:1.4}
  #discoveryPage .dp-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  #discoveryPage .dp-card-open{min-height:0!important}
  #discoveryPage .dp-card-open .dp-art{height:auto!important;aspect-ratio:16/9!important}
  #discoveryPage .dp-card-copy{padding:12px 14px;min-width:0;overflow-wrap:anywhere}
  #discoveryPage .dp-card-copy>p{min-height:0;margin-top:6px}
  #discoveryPage .dp-card-bottom{margin:0 14px;padding:6px 0;flex-wrap:wrap;gap:8px}
  #discoveryPage .dp-card-bottom button{min-height:44px;min-width:44px}
  #discoveryPage .dp-project-mark{aspect-ratio:16/7}
  #discoveryPage .dp-my-card .dp-secondary{width:100%;min-height:44px;margin-top:12px}
  #discoveryPage .dp-legacy-more{width:100%;min-height:44px;margin:20px 0 0}
  #discoveryPage .dp-next{gap:16px;margin-top:28px;padding-top:24px}
  #discoveryPage .dp-next h2{font-size:20px;overflow-wrap:anywhere}
  #discoveryPage .dp-next>a{display:flex;align-items:center;min-height:44px;width:100%}
  #discoveryPage .dp-creator-tools summary{min-height:44px;padding:12px 0}
  #discoveryPage .dp-creator-tools>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  #discoveryPage .dp-creator-tools button{min-height:44px;text-align:left}
  .dp-dialog,.dp-dialog.is-work-detail{box-sizing:border-box;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-wrap:anywhere}
  .dp-dialog .dp-close{width:44px;height:44px;flex-shrink:0}
  .dp-dialog .dp-work-hero,.dp-dialog .dp-work-facts{grid-template-columns:minmax(0,1fr)}
  .dp-dialog .dp-work-actions,.dp-dialog .dp-work-links{flex-wrap:wrap}
  .dp-dialog input,.dp-dialog textarea,.dp-dialog select{font-size:16px}
}
