/* Relief background and the approved centered title + call-to-action group. */
@font-face{font-family:'Plus Jakarta Sans';src:url('./plus-jakarta-sans-heading-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
.intro{background:#fff}
/* Prevent incidental selection in the shell, not inside usable library content. */
.intro,.workspace{-webkit-user-select:none;user-select:none}
.workspace :is(input,textarea,[contenteditable]:not([contenteditable="false"]),pre,code,sl-preview){-webkit-user-select:text;user-select:text}
/* Guide copy is presentation; component content and editable fields stay selectable. */
#help-dialog,#help-dialog *{-webkit-user-select:none;user-select:none}
@media(forced-colors:none){::selection{background:#dce4ed;color:#2e3b49;text-shadow:none}}
.relief-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none;z-index:-1}
.hero-copy{left:0;top:0;width:100%;max-width:none;height:100%;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}
.hero-copy h1{position:static;left:auto;top:auto;width:max-content;max-width:94%;translate:none;transform:none;flex:none;font-family:'Plus Jakarta Sans',Instrument,sans-serif;font-weight:600;letter-spacing:-.05em}
.hero-copy .explore{flex:none;margin:0}
@media(max-width:700px){.hero-copy{gap:23px}}