/* Daily card introduction: the same open image-and-copy composition as monologue. */
.ref-you-page.ref-product-intro-page{background:#fff}
.ref-you-page.ref-product-intro-page:before{background:#fff url('/experience/daily-curled-paper.png') left top/200% 200% no-repeat;opacity:1}
.ref-you-page.ref-product-intro-page:after{content:'';position:absolute;right:0;bottom:0;width:50%;aspect-ratio:2;z-index:-1;pointer-events:none;background:url('/experience/daily-curled-paper.png') right bottom/contain no-repeat;mask-image:linear-gradient(to right,transparent,#000 18%),linear-gradient(to bottom,transparent,#000 18%);mask-composite:intersect}
.ref-you-page.ref-product-intro-page.ref-unified-secondary .ui-main{height:auto;min-height:calc(100dvh - var(--ui-header-height));padding-bottom:clamp(70px,10dvh,100px)!important;gap:10px}
.ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel{display:grid;grid-template-columns:minmax(0,410px) minmax(0,450px);gap:clamp(32px,4vw,64px);align-items:start;width:100%;max-width:1000px;margin:22px 0 0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel>img{display:block;width:auto;max-width:100%;height:auto;max-height:min(40dvh,340px);object-fit:contain;border-radius:10px;margin:0 auto}
.ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel>div{min-width:0;max-width:450px;padding-top:12px}
.ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel p{font-size:15px;line-height:1.7;margin:0 0 10px;overflow-wrap:break-word}
.ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel h2{font-size:23px;line-height:1.5;margin:0 0 12px}
.ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel .actions{gap:12px;flex-wrap:wrap;margin-top:12px}
@media(min-width:851px) and (max-height:760px){
 .ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel{margin-top:12px}
 .ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel>div{padding-top:8px}
 .ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel p{font-size:14px;line-height:1.6;margin-bottom:8px}
 .ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel h2{font-size:21px;margin-bottom:8px}
}
@media(max-width:850px){
 .ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel{grid-template-columns:minmax(0,1fr);gap:24px;max-width:560px;margin:12px auto 0}
 .ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel>img{max-width:100%;max-height:300px}
 .ref-you-page.ref-product-intro-page .ref-you-detail.ref-intro-panel>div{max-width:none;padding-top:0}
 .ref-you-page.ref-product-intro-page.ref-unified-secondary .ui-main{padding-bottom:220px!important}
 .ref-you-page.ref-product-intro-page:after{width:380px;max-width:100%;height:190px;aspect-ratio:auto;background-size:auto 190px}
}