/* v42: compact first screen, editable hero typography, centered login. */
.hero,.hero.hero-wide,.hero.hero-standard{
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)!important;
  min-height:0!important;
  padding:16px max(28px,calc((100vw - 1320px)/2))!important;
  column-gap:clamp(22px,3vw,42px)!important;
}
.hero>div:first-child{font-family:var(--hero-font-family,Arial,"Microsoft JhengHei",sans-serif)}
.hero #heroEyebrow{font-size:var(--hero-eyebrow-size,13px)!important;color:var(--hero-eyebrow-color,#0e6965)!important}
.hero h1{font-size:inherit!important;line-height:1.08!important;margin:5px 0!important}
.hero #heroTitle1{font-size:var(--hero-title1-size,42px)!important;color:var(--hero-title1-color,#104e48)!important}
.hero #heroTitle2{font-size:var(--hero-title2-size,42px)!important;color:var(--hero-title2-color,#ee7467)!important}
.hero #heroDescription{font-size:var(--hero-description-size,16px)!important;color:var(--hero-description-color,#354f4b)!important;line-height:1.45!important;margin:7px 0!important}
.hero .display,.hero.hero-wide .display{height:220px!important;max-width:540px!important}
.hero.hero-standard{padding-top:28px!important;padding-bottom:28px!important}
.hero.hero-standard .display{height:280px!important}
body>main{padding-top:28px!important}
.text-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid #b8dded;border-radius:14px;padding:16px;background:#fffaf3}
.text-controls legend{padding:0 8px;font-weight:800}
.text-controls input[type=color]{width:100%;height:42px}
.preview-copy{font-family:var(--hero-font-family,Arial,"Microsoft JhengHei",sans-serif)}
.preview-copy small{font-size:var(--hero-eyebrow-size,13px)!important;color:var(--hero-eyebrow-color,#0e6965)!important}
.preview-copy span{font-size:var(--hero-title1-size,42px)!important;color:var(--hero-title1-color,#104e48)!important}
.preview-copy em{font-size:var(--hero-title2-size,42px)!important;color:var(--hero-title2-color,#ee7467)!important}
.preview-copy p{font-size:var(--hero-description-size,16px)!important;color:var(--hero-description-color,#354f4b)!important}
body:has(.login-character){display:flex!important;width:100%!important;max-width:none!important;min-height:100vh!important;justify-content:center!important;align-items:center!important;align-content:normal!important;gap:28px!important;padding:24px!important}
body:has(.login-character)>main{flex:0 1 520px!important;width:auto!important;margin:0!important;align-self:center!important}
body:has(.login-character)>.login-character{flex:0 1 630px!important;width:auto!important;height:min(820px,calc(100vh - 48px))!important;align-self:center!important}
@media(max-width:900px){body:has(.login-character){display:flex!important;padding:16px!important}body:has(.login-character)>main{flex-basis:520px!important;margin:auto!important}.login-character{display:none!important}}
@media(max-width:720px){.hero,.hero.hero-wide,.hero.hero-standard{padding:20px!important}.hero .display,.hero.hero-wide .display{height:190px!important}.text-controls{grid-template-columns:1fr}.hero #heroTitle1{font-size:min(var(--hero-title1-size,36px),36px)!important}.hero #heroTitle2{font-size:min(var(--hero-title2-size,36px),36px)!important}body>main{padding-top:24px!important}}

/* v43: denser collection controls and unmistakable typography controls. */
body>main{padding-top:12px!important;padding-bottom:36px!important}
.top{align-items:center!important;gap:22px;min-height:0;padding:4px 0 10px}
.top>div small{display:block;margin-bottom:5px}.top h2{margin:0!important;line-height:1.2}.top input{width:min(100%,520px);min-height:44px}
.browse-bar{margin:8px 0 12px!important}.browse-bar #filters,.view-switch{margin-bottom:10px!important}
.collection-tools{margin:8px 0 6px!important;padding:12px!important}.result-summary{margin:4px 0 10px!important}
.appearance-version{display:inline-flex;vertical-align:middle;margin-left:8px;padding:4px 9px;border-radius:999px;background:#0f6764;color:#fff;font-size:12px;line-height:1}
.text-controls.typography-panel{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 8px;padding:18px!important;border:2px solid #0f6764!important;background:#f2fbf7!important;box-shadow:0 6px 18px rgba(15,103,100,.08)}
.typography-panel legend{color:#0f6764;font-size:18px;font-weight:900!important}.typography-panel .control-help{grid-column:1/-1;margin:0 0 3px;color:#55716b;font-size:13px}
@media(max-width:720px){body>main{padding-top:10px!important}.top{align-items:stretch!important;padding-top:0}.top input{width:100%}.text-controls.typography-panel{grid-template-columns:1fr}}