/* YC remote service skin; SP merchant content retains its original typography. */
body.story-page{padding-bottom:110px;}
.yc-case-nav{max-width:1100px;margin:0 auto;padding:24px clamp(20px,4vw,48px);display:flex;justify-content:space-between;gap:20px;font-size:15px;}
.yc-case-nav a{color:#a83222;text-decoration:none;line-height:1.5;}
.yc-case-nav a:hover{text-decoration:underline;}
.yc-case-end{padding-top:32px;padding-bottom:36px;}
#yc-trial{background:#efe9df;padding:64px 24px;text-align:center;margin-top:52px;}
#yc-trial .wrap{max-width:760px;margin:auto;}
#yc-trial h2{font-size:clamp(30px,5vw,44px);line-height:1.2;margin:0 0 22px;font-weight:900;letter-spacing:-.03em;}
#yc-trial .trial-desc{font-size:18px;line-height:1.85;max-width:660px;margin:0 auto 28px;}
.story-page .btn{border:0;border-radius:14px;padding:16px 28px;cursor:pointer;font:inherit;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.3;}
.story-page .btn-primary{background:#a83222;color:#fff;font-weight:700;}
.story-page .btn-sub,.yc-fixed small{display:block;font-size:12px;font-weight:400;}
.yc-fixed{position:fixed;bottom:0;left:0;right:0;z-index:80;background:rgba(250,248,243,.97);border-top:1px solid #ded8cc;padding:10px 20px calc(10px + env(safe-area-inset-bottom));text-align:center;}
.yc-fixed .btn{min-width:240px;max-width:100%;padding:12px 30px;}
.story-page .dialog-overlay{position:fixed;inset:0;z-index:200;background:rgba(10,10,10,.65);display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain;}
.story-page .dialog-overlay[hidden]{display:none;}
.story-page .dialog-overlay .dialog{box-sizing:border-box;position:relative;width:100%;max-width:480px;max-height:90dvh;overflow:auto;background:#faf8f3;border-radius:24px;padding:32px;color:#202020;}
.story-page .dialog-overlay h2{font-size:30px;margin:14px 0;line-height:1.2;}
.story-page .dialog-overlay .eyebrow{color:#a83222;font-size:13px;}
.story-page .dialog-close{position:absolute;right:14px;top:10px;font-size:30px;background:transparent;border:0;cursor:pointer;color:#222;}
.story-page .dialog-desc,.story-page .dialog-foot{font-size:14px;line-height:1.7;}
.story-page .dialog-qr{margin:20px auto;text-align:center;}
.story-page .dialog-qr img{width:180px;height:auto;max-width:100%;display:block;margin:0 auto;}
.story-page .dialog-qr figcaption{font-size:12px;color:#666;margin-top:8px;}
.story-page .dialog-box{padding:16px;background:#eee8de;border-radius:14px;font-size:14px;line-height:1.7;}
.story-page .dialog-box p{margin:8px 0 0;}
.story-page .wx-row{font-size:15px;user-select:text;}
body.dialog-open{overflow:hidden;}
body.dialog-open .yc-fixed{visibility:hidden;}
#yc-proof{box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;max-height:94dvh;border:0;border-radius:16px;padding:16px;background:#faf8f3;color:#222;overflow:auto;}
#yc-proof::backdrop{background:rgba(0,0,0,.8);}
.yc-proof-tools{display:flex;justify-content:space-between;gap:12px;position:sticky;top:0;background:#faf8f3;padding-bottom:12px;z-index:1;}
.yc-proof-tools button{font:inherit;padding:10px 14px;cursor:pointer;border:1px solid #c8c1b5;border-radius:10px;background:#fff;color:#202020;}
.yc-proof-scroll{overflow:auto;max-height:70dvh;overscroll-behavior:contain;}
#yc-proof-image{display:block;width:auto;max-width:100%;max-height:68dvh;height:auto;margin:auto;}
#yc-proof.is-zoomed #yc-proof-image{max-width:none;max-height:none;width:min(1200px,220vw);height:auto;}
#yc-proof-caption{font-size:14px;line-height:1.7;margin:12px 0 0;}
@media(max-width:600px){#yc-trial{padding:48px 20px;}#yc-trial .trial-desc{font-size:17px;}.story-page .dialog-overlay .dialog{padding:28px 22px;}.yc-fixed .btn{width:100%;}.yc-case-nav{padding:20px;}}
