/* Public reading scale. Keep artwork, authored canvas text and admin surfaces intact. */
html[data-yuni-surface='public']{--yuni-type-body:clamp(16px,1.08vw,18px);--yuni-type-control:16px}
html[data-yuni-surface='public'] #app .ui-header .main-nav{gap:clamp(14px,1.7vw,30px)}
html[data-yuni-surface='public'] #app .ui-header .main-nav>a,
html[data-yuni-surface='public'] #app .ui-header .ui-nav-group>a{font-size:clamp(16px,1vw,18px);line-height:1.5;font-weight:500}
html[data-yuni-surface='public'] #app .ui-header .account :is(a,button){font-size:15px;min-height:38px}
html[data-yuni-surface='public'] #app .ui-nav-dropdown strong{font-size:16px}
html[data-yuni-surface='public'] #app .ui-nav-dropdown small{font-size:13px;line-height:1.6}
html[data-yuni-surface='public'] #app :is(.ref-standard-directory,.jy-directory,.journal-nav) a{font-size:15px!important;font-weight:500!important;height:auto!important;min-height:40px!important;line-height:24px!important;padding:8px 14px!important}

/* Shared secondary-page hierarchy, excluding the home and game landing composition. */
html[data-yuni-surface='public'] #app .ref-unified-secondary .ui-page-heading h1,
html[data-yuni-surface='public'] #app .ref-unified-secondary .ui-main>h1{font-size:clamp(30px,2.25vw,36px);line-height:1.4}
html[data-yuni-surface='public'] #app .ref-unified-secondary .ui-main p{font-size:var(--yuni-type-body);line-height:1.8}
html[data-yuni-surface='public'] #app .ref-unified-secondary .ui-main :is(.button,button):not(.ref-canvas-thumb *){font-size:15px;line-height:1.5;min-height:38px}
html[data-yuni-surface='public'] #app .ref-unified-secondary .ui-main .muted{font-size:14px;line-height:1.7}

/* Three card introductions use the same generous image / reading-column proportions. */
html[data-yuni-surface='public'] #app .ref-product-intro-page .ui-main{max-width:1480px!important}
html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intimacy-intro,.exp-monologue.ref-intro-panel,.ref-you-detail.ref-intro-panel){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(40px,4vw,80px);width:100%;max-width:1480px;align-items:center;margin:36px 0 0}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intimacy-intro{align-items:start;margin-top:36px}
html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intro-copy,.exp-monologue.ref-intro-panel>div:last-child,.ref-you-detail.ref-intro-panel>div){max-width:800px;min-width:0;padding:0}
html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intro-art>img,.exp-monologue-art img){width:100%;max-width:580px;height:auto;max-height:460px;object-fit:contain;margin:0}
html[data-yuni-surface='public'] #app .ref-you-page .ref-you-detail.ref-intro-panel>img{max-height:460px;max-width:100%;width:auto;height:auto;margin:auto}
html[data-yuni-surface='public'] #app .ref-product-intro-page .ref-intro-copy h1{font-size:clamp(34px,2vw,44px);line-height:1.4;margin-bottom:18px}
html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intro-copy .lead,.exp-monologue.ref-intro-panel h2,.ref-you-detail.ref-intro-panel h2){font-size:clamp(26px,1.5vw,34px);line-height:1.6;margin-bottom:20px;letter-spacing:.02em}
html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intro-copy p,.exp-monologue.ref-intro-panel p,.ref-you-detail.ref-intro-panel p,.v6-product-composition){font-size:clamp(19px,1.12vw,24px);line-height:1.85;margin-bottom:18px}
html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intro-copy .muted,.exp-monologue small){font-size:14px;line-height:1.8}
html[data-yuni-surface='public'] #app .ref-product-intro-page .ref-intro-copy p.lead{font-size:clamp(26px,1.5vw,34px);line-height:1.6;margin-bottom:22px}
html[data-yuni-surface='public'] #app .ref-product-intro-page .ref-intro-copy p.muted{font-size:14px;line-height:1.8}
html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.actions,.ref-intro-footer){gap:12px;flex-wrap:wrap;margin-top:18px}
html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.actions,.ref-intro-footer) .button{font-size:16px;min-height:42px;padding:9px 16px}
/* Intimacy: one balanced spread; chairs stay decorative and outside the copy. */
html[data-yuni-surface='public'] #app .ref-intimacy-intro-page.ref-unified-secondary{background-color:#fff!important;background-image:url('/experience/intimacy-quiet-chairs.png?v=full-page')!important;background-size:100% auto!important;background-position:right bottom!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
html[data-yuni-surface='public'] #app .ref-intimacy-intro-page.ref-unified-secondary .ui-main{position:relative;isolation:isolate;width:90%!important;max-width:1800px!important;padding-bottom:64px!important}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intimacy-intro{grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr);max-width:none;gap:clamp(36px,3.5vw,80px);min-height:820px;margin-top:40px}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-copy{max-width:none}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-art{position:relative;padding-top:8px}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-art>img{width:100%;max-width:none;max-height:none;height:auto;border-radius:12px}
html[data-yuni-surface='public'] #app .ref-intimacy-intro-page .ref-intro-copy p.ref-intro-closing{padding-top:8px;margin-top:22px;font-size:clamp(21px,1.25vw,27px);line-height:1.75}

/* Space overview and workbench share the home page's desktop reading scale. */
html[data-yuni-surface='public'] #app :is(.ui-professional-restored,.room-manager-workbench).ref-unified-secondary .ui-main{max-width:1480px!important;padding-top:22px!important}
html[data-yuni-surface='public'] #app .ref-space-overview-left>.v6-pos h1,
html[data-yuni-surface='public'] #app .room-manager-content>h1{font-size:clamp(32px,2vw,42px);line-height:1.4}
html[data-yuni-surface='public'] #app .ref-professional-overview.ref-space-overview{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:5%}
html[data-yuni-surface='public'] #app .ref-space-overview>.v6-pro-copy{padding-top:38px}
html[data-yuni-surface='public'] #app .ref-space-overview>.v6-pro-copy h2{font-size:clamp(25px,1.4vw,30px);line-height:1.5;margin:0 0 12px}
html[data-yuni-surface='public'] #app .ref-space-overview>.v6-pro-copy p{font-size:clamp(18px,1.08vw,23px);line-height:1.85;margin-bottom:26px}
html[data-yuni-surface='public'] #app .ref-space-overview-left>.v6-pos p{font-size:clamp(17px,.95vw,20px);line-height:1.8}
html[data-yuni-surface='public'] #app .ui-professional-restored .ref-space-overview-left>.v6-pos p.muted{font-size:clamp(17px,.95vw,20px);line-height:1.8}
html[data-yuni-surface='public'] #app .ref-space-caption{flex-wrap:wrap;gap:4px 12px}
html[data-yuni-surface='public'] #app .ref-space-caption>strong{font-size:18px}
html[data-yuni-surface='public'] #app .ref-space-caption>p{font-size:17px;line-height:1.7}
html[data-yuni-surface='public'] #app .room-manager-workbench .v6-work-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0 26px}
html[data-yuni-surface='public'] #app .room-manager-workbench .v6-work-tiles>section{min-height:132px;padding:22px 24px}
html[data-yuni-surface='public'] #app .room-manager-workbench .ref-work-tile-heading h2,
html[data-yuni-surface='public'] #app .room-manager-workbench .room-list-heading h2{font-size:clamp(23px,1.3vw,28px)}
html[data-yuni-surface='public'] #app .room-manager-workbench.ref-unified-secondary .ui-main :is(.button,button){font-size:17px;min-height:42px;padding:9px 14px}

/* Listings and explanatory copy can grow vertically instead of shrinking on short screens. */
html[data-yuni-surface='public'] #app .ref-library-page .ref-library{grid-template-columns:repeat(2,minmax(0,560px))}
html[data-yuni-surface='public'] #app .ref-library-page .ref-library-card{min-height:180px;height:auto}
html[data-yuni-surface='public'] #app .ref-library-page .ref-library-card p{-webkit-line-clamp:3}
html[data-yuni-surface='public'] #app .ref-library-page .ref-hall-actions{flex-wrap:wrap}
html[data-yuni-surface='public'] #app .ref-library-page .ref-hall-collection-note{font-size:14px}
html[data-yuni-surface='public'] #app .v6-plays .v6-play-grid .play-card{height:auto;min-height:180px}
html[data-yuni-surface='public'] #app .v6-plays .v6-play-grid .play-card h3{font-size:22px;line-height:1.5}
html[data-yuni-surface='public'] #app .ref-composition-editorial .ui-main{height:auto;overflow:visible}
html[data-yuni-surface='public'] #app .add1-magazine-copy{max-width:900px}
html[data-yuni-surface='public'] #app .add1-faq .faq-content{max-width:1040px;height:auto!important;max-height:none!important;overflow:visible!important}
html[data-yuni-surface='public'] #app .notice-activity-page .ref-activity-row{max-width:1040px}
html[data-yuni-surface='public'] #app .ui-collection .ref-collection{grid-template-columns:repeat(3,minmax(0,320px));gap:26px}
html[data-yuni-surface='public'] #app .ui-collection .ref-collection article>img{height:160px}
html[data-yuni-surface='public'] #app .ui-collection :is(.ui-page-heading p,.ref-collection p){font-size:16px;line-height:1.8}
html[data-yuni-surface='public'] #app .dock-area :is(p,.button){font-size:16px;line-height:1.8}

/* Journal keeps its pastel editorial panels, with readable previews and metadata. */
html[data-yuni-surface='public'] #app .jy-main{height:auto;min-height:calc(100dvh - var(--ui-header-height));grid-template-rows:auto auto minmax(450px,1fr) auto auto;gap:14px}
html[data-yuni-surface='public'] #app .jy-masthead h1{font-size:36px;line-height:1.4}
html[data-yuni-surface='public'] #app .jy-panel h2{font-size:26px;line-height:1.5}
html[data-yuni-surface='public'] #app :is(.jy-masthead p,.jy-panel-heading p,.jy-tag,.jy-entry){font-size:14px;line-height:1.7}
html[data-yuni-surface='public'] #app :is(.jy-fan-item h3,.jy-reading-item h3,.jy-comic-feature h3){font-size:20px;line-height:1.6;-webkit-line-clamp:2}
html[data-yuni-surface='public'] #app :is(.jy-reading-item .jy-story-link p,.jy-comic-excerpt){font-size:15px;line-height:1.8}
html[data-yuni-surface='public'] #app :is(.jy-byline,.jy-meta,.jy-category,.jy-pick-date){font-size:12px;line-height:1.6}
html[data-yuni-surface='public'] #app .jy-pick h3{font-size:15px;line-height:1.6}
html[data-yuni-surface='public'] #app .jy-detail .add1-story-preview p{font-size:17px;line-height:1.9}
html[data-yuni-surface='public'] #app .add1-article-page .add1-post{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
html[data-yuni-surface='public'] #app .add1-article-page .add1-post-body p{font-size:18px;line-height:1.9}

/* Operational labels only: no changes to authored diary / shared-board content. */
html[data-yuni-surface='public'] #app .room-manager-workbench .v6-work-tiles>section>p{font-size:clamp(17px,.95vw,20px);line-height:1.7}
html[data-yuni-surface='public'] #app .room-manager-workbench .room-manager-table :is(th,td){font-size:clamp(16px,.85vw,18px);line-height:1.6;padding:16px 12px}
html[data-yuni-surface='public'] #app .room-manager-workbench .room-manager-table :is(small,.room-end-time){font-size:14px;line-height:1.6}
html[data-yuni-surface='public'] #app .ref-canvas-page :is(label,.add1-canvas-grid strong){font-size:16px;line-height:1.6}
html[data-yuni-surface='public'] #app .journal-page :is(.journal-heading p,.journal-editor label,.journal-editor textarea){font-size:16px;line-height:1.8}
html[data-yuni-surface='public'] #app .journal-page .journal-editor h2{font-size:24px;line-height:1.5}
html[data-yuni-surface='public'] #app .v6-auth :is(.field>span,input,.button){font-size:16px;line-height:1.5}

@media(min-width:951px) and (max-width:1200px){
 html[data-yuni-surface='public'] #app .ui-header{padding:0 18px!important;gap:12px}
 html[data-yuni-surface='public'] #app .ui-header .main-nav{gap:12px}
 html[data-yuni-surface='public'] #app .ui-header .account :is(a,button){font-size:14px;padding:7px 8px}
}
@media(max-width:1100px){
 html[data-yuni-surface='public'] #app .jy-main{display:block}
 html[data-yuni-surface='public'] #app .jy-panels{margin-bottom:18px}
}
@media(max-width:850px){
 html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intimacy-intro,.exp-monologue.ref-intro-panel,.ref-you-detail.ref-intro-panel){grid-template-columns:minmax(0,1fr);max-width:600px;gap:28px;margin:28px auto 0}
 html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intro-art>img,.exp-monologue-art img){max-width:460px;max-height:340px;margin:auto}
 html[data-yuni-surface='public'] #app .ref-you-page .ref-you-detail.ref-intro-panel>img{max-height:360px}
 html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intro-copy p,.exp-monologue.ref-intro-panel p,.ref-you-detail.ref-intro-panel p,.v6-product-composition){font-size:16px;line-height:1.85}
 html[data-yuni-surface='public'] #app .ref-library-page .ref-library{grid-template-columns:minmax(0,560px)}
 html[data-yuni-surface='public'] #app .ui-collection .ref-collection{grid-template-columns:1fr}
 html[data-yuni-surface='public'] #app .ref-intimacy-intro-page.ref-unified-secondary .ui-main{padding-bottom:220px!important}
 html[data-yuni-surface='public'] #app .ref-intimacy-intro-page .ref-intro-copy p.ref-intro-closing{font-size:20px}
 html[data-yuni-surface='public'] #app .room-manager-workbench .v6-work-tiles{grid-template-columns:1fr;gap:12px}
 html[data-yuni-surface='public'] #app .room-manager-workbench .v6-work-tiles>section{min-height:100px;padding:18px}
}
@media(max-width:900px){
 html[data-yuni-surface='public'] #app .ref-professional-overview.ref-space-overview{grid-template-columns:1fr;gap:30px}
 html[data-yuni-surface='public'] #app .ref-space-overview>.v6-pro-copy{padding-top:0}
 html[data-yuni-surface='public'] #app .ref-space-overview>.v6-pro-copy p{font-size:17px}
}
@media(max-width:700px){
 html[data-yuni-surface='public'] #app .ui-header .account :is(a,button){font-size:13px;min-height:34px;padding:6px 8px}
 html[data-yuni-surface='public'] #app .ui-header .main-nav>a,
 html[data-yuni-surface='public'] #app .ui-header .ui-nav-group>a{font-size:17px}
 html[data-yuni-surface='public'] #app :is(.ref-standard-directory,.jy-directory,.journal-nav) a{font-size:14px!important;padding:7px 10px!important;min-height:38px!important}
 html[data-yuni-surface='public'] #app .ref-unified-secondary .ui-page-heading h1{font-size:28px}
 html[data-yuni-surface='public'] #app .ref-product-intro-page .ref-intro-copy h1{font-size:30px}
 html[data-yuni-surface='public'] #app .ref-product-intro-page :is(.ref-intro-copy .lead,.exp-monologue.ref-intro-panel h2,.ref-you-detail.ref-intro-panel h2){font-size:24px}
 html[data-yuni-surface='public'] #app .ref-product-intro-page .ref-intro-copy p.lead{font-size:24px}
 html[data-yuni-surface='public'] #app .add1-article-page .add1-post-body p{font-size:16px}
}

@media(max-width:850px){
 html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intimacy-intro{grid-template-columns:1fr;max-width:600px;min-height:0;margin:28px auto 0;gap:28px}
 html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-art>img{max-width:460px;max-height:340px;margin:auto}
}

/* Portrait product photos and a clear, separate corner for background figures. */
@media(min-width:851px){
html[data-yuni-surface='public'] #app .ref-intimacy-intro-page.ref-unified-secondary .ui-main{max-width:1740px!important;padding-bottom:24px!important}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intimacy-intro{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,3vw,64px);padding-right:190px;box-sizing:border-box;min-height:0;margin-top:24px;align-items:start}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-art>img{height:clamp(420px,calc(100dvh - 230px),650px);width:100%;object-fit:contain;object-position:left top}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-copy h1{font-size:34px;line-height:1.3;margin:0 0 14px}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-copy p{font-size:clamp(18px,1vw,20px);line-height:1.7;margin:0 0 12px}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-copy p.lead{font-size:26px;line-height:1.5;margin-bottom:18px}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-intimacy-intro-page .ref-intro-copy p.ref-intro-closing{font-size:20px;line-height:1.65;margin-top:16px;padding-top:0}
html[data-yuni-surface='public'] #app .ref-monologue-intro-page.ref-unified-secondary .ui-main{width:90%!important;max-width:1740px!important;height:auto!important;padding-bottom:30px!important}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-monologue-intro-page .exp-monologue.ref-intro-panel{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);max-width:none;padding-right:210px;box-sizing:border-box;gap:clamp(32px,3vw,64px);margin-top:24px;align-items:start}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-monologue-intro-page .exp-monologue-art img{width:100%;height:clamp(400px,calc(100dvh - 250px),620px);max-height:none;object-position:left top;object-fit:contain}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-monologue-intro-page .exp-monologue.ref-intro-panel p{font-size:clamp(18px,1vw,20px);line-height:1.75;margin-bottom:14px}
html[data-yuni-surface='public'] #app .ref-monologue-intro-page:before{background-size:auto 730px!important;background-position:calc(100% - 40px) bottom!important;background-repeat:no-repeat!important}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-you-page .ref-you-detail.ref-intro-panel>img{margin:0!important;justify-self:start;object-position:left top}
}

@media(min-width:851px){
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-you-page .ref-you-detail.ref-intro-panel{grid-template-columns:minmax(0,.72fr) minmax(0,1.43fr);gap:clamp(32px,3vw,56px)}
html[data-yuni-surface='public'] #app .ref-product-intro-page.ref-you-page .ref-you-detail.ref-intro-panel>img{height:520px;max-height:520px;width:auto;max-width:100%}
}

/* Original full-page artwork; no clipped corner image layer. */
html[data-yuni-surface='public'] #app .ref-intimacy-intro-page :is(.ui-main,.ref-intro-art):after{content:none!important}
@media(max-width:850px){html[data-yuni-surface='public'] #app .ref-intimacy-intro-page.ref-unified-secondary{background-size:auto 360px!important;background-position:right bottom!important}}