/* Public shortcode only. No viewport breakout, theme overrides or extra navigation. */
.stella-page {
 --stella-red: #ef272c; --stella-red-hot: #ff666a; --stella-bg: #0a0909;
 --stella-text: #f7f4f2; --stella-muted: #c2b9b6; --stella-line: rgba(235,213,201,.15);
 --stella-serif: "Playfair Display", "Cormorant Garamond", Georgia, serif;
 --stella-sans: "Poppins", "Montserrat", system-ui, sans-serif;
 box-sizing: border-box; position: relative; isolation: isolate; container: stella-public / inline-size; width: 100%; max-width: 1240px;
 margin: 0 auto; border: 1px solid var(--stella-line); border-radius: 24px;
 background: radial-gradient(ellipse at 50% 6%, rgba(121,31,23,.22), transparent 36%), radial-gradient(ellipse at 100% 70%, rgba(85,31,17,.10), transparent 32%), var(--stella-bg);
 color: var(--stella-text); font: 16px/1.6 var(--stella-sans); text-align: left; color-scheme: dark;
}
.stella-page *, .stella-page *::before, .stella-page *::after { box-sizing: inherit; }
.stella-page :where(h1,h2,h3,p,ul,ol,dl,dd) { margin: 0; padding: 0; }
.stella-page :where(button,input,textarea,select) { font: inherit; }
.stella-page :where(button,a,input,textarea,select,summary) { -webkit-tap-highlight-color: transparent; scroll-margin-block: 100px 24px; }
.stella-page :where(button,a,input,textarea,select,summary):focus-visible { outline: 2px solid #fff !important; outline-offset: 4px !important; }
.stella-page [hidden] { display: none !important; }
.stella-page .stella-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.stella-page__inner { width: 100%; min-width: 0; padding: 0 clamp(16px,4vw,56px); }
.stella-page__hero { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; padding: 32px 0 26px; text-align: center; }
.stella-page .stella-page__hero-art { position: absolute; z-index: -1; top: 20px; right: 0; width: min(40%,320px); height: 240px; object-fit: cover; opacity: .2; mask-image: radial-gradient(ellipse,#000,transparent 72%); pointer-events: none; }
.stella-page__logo { display: grid; place-items: center; margin-bottom: -8px; }
.stella-page .stella-page__eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 20px; color: #e9dcd7; font-size: 11px; font-weight: 500; letter-spacing: .17em; text-transform: uppercase; }
.stella-page__status-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--stella-red); box-shadow: 0 0 12px rgba(239,39,44,.36); }
.stella-page__status-dot.is-offline { background: #b3afb0; box-shadow: none; }
.stella-page .stella-page__hero h1 { color: #fff8f3; font: 500 clamp(34px,4.8vw,62px)/1.14 var(--stella-serif); letter-spacing: -.035em; text-wrap: balance; }
.stella-page .stella-page__subtitle { margin-top: 17px; color: #e5d8d2; font: 400 clamp(17px,2vw,22px)/1.5 var(--stella-serif); text-wrap: balance; }
.stella-page .stella-page__intro { max-width: 660px; margin-top: 13px; color: var(--stella-muted); font-size: 14px; line-height: 1.8; text-wrap: pretty; }
.stella-page .stella-quick-searches { display: flex; justify-content: center; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.stella-page .stella-quick-searches button { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; max-width: 100%; padding: 10px 16px; border: 1px solid rgba(225,190,173,.25); border-radius: 28px; color: #f3e9e3; background: rgba(12,11,12,.66); font-size: 12px; line-height: 1.4; cursor: pointer; }
.stella-page .stella-quick-searches svg { width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: var(--stella-red-hot); stroke-width: 1.6; }
.stella-page .stella-quick-searches button:hover { background: #2c1212; border-color: var(--stella-red-hot); }
.stella-page.is-conversing [data-stella-shortcuts] { display: none; }
.stella-page__conversation { width: min(100%,960px); margin: 0 auto; }
.stella-page .stella-page__composer-home[hidden] { display: none; }
.stella-page .stella-page__composer { width: 100%; min-width: 0; }
.stella-page .stella-page__composer--conversation { position: sticky; bottom: max(12px,env(safe-area-inset-bottom,0px)); z-index: 5; margin-top: 20px; padding-top: 8px; isolation: isolate; }
.stella-page .stella-page__composer--conversation::before { content: ""; position: absolute; z-index: -1; inset: -10px -4px -8px; border-radius: 22px; background: linear-gradient(180deg,rgba(12,11,11,0),#0c0b0b 24%,#0c0b0b); pointer-events: none; }
.stella-page .stella-page__composer--conversation .stella-page__hint { display: none; }
.stella-page .stella-page__composer--conversation .stella-search { box-shadow: 0 -5px 30px rgba(0,0,0,.2),0 8px 26px rgba(0,0,0,.3); }
.stella-page .stella-page__composer--conversation .stella-search textarea { height: 56px; min-height: 50px; max-height: min(160px,25vh); max-height: min(160px,25dvh); }
.stella-page.is-conversing .stella-answer__messages :is(a,button,summary,input,textarea) { scroll-margin-bottom: calc(190px + env(safe-area-inset-bottom,0px)); }
.stella-page .stella-search { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; width: 100%; padding: 9px; margin: 0; border: 1px solid rgba(184,157,145,.32); border-radius: 18px; background: linear-gradient(130deg,#202429,#131516); box-shadow: 0 12px 40px rgba(0,0,0,.22); }
.stella-page .stella-search:focus-within { border-color: #ee9c97; box-shadow: 0 0 0 1px #ee9c97; }
.stella-page .stella-search :is(input,textarea) { width: 100%; min-width: 0; min-height: 56px; padding: 12px 17px; border: 0; border-radius: 10px; color: #fff; background: rgba(255,255,255,.025); font-size: 16px; box-shadow: none; }
.stella-page .stella-search :is(input,textarea)::placeholder { color: #bdc0c3; opacity: 1; }
.stella-page .stella-search textarea { height: 56px; max-height: 180px; resize: vertical; line-height: 1.65; }
.stella-page .stella-search button { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 56px; padding: 12px 22px; border: 1px solid #fb585b; border-radius: 12px; background: linear-gradient(145deg,#ee3037,#bc171f); color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; }
.stella-page .stella-search button svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.stella-page .stella-search button:hover:not(:disabled) { background: #d8252c; }
.stella-page :where(button,input,textarea):disabled { opacity: .55; cursor: default; }
.stella-page .stella-page__hint { margin: 12px 0 0; color: #b6aeaa; font-size: 11px; text-align: center; line-height: 1.65; }
.stella-page .stella-answer { margin-top: 28px; min-width: 0; }
.stella-page .stella-answer__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--stella-line); }
.stella-page .stella-answer__head h2 { color: #dfd1c9; font: 400 19px/1.4 var(--stella-serif); }
.stella-page .stella-answer__head button { flex-shrink: 0; min-height: 44px; padding: 8px 13px; border: 1px solid var(--stella-line); border-radius: 8px; color: var(--stella-muted); background: #121213; font-size: 11px; cursor: pointer; }
.stella-page .stella-answer__messages { display: grid; gap: 18px; margin-top: 18px; }
.stella-page .stella-message { min-width: 0; padding: 22px; border: 1px solid rgba(156,83,63,.25); border-radius: 16px; background: linear-gradient(135deg,#110f0f,#0b0d0f); animation: stella-page-response .2s ease-out both; }
.stella-page .stella-message--user { width: fit-content; max-width: 88%; justify-self: end; border-color: #3a4149; background: #20252b; }
.stella-page .stella-message__label { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; color: #ffa5a2; font-size: 11px; letter-spacing: .12em; font-weight: 600; text-transform: uppercase; }
.stella-page .stella-message--user .stella-message__label { color: #ced5dd; }
.stella-page .stella-message__head { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 12px; color: #ffa5a2; font-size: 11px; letter-spacing: .1em; }
.stella-page .stella-message__head > span:first-child { font-size: 17px; }
.stella-page .stella-message--user .stella-message__head { color: #ced5dd; }
.stella-page .stella-badge { display: inline-flex; align-items: center; margin-left: auto; padding: 4px 9px; border: 1px solid #596564; border-radius: 20px; color: #bfd8d4; font-size: 10px; font-weight: 400; letter-spacing: .02em; }
.stella-page .stella-badge--missing { color: #e2c7ae; border-color: #7e6252; }
.stella-page .stella-message__text, .stella-page .stella-message > p { color: #ece5e1; font-size: 15px; line-height: 1.85; white-space: pre-line; overflow-wrap: anywhere; }
.stella-page .stella-message__text a, .stella-page .stella-message > p a { color: #ffaaa6; text-decoration: underline; text-underline-offset: 3px; }
.stella-page .stella-message__badge { width: fit-content; margin-bottom: 8px; color: #b9d7d3; font-size: 11px; }
.stella-page .stella-message--loading { color: var(--stella-muted); }
.stella-page .stella-message:not(.stella-message--loading) .stella-orbit-logo { width: var(--stella-logo-size); height: var(--stella-logo-size); }
.stella-page .stella-message:not(.stella-message--loading) .stella-orbit-logo * { animation: none; }
.stella-page .stella-message:not(.stella-message--loading) :is(.stella-orbit-logo__halo,.stella-orbit-logo__dust,.stella-orbit-logo__spark,.stella-orbit-logo__orbit) { display: none; }
.stella-page .stella-typing { display: inline-flex; align-items: center; gap: 10px; color: var(--stella-muted); font-size: 14px; }
.stella-page .stella-message__sources { min-width: 0; margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--stella-line); }
.stella-page .stella-message__sources > strong { display: block; margin-bottom: 12px; color: var(--stella-muted); font-size: 10px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.stella-page .stella-source-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr)); gap: 12px; }
.stella-page .stella-source-card { min-width: 0; border: 1px solid var(--stella-line); border-radius: 12px; background: #141617; overflow: hidden; }
.stella-page .stella-source-card > a { display: flex; flex-direction: column; min-height: 44px; height: 100%; color: #fff; text-decoration: none; }
.stella-page .stella-source-card:focus-within { outline: 2px solid #fff; outline-offset: 3px; }
.stella-page .stella-source-card__media { display: grid; place-items: center; width: 100%; aspect-ratio: 1.8; overflow: hidden; background: radial-gradient(ellipse at 50% 100%,#431b1c,#161516); }
.stella-page .stella-source-card__media img { width: 100%; height: 100%; object-fit: cover; }
.stella-page :is(.stella-source-card--artist,.stella-source-card--relation) .stella-source-card__media { position: relative; }
.stella-page :is(.stella-source-card--artist,.stella-source-card--relation) .stella-source-card__media img { position: absolute; inset: 0; display: block; object-position: 50% 35%; }
.stella-page :is(.stella-source-card--page,.stella-source-card--feature) .stella-source-card__media--empty { height: 76px; aspect-ratio: auto; }
.stella-page .stella-source-card__fallback { color: #e29691; font: 400 32px/1 var(--stella-serif); }
.stella-page .stella-source-card__body { display: flex; flex: 1; flex-direction: column; gap: 7px; padding: 15px; min-width: 0; }
.stella-page .stella-source-card__kind { color: #c3afaa; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.stella-page .stella-source-card__title { color: #fff6ee; font: 500 20px/1.35 var(--stella-serif); overflow-wrap: anywhere; }
.stella-page .stella-source-card__meta, .stella-page .stella-source-card__date, .stella-page .stella-source-card__excerpt { color: #c9c3bf; font-size: 12px; line-height: 1.7; white-space: normal; overflow-wrap: anywhere; }
.stella-page .stella-source-card__facts { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 5px 9px; color: #dcd1cc; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.stella-page .stella-source-card__facts dt { color: #b7ada7; }
.stella-page .stella-source-card__badges { color: #d8c1b5; font-size: 12px; line-height: 1.7; }
.stella-page .stella-source-card__action { display: flex; align-items: center; min-height: 44px; margin-top: auto; padding-top: 7px; color: #ffaaa6; font-size: 12px; }
.stella-page .stella-message__followups { display: grid; gap: 10px; min-width: 0; margin-top: 18px; }
.stella-page .stella-message__filters { color: #c5bcb6; font-size: 12px; }
.stella-page .stella-message__suggestions, .stella-page .stella-message__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.stella-page .stella-message__actions { margin-top: 14px; }
.stella-page .stella-message__suggestions button, .stella-page .stella-message__action { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; padding: 9px 14px; border: 1px solid rgba(225,190,173,.24); border-radius: 24px; background: #211516; color: #efded6; font-size: 12px; text-decoration: none; text-align: left; white-space: normal; cursor: pointer; }
.stella-page .stella-message__events-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; color: #ffaaa6; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.stella-page .stella-relations { display: grid; gap: 10px; margin: 16px 0; list-style: none; }
.stella-page .stella-relations__step { display: flex; align-items: center; gap: 16px; padding: 16px; border: 1px solid var(--stella-line); border-radius: 12px; background: #191415; }
.stella-page .stella-relations__node { flex: 1; color: #f3e9e0; font-size: 14px; text-align: center; overflow-wrap: anywhere; }
.stella-page .stella-relations__node a { color: #ffaaa6; }
.stella-page .stella-relations__label { flex: 1.3; color: #c2b2a8; font-size: 12px; text-align: center; }
.stella-page .stella-relations__label::before { content: "→"; display: block; color: #f58b88; font-size: 20px; }
.stella-page .stella-explore { min-width: 0; padding-top: 58px; }
.stella-page__section-heading { display: flex; align-items: center; gap: 24px; margin-bottom: 23px; }
.stella-page .stella-page__kicker { margin-bottom: 8px; color: #bca79d; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.stella-page .stella-page__section-heading h2 { max-width: 760px; color: #f5e9df; font: 400 clamp(24px,2.7vw,34px)/1.35 var(--stella-serif); text-wrap: balance; }
.stella-page__rule { width: 60px; height: 1px; flex: 0 0 60px; background: var(--stella-red); }
.stella-page .stella-explore__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 18px; }
.stella-page .stella-explore-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--stella-line); border-radius: 15px; background: linear-gradient(145deg,#171413,#101213); overflow: hidden; }
.stella-page .stella-explore-card__visual { display: grid; place-items: center; position: relative; aspect-ratio: 2.25; min-height: 80px; overflow: hidden; background: radial-gradient(ellipse at 50% 100%,#5f281c,#191311 75%); }
.stella-page .stella-explore-card__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(13,11,11,.38),transparent 65%); pointer-events: none; }
.stella-page .stella-explore-card__visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.stella-page .stella-explore-card__visual-icon svg { width: 45px; height: 45px; fill: none; stroke: #e0a395; stroke-width: .9; }
.stella-page .stella-explore-card__body { display: flex; flex: 1; flex-direction: column; padding: 20px 21px 14px; }
.stella-page .stella-explore-card h3 { display: flex; align-items: center; gap: 10px; color: #fff4ea; font: 500 21px/1.4 var(--stella-serif); }
.stella-page .stella-explore-card__icon { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 50%; background: #a91e24; }
.stella-page .stella-explore-card__icon svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 1.5; }
.stella-page .stella-explore-card p { margin: 12px 0 13px; color: #c9c0ba; font-size: 13px; line-height: 1.8; }
.stella-page .stella-explore-card :where(a,button) { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; margin-top: auto; padding: 9px 0; border: 0; border-top: 1px solid var(--stella-line); background: transparent; color: #ff9d97; font-size: 12px; text-align: left; text-decoration: none; cursor: pointer; }
.stella-page .stella-explore-card :where(a,button):hover { color: #fff; }
.stella-page .stella-explore-card :where(a,button) span { font-size: 20px; }
.stella-page .stella-examples { margin-top: 22px; padding: 23px; border: 1px solid rgba(168,88,65,.28); border-radius: 15px; background: linear-gradient(110deg,#221615,#121314); }
.stella-page .stella-examples__heading { display: flex; align-items: center; gap: 14px; margin-bottom: 15px; }
.stella-page .stella-examples__heading > span { color: #fa5155; font: 50px/.7 Georgia,serif; }
.stella-page .stella-examples h2 { color: #f3e9df; font: 500 20px/1.5 var(--stella-serif); }
.stella-page .stella-examples__heading p { margin-left: auto; color: #b9aaa1; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.stella-page .stella-examples__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.stella-page .stella-examples button { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--stella-line); border-radius: 10px; background: rgba(9,11,12,.5); color: #e7dbd3; font-size: 12px; line-height: 1.65; text-align: left; cursor: pointer; }
.stella-page .stella-examples button:hover { border-color: #d86a63; background: #291717; }
.stella-page .stella-page__signature { margin: 30px auto; color: #ae9c91; font: italic 19px/1.5 var(--stella-serif); text-align: center; }
.stella-page .stella-page__noscript { padding: 18px 0; color: #f2dfd0; }
.stella-page .stella-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; color: #c9c0b9; font-size: 12px; }
.stella-page .stella-feedback :where(button,select) { width: auto; min-height: 44px; max-width: 100%; padding: 9px 12px; margin: 0; border: 1px solid #69605b; border-radius: 8px; background: #171819; color: #e3d9d1; font-size: 12px; cursor: pointer; }
.stella-page .stella-feedback__details { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; }
.stella-page .stella-feedback__details label { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.stella-page .stella-feedback__status { flex-basis: 100%; }
.stella-page .stella-feedback__status:empty { display: none; }
@keyframes stella-page-response { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 900px) {
 .stella-page .stella-source-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .stella-page .stella-explore__grid { gap: 12px; }
 .stella-page .stella-explore-card__body { padding: 16px 14px 10px; }
 .stella-page .stella-explore-card h3 { font-size: 19px; }
 .stella-page__rule { display: none; }
}
@media (max-width: 768px) {
 .stella-page { border-radius: 18px; }
 .stella-page__inner { padding-inline: 20px; }
 .stella-page__hero { padding-top: 18px; }
 .stella-page__logo .stella-orbit-logo { --stella-logo-size: 88px; }
 .stella-page .stella-page__intro { max-width: 470px; font-size: 13px; }
 .stella-page .stella-explore__grid { grid-template-columns: 1fr; }
 .stella-page .stella-explore-card__visual { aspect-ratio: 2.8; max-height: 190px; }
 .stella-page .stella-explore-card__body { padding: 20px 22px 14px; }
 .stella-page .stella-explore-card h3 { font-size: 23px; }
 .stella-page .stella-explore-card p { font-size: 14px; }
 .stella-page .stella-explore { padding-top: 40px; }
 .stella-page .stella-examples__heading p { display: none; }
 .stella-page .stella-examples__list { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
 .stella-page { border-radius: 14px; }
 .stella-page__inner { padding-inline: 14px; }
 .stella-page__hero { padding: 10px 0 18px; }
 .stella-page__logo .stella-orbit-logo { --stella-logo-size: 72px; }
 .stella-page .stella-page__eyebrow { margin-bottom: 16px; font-size: 10px; }
 .stella-page .stella-page__hero h1 { max-width: 340px; font-size: 37px; }
 .stella-page .stella-page__subtitle { margin-top: 13px; font-size: 18px; }
 .stella-page .stella-page__intro { margin-top: 10px; font-size: 12px; line-height: 1.8; }
 .stella-page .stella-quick-searches { gap: 8px; margin-top: 19px; }
 .stella-page .stella-quick-searches button { padding: 9px 12px; font-size: 11px; }
 .stella-page .stella-search { grid-template-columns: minmax(0,1fr) auto; gap: 7px; padding: 7px; border-radius: 13px; }
 .stella-page .stella-search :is(input,textarea) { min-height: 50px; padding: 8px 7px; }
 .stella-page .stella-search textarea { height: 72px; }
 .stella-page .stella-search button { min-height: 50px; padding: 10px; border-radius: 9px; font-size: 12px; }
 .stella-page .stella-search button svg { display: none; }
 .stella-page .stella-page__hint { font-size: 10px; }
 .stella-page .stella-answer__head { flex-wrap: wrap; gap: 7px; }
 .stella-page .stella-message { padding: 16px 14px; border-radius: 12px; }
 .stella-page .stella-message__text, .stella-page .stella-message > p { font-size: 14px; line-height: 1.8; }
 .stella-page .stella-source-list { grid-template-columns: 1fr; }
 .stella-page .stella-source-card__media { aspect-ratio: 2; }
 .stella-page .stella-explore-card__body { padding: 17px 16px 10px; }
 .stella-page .stella-explore-card__visual { aspect-ratio: 2.2; }
 .stella-page .stella-explore-card h3 { font-size: 22px; }
 .stella-page .stella-explore-card p { font-size: 13px; }
 .stella-page .stella-examples { padding: 17px 14px; }
 .stella-page .stella-examples h2 { font-size: 19px; }
 .stella-page .stella-examples button { padding: 10px 12px; }
 .stella-page .stella-relations__step { flex-direction: column; }
 .stella-page .stella-relations__label::before { content: "↓"; }
}
/* Divi may put this shortcode in a narrow column on a wide screen. */
@container stella-public (max-width: 768px) {
 .stella-page__inner { padding-inline: 20px; }
 .stella-page .stella-explore__grid { grid-template-columns: 1fr; }
 .stella-page .stella-explore-card__visual { aspect-ratio: 2.8; max-height: 190px; }
 .stella-page .stella-examples__list { grid-template-columns: 1fr; }
 .stella-page .stella-examples__heading p, .stella-page__rule { display: none; }
 .stella-page__logo .stella-orbit-logo { --stella-logo-size: 88px; }
 .stella-page .stella-page__hero h1 { font-size: 44px; }
 .stella-page .stella-page__intro { max-width: 470px; font-size: 13px; }
}
@container stella-public (max-width: 480px) {
 .stella-page__inner { padding-inline: 14px; }
 .stella-page__hero { padding: 10px 0 18px; }
 .stella-page__logo .stella-orbit-logo { --stella-logo-size: 72px; }
 .stella-page .stella-page__hero h1 { font-size: 37px; }
 .stella-page .stella-page__subtitle { font-size: 18px; }
 .stella-page .stella-page__intro { font-size: 12px; }
 .stella-page .stella-quick-searches { gap: 8px; margin-top: 19px; }
 .stella-page .stella-quick-searches button { padding: 9px 12px; font-size: 11px; }
 .stella-page .stella-search { gap: 7px; padding: 7px; }
 .stella-page .stella-search :is(input,textarea) { padding: 8px 7px; }
 .stella-page .stella-search textarea { height: 72px; }
 .stella-page .stella-search button { min-height: 50px; padding: 10px; font-size: 12px; }
 .stella-page .stella-search button svg { display: none; }
 .stella-page .stella-answer__head { flex-wrap: wrap; gap: 7px; }
 .stella-page .stella-source-list { grid-template-columns: 1fr; }
 .stella-page .stella-relations__step { flex-direction: column; }
 .stella-page .stella-relations__label::before { content: "↓"; }
}
@media (prefers-reduced-motion: reduce) {
 .stella-page *, .stella-page *::before, .stella-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}


/* Event results: readable programme rows, with uncropped original posters. */
.stella-page .stella-source-list.stella-source-list--events { grid-template-columns: minmax(0,1fr); gap: 14px; }
.stella-page .stella-event-card { display: grid; grid-template-columns: 168px minmax(0,1fr); border-color: rgba(217,185,164,.18); border-radius: 15px; background: linear-gradient(110deg,#191515,#111315); }
.stella-page .stella-event-card > .stella-event-card__media { display: grid; place-items: center; align-self: start; min-height: 210px; height: 100%; max-height: 260px; aspect-ratio: auto; padding: 12px; border-right: 1px solid rgba(217,185,164,.10); background: radial-gradient(ellipse at 50% 40%,#302120,#121112 80%); }
.stella-page .stella-event-card__media img { display: block; width: 100%; height: 100%; max-height: 234px; object-fit: contain; border-radius: 5px; }
.stella-page .stella-event-card .stella-event-card__body { gap: 6px; padding: 16px 23px 12px; }
.stella-page .stella-event-card .stella-source-card__kind { display: none; }
.stella-page .stella-event-card .stella-event-card__title { margin: 0; padding: 0; font: 500 25px/1.3 var(--stella-serif); text-wrap: pretty; }
.stella-page .stella-event-card__title a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; color: #fff2e8; text-decoration: none; overflow-wrap: anywhere; }
.stella-page .stella-event-card__title a:hover { color: #ffaaa6; }
.stella-page .stella-event-card .stella-event-card__when { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 12px; margin: 0 0 3px; color: #ffb4a8; font-size: 12px; line-height: 1.7; }
.stella-page .stella-event-card__date { font-weight: 600; }
.stella-page .stella-event-card__time { padding: 1px 8px; border: 1px solid rgba(243,162,143,.2); border-radius: 6px; color: #e8d6cc; font-size: 11px; }
.stella-page .stella-event-card :is(.stella-event-card__location,.stella-event-card__artists) { margin: 0; color: #d8ccc5; font-size: 12px; line-height: 1.75; overflow-wrap: anywhere; }
.stella-page .stella-event-card .stella-event-card__artists { color: #bbaeaa; }
.stella-page .stella-event-card__details { margin: 0; border: 0; color: #c6b8b0; }
.stella-page .stella-event-card__details summary { width: fit-content; min-height: 44px; padding: 10px 0; color: #bbaaa1; font-size: 11px; line-height: 24px; cursor: pointer; }
.stella-page .stella-event-card__details summary:hover { color: #fff0e4; }
.stella-page .stella-event-card .stella-event-card__detail { margin: 0 0 8px; padding-left: 12px; border-left: 1px solid #6b3832; color: #c6b8b0; font-size: 12px; line-height: 1.8; white-space: normal; overflow-wrap: anywhere; }
.stella-page .stella-event-card .stella-event-card__action { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; margin-top: auto; padding: 8px 0 0; border-top: 1px solid rgba(217,185,164,.13); color: #ffa599; font-size: 12px; text-decoration: none; }
.stella-page .stella-event-card__action::after { content: '↗'; font-size: 18px; }
.stella-page .stella-event-card__action:hover { color: #fff0e4; }
@container stella-public (max-width: 600px) {
 .stella-page .stella-event-card { grid-template-columns: minmax(0,1fr); }
 .stella-page .stella-event-card > .stella-event-card__media { height: 180px; min-height: 180px; max-height: 180px; padding: 10px 16px; border-right: 0; border-bottom: 1px solid rgba(217,185,164,.10); }
 .stella-page .stella-event-card__media img { max-height: 160px; }
 .stella-page .stella-event-card .stella-event-card__body { padding: 15px 16px 10px; gap: 7px; }
 .stella-page .stella-event-card .stella-event-card__title { font-size: 23px; }
 .stella-page .stella-event-card .stella-event-card__when { font-size: 12px; }
}
@media (max-width: 600px) {
 .stella-page .stella-event-card { grid-template-columns: minmax(0,1fr); }
 .stella-page .stella-event-card > .stella-event-card__media { height: 180px; min-height: 180px; max-height: 180px; padding: 10px 16px; border-right: 0; border-bottom: 1px solid rgba(217,185,164,.10); }
 .stella-page .stella-event-card__media img { max-height: 160px; }
 .stella-page .stella-event-card .stella-event-card__body { padding: 15px 16px 10px; gap: 7px; }
 .stella-page .stella-event-card .stella-event-card__title { font-size: 23px; }
}

/* Editorial feature illustrations only; merge after the existing page styles. */
.stella-page .stella-explore-card__visual {
 height: 160px; min-height: 160px; max-height: none; aspect-ratio: auto;
 background: radial-gradient(ellipse at 50% 65%,rgba(141,54,39,.25),transparent 67%),linear-gradient(145deg,#201715,#151414);
 border-bottom: 1px solid rgba(229,188,166,.1);
}
.stella-page .stella-explore-card__visual::after { display: none; }
.stella-page .stella-explore-card--memoire .stella-explore-card__visual,
.stella-page .stella-explore-card--accords .stella-explore-card__visual { background: radial-gradient(ellipse at 48% 65%,rgba(141,78,54,.23),transparent 68%),linear-gradient(145deg,#211a16,#151414); }
.stella-page .stella-feature-art { display: block; width: min(100%,340px); height: 160px; flex: none; overflow: visible; fill: none; stroke: none; }
.stella-page .stella-feature-art :is(path,rect,circle,ellipse) { vector-effect: non-scaling-stroke; }
.stella-page .stella-feature-art__paper { fill: #ecdbc7; }
.stella-page .stella-feature-art__blush { fill: #c99481; }
.stella-page .stella-feature-art__red { fill: #ce4543; }
.stella-page .stella-feature-art__ink { fill: #332321; }
.stella-page .stella-feature-art__shadow { fill: #090a0b; opacity: .5; }
.stella-page .stella-feature-art__ground { fill: #070909; opacity: .36; }
.stella-page .stella-feature-art__halo { fill: #a96247; opacity: .07; }
.stella-page .stella-feature-art__beam { fill: #d5a57c; opacity: .045; }
.stella-page :is(.stella-feature-art__line,.stella-feature-art__muted-line,.stella-feature-art__ink-line,.stella-feature-art__red-line,.stella-feature-art__route,.stella-feature-art__route-shadow,.stella-feature-art__route-center,.stella-feature-art__question,.stella-feature-art__fret,.stella-feature-art__string) { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.stella-page .stella-feature-art__line { stroke: #c99481; stroke-width: 1.5; }
.stella-page .stella-feature-art__muted-line { stroke: #dcb19a; stroke-width: 1.4; opacity: .3; }
.stella-page .stella-feature-art__ink-line { stroke: #49312b; stroke-width: 1.5; }
.stella-page .stella-feature-art__red-line { stroke: #ce4543; stroke-width: 4; }
.stella-page .stella-feature-art__route-shadow { stroke: #080a0a; stroke-width: 16; opacity: .4; transform: translateY(4px); }
.stella-page .stella-feature-art__route { stroke: #a77766; stroke-width: 12; }
.stella-page .stella-feature-art__route-center { stroke: #edccb0; stroke-width: 1; stroke-dasharray: 3 7; }
.stella-page .stella-feature-art__question { stroke: #c7403c; stroke-width: 4; }
.stella-page .stella-feature-art__fret { stroke: #c7a181; stroke-width: 2; }
.stella-page .stella-feature-art__string { stroke: #ead6ba; stroke-width: .65; opacity: .7; }
.stella-page .stella-explore-card h3 { gap: 0; }
.stella-page .stella-quick-searches svg { stroke-linecap: round; stroke-linejoin: round; }
@container stella-public (max-width: 480px) {
 .stella-page .stella-feature-art { width: min(100%,320px); }
}

/* Reference pages and articles use compact links, not empty poster panels. */
.stella-page .stella-source-list.stella-source-list--references { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 12px; }
.stella-page .stella-source-list.stella-source-list--references.stella-source-list--single { grid-template-columns: minmax(0,1fr); }
.stella-page .stella-reference-card { align-self: start; height: auto; border-color: rgba(216,184,167,.17); border-radius: 13px; background: linear-gradient(125deg,#191616,#111315); }
.stella-page .stella-reference-card:hover { border-color: rgba(240,142,129,.46); }
.stella-page .stella-reference-card > .stella-reference-card__link { display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: start; gap: 14px; height: auto; min-height: 44px; padding: 17px; }
.stella-page .stella-reference-card--has-image > .stella-reference-card__link { grid-template-columns: 72px minmax(0,1fr); }
.stella-page .stella-reference-card .stella-reference-card__media { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 0; aspect-ratio: auto; overflow: hidden; border: 1px solid rgba(228,182,161,.15); border-radius: 10px; background: #251d1c; color: #dfa18e; }
.stella-page .stella-reference-card--has-image .stella-reference-card__media { width: 72px; height: 72px; padding: 5px; background: #121214; }
.stella-page .stella-reference-card__media img { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 5px; }
.stella-page .stella-reference-card__media svg { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.stella-page .stella-reference-card .stella-reference-card__body { display: grid; grid-template-columns: minmax(0,1fr) auto; align-content: start; align-items: start; gap: 7px 8px; min-width: 0; padding: 0; }
.stella-page .stella-reference-card :is(.stella-source-card__kind,.stella-reference-card__kind) { grid-column: 1; grid-row: 1; color: #bba69a; font-size: 9px; line-height: 1.5; letter-spacing: .1em; text-transform: uppercase; }
.stella-page .stella-reference-card :is(.stella-source-card__date,.stella-reference-card__date) { grid-column: 2; grid-row: 1; max-width: 110px; color: #b7aaa2; font-size: 10px; line-height: 1.5; text-align: right; overflow-wrap: anywhere; }
.stella-page .stella-reference-card .stella-reference-card__title { grid-column: 1 / -1; color: #f5e9df; font: 500 20px/1.35 var(--stella-serif); overflow-wrap: anywhere; text-wrap: pretty; }
.stella-page .stella-reference-card .stella-reference-card__excerpt { display: -webkit-box; grid-column: 1 / -1; margin: 0; max-height: 5.25em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #c1b6ae; font-size: 12px; line-height: 1.75; white-space: normal; overflow-wrap: anywhere; }
.stella-page .stella-reference-card .stella-reference-card__action { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; margin-top: 2px; padding: 6px 0 0; color: #f5a298; font-size: 11px; line-height: 1.65; }
.stella-page .stella-reference-card__action::after { content: '↗'; flex: none; color: #d9988c; font-size: 17px; }
.stella-page .stella-reference-card__link:hover .stella-reference-card__title { color: #fff; }
.stella-page .stella-source-list--single .stella-reference-card { width: 100%; }
.stella-page .stella-source-list--single .stella-reference-card__link { align-items: center; padding: 16px 19px; }
.stella-page .stella-source-list--single .stella-reference-card__excerpt { display: none; }
.stella-page .stella-source-list--single .stella-reference-card__title { font-size: 22px; }
@container stella-public (max-width: 850px) {
 .stella-page .stella-source-list.stella-source-list--references { grid-template-columns: minmax(0,1fr); }
}
@container stella-public (max-width: 480px) {
 .stella-page .stella-reference-card > .stella-reference-card__link { grid-template-columns: 40px minmax(0,1fr); gap: 11px; padding: 13px; }
 .stella-page .stella-reference-card .stella-reference-card__media { width: 40px; height: 40px; border-radius: 8px; }
 .stella-page .stella-reference-card--has-image .stella-reference-card__media { padding: 3px; }
 .stella-page .stella-reference-card .stella-reference-card__title { font-size: 19px; }
 .stella-page .stella-reference-card :is(.stella-source-card__date,.stella-reference-card__date) { max-width: 76px; font-size: 9px; }
}
@media (max-width: 850px) {
 .stella-page .stella-source-list.stella-source-list--references { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 480px) {
 .stella-page .stella-reference-card > .stella-reference-card__link { grid-template-columns: 40px minmax(0,1fr); gap: 11px; padding: 13px; }
 .stella-page .stella-reference-card .stella-reference-card__media { width: 40px; height: 40px; border-radius: 8px; }
 .stella-page .stella-reference-card--has-image .stella-reference-card__media { padding: 3px; }
 .stella-page .stella-reference-card .stella-reference-card__title { font-size: 19px; }
 .stella-page .stella-reference-card :is(.stella-source-card__date,.stella-reference-card__date) { max-width: 76px; font-size: 9px; }
}