/* Homepage refinement layer.
   Keep late-stage studio polish here so future edits avoid patching private-studio.css again. */

:root {
    --studio-panel-width: min(100%, 1040px);
    --studio-panel-gap: 16px;
    --studio-panel-radius: 28px;
    --studio-panel-radius-mobile: 22px;
    --studio-panel-line: rgba(32, 55, 52, .12);
    --studio-panel-bg: linear-gradient(145deg, rgba(255, 253, 248, .98), rgba(246, 238, 226, .91));
    --studio-panel-shadow: 0 18px 42px rgba(23, 36, 35, .10);
    --studio-readable-ink: #172423;
    --studio-readable-muted: rgba(23, 36, 35, .72);
}

/* Route state and landing actions. */
.studio-content-open .site-header.private-hero {
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.studio-content-open .site-header.private-hero .inner,
.studio-content-open .site-header-content,
.studio-content-open .private-hero-quote {
    display: none !important;
}

.private-hero-actions,
.private-hero-actions *,
.studio-route-card,
.studio-entry-card,
.studio-journal-card,
.studio-diagnosis-card,
.studio-member,
.studio-member-frame {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.private-hero-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: min(100%, 560px) !important;
    overflow-x: clip !important;
}

.private-hero-actions a,
.private-hero-actions button {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.private-hero-note {
    width: min(100%, 620px) !important;
    margin: 16px 0 0 !important;
    color: rgba(255, 250, 241, .82) !important;
    font-size: 1.28rem !important;
    line-height: 1.9 !important;
    font-weight: 400 !important;
}

.studio-secondary-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 18px !important;
    padding: 12px 14px !important;
    border: 1px solid var(--studio-panel-line) !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 248, .94) !important;
    box-shadow: 0 14px 34px rgba(23, 36, 35, .08) !important;
}

.studio-secondary-nav a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    color: #243634 !important;
    font-size: 1.02rem !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    background: rgba(23, 36, 35, .06) !important;
}

.studio-secondary-nav a:hover {
    background: rgba(23, 36, 35, .10) !important;
}

@media (max-width: 640px) {
    .site-header.private-hero,
    .site-header.private-hero .inner,
    .site-header-content {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    .private-hero-actions {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-self: stretch !important;
        gap: 10px !important;
        overflow: hidden !important;
        padding: 10px !important;
        border-radius: 26px !important;
    }

    .private-hero-actions a {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 52px !important;
        padding: 14px 18px !important;
        border-radius: 18px !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 1.14rem !important;
        line-height: 1.3 !important;
        grid-column: auto !important;
    }

    .private-hero-note {
        width: 100% !important;
        margin-top: 14px !important;
        font-size: 1.12rem !important;
        line-height: 1.8 !important;
    }

    .studio-secondary-nav {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 16px !important;
        padding: 10px !important;
        border-radius: 22px !important;
    }

    .studio-secondary-nav a {
        min-height: 32px !important;
        font-size: .96rem !important;
    }
}

/* Services and expandable concept card. */
.studio-services .studio-section-head,
.studio-services .studio-service-grid article,
.studio-services .meridian-concept,
.studio-journal-heading,
.studio-journal-card,
.studio-journal-feed .studio-journal-card,
.studio-journal-feed .studio-journal-card:first-child,
.studio-journal-feed .studio-journal-card:nth-child(n),
.studio-diagnosis-grid a,
.studio-contact,
.studio-member,
.studio-member-frame {
    border: 1px solid var(--studio-panel-line) !important;
    border-radius: var(--studio-panel-radius) !important;
    background: var(--studio-panel-bg) !important;
    box-shadow: var(--studio-panel-shadow) !important;
}

.studio-contact,
.studio-contact.studio-route-active {
    color: var(--studio-readable-ink) !important;
}

.studio-contact .private-section-kicker {
    color: #8a673e !important;
}

.studio-contact .private-section-kicker:before {
    background: #8a673e !important;
    box-shadow: none !important;
}

.studio-contact h2 {
    color: var(--studio-readable-ink) !important;
    text-shadow: none !important;
}

.studio-contact p {
    color: var(--studio-readable-muted) !important;
    text-shadow: none !important;
}

.studio-contact .studio-contact-actions a:first-child {
    border: 1px solid rgba(32, 55, 52, .16) !important;
    background: #172423 !important;
    color: #fffaf1 !important;
}

.studio-contact .studio-contact-actions a:last-child {
    border: 1px solid rgba(32, 55, 52, .16) !important;
    background: rgba(255, 253, 248, .92) !important;
    color: #172423 !important;
}

.studio-contact .studio-contact-actions a:hover {
    transform: translateY(-1px) !important;
}

.studio-services .studio-service-grid article:hover,
.studio-journal-card:hover,
.studio-journal-feed .studio-journal-card:hover,
.studio-diagnosis-grid a:hover {
    border-color: rgba(32, 55, 52, .16) !important;
    background: linear-gradient(145deg, rgba(255, 253, 248, 1), rgba(248, 241, 231, .96)) !important;
    box-shadow: 0 20px 46px rgba(23, 36, 35, .12) !important;
}

.studio-services .meridian-concept > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 58px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(222, 190, 143, .34) !important;
    border-radius: 999px !important;
    background: rgba(255, 250, 241, .94) !important;
    color: #172423 !important;
    font-size: 1.48rem !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
}

.studio-services .meridian-concept > summary:after {
    color: #8b673c !important;
}

.studio-services .meridian-concept[open] {
    border-color: rgba(140, 104, 58, .24) !important;
    background: linear-gradient(145deg, rgba(255, 253, 248, .98), rgba(244, 235, 220, .96)) !important;
    color: #172423 !important;
    box-shadow: 0 18px 46px rgba(82, 61, 33, .12) !important;
}

.studio-services .meridian-concept[open] > summary {
    border-color: rgba(140, 104, 58, .24) !important;
    background: rgba(255, 253, 248, .96) !important;
    color: #172423 !important;
}

.studio-services .meridian-concept[open] .meridian-concept-head {
    margin-top: 16px !important;
    padding: 18px !important;
    border: 1px solid rgba(140, 104, 58, .18) !important;
    border-radius: 22px !important;
    background: rgba(255, 253, 248, .74) !important;
}

.studio-services .meridian-concept[open] .meridian-concept-head span {
    color: #8a673e !important;
    text-shadow: none !important;
}

.studio-services .meridian-concept[open] .meridian-concept-head h3,
.studio-services .meridian-concept[open] .meridian-concept-grid strong {
    color: #172423 !important;
    text-shadow: none !important;
}

.studio-services .meridian-concept[open] .meridian-concept-head p,
.studio-services .meridian-concept[open] .meridian-concept-grid p {
    color: #34423f !important;
    font-size: 1.12rem !important;
    line-height: 1.76 !important;
    text-shadow: none !important;
}

.studio-services .meridian-concept[open] .meridian-concept-grid div {
    border-color: rgba(140, 104, 58, .16) !important;
    background: rgba(255, 253, 248, .78) !important;
    color: #172423 !important;
}

.studio-services .meridian-concept[open] .meridian-concept-flow span {
    border-color: rgba(140, 104, 58, .18) !important;
    background: rgba(23, 36, 35, .08) !important;
    color: #243636 !important;
    font-weight: 680 !important;
}

/* Organ knowledge current-state highlight. */
.organ-map-core {
    z-index: 2 !important;
    gap: 4px !important;
    color: #172423 !important;
    text-align: center !important;
}

.organ-map-core strong,
.organ-map-core em {
    display: block !important;
}

.organ-visual-nav a.is-current {
    transform: translateY(-2px) !important;
    border-color: rgba(184, 145, 93, .54) !important;
    box-shadow: 0 20px 44px rgba(92, 67, 75, .18), 0 0 0 3px rgba(184, 145, 93, .12) !important;
}

/* Journal route and card spacing. */
.studio-content-open .site-main > .inner > .studio-journal-heading:not(.studio-route-active),
.studio-content-open .site-main > .inner > .studio-journal-feed:not(.studio-route-active) {
    display: none !important;
}

.studio-content-open .site-main > .inner > .studio-journal-heading.studio-route-active,
.studio-content-open .site-main > .inner > .studio-journal-feed.studio-route-active {
    display: grid !important;
}

.studio-journal-heading,
.studio-journal-feed {
    width: var(--studio-panel-width) !important;
    max-width: var(--studio-panel-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.studio-journal-heading {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
    margin-bottom: 18px !important;
    border-radius: var(--studio-panel-radius) !important;
    background: linear-gradient(145deg, rgba(255, 252, 246, .99), rgba(244, 236, 224, .95)) !important;
    border: 1px solid rgba(32, 55, 52, .10) !important;
    box-shadow: 0 20px 48px rgba(23, 36, 35, .10) !important;
}

.studio-journal-heading > div:not(.studio-journal-pills) {
    display: grid !important;
    gap: 10px !important;
}

.studio-journal-heading > div:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-content: start !important;
}

.studio-journal-heading h2 {
    margin: 0 !important;
}

.studio-journal-heading p {
    max-width: 760px !important;
    margin: 0 !important;
    color: var(--studio-readable-muted) !important;
    line-height: 1.9 !important;
}

.studio-journal-heading > .studio-journal-pills {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    grid-column: auto !important;
    justify-content: flex-start !important;
    align-content: center !important;
    align-items: center !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
}

.studio-journal-heading > .studio-journal-pills::-webkit-scrollbar {
    display: none !important;
}

.studio-journal-heading > .studio-journal-pills span {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(143, 112, 61, .16) !important;
    border-radius: 999px !important;
    background: rgba(255, 249, 240, .92) !important;
    color: #6d5531 !important;
    font-size: .88rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.studio-journal-guide {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.studio-journal-guide div {
    display: grid !important;
    gap: 6px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(32, 55, 52, .10) !important;
    border-radius: 16px !important;
    background: rgba(255, 251, 244, .76) !important;
}

.studio-journal-guide strong {
    color: var(--studio-readable-ink) !important;
    font-size: 1rem !important;
}

.studio-journal-guide span {
    color: var(--studio-readable-muted) !important;
    font-size: .94rem !important;
    line-height: 1.75 !important;
}

.studio-journal-feed {
    display: grid !important;
    gap: var(--studio-panel-gap) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
}

.studio-journal-card,
.studio-journal-feed .studio-journal-card,
.studio-journal-feed .studio-journal-card:first-child,
.studio-journal-feed .studio-journal-card:nth-child(n) {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid rgba(32, 55, 52, .10) !important;
    border-radius: 26px !important;
    background: linear-gradient(155deg, rgba(255, 253, 248, .99), rgba(246, 239, 229, .94)) !important;
    box-shadow: 0 18px 42px rgba(23, 36, 35, .09) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.studio-journal-card-featured,
.studio-journal-feed .studio-journal-card-featured,
.studio-journal-feed .studio-journal-card.studio-journal-card-featured:first-child,
.studio-journal-feed .studio-journal-card.studio-journal-card-featured:nth-child(n) {
    grid-column: 1 / -1 !important;
    border-color: rgba(143, 112, 61, .18) !important;
    background: linear-gradient(145deg, rgba(255, 253, 248, .995), rgba(247, 239, 227, .96)) !important;
    box-shadow: 0 24px 60px rgba(23, 36, 35, .11) !important;
}

.studio-journal-card details {
    background: transparent !important;
}

.studio-journal-card summary {
    position: relative !important;
    display: grid !important;
    gap: 12px !important;
    padding: 24px 28px 22px !important;
    padding-right: 84px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.studio-journal-card-featured summary {
    grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr) !important;
    gap: 12px 24px !important;
    align-items: start !important;
    padding: 32px 34px 28px !important;
    padding-right: 98px !important;
}

.studio-journal-card-featured .post-card-tags,
.studio-journal-card-featured .post-card-title,
.studio-journal-card-featured summary em {
    grid-column: 1 !important;
}

.studio-journal-card-featured .studio-journal-meta,
.studio-journal-card-featured .studio-journal-glance {
    grid-column: 2 !important;
    align-self: start !important;
}

.studio-journal-card:not(.studio-journal-card-featured) summary {
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    padding: 24px 26px 22px !important;
    padding-right: 76px !important;
}

.studio-journal-card:not(.studio-journal-card-featured) .studio-journal-meta,
.studio-journal-card:not(.studio-journal-card-featured) .studio-journal-glance {
    grid-column: 1 !important;
}

.studio-journal-card summary::marker,
.studio-journal-card summary::-webkit-details-marker {
    display: none !important;
    content: "" !important;
}

.studio-journal-card summary::after {
    content: "+" !important;
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(32, 55, 52, .12) !important;
    border-radius: 999px !important;
    background: rgba(255, 251, 244, .92) !important;
    color: #5d4a2c !important;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.studio-journal-card details[open] summary::after {
    content: "−" !important;
}

.studio-journal-card .post-card-tags {
    display: inline-flex !important;
    width: fit-content !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: rgba(184, 145, 93, .14) !important;
    color: #7d5b2e !important;
    font-size: .9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.studio-journal-card .post-card-title {
    margin: 0 !important;
    color: var(--studio-readable-ink) !important;
    line-height: 1.3 !important;
}

.studio-journal-card:not(.studio-journal-card-featured) .post-card-title {
    font-size: clamp(1.18rem, 1.1vw, 1.42rem) !important;
    line-height: 1.34 !important;
}

.studio-journal-card-featured .post-card-title {
    font-size: clamp(1.82rem, 1.9vw, 2.26rem) !important;
    line-height: 1.24 !important;
}

.studio-journal-card summary em {
    margin: 0 !important;
    color: var(--studio-readable-muted) !important;
    font-size: 1rem !important;
    line-height: 1.8 !important;
}

.studio-journal-card-featured summary em {
    max-width: 760px !important;
    font-size: 1.06rem !important;
    line-height: 1.92 !important;
}

.studio-journal-meta,
.studio-journal-glance {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.studio-journal-meta span,
.studio-journal-glance span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: .92rem !important;
    line-height: 1.35 !important;
}

.studio-journal-meta span {
    background: rgba(23, 36, 35, .06) !important;
    color: #445856 !important;
}

.studio-journal-glance span {
    background: rgba(255, 249, 240, .92) !important;
    border: 1px solid rgba(143, 112, 61, .12) !important;
    color: #6b5430 !important;
}

.studio-journal-card-featured .studio-journal-meta span,
.studio-journal-card-featured .studio-journal-glance span {
    min-height: 34px !important;
}

.studio-journal-card:hover,
.studio-journal-feed .studio-journal-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(143, 112, 61, .20) !important;
    box-shadow: 0 24px 52px rgba(23, 36, 35, .13) !important;
}

.studio-journal-card details[open] summary {
    border-bottom: 1px solid rgba(32, 55, 52, .10) !important;
    background: linear-gradient(180deg, rgba(255, 250, 242, .90), rgba(255, 250, 242, .32)) !important;
}

.studio-journal-card details[open] {
    background: linear-gradient(180deg, rgba(255, 253, 248, .99), rgba(245, 237, 226, .95)) !important;
}

.studio-journal-card-featured details[open] {
    background: linear-gradient(180deg, rgba(255, 252, 247, .998), rgba(246, 237, 224, .97)) !important;
}

.studio-journal-body,
.studio-journal-feed .studio-journal-card .studio-journal-body,
.studio-journal-feed .studio-journal-card:first-child .studio-journal-body,
.studio-journal-feed .studio-journal-card:nth-child(n) .studio-journal-body {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 24px 28px 30px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.studio-journal-body h3 {
    margin: 10px 0 0 !important;
    color: #203735 !important;
    font-size: 1.02rem !important;
}

.studio-journal-body h3:first-child {
    margin-top: 0 !important;
}

.studio-journal-body p {
    margin: 0 !important;
    color: var(--studio-readable-muted) !important;
    line-height: 1.9 !important;
}

.studio-journal-card-featured .studio-journal-body {
    padding: 28px 34px 34px !important;
}

/* Diagnosis cards and section widths. */
.studio-services .studio-section-head,
.studio-services .studio-service-grid,
.studio-services .meridian-concept,
.studio-journal-heading,
.studio-journal-feed,
.studio-diagnosis .studio-section-head,
.studio-diagnosis-grid,
.studio-member .studio-section-head,
.studio-member-frame {
    width: var(--studio-panel-width) !important;
    max-width: var(--studio-panel-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
}

.studio-services .studio-section-head,
.studio-journal-heading,
.studio-diagnosis .studio-section-head,
.studio-member .studio-section-head {
    padding: clamp(24px, 3.4vw, 34px) !important;
}

.studio-diagnosis {
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.studio-diagnosis-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--studio-panel-gap) !important;
}

.studio-diagnosis .studio-section-head h2,
.studio-diagnosis-grid strong {
    color: var(--studio-readable-ink) !important;
}

.studio-diagnosis .studio-section-head p,
.studio-diagnosis-grid em {
    color: var(--studio-readable-muted) !important;
}

.studio-diagnosis-grid a,
.studio-diagnosis-grid a:hover {
    min-width: 0 !important;
    padding: 28px !important;
    background: linear-gradient(145deg, rgba(255, 253, 248, .99), rgba(248, 241, 231, .96)) !important;
    color: var(--studio-readable-ink) !important;
}

.studio-diagnosis-grid span {
    background: rgba(184, 145, 93, .16) !important;
    color: #77542a !important;
}

.studio-diagnosis-grid .diagnosis-card-warning {
    border-color: rgba(143, 92, 34, .28) !important;
    background: #fff0d4 !important;
    color: #5d360f !important;
    white-space: normal !important;
}

.studio-diagnosis-grid .diagnosis-card-status {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(60, 113, 88, .20) !important;
    border-radius: 999px !important;
    background: rgba(60, 113, 88, .12) !important;
    color: #315f4a !important;
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

/* Member block keeps a dark frame around the embedded portal. */
.studio-member,
.studio-member.studio-route-active {
    background: linear-gradient(180deg, rgba(8, 10, 9, .96), rgba(25, 19, 14, .98)) !important;
    border-color: rgba(220, 174, 91, .32) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .30) !important;
}

.studio-member .studio-section-head {
    border-color: rgba(220, 174, 91, .28) !important;
    background: linear-gradient(145deg, rgba(8, 8, 8, .92), rgba(37, 27, 20, .88)) !important;
    color: #fff8e8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 248, 232, .08), 0 18px 40px rgba(0, 0, 0, .24) !important;
}

.studio-member .private-section-kicker {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(236, 196, 116, .36) !important;
    border-radius: 999px !important;
    background: rgba(236, 196, 116, .12) !important;
    color: #f0c878 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .62) !important;
}

.studio-member .private-section-kicker:before {
    background: #f0c878 !important;
    box-shadow: 0 0 14px rgba(240, 200, 120, .44) !important;
}

.studio-member .studio-section-head h2 {
    color: #fff8e8 !important;
    text-shadow: 0 3px 14px rgba(0, 0, 0, .7) !important;
}

.studio-member .studio-section-head p {
    max-width: 720px !important;
    color: #ead2a6 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .62) !important;
}

.studio-member-frame {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(8, 8, 7, .98), rgba(22, 15, 10, .98)) !important;
    border-color: rgba(220, 174, 91, .30) !important;
}

.studio-member-frame iframe {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: #10100f !important;
    color-scheme: dark !important;
}

/* Focus and mobile containment. */
.private-hero-actions a:focus-visible,
.private-hero-actions button:focus-visible,
.studio-route-card:focus-visible,
.studio-entry-card:focus-visible,
.studio-member-frame iframe:focus-visible {
    outline: 2px solid rgba(240, 200, 122, .86) !important;
    outline-offset: 3px !important;
}

@media (max-width: 560px) {
    .studio-services .studio-section-head,
    .studio-services .studio-service-grid article,
    .studio-services .meridian-concept,
    .studio-journal-heading,
    .studio-journal-card,
    .studio-journal-feed .studio-journal-card,
    .studio-journal-feed .studio-journal-card:first-child,
    .studio-journal-feed .studio-journal-card:nth-child(n),
    .studio-diagnosis-grid a,
    .studio-member,
    .studio-member-frame {
        border-radius: var(--studio-panel-radius-mobile) !important;
    }

    .studio-content-open .site-main > .inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow-x: hidden !important;
    }

    .studio-content-open .site-main > .inner > .studio-route-active {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
    }

    .studio-content-open .site-main > .inner > .studio-diagnosis.studio-route-active,
    .studio-services,
    .studio-journal-heading,
    .studio-diagnosis,
    .studio-member {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .studio-services .studio-section-head,
    .studio-services .studio-service-grid,
    .studio-services .meridian-concept,
    .studio-journal-heading,
    .studio-journal-feed,
    .studio-diagnosis .studio-section-head,
    .studio-diagnosis-grid,
    .studio-member .studio-section-head,
    .studio-member-frame {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .studio-section-head,
    .studio-section-head p,
    .studio-journal-card,
    .studio-diagnosis-card,
    .studio-route-card,
    .studio-entry-card {
        overflow-wrap: break-word !important;
    }

    .studio-services .studio-section-head,
    .studio-journal-heading,
    .studio-diagnosis .studio-section-head,
    .studio-member .studio-section-head {
        padding: 22px 18px !important;
    }

    .studio-services .meridian-concept {
        background: rgba(255, 250, 241, .12) !important;
    }

    .studio-services .meridian-concept > summary {
        min-height: 60px !important;
        padding: 0 16px !important;
        font-size: 1.54rem !important;
    }

    .studio-services .meridian-concept[open] {
        padding-bottom: 16px !important;
    }

    .studio-services .meridian-concept[open] .meridian-concept-head {
        margin-top: 14px !important;
        padding: 15px 14px !important;
    }

    .studio-services .meridian-concept[open] .meridian-concept-head p,
    .studio-services .meridian-concept[open] .meridian-concept-grid p {
        font-size: 1.08rem !important;
        line-height: 1.7 !important;
    }

    .organ-map-core {
        order: -1 !important;
        min-height: 86px !important;
        background: rgba(255, 250, 241, .92) !important;
    }

    .organ-map-core strong {
        font-size: 2.08rem !important;
    }

    .organ-map-core em {
        color: #8b673c !important;
        font-size: 1.18rem !important;
    }

    .studio-journal-heading,
    .studio-journal-feed {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
    }

    .studio-journal-heading {
        grid-template-columns: minmax(0, 1fr) !important;
        margin-bottom: 14px !important;
    }

    .studio-journal-heading > div:first-child {
        grid-row: auto !important;
    }

    .studio-journal-pills {
        justify-content: flex-start !important;
        gap: 8px !important;
        padding-bottom: 0 !important;
    }

    .studio-journal-feed {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: stretch !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .studio-journal-guide {
        grid-column: auto !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .studio-journal-card,
    .studio-journal-feed .studio-journal-card,
    .studio-journal-feed .studio-journal-card:first-child,
    .studio-journal-feed .studio-journal-card:nth-child(n) {
        justify-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
    }

    .studio-journal-card-featured,
    .studio-journal-feed .studio-journal-card-featured {
        grid-column: auto !important;
    }

    .studio-journal-card summary {
        padding: 20px 18px 18px !important;
        padding-right: 68px !important;
    }

    .studio-journal-card-featured summary {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 22px 18px 18px !important;
        padding-right: 68px !important;
    }

    .studio-journal-card-featured .studio-journal-meta,
    .studio-journal-card-featured .studio-journal-glance {
        grid-column: 1 !important;
    }

    .studio-journal-card summary::after {
        top: 18px !important;
        right: 18px !important;
        width: 34px !important;
        height: 34px !important;
        font-size: 1.3rem !important;
    }

    .studio-journal-body,
    .studio-journal-feed .studio-journal-card .studio-journal-body,
    .studio-journal-feed .studio-journal-card:first-child .studio-journal-body,
    .studio-journal-feed .studio-journal-card:nth-child(n) .studio-journal-body {
        padding: 20px 18px 24px !important;
    }

    .studio-journal-card-featured .studio-journal-body {
        padding: 22px 18px 26px !important;
    }

    .studio-diagnosis-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .studio-diagnosis-grid a {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 22px 18px !important;
    }

    .studio-diagnosis-grid .diagnosis-card-warning {
        max-width: 100% !important;
        font-size: 1.05rem !important;
        line-height: 1.48 !important;
        overflow-wrap: anywhere !important;
    }

    .studio-diagnosis-grid .diagnosis-card-status {
        max-width: 100% !important;
        font-size: 1.03rem !important;
        overflow-wrap: anywhere !important;
    }

    .studio-member,
    .studio-member.studio-route-active {
        padding: 18px !important;
        background: linear-gradient(180deg, rgba(7, 9, 8, .98), rgba(20, 15, 11, .99)) !important;
    }

    .studio-member .studio-section-head h2 {
        font-size: clamp(2.3rem, 8.5vw, 3.1rem) !important;
        line-height: 1.14 !important;
    }

    .studio-member .studio-section-head p {
        font-size: 1.08rem !important;
        line-height: 1.62 !important;
    }

    .studio-member-frame {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        height: min(760px, 84svh) !important;
        min-height: 590px !important;
    }

    .studio-content-open .site-main > .inner > .studio-member.studio-route-active,
    .studio-member,
    .studio-member.studio-route-active {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}