/* Four independent previews, scoped to the homepage reading section. */
.home-reading-redesign .home-reading-grid{grid-template-columns:minmax(0,1fr);gap:60px;max-width:1160px;margin:0 auto}
.home-reading-redesign .home-reading-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:70px;align-items:center}
.home-reading-redesign .home-reading-feature:nth-child(even){grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.home-reading-redesign .home-reading-feature:nth-child(even) .reading-demo-stage{order:2}
.home-reading-redesign .reading-demo-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:470px;padding:32px;border-radius:28px;overflow:visible;background:transparent}
.home-reading-redesign .reading-demo-stage:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:40px;background:radial-gradient(ellipse at center,var(--reading-glow) 0%,var(--reading-glow) 55%,transparent 100%);filter:blur(16px);pointer-events:none}
.reading-stage-lilac,.reading-stage-blue{--reading-glow:#eee6f5}
.home-reading-redesign .reading-ui-window{width:100%;max-width:440px;min-width:0;padding:24px;border:1px solid #e4e2ec;border-radius:18px;background:#fff;box-shadow:0 16px 35px #62527609;color:#393d45}
.reading-person{display:flex;align-items:center;gap:10px;min-width:0}
.reading-person>div{display:flex;flex-direction:column;min-width:0;gap:3px}
.reading-person strong,.reading-link-next strong{font-size:13px;line-height:1.35;font-weight:650}
.reading-person small,.reading-link-next small{font-size:10px;color:#9595a0;line-height:1.4;font-weight:400}
.reading-avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;font-size:13px;font-weight:600;color:#8d7a99;background:#e9e1ee}
.reading-avatar-lilac{background:#e9e1ee;color:#8d7a99}
.reading-avatar-sand{background:#efe6d9;color:#a48e6f}
.reading-avatar-green{background:#e5ecdf;color:#81916d}
.reading-post-more{margin-left:auto;align-self:flex-start;letter-spacing:1px;font-size:18px;line-height:1;color:#9da0a8}
.home-reading-redesign [data-reading-feature="long-post"] .reading-demo-stage{align-items:flex-start;min-height:max(var(--reading-min-height,470px),var(--long-stage-height,0px))}
.reading-long-viewport{position:relative;height:112px;overflow:hidden;transition:height .85s cubic-bezier(.2,.7,.3,1)}
.reading-long-viewport:after{content:"";position:absolute;inset:auto 0 0;height:35px;background:linear-gradient(transparent,#fff);opacity:1;transition:opacity .5s ease;pointer-events:none}
.reading-long-copy{display:flow-root}
.reading-long-post[data-long-post-state="expanded"] .reading-long-viewport{height:var(--long-copy-height,auto)}
.reading-long-post[data-long-post-state="expanded"] .reading-long-viewport:after{opacity:0}
.reading-long-hint{display:grid;margin-top:12px;font-size:10px;line-height:16px;color:#9a85ad}
.reading-long-hint>span{grid-area:1/1;transition:opacity .4s ease}
.reading-long-hint [data-long-post-after],.reading-long-post[data-long-post-state="expanded"] [data-long-post-before]{opacity:0}
.reading-long-post[data-long-post-state="expanded"] [data-long-post-after]{opacity:1}
.reading-long-copy h4{font-size:17px;font-weight:650;line-height:1.5;margin:22px 0 13px;letter-spacing:-.25px}
.home-reading-redesign .reading-long-copy p,.reading-post-copy{font-size:12px;line-height:1.85;color:#6c6b77;margin:0 0 13px;overflow-wrap:anywhere}
.reading-long-copy .reading-post-last{padding-left:12px;border-left:2px solid #d9cde5;color:#82728f;margin:17px 0 0}
.reading-post-actions{display:flex;align-items:center;justify-content:space-between;padding-top:18px;color:#a09baa}
.reading-post-actions svg{width:15px;height:15px}
.home-reading-redesign .reading-post-copy{margin:19px 0 0;min-height:45px}
.home-reading-redesign .home-media-stage{height:190px;align-items:flex-start;padding-top:19px;margin-bottom:12px;transition:height .65s ease}
.home-reading-redesign .home-media-window[data-media-mode="compact"] .home-media-stage{height:115px}
.home-reading-redesign .home-media-window[data-media-mode="icons"] .home-media-stage{height:60px}
.home-reading-redesign .home-media-tiles{height:156px;width:100%;gap:7px}
.home-reading-redesign .home-media-window[data-media-mode="compact"] .home-media-tiles{height:84px;width:82%}
.home-reading-redesign .home-media-window[data-media-mode="icons"] .home-media-tiles{height:32px;width:112px}
.home-reading-redesign .home-media-options{font-size:10px;padding:4px;gap:3px}
.home-reading-redesign .home-media-options>*{padding:8px 6px}
.home-reading-redesign .home-reading-description{width:100%;min-width:0;max-width:none;margin:0;padding:0;text-align:left}
.home-reading-redesign .home-reading-description h3{font-size:31px;line-height:1.48;letter-spacing:-.7px;margin:0 0 22px}
.home-reading-redesign .home-reading-description p{font-size:15px;line-height:1.95;margin:0}
.home-reading-redesign .reading-feed-window{padding:0;overflow:hidden}
.reading-feed-heading{display:flex;align-items:center;gap:15px;height:48px;padding:0 22px;border-bottom:1px solid #eeedf3}
.reading-feed-heading>span{font-size:21px;font-weight:600}
.reading-feed-heading strong{font-size:12px;font-weight:550}
.reading-feed-viewport{height:300px;overflow:hidden;position:relative}
.reading-feed-viewport:after{content:"";position:absolute;inset:auto 0 0;height:25px;background:linear-gradient(transparent,#fff);pointer-events:none}
.reading-feed-post{padding:17px 22px 15px;border-bottom:1px solid #eeedf3}
.reading-feed-post .reading-avatar{width:28px;height:28px;font-size:11px}
.reading-feed-post .reading-person strong{font-size:11px}
.reading-feed-post .reading-person small{font-size:9px}
.reading-feed-post p{font-size:11px;line-height:1.75;margin:10px 0 0;color:#777985}
.reading-recommendations-shell,.reading-link-card-shell,.reading-link-url-shell{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .7s cubic-bezier(.2,.7,.3,1),opacity .45s ease}
.reading-recommendations-shell>div,.reading-link-card-shell>div,.reading-link-url-shell>div{min-height:0;overflow:hidden}
.reading-recommendations{background:#fafbfe;border-bottom:1px solid #eeedf3}
.reading-recommendations h4{font-size:12px;font-weight:650;margin:16px 22px 13px}
.reading-recommendation{display:flex;align-items:center;gap:9px;padding:0 22px;margin-bottom:12px}
.reading-recommendation .reading-avatar{width:27px;height:27px;font-size:10px}
.reading-recommendation>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.reading-recommendation strong{font-size:11px;font-weight:600}
.reading-recommendation small{font-size:9px;color:#989ca7}
.reading-follow-pill{margin-left:auto;flex-shrink:0;border-radius:20px;color:#fff;background:#737e94;padding:5px 12px;font-size:9px;font-weight:600;line-height:1.4}
.reading-recommendations-more{display:block;font-size:10px;color:#8499b8;margin:0 22px 14px}
[data-reading-state="clean"] .reading-recommendations-shell,[data-reading-state="clean"] .reading-link-card-shell{grid-template-rows:0fr;opacity:0}
.reading-state-caption{display:grid;place-items:center;min-height:37px;padding:8px 10px;background:#fafafd;color:#8b91a2;font-size:10px;line-height:1.4;border-top:1px solid #eeedf3;text-align:center}
.reading-state-caption>span{grid-area:1/1;transition:opacity .4s ease}
.reading-state-caption [data-reading-after]{opacity:0}
[data-reading-state="clean"] .reading-state-caption [data-reading-before]{opacity:0}
[data-reading-state="clean"] .reading-state-caption [data-reading-after]{opacity:1}
.home-reading-redesign .reading-link-window{height:386px;overflow:hidden;position:relative;padding-bottom:50px}
.reading-link-stage{margin-top:16px}
.reading-link-card{border-radius:11px;background:#fbfafc}
.reading-link-art{height:112px;background:linear-gradient(120deg,#e8e1ef,#f0eaf3);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:22px}
.reading-link-book{display:block;width:49px;height:70px;border-radius:3px 7px 7px 3px;background:#f8f3eb;box-shadow:4px 4px 0 #cfc2d8;transform:rotate(-13deg)}
.reading-link-book:after{content:"";display:block;border-top:2px solid #d8d0c7;border-bottom:2px solid #d8d0c7;width:22px;height:4px;margin:21px auto}
.reading-link-art-word{color:#a89bad;font:20px/1.15 Georgia,serif;letter-spacing:-.5px}
.reading-link-card-copy{padding:11px 13px 13px;border:1px solid #ece7ef;border-top:0;border-radius:0 0 11px 11px;display:flex;flex-direction:column;gap:5px}
.reading-link-card-copy small{font-size:9px;color:#a29aab}
.reading-link-card-copy strong{font-size:12px;font-weight:550;line-height:1.4;color:#746c7e}
.reading-link-url-shell{grid-template-rows:0fr;opacity:0}
[data-reading-state="clean"] .reading-link-url-shell{grid-template-rows:1fr;opacity:1}
.reading-link-url{display:block;font-size:12px;line-height:1.7;color:#7c96b3;overflow-wrap:anywhere;padding:1px 0 13px}
.reading-link-next{display:flex;gap:10px;align-items:flex-start;border-top:1px solid #efedf4;margin-top:18px;padding-top:16px}
.reading-link-next .reading-avatar{width:28px;height:28px;font-size:11px}
.reading-link-next>div{min-width:0}
.reading-link-next strong{font-size:11px}
.reading-link-next small{font-size:9px;padding-left:4px}
.reading-link-next p{font-size:11px;line-height:1.75;color:#83808c;margin:8px 0 0}
.reading-link-window .reading-state-caption{position:absolute;bottom:0;left:0;right:0;z-index:1}
@media(max-width:1000px){
 .home-reading-redesign{--reading-min-height:490px}
 .home-reading-redesign .home-reading-feature{gap:38px}
 .home-reading-redesign .reading-demo-stage{padding:24px;min-height:490px}
 .home-reading-redesign .reading-ui-window{padding:20px}
 .home-reading-redesign .reading-feed-window{padding:0}
 .home-reading-redesign .reading-link-window{padding-bottom:50px}
 .reading-long-copy h4{font-size:16px}
 .home-reading-redesign .home-reading-description h3{font-size:28px}
 .home-reading-redesign .home-reading-description p{font-size:14px}
}
@media(max-width:760px){
 .home-reading-redesign{--reading-min-height:450px}
 .home-reading-redesign .home-reading-grid{gap:50px}
 .home-reading-redesign .home-reading-feature,.home-reading-redesign .home-reading-feature:nth-child(even){grid-template-columns:minmax(0,1fr);gap:24px}
 .home-reading-redesign .reading-demo-stage{min-height:450px;padding:30px}
 .home-reading-redesign .reading-demo-stage:before{border-radius:25px;filter:blur(10px)}
 .home-reading-redesign .reading-ui-window{padding:24px}
 .home-reading-redesign .reading-feed-window{padding:0}
 .home-reading-redesign .reading-link-window{padding-bottom:50px}
 .home-reading-redesign .home-reading-description{order:-1;padding:0 5px}
 .home-reading-redesign .home-reading-description h3{font-size:27px;margin-bottom:17px}
 .home-reading-redesign .home-reading-description p{font-size:13px}
}
@media(max-width:420px){
 .home-reading-redesign{--reading-min-height:410px}
 .home-reading-redesign .reading-demo-stage{min-height:410px;padding:20px;border-radius:23px}
 .home-reading-redesign .reading-ui-window{padding:19px;border-radius:15px}
 .home-reading-redesign .reading-feed-window{padding:0}
 .home-reading-redesign .reading-link-window{height:360px;padding-bottom:45px}
 .home-reading-redesign .home-reading-description h3{font-size:25px}
 .home-reading-redesign .home-reading-description p{font-size:12px}
 .reading-person{gap:8px}
 .reading-avatar{width:30px;height:30px;font-size:12px}
 .reading-person strong{font-size:12px}
 .reading-person small{font-size:9px}
 .reading-long-copy h4{font-size:15px;margin-top:19px}
 .home-reading-redesign .reading-long-copy p,.home-reading-redesign .reading-post-copy{font-size:11px;line-height:1.8}
 .home-reading-redesign .home-media-stage{height:160px}
 .home-reading-redesign .home-media-tiles{height:126px;gap:5px}
 .home-reading-redesign .home-media-window[data-media-mode="compact"] .home-media-tiles{height:67px;width:85%}
 .home-reading-redesign .home-media-options>*{font-size:9px;padding:7px 5px}
 .reading-feed-heading{padding:0 18px}
 .reading-feed-post{padding:15px 18px 13px}
 .reading-feed-viewport{height:277px}
 .reading-recommendations h4{margin:14px 18px 12px}
 .reading-recommendation{padding:0 18px}
 .reading-recommendations-more{margin:0 18px 13px}
 .reading-link-art{height:100px;gap:17px}
 .reading-link-art-word{font-size:18px}
 .reading-link-card-copy{padding:9px 11px 11px}
 .reading-link-card-copy strong{font-size:11px}
 .reading-link-url{font-size:11px}
 .reading-link-next small{display:block;padding:2px 0 0}
}
@media(max-width:350px){
 .home-reading-redesign .reading-demo-stage{padding:15px}
 .home-reading-redesign .reading-ui-window{padding:16px}
 .home-reading-redesign .reading-feed-window{padding:0}
 .home-reading-redesign .reading-link-window{padding-bottom:45px}
 .reading-person small{font-size:9px}
 .reading-follow-pill{padding:5px 9px}
 .reading-recommendation{gap:7px}
}
@media(prefers-reduced-motion:reduce){
 .reading-long-viewport,.reading-long-viewport:after,.reading-long-hint>span{transition:none}
 .reading-recommendations-shell,.reading-link-card-shell,.reading-link-url-shell,.reading-state-caption>span,.home-reading-redesign .home-media-stage{transition:none}
}