/* A short invitation first; the sample stays available at the reader's pace. */
.registration-preview-page{max-width:960px}
.registration-preview-heading{margin-bottom:28px;padding-bottom:22px}
.registration-reading{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.registration-value-label{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:21px;line-height:1.75;color:#25453b;margin:0 0 20px}
.registration-benefits{list-style:none;padding:0;margin:0}
.registration-benefits li{display:flex;align-items:baseline;gap:14px;margin:0;padding:15px 0;border-top:1px solid #c6d4cc;font-size:14px;line-height:1.8;color:#29483d}
.registration-benefits li>span{flex:0 0 auto;font-family:Georgia,serif;font-size:12px;color:#907c4d}
.registration-benefits small{display:block;margin-top:5px;font-size:11px;line-height:1.8;color:#63786c}
.registration-sample{margin-top:17px;font-size:12px;color:#38675a}
.registration-sample>summary{width:fit-content;cursor:pointer;padding:10px 0;text-underline-offset:4px}
.registration-sample>summary:hover{text-decoration:underline}
.registration-sample .registration-excerpt{margin-top:12px;padding:22px;background:#fafbf6;border-color:#d4dbcd;box-shadow:none}
.registration-sample .registration-excerpt h2{font-size:21px;margin-bottom:14px}
.registration-sample .registration-excerpt>p{font-size:13px;line-height:1.95}
.registration-sample .registration-next-chapter{margin-top:20px;padding-top:18px}
.registration-signup>h2{font-size:22px;line-height:1.65;margin:0}
.registration-signup .registration-letter{margin:12px 0 20px;font-size:12px;line-height:1.9;color:#536d61}
.registration-letter>span{display:block}
.registration-signup #registration-form{margin:0;padding:21px 0 10px}
.registration-delivery{font-size:11px;line-height:1.8;color:#597265;margin:9px 0}
.registration-signup .registration-status{margin:10px 0 0}
.story-deep-invitation{margin:26px 0 0;padding:21px 0 0;border-top:1px solid #b8c9bd}
.story-page .story-deep-invitation>p{font-size:12px;line-height:1.8;color:#526d5e;margin:0 0 8px}
.story-detail-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0;border:0;border-bottom:1px solid #839b8c;background:transparent;color:#225849;font:inherit;font-size:14px;line-height:1.8;text-align:left;cursor:pointer}
.story-detail-link>span{flex-shrink:0;color:#907c4d}
.story-detail-link:hover{color:#102f26;border-bottom-color:#225849}
.story-detail-link:focus-visible,.registration-sample>summary:focus-visible{outline:2px solid #376e5d;outline-offset:5px}
.story-cover .story-skip{display:inline-block;padding:8px 0;line-height:1.8}
.story-deep-dialog #report-cases,.story-deep-dialog #report-action{scroll-margin-top:90px}
@media(max-width:760px){
 .registration-preview-page{margin-top:10px}
 .registration-preview-heading{margin-bottom:20px;padding-bottom:18px}
 .registration-preview-heading h1{font-size:24px}
 .registration-preview-portrait{width:66px;height:82px}
 .registration-reading{grid-template-columns:1fr;gap:25px}
 .registration-value-label{font-size:19px;margin-bottom:12px}
 .registration-benefits li{padding:10px 0;gap:12px;font-size:13px}
 .registration-benefits small{font-size:11px;margin-top:2px}
 .registration-sample{margin-top:6px}
 .registration-sample>summary{padding:8px 0}
 .registration-signup>h2{font-size:21px}
 .registration-signup .registration-letter{margin:10px 0 16px}
 .registration-signup #registration-form{padding-top:17px}
 .registration-signup #registration-email{margin-bottom:20px}
 .story-detail-link{font-size:13px;gap:10px;width:100%}
}
@media(prefers-reduced-motion:reduce){.story-detail-link{transition:none}}