html[data-ui-version="2"] .ui-public-site {
    background:
        radial-gradient(circle at 12% -12%,color-mix(in srgb,var(--brand-main) 16%,transparent),transparent 28rem),
        var(--ui-bg);
}

html[data-ui-version="2"] .site-header,
html[data-ui-version="2"] .discover-toolbar,
html[data-ui-version="2"] .active-filter-bar,
html[data-ui-version="2"] .content-section,
html[data-ui-version="2"] .site-footer {
    padding-inline:max(var(--ui-gutter),calc((100vw - var(--ui-content-max))/2 + var(--ui-gutter)));
}

/* One natural-height sticky region: announcement, navigation, then search. */
html[data-ui-version="2"] .public-navigation-stack {
    position:sticky;
    top:0;
    z-index:50;
    background:var(--ui-bg);
}
html[data-ui-version="2"] .public-navigation-stack > .site-header,
html[data-ui-version="2"] .public-navigation-stack > .discover-toolbar {
    position:relative;
    top:auto;
    z-index:auto;
}
html[data-ui-version="2"]:has(.public-navigation-stack) {
    scroll-padding-top:calc(var(--public-navigation-height,220px) + 12px);
}
html[data-ui-version="2"] .public-navigation-stack .filter-popover {
    max-height:calc(100dvh - var(--public-navigation-height,220px) - 20px);
}
html[data-ui-version="2"] .public-address-strip {
    display:grid;
    grid-template-columns:minmax(0,max-content) auto;
    justify-content:start;
    align-items:stretch;
    gap:8px;
    width:100%;
    padding:0 max(var(--ui-gutter),calc((100vw - var(--ui-content-max))/2 + var(--ui-gutter)));
    border-bottom:1px solid color-mix(in srgb,var(--ui-accent) 52%,var(--ui-border));
    background:color-mix(in srgb,var(--ui-accent) 11%,var(--ui-surface-1));
}
html[data-ui-version="2"] .public-address-strip-link {
    display:flex;
    min-width:0;
    min-height:56px;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    padding:8px 10px;
    border-radius:var(--ui-radius-control);
    color:var(--ui-text);
    text-decoration:none;
    cursor:pointer;
}
html[data-ui-version="2"] .public-address-strip-link:hover {
    background:color-mix(in srgb,var(--ui-accent) 9%,transparent);
}
html[data-ui-version="2"] .public-address-strip-link:active {
    background:color-mix(in srgb,var(--ui-accent) 15%,transparent);
}
html[data-ui-version="2"] .public-address-strip-link strong {
    min-width:0;
    color:var(--ui-text);
    font-size:.9rem;
    line-height:1.45;
    overflow-wrap:anywhere;
}
html[data-ui-version="2"] .public-address-strip-cta,
html[data-ui-version="2"] .public-address-detail-button {
    display:inline-flex;
    flex:0 0 auto;
    min-height:44px;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 13px;
    border:1px solid color-mix(in srgb,var(--ui-accent) 48%,var(--ui-border));
    border-radius:var(--ui-radius-control);
    font-size:.82rem;
    font-weight:750;
    white-space:nowrap;
}
html[data-ui-version="2"] .public-address-strip-cta {
    max-width:min(42vw,520px);
    border-color:transparent;
    color:var(--on-accent);
    background:var(--ui-accent);
    text-align:center;
    overflow-wrap:anywhere;
    white-space:normal;
}
html[data-ui-version="2"] .public-address-detail-button {
    align-self:center;
    margin-block:6px;
    color:var(--ui-text);
    background:color-mix(in srgb,var(--ui-surface-2) 88%,transparent);
    cursor:pointer;
}
html[data-ui-version="2"] .public-address-strip-link:focus-visible {
    outline:0;
    box-shadow:inset 0 0 0 2px var(--ui-focus);
}
html[data-ui-version="2"] .public-address-detail-button:focus-visible {
    outline:2px solid var(--ui-focus);
    outline-offset:2px;
}

html[data-ui-version="2"] .public-address-dialog {
    width:min(620px,calc(100vw - 28px));
    max-width:100%;
    max-height:min(88dvh,760px);
    padding:0;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));
    border-radius:var(--ui-radius-dialog);
    background:var(--ui-surface-1);
    color:var(--ui-text);
    box-shadow:0 28px 90px rgba(0,0,0,.58);
}
html[data-ui-version="2"] .public-address-dialog::backdrop {
    background:rgba(2,5,10,.78);
    backdrop-filter:blur(5px);
}
html[data-ui-version="2"] .public-address-dialog-shell {
    display:grid;
    max-height:min(88dvh,760px);
    grid-template-rows:auto minmax(0,1fr) auto;
}
html[data-ui-version="2"] .public-address-dialog-heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:22px 22px 18px;
    border-bottom:1px solid var(--ui-border);
}
html[data-ui-version="2"] .public-address-dialog-heading > div { min-width:0; }
html[data-ui-version="2"] .public-address-dialog-heading p {
    margin:0 0 6px;
    color:var(--ui-accent);
    font-size:.72rem;
    font-weight:850;
    letter-spacing:.14em;
}
html[data-ui-version="2"] .public-address-dialog-heading h2 {
    margin:0;
    font-size:clamp(1.35rem,3vw,1.75rem);
    line-height:1.3;
    overflow-wrap:anywhere;
}
html[data-ui-version="2"] .public-address-dialog-heading h2:focus { outline:none; }
html[data-ui-version="2"] .public-address-dialog-heading button {
    display:grid;
    flex:0 0 auto;
    width:44px;
    height:44px;
    place-items:center;
    padding:0;
    border:1px solid var(--ui-border);
    border-radius:50%;
    background:var(--ui-surface-2);
    color:var(--ui-text);
    cursor:pointer;
    font-size:1.35rem;
}
html[data-ui-version="2"] .public-address-dialog-heading button:focus-visible {
    outline:2px solid var(--ui-focus);
    outline-offset:2px;
}
html[data-ui-version="2"] .public-address-dialog-content {
    min-height:0;
    overflow:auto;
    padding:22px;
}
html[data-ui-version="2"] .public-address-dialog-content p {
    margin:0;
    color:var(--ui-text-muted);
    font-size:1rem;
    line-height:1.75;
    overflow-wrap:anywhere;
}
html[data-ui-version="2"] .public-address-dialog-actions {
    display:flex;
    justify-content:flex-end;
    gap:9px;
    padding:18px 22px max(18px,env(safe-area-inset-bottom));
    border-top:1px solid var(--ui-border);
}
html[data-ui-version="2"] .public-address-dialog-actions .button { min-height:44px; }
html.address-dialog-open { overflow:hidden; }

html[data-ui-version="2"] .site-header {
    gap:clamp(18px,2.4vw,38px);
    min-height:76px;
    background:color-mix(in srgb,var(--ui-bg) 90%,transparent);
    border-bottom-color:color-mix(in srgb,var(--ui-border) 78%,transparent);
}

html[data-ui-version="2"] .site-logo img { max-width:210px; height:42px; }
html[data-ui-version="2"] .main-nav { gap:clamp(14px,1.8vw,28px); }
html[data-ui-version="2"] .main-nav a {
    position:relative;
    padding-block:10px;
    font-size:.92rem;
}
html[data-ui-version="2"] .main-nav a.active::after {
    content:"";
    position:absolute;
    right:0;
    bottom:3px;
    left:0;
    height:2px;
    border-radius:99px;
    background:var(--ui-accent);
}

html[data-ui-version="2"] .discover-toolbar {
    top:76px;
    min-height:74px;
    background:color-mix(in srgb,var(--ui-surface-1) 94%,transparent);
}
html[data-ui-version="2"] .discover-search,
html[data-ui-version="2"] .filter-toggle {
    border-color:var(--ui-border);
    background:color-mix(in srgb,var(--ui-surface-2) 88%,var(--ui-bg));
}
html[data-ui-version="2"] .discover-search { min-height:50px; }
html[data-ui-version="2"] .discover-search:focus-within {
    border-color:var(--ui-focus);
    box-shadow:inset 0 0 0 1px var(--ui-focus);
}
html[data-ui-version="2"] .discover-search input:focus-visible { outline:none; }
html[data-ui-version="2"] .filter-popover { border-radius:var(--ui-radius-dialog); }

html[data-ui-version="2"] .catalog-main {
    min-height:46vh;
    background:linear-gradient(180deg,color-mix(in srgb,var(--brand-main) 8%,transparent),transparent 240px);
}

html[data-ui-version="2"] .public-home-hero {
    position:relative;
    display:grid;
    min-height:clamp(340px,38vw,590px);
    align-items:end;
    margin:clamp(18px,2.4vw,34px) max(var(--ui-gutter),calc((100vw - var(--ui-content-max))/2 + var(--ui-gutter))) 0;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--ui-border) 76%,transparent);
    border-radius:clamp(14px,1.6vw,24px);
    background:var(--ui-surface-1);
    isolation:isolate;
}
html[data-ui-version="2"] .public-home-hero-media,
html[data-ui-version="2"] .public-home-hero-shade { position:absolute; inset:0; }
html[data-ui-version="2"] .public-home-hero-media img,
html[data-ui-version="2"] .public-home-hero-placeholder { width:100%; height:100%; object-fit:cover; }
html[data-ui-version="2"] .public-home-hero-placeholder {
    background:linear-gradient(135deg,color-mix(in srgb,var(--brand-main) 78%,#080a0f),color-mix(in srgb,var(--brand-sub) 64%,#080a0f));
}
html[data-ui-version="2"] .public-home-hero-shade {
    background:
        linear-gradient(90deg,rgba(4,6,10,.92) 0%,rgba(4,6,10,.7) 40%,rgba(4,6,10,.16) 74%,rgba(4,6,10,.08) 100%),
        linear-gradient(0deg,rgba(4,6,10,.82) 0%,transparent 58%);
}
html[data-ui-version="2"] .public-home-hero-content {
    position:relative;
    z-index:1;
    display:grid;
    max-width:min(720px,72%);
    gap:12px;
    padding:clamp(28px,4.4vw,72px);
    color:#f7f8fb;
}
html[data-ui-version="2"] .public-home-hero-content .eyebrow { margin:0; color:color-mix(in srgb,var(--ui-accent) 82%,#fff); }
html[data-ui-version="2"] .public-home-hero-content h1 {
    max-width:18ch;
    margin:0;
    color:#fff;
    font-size:clamp(2rem,4.2vw,4.7rem);
    line-height:1.04;
    letter-spacing:-.045em;
    word-break:keep-all;
    overflow-wrap:anywhere;
    text-wrap:balance;
}
html[data-ui-version="2"] .public-home-hero-tags {
    margin:0;
    color:rgba(247,248,251,.78);
    font-size:clamp(.84rem,1vw,.96rem);
    line-height:1.6;
}
html[data-ui-version="2"] .public-home-hero-action {
    width:max-content;
    min-height:44px;
    margin-top:8px;
    padding-inline:22px;
}

html[data-ui-version="2"] .content-section {
    padding-block:clamp(34px,4.6vw,64px);
}
html[data-ui-version="2"] .catalog-main > .content-section-lead { padding-top:clamp(28px,3.4vw,48px); }
html[data-ui-version="2"] .catalog-main-home .public-home-section { scroll-margin-top:0; }
html[data-ui-version="2"] .catalog-main-home .public-home-section + .public-home-section::before {
    background:linear-gradient(90deg,var(--ui-accent),color-mix(in srgb,var(--ui-border) 75%,transparent) 14%,transparent 88%);
    opacity:.62;
}
html[data-ui-version="2"] .section-heading { align-items:center; margin-bottom:22px; }
html[data-ui-version="2"] .section-heading h2 {
    font-size:clamp(1.35rem,2vw,1.9rem);
    line-height:1.25;
    letter-spacing:-.025em;
}
html[data-ui-version="2"] .section-heading a {
    display:inline-flex;
    min-height:44px;
    align-items:center;
    gap:7px;
    padding-inline:2px;
    color:var(--ui-text-muted);
    font-weight:750;
}
html[data-ui-version="2"] .section-heading a:hover { color:var(--ui-text); }

html[data-ui-version="2"] .public-home-collection {
    display:grid;
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:clamp(12px,1.2vw,20px);
    overflow:visible;
    padding-bottom:0;
    scroll-snap-type:none;
}
html[data-ui-version="2"][data-layout-preset="rail-classic"] .public-home-collection {
    grid-template-columns:repeat(5,minmax(0,1fr));
}
html[data-ui-version="2"][data-layout-preset="rail-cinematic"] .public-home-collection {
    grid-template-columns:repeat(6,minmax(0,1fr));
}
html[data-ui-version="2"][data-layout-preset="rail-cinematic"] .public-home-collection > .post-card:first-child {
    grid-column:span 2;
}
html[data-ui-version="2"][data-layout-preset="rail-cinematic"] .public-home-collection > .post-card:first-child h3,
html[data-ui-version="2"][data-layout-preset="rail-mosaic"] .public-home-collection > .post-card:nth-child(-n+2) h3,
html[data-ui-version="2"][data-layout-preset="rail-gallery"] .public-home-collection .post-card h3 {
    font-size:clamp(1rem,1.18vw,1.16rem);
}
html[data-ui-version="2"][data-layout-preset="rail-mosaic"] .public-home-collection {
    grid-template-columns:repeat(6,minmax(0,1fr));
}
html[data-ui-version="2"][data-layout-preset="rail-mosaic"] .public-home-collection > .post-card:nth-child(-n+2) {
    grid-column:span 3;
}
html[data-ui-version="2"][data-layout-preset="rail-mosaic"] .public-home-collection > .post-card:nth-child(n+3) {
    grid-column:span 2;
}
html[data-ui-version="2"][data-layout-preset="rail-gallery"] .public-home-collection {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(20px,2vw,32px);
}

html[data-ui-version="2"] .post-card { min-width:0; }
html[data-ui-version="2"] .post-card > a { display:block; min-width:0; }
html[data-ui-version="2"] .poster {
    border:1px solid color-mix(in srgb,var(--ui-border) 70%,transparent);
    border-radius:var(--ui-radius-input);
    background:var(--ui-surface-1);
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}
html[data-ui-version="2"] .poster img { transition:transform 180ms ease,filter 180ms ease; }
html[data-ui-version="2"] .post-card h3 {
    display:-webkit-box;
    min-height:2.9em;
    margin:11px 0 5px;
    overflow:hidden;
    text-overflow:clip;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    font-size:clamp(.9rem,1vw,1rem);
    line-height:1.45;
}
html[data-ui-version="2"] .card-tags { min-height:1.5em; line-height:1.45; }
html[data-ui-version="2"] .card-engagement { color:var(--ui-text-muted); }
html[data-ui-version="2"] .recommendation-button { border-radius:var(--ui-radius-input); }
html[data-ui-version="2"] .post-card > a:focus-visible { outline:none; }
html[data-ui-version="2"] .post-card > a:focus-visible .poster {
    outline:3px solid var(--ui-focus);
    outline-offset:3px;
}

@media (hover:hover) and (pointer:fine) {
    html[data-ui-version="2"] .post-card:hover .poster img { transform:scale(1.035); filter:saturate(1.06); }
    html[data-ui-version="2"] .post-card:hover h3 { color:color-mix(in srgb,var(--ui-text) 84%,var(--ui-accent)); }
}

html[data-ui-version="2"] .public-result-grid {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(22px,2.2vw,34px) clamp(12px,1.2vw,20px);
}

html[data-ui-version="2"] .catalog-pagination {
    border-radius:var(--ui-radius-panel);
    background:color-mix(in srgb,var(--ui-surface-1) 88%,transparent);
}
html[data-ui-version="2"] .site-footer { gap:22px; padding-block:clamp(42px,5vw,68px); }
html[data-ui-version="2"] .footer-copy { max-width:min(100%,var(--ui-reading-max)); }

@media (max-width:1180px) {
    html[data-ui-version="2"][data-layout-preset="rail-classic"] .public-home-collection,
    html[data-ui-version="2"][data-layout-preset="rail-cinematic"] .public-home-collection,
    html[data-ui-version="2"] .public-result-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    html[data-ui-version="2"][data-layout-preset="rail-mosaic"] .public-home-collection,
    html[data-ui-version="2"][data-layout-preset="rail-gallery"] .public-home-collection { grid-template-columns:repeat(3,minmax(0,1fr)); }
    html[data-ui-version="2"][data-layout-preset="rail-mosaic"] .public-home-collection > .post-card:nth-child(n) { grid-column:auto; }
}

@media (max-width:900px) {
    html[data-ui-version="2"][data-layout-preset] .public-home-collection,
    html[data-ui-version="2"] .public-result-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    html[data-ui-version="2"][data-layout-preset="rail-mosaic"] .public-home-collection > .post-card:nth-child(n) { grid-column:auto; }
}

@media (max-width:760px) {
    html[data-ui-version="2"] .public-address-strip {
        display:flex;
        flex-wrap:wrap;
        gap:0 8px;
        padding:0 14px;
    }
    html[data-ui-version="2"] .public-address-strip-link {
        display:grid;
        flex:1 1 220px;
        max-width:100%;
        min-height:60px;
        align-content:center;
        justify-items:start;
        gap:8px;
        padding:8px 6px;
    }
    html[data-ui-version="2"] .public-address-strip-cta {
        max-width:100%;
        white-space:normal;
    }
    html[data-ui-version="2"] .public-navigation-stack .filter-popover {
        max-height:min(78dvh,680px);
    }
    html[data-ui-version="2"] .public-address-detail-button { max-width:100%; min-height:44px; white-space:normal; text-align:center; }
    html[data-ui-version="2"] .site-header { min-height:64px; padding-inline:14px; }
    html[data-ui-version="2"] .discover-toolbar { top:64px; padding-inline:12px; }
    html[data-ui-version="2"] .active-filter-bar,
    html[data-ui-version="2"] .content-section,
    html[data-ui-version="2"] .site-footer { padding-inline:16px; }
    html[data-ui-version="2"] .public-home-hero {
        min-height:390px;
        margin:14px 12px 0;
        border-radius:14px;
    }
    html[data-ui-version="2"] .public-home-hero-shade {
        background:linear-gradient(0deg,rgba(4,6,10,.94) 0%,rgba(4,6,10,.58) 56%,rgba(4,6,10,.12) 100%);
    }
    html[data-ui-version="2"] .public-home-hero-content { max-width:100%; gap:10px; padding:24px 20px; }
    html[data-ui-version="2"] .public-home-hero-content h1 { max-width:22ch; font-size:clamp(1.75rem,9vw,2.5rem); }
    html[data-ui-version="2"][data-layout-preset] .public-home-collection,
    html[data-ui-version="2"] .public-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; }
    html[data-ui-version="2"][data-layout-preset] .public-home-collection > .post-card:nth-child(n) { grid-column:auto; }
    html[data-ui-version="2"][data-layout-preset="rail-cinematic"] .public-home-collection > .post-card:first-child { grid-column:1 / -1; }
}

@media (max-width:480px) {
    html[data-ui-version="2"] .public-address-dialog {
        inset:0;
        width:100vw;
        max-width:none;
        height:100dvh;
        max-height:none;
        margin:0;
        border:0;
        border-radius:0;
    }
    html[data-ui-version="2"] .public-address-dialog-shell { min-height:100%; max-height:100dvh; }
    html[data-ui-version="2"] .public-address-dialog-heading {
        padding:18px max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left));
    }
    html[data-ui-version="2"] .public-address-dialog-content { padding:20px max(14px,env(safe-area-inset-right)) 20px max(14px,env(safe-area-inset-left)); }
    html[data-ui-version="2"] .public-address-dialog-actions {
        display:grid;
        grid-template-columns:1fr;
        padding-right:max(14px,env(safe-area-inset-right));
        padding-left:max(14px,env(safe-area-inset-left));
    }
    html[data-ui-version="2"] .public-address-dialog-actions .button { width:100%; min-height:48px; }
}

@media (prefers-reduced-motion:reduce) {
    html[data-ui-version="2"] .public-address-dialog,
    html[data-ui-version="2"] .public-address-strip * { scroll-behavior:auto; transition:none!important; animation:none!important; }
}

@media (max-width:480px) {
    html[data-ui-version="2"] .section-heading { align-items:flex-start; }
    html[data-ui-version="2"] .section-heading h2 { font-size:1.25rem; }
}

@media (max-width:360px) {
    html[data-ui-version="2"][data-layout-preset] .public-home-collection,
    html[data-ui-version="2"] .public-result-grid { grid-template-columns:1fr; }
    html[data-ui-version="2"][data-layout-preset] .public-home-collection > .post-card:nth-child(n) { grid-column:auto; }
}