.reading-letter{box-sizing:border-box;max-width:760px;margin:64px auto 24px;text-align:left;padding:52px clamp(24px,5vw,64px);background:linear-gradient(180deg,#152937e8,#182938f7);border:1px solid #b8c8d31c;border-radius:28px;color:#e4e8e8;line-height:2.05;font-size:16px;box-shadow:0 30px 90px #08101b26;animation:reading-arrive 1.1s ease both}.reading-letter h2,.reading-letter h3{font-weight:400;color:#f5f2ea;letter-spacing:.09em;line-height:1.6}.reading-letter h2{font-size:clamp(24px,3vw,32px);margin:12px 0 32px}.reading-letter h3{font-size:23px}.reading-byline,.reading-label{font-size:12px!important;letter-spacing:.1em;color:#abbfca}.reading-example{font-size:12px;color:#dbc69c;border-bottom:1px solid #c7a56a33;padding-bottom:18px}.reading-question{margin:0 0 30px;padding-left:18px;border-left:1px solid #c7a56a88;color:#c7d5dd;font-size:14px;overflow-wrap:anywhere}.reading-lead{font-size:19px;line-height:2}.reading-conditions{font-size:13px;color:#afc0cb;padding-left:20px}.reading-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:38px 0}.reading-tabs button{font-size:12px;padding:8px 14px}.reading-card-text,.reading-synthesis,.reading-steps{padding:32px 0;border-top:1px solid #a9bbcb25;scroll-margin:32px}.reading-card-text:focus{outline:1px solid #c7a56a66;outline-offset:12px;border-radius:4px}.reading-check{padding:18px 22px;background:#a9bbcb0b;border-left:1px solid #c7a56a66;font-size:14px;color:#bbccd6;margin:24px 0}.reading-check span{font-size:12px;letter-spacing:.1em;color:#d9c39f}.reading-check p{margin:8px 0}.reading-letter li{margin:14px 0;padding-left:5px}.reading-letter p{overflow-wrap:anywhere}.reading-response{border-top:1px solid #a9bbcb25;padding-top:22px}.reading-response summary{cursor:pointer;color:#d9c39f;min-height:44px;line-height:44px}.reading-response p,.reading-response label{font-size:14px;color:#bbccd6}.reading-response textarea{box-sizing:border-box;display:block;width:100%;margin:12px 0;background:#a9bbcb08;border:1px solid #a9bbcb33;border-radius:12px;color:#f5f2ea;padding:18px;font:16px/1.8 inherit;text-align:left;resize:vertical}.reading-boundary{font-size:12px;color:#9eb1bf;margin-top:40px}.reading-status{margin:30px auto;max-width:600px;font-size:14px;color:#b9cbd5}.reading-breath{display:inline-block;width:8px;height:8px;background:#c7a56a;border-radius:50%;animation:reading-breathe 2s ease-in-out infinite}.reading-preview-banner{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:12;background:#142736ed;border:1px solid #b4c6d333;border-radius:30px;padding:10px 18px;font-size:11px;color:#d2dce2;max-width:85vw;text-align:center;pointer-events:none}.reading-preview-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:30px 0}.reading-preview-controls button{font-size:12px}@keyframes reading-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes reading-breathe{50%{opacity:.25;transform:scale(.7)}}@media(max-width:700px){.reading-letter{margin-top:36px;padding:30px 22px;border-radius:18px;font-size:15px}.reading-lead{font-size:17px}.reading-letter h3{font-size:21px}.reading-check{padding:14px}.reading-tabs{gap:6px}.reading-tabs button{font-size:11px}}@media(prefers-reduced-motion:reduce){.reading-letter,.reading-breath{animation:none}}
.reading-letter{font-size:17px;line-height:1.95;max-width:740px}
.reading-letter p{margin:0 0 1.25em}
.reading-letter h3{font-size:23px;margin:0 0 20px;letter-spacing:.05em}
.reading-letter .reading-label{margin-bottom:10px}
.reading-letter .reading-question{font-size:clamp(20px,2.4vw,28px);line-height:1.7;margin-bottom:28px}
.reading-card-text,.reading-synthesis,.reading-steps{padding:34px 0}
.reading-letter .reading-lead{font-size:19px;line-height:1.95}
@media(max-width:700px){.reading-letter{font-size:16px;line-height:1.95}.reading-letter h3{font-size:21px}.reading-letter .reading-lead{font-size:18px}.reading-card-text,.reading-synthesis,.reading-steps{padding:26px 0}}
/* Editorial rhythm from the supplied reference, in the existing moon-blue palette. */
.reading-letter,.conversation .reading-letter{max-width:960px;padding:40px clamp(20px,4vw,54px);border:0;border-radius:0;box-shadow:none;background:transparent;line-height:1.95;color:#e1e4e6}
.reading-letter>.reading-byline,.reading-letter>h2,.reading-letter>.reading-question{text-align:center}
.reading-letter>h2{font-size:clamp(30px,4vw,44px);margin:14px 0 28px}
.reading-letter>.reading-question{border:0;padding:0 0 32px;margin:0 0 36px;border-bottom:1px solid #c7a56a55}
.reading-letter>.reading-section-title{display:flex;align-items:center;gap:24px;font-size:24px}
.reading-section-title::after{content:'';height:1px;background:linear-gradient(90deg,#c7a56a60,transparent);flex:1}
.reading-letter .reading-tabs{border-top:1px solid #c7a56a40;border-bottom:1px solid #c7a56a40;padding:16px 0;gap:16px}
.reading-card-text{position:relative;border-color:#c7a56a40;display:grid;grid-template-columns:1fr;align-content:start;column-gap:32px}
.reading-card-text:has(.reading-card-art){grid-template-columns:120px minmax(0,1fr)}
.reading-card-text:has(.reading-card-art)>:not(.reading-card-art){grid-column:2}
.reading-card-art{grid-column:1;grid-row:1 / span 5;align-self:start}
.reading-card-art .account-card img{max-height:none;aspect-ratio:7/12;object-fit:contain;animation:none}
.reading-card-art .account-card-item>p{display:none}
.reading-letter .reading-label{color:#d3bd92;letter-spacing:.1em}
.reading-letter .reading-check{background:none;border:0;border-left:1px solid #c7a56a50;padding:4px 0 4px 18px;color:#bfcbd3}
.reading-synthesis,.reading-steps{border-color:#c7a56a50}
.reading-steps ol{padding-left:24px}.reading-steps li{padding:16px 0 16px 8px;margin:0;border-bottom:1px solid #c7a56a25}.reading-steps li::marker{color:#d3bd92}
@media(max-width:700px){.reading-letter,.conversation .reading-letter{padding:28px 4px}.reading-card-text:has(.reading-card-art){grid-template-columns:72px minmax(0,1fr);column-gap:18px}.reading-card-art{grid-row:1 / span 2}.reading-card-text:has(.reading-card-art)>p:not(.reading-label),.reading-card-text:has(.reading-card-art)>.reading-check{grid-column:1 / -1}.reading-letter>h2{font-size:32px}}
.reading-letter>.reading-question{font-size:clamp(25px,3vw,36px);line-height:1.65;letter-spacing:.04em;text-wrap:balance;max-width:820px;margin:16px auto 12px;padding:0;border:0}
.reading-letter>.reading-byline{color:#d3bd92;font-size:12px;letter-spacing:.24em}
.reading-letter>.reading-meta{text-align:center;font-size:13px;color:#b7c3cc;letter-spacing:.14em;margin:0 0 36px;padding-bottom:28px;border-bottom:1px solid #c7a56a44}
.reading-letter{margin-top:20px}