/* Reading offer: normal document flow, with the free chart kept available. */
.offer-grid{grid-template-columns:1fr 1.3fr}
#more-readings{margin-top:1rem;border:1px solid var(--line);padding:.85rem 1rem;background:var(--surface)}
#more-readings>summary,.reading-info>summary{cursor:pointer;font-size:.95rem;font-weight:600}
#more-readings .offer{margin-top:1rem}
#more-readings .offer .seal-c{display:none}
#more-readings .offer button{background:transparent;color:var(--ink);border:1px solid var(--gold)}
.reading-preview{margin:1.5rem 0 2rem;padding:1.25rem 1.4rem;border:1px solid var(--gold);background:var(--surface)}
.reading-preview[hidden],.reading-actions[hidden],.reading-sample[hidden]{display:none}
.reading-kicker{font-size:.82rem;color:var(--muted);margin:0 0 .35rem;letter-spacing:.03em}
.reading-preview h3{margin:.1rem 0 .6rem;font-size:1.4rem}
.reading-preview p{margin:.6rem 0}
.reading-preview .reading-traits{font-weight:600;color:var(--ink)}
.reading-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1rem}
.reading-actions a{padding:.6rem .85rem;border:1px solid var(--gold);border-radius:3px;color:var(--ink);text-align:center;text-decoration:none;font-size:.95rem}
.reading-actions .reading-main{background:var(--lacquer);color:var(--on-lacquer)}
.reading-boundary{font-size:.83rem;color:var(--muted)}
.reading-includes{text-align:left;padding-left:1.2rem;font-size:.95rem;margin:.8rem 0 1rem;line-height:1.65}
.reading-sample{display:block;color:var(--gold-bright);border:1px solid currentColor;border-radius:3px;padding:.65rem .8rem;margin:0 0 .8rem;text-align:center;line-height:1.5;font-size:.95rem}
.reading-payment{font-size:.83rem!important;line-height:1.6!important;margin:.8rem 0!important}
.reading-info{border-top:1px solid currentColor;padding-top:.75rem;margin-top:.85rem;text-align:left;font-size:.85rem;line-height:1.65}
.reading-info p{font-size:inherit!important;margin:.7rem 0!important}
.reading-info a,.reading-legal a{color:inherit}
.hongbao .hint{color:var(--on-lacquer);opacity:.92}
.reading-legal{display:flex;flex-wrap:wrap;gap:.35rem .8rem;font-size:.8rem;margin-top:.7rem}
.reading-comparison{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0}
.reading-comparison>div{border:1px solid var(--line);padding:.85rem;min-width:0}
.reading-comparison h4{margin:0 0 .35rem;font-size:1rem}
.reading-comparison p{font-size:.9rem;margin:0}
.premium.locked{padding-bottom:0!important}
.premium.locked>.content{display:none}
.premium.locked>.paywall{position:static;display:block;background:none}
.premium.locked .hongbao{max-width:none;width:100%;margin:1.4rem 0;padding:1.5rem;border-radius:5px;overflow:visible}
.premium.locked .hongbao::before,.premium.locked .coin{display:none}
.premium.locked .hongbao .price{margin:.7rem 0 .3rem}
.premium.locked .hongbao .buy-note{margin:.3rem 0 1rem;font-size:.85rem;opacity:1}
#premium .hongbao>#reading-pay-desc{max-width:35em;margin:.6rem auto}
#premium .hongbao>h3{font-size:1.6rem}
#cp-premium.locked{min-height:0}
@media(max-width:600px){
 .offer-grid,.reading-comparison{grid-template-columns:1fr}
 .reading-preview,.premium.locked .hongbao{padding:1.1rem}
 .reading-actions{align-items:stretch;flex-direction:column}
 .reading-actions a{width:100%}
 .reading-info{overflow-wrap:anywhere}
}
@media print{.reading-preview,#more-readings,.reading-delivery{display:none!important}}
