/* 상품별 질문과 실제 생성 예시. 기존 밤색 화면·앱 폭·글꼴을 따른다. */
.night .preview-reading{margin:1.6rem 0;padding:1.6rem 1.35rem;background:#151d2a;color:#dce2eb;text-align:left}
.night .preview-context{margin:0 0 .75rem;font-size:.875rem;line-height:1.7;color:#bdc7d5}
.night .preview-question{margin:0 0 1.15rem;font-family:inherit;font-size:1.17rem;font-weight:750;line-height:1.6;letter-spacing:-.025em;color:#f0f3f7;word-break:keep-all;overflow-wrap:anywhere}
.night .preview-verdict{margin:0 0 1.5rem;font-size:1.08rem;font-weight:650;line-height:1.85;color:#f2bb8b;word-break:keep-all;overflow-wrap:anywhere}
.night .preview-body{font-size:1rem;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}
.night .preview-body p{margin:0 0 1.2rem;color:#dce2eb;font:inherit;line-height:inherit}
.night .preview-body p:last-child{margin-bottom:0}
.night .preview-body h4{margin:2.3rem 0 1rem;font-family:inherit;font-size:1.08rem;line-height:1.65;color:#f0f3f7;font-weight:700}
.night .preview-body h4:first-child{margin-top:0}
.night .preview-body strong{font-weight:650;color:#f2bb8b;background:#332b24;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:.06em .13em}
.night .preview-takeaway{margin:1.8rem 0 0;padding-left:1rem;border-left:3px solid #bb8e68;font-size:1rem;line-height:1.85;color:#e8c09c}
.night .preview-extra{margin:1rem 0;background:#151d2a}
.night .preview-extra>summary{min-height:48px;padding:1rem 1.15rem;cursor:pointer;line-height:1.75;color:#e9edf3;font-size:1rem;font-weight:600;word-break:keep-all;overflow-wrap:anywhere}
.night .preview-extra .preview-reading{margin:0;padding-top:.5rem}
.night .preview-disclosure{margin:1.5rem 0 .7rem;font-size:.875rem;line-height:1.85;color:#bdc7d5;word-break:keep-all}
.night .preview-disclosure>span{display:block;margin-top:.4rem}
.night a.preview-link{display:flex;min-height:48px;padding:.5rem 0;font-size:1rem;line-height:1.75;color:#f2bb8b;text-underline-offset:5px}
.night .sample-page{max-width:480px;margin:2.5rem auto 5rem}
.night .sample-page>h1{font-family:inherit;font-size:clamp(1.65rem,6vw,2.25rem);line-height:1.4;letter-spacing:-.035em;color:#f0f3f7;margin:0 0 1.2rem;word-break:keep-all}
.night .sample-intro{font-size:1rem;line-height:1.9;color:#dce2eb;margin-bottom:2rem;word-break:keep-all}
.night .sample-catalog{margin-top:3rem;padding:1.6rem 1.35rem;background:#151d2a}
.night .sample-catalog h2{font-family:inherit;font-size:1.2rem;line-height:1.6;margin:0 0 1.3rem;color:#f0f3f7}
.night .sample-catalog ol{padding-left:1.4rem;margin:0 0 1.8rem}
.night .sample-catalog li{margin:.85rem 0;font-size:1rem;line-height:1.8;color:#dce2eb;word-break:keep-all}
.night .sample-catalog .sample-link{margin-top:.5rem;line-height:1.7}
.night .sample-catalog .gold-btn{margin-top:1rem;white-space:normal;text-align:center;line-height:1.7;min-height:48px}
.night .preview-extra>summary:focus-visible,.night a.preview-link:focus-visible{outline:2px solid #f2bb8b;outline-offset:4px}
@media(max-width:360px){.night .preview-reading,.night .sample-catalog{padding:1.4rem 1rem}.night .preview-question{font-size:1.08rem}.night .preview-verdict{font-size:1rem}}