.reading-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
.reading-shortcuts button,.reading-shortcuts a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid #655270;border-radius:999px;background:#21172e;color:#e8d8f1;font:inherit;font-size:13px;line-height:1.5;text-decoration:none;cursor:pointer}
.reading-shortcuts button:hover,.reading-shortcuts a:hover{background:#33253e;border-color:#ba91d8}
.reading-shortcuts button:focus-visible,.reading-shortcuts a:focus-visible{outline:2px solid #e6c783;outline-offset:3px}
.reading-counsel{min-width:0;max-width:100%;margin:0 0 28px;padding:clamp(18px,4vw,30px);border:1px solid #5c446b;border-radius:19px;background:linear-gradient(150deg,#22162e 0%,#151020 65%,#1f1929 100%);color:#e8dfed;overflow-wrap:anywhere;word-break:keep-all}
.reading-counsel .counsel-kicker{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.03em;color:#e4bc70}
.reading-counsel .counsel-title{margin:0 0 20px;font-size:clamp(20px,3vw,25px);line-height:1.5;letter-spacing:-.6px;color:#fff2df}
.reading-counsel p{max-width:68ch;margin:0 0 18px;font-size:16px;line-height:1.95}
.reading-counsel .counsel-intro{padding-bottom:22px;border-bottom:1px solid #65527070;color:#f3e7f5}
.reading-counsel .counsel-section{margin-top:25px}
.counsel-section h3,.counsel-section h4{margin:0 0 12px;font-size:16px;line-height:1.65;color:#dfbeec;letter-spacing:-.25px}
.counsel-section p:last-child{margin-bottom:0}
.reading-counsel .counsel-closing{margin:26px 0 0;padding:18px 0 0;border-top:1px solid #65527070;color:#ead5b0}
#reading-counsel,#reading-actions,#reading-spread{scroll-margin-top:85px}
.reading-counsel:focus-visible,#reading-actions:focus-visible,#reading-spread:focus-visible{outline:2px solid #e6c783;outline-offset:4px}
@media(max-width:560px){
  .reading-shortcuts{gap:6px;margin:16px 0 18px}
  .reading-shortcuts button,.reading-shortcuts a{flex:1;padding:9px 8px;font-size:12px;white-space:nowrap}
  .reading-counsel{border-radius:16px}
  .reading-counsel p{font-size:15px;line-height:1.95;margin-bottom:17px}
  .reading-counsel .counsel-title{font-size:21px;margin-bottom:18px}
  .counsel-section h3,.counsel-section h4{font-size:15px}
}