/* Reader letters: an extension of the existing paper-and-ink palette. */
.reader-reviews-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}
.reader-reviews-heading h2{margin-top:14px}
.reader-reviews-heading>p{max-width:340px;color:var(--muted);font:19px/1.6 var(--serif)}
.reader-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.reader-review{min-width:0;margin:0;padding:28px;background:var(--white);border:1px solid var(--line);box-shadow:3px 4px 0 #203b2b0c}
.reader-review-stars{display:flex;align-items:center;gap:5px;margin-bottom:18px;width:fit-content}
.reader-review-stars img{display:block;width:23px;height:28px;flex:none}
@media(forced-colors:active){.reader-review-stars img{forced-color-adjust:none}}
.reader-review blockquote{margin:0}
.reader-review blockquote p{font:17px/1.65 var(--serif);color:var(--ink)}
.reader-reviews-more{margin-top:28px}
.reader-reviews-more>summary{width:fit-content;margin:0 auto;padding:13px 20px;border:1px solid var(--ink);color:var(--ink);cursor:pointer;font-size:14px;list-style-position:inside}
.reader-reviews-more>summary:hover{background:var(--soft)}
.reader-reviews-more[open]>.reader-reviews-grid{margin-top:28px}
.reader-reviews-more .reviews-hide,.reader-reviews-more[open] .reviews-show{display:none}
.reader-reviews-more[open] .reviews-hide{display:inline}
@media(max-width:1000px){.reader-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.reader-reviews-heading{display:block}.reader-reviews-heading>p{margin-top:20px}.reader-reviews-grid{grid-template-columns:1fr;gap:16px}.reader-review{padding:24px}.reader-review blockquote p{font-size:17px}}

/* Compact reader reviews beside the membership summary. */
.checkout-reader-reviews{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.checkout-reader-reviews h3{margin:12px 0 24px}
.checkout-reader-reviews .reader-reviews-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.checkout-reader-reviews .reader-review{padding:22px 24px}
.checkout-reader-reviews .reader-review-stars{margin-bottom:12px}
.checkout-reader-reviews .reader-reviews-more{margin-top:20px}

/* Persistent writing invitation on the membership page. */
#checkout{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
.writing-dock{position:fixed;z-index:100;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -5px 22px #203b2b0d}
.writing-dock .btn{width:min(100%,440px);min-height:54px;gap:22px}
.writing-dock .btn::before,.writing-dock .btn::after{content:"";display:block;flex:none;width:24px;height:29px;background:url('assets/review-star.svg') center/contain no-repeat}
body:has(#checkout.active) .dj-privacy-settings{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
body:has(#checkout.active) .dj-privacy-panel{bottom:calc(150px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 174px - env(safe-area-inset-bottom,0px))}
@media print{.writing-dock{display:none}#checkout{padding-bottom:0}}