/* Explore contains published work; activity tools live in the main navigation. */
.screen--public-explore:has(.discovery-page) { width:100%!important; max-width:none; }
.discovery-page { width:min(1200px,100%); margin:auto; padding:122px clamp(24px,5vw,64px) 38px; }
.discovery-heading { margin-bottom:36px; }
.discovery-page .discovery-eyebrow { font-family:var(--font-sans); font-size:11px; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
.discovery-heading .discovery-eyebrow { margin-bottom:12px; }
.discovery-heading h1 { font-family:var(--font-serif); font-size:clamp(40px,4.8vw,60px); font-weight:400; line-height:1.12; letter-spacing:-.025em; }
.discovery-heading>p:last-child { margin-top:12px; font-family:var(--font-serif); font-size:23px; line-height:1.4; color:var(--ink-3); }
.discovery-page .content-notice { margin-bottom:28px; }
.discovery-sections { display:grid; gap:38px; }
.discovery-sections--with-reading { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); column-gap:42px; }
.discovery-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px 20px; flex-wrap:wrap; margin-bottom:19px; }
.discovery-section-heading h2 { font-family:var(--font-serif); font-size:31px; font-weight:400; line-height:1.2; }
.discovery-link { display:inline-flex; align-items:center; min-height:44px; color:var(--world-accent,var(--cta)); font-size:13px; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.discovery-collections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.discovery-collection { display:flex; flex-direction:column; min-width:0; }
.discovery-cover { display:block; position:relative; width:100%; aspect-ratio:4/3; background:var(--bg-raised); border:1px solid var(--line-soft); }
.discovery-cover>img { display:block; width:100%; height:100%; object-fit:contain; opacity:0; }
.discovery-cover[data-preview-state='ready']>img { opacity:1; }
.discovery-cover__status { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:18px; color:var(--ink-3); font-size:13px; line-height:1.65; text-align:center; }
.discovery-cover__status[hidden] { display:none; }
.discovery-cover[data-preview-state='error'] { aspect-ratio:auto; background:none; border:0; }
.discovery-cover[data-preview-state='error']>img { display:none; }
.discovery-cover[data-preview-state='error'] .discovery-cover__status { position:static; justify-content:flex-start; padding:12px 0 0; text-align:left; }
.discovery-collection__label { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; color:var(--ink); font-family:var(--font-serif); font-size:26px; line-height:1.2; }
.discovery-collection__label svg { flex:none; color:var(--world-accent,var(--cta)); }
.discovery-collection--text { border-top:1px solid var(--line-strong); padding:5px 0 14px; }
.discovery-page .discovery-empty { display:block; margin-top:10px; color:var(--ink-3); font-size:13px; line-height:1.65; }
.discovery-words { border-left:1px solid var(--line-soft); padding-left:36px; }
.discovery-reading-list { display:grid; }
.discovery-reading { display:flex; flex-direction:column; align-items:flex-start; gap:9px; padding:0 0 22px; min-width:0; }
.discovery-reading+.discovery-reading { padding-top:22px; border-top:1px solid var(--line-soft); }
.discovery-reading:last-child { padding-bottom:0; }
.discovery-reading__title { font-family:var(--font-serif); font-size:27px; font-weight:400; line-height:1.2; overflow-wrap:anywhere; }
.discovery-reading__excerpt { color:var(--ink-3); font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.discovery-reading__action { display:flex; align-items:center; gap:12px; color:var(--world-accent,var(--cta)); font-size:12px; line-height:1.6; padding-top:3px; }
.discovery-shelf { grid-column:1/-1; border-top:1px solid var(--line-soft); padding-top:26px; }
.discovery-finds { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 30px; }
.discovery-find { display:flex; gap:14px; align-items:flex-start; min-width:0; padding:8px 0 16px; }
.discovery-find>img { width:64px; height:76px; flex:none; object-fit:contain; background:var(--bg-raised); }
.discovery-find__copy { display:flex; flex-direction:column; gap:9px; min-width:0; }
.discovery-find__title { font-family:var(--font-serif); font-size:25px; line-height:1.2; overflow-wrap:anywhere; }
.discovery-find__note { color:var(--ink-3); font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.discovery-external { flex:none; margin-left:auto; color:var(--world-accent,var(--cta)); }
.discovery-about { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 28px; margin-top:32px; padding-top:24px; border-top:1px solid var(--line-soft); }
.discovery-about>p { font-family:var(--font-serif); font-size:23px; color:var(--ink-3); }
.discovery-about nav { display:flex; flex-wrap:wrap; gap:8px 24px; }
.discovery-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.discovery-page a:focus-visible { outline:2px solid var(--world-accent,var(--cta)); outline-offset:5px; border-radius:2px; }
.discovery-page a:active { opacity:.72; }
@media(hover:hover) and (pointer:fine) {
  .discovery-collection:hover .discovery-collection__label>span,
  .discovery-reading:hover .discovery-reading__title,
  .discovery-find:hover .discovery-find__title { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
  .discovery-link:hover { text-decoration-thickness:2px; }
}
@media(max-width:900px) {
  .discovery-sections--with-reading { grid-template-columns:1fr; }
  .discovery-words { border-left:0; border-top:1px solid var(--line-soft); padding:26px 0 0; }
  .discovery-finds { grid-template-columns:1fr; gap:0; }
  .discovery-find { padding:18px 0; }
  .discovery-find+.discovery-find { border-top:1px solid var(--line-soft); }
  .discovery-find>img { width:76px; height:86px; }
}
@media(max-width:600px) {
  .discovery-page { padding-top:104px; padding-bottom:24px; }
  .discovery-heading { margin-bottom:27px; }
  .discovery-heading h1 { font-size:42px; }
  .discovery-heading>p:last-child { font-size:21px; }
  .discovery-sections { gap:28px; }
  .discovery-section-heading h2 { font-size:29px; }
  .discovery-collections { gap:18px; }
  .discovery-collection__label { align-items:flex-start; font-size:23px; gap:7px; }
  .discovery-collection__label svg { width:15px; margin-top:4px; }
  .discovery-about { align-items:flex-start; flex-direction:column; gap:8px; }
}
@media(max-width:360px) { .discovery-collections { grid-template-columns:1fr; } }
html:lang(th) .discovery-heading h1 { font-size:clamp(30px,4vw,48px); }
html:lang(th) .discovery-collection__label { font-size:20px; }
/* A single published room gets the width instead of sitting beside a gap. */
.discovery-collections--single { grid-template-columns:minmax(0,1fr); max-width:760px; }
.discovery-collections--single .discovery-cover { aspect-ratio:16/10; }
