/* One connected reading flow, with natural line wrapping. */
dialog.ocean-detail{height:fit-content;width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:34px 30px 28px;border-radius:15px;text-align:left;overflow-y:auto}
.ocean-detail .ocean-detail-label{margin:0 34px 16px 0;font-size:10px!important;line-height:1.6;letter-spacing:.04em}
.ocean-detail h2{font-size:18px;line-height:1.4;letter-spacing:-.04em;margin:0 0 20px}
.ocean-detail blockquote{font-size:25px;line-height:1.5;letter-spacing:-.045em;margin:0 0 16px;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
.ocean-detail .ocean-detail-body{font-size:13px!important;line-height:1.85;color:#7a6988!important;margin:0;word-break:keep-all;overflow-wrap:break-word}
.ocean-detail .review-point{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:10px;background:none;border-radius:0;border-top:1px solid #9a82aa30;margin:20px 0 0;padding:16px 0 0}
.ocean-detail .review-point>span{display:block;white-space:nowrap;font-size:10px;line-height:1.6;color:#9984a7;margin:0}
.ocean-detail .review-point>strong{display:block;font-size:12px;line-height:1.6;font-weight:500;word-break:keep-all;margin:0}
.ocean-detail .close{top:12px;right:12px}
@media(max-width:650px){dialog.ocean-detail{padding:30px 24px 25px;max-height:calc(100dvh - 40px)}.ocean-detail blockquote{font-size:23px;line-height:1.5}.ocean-detail h2{font-size:17px;margin-bottom:17px}.ocean-detail .review-point{gap:9px;margin-top:18px;padding-top:14px}}