/* Temporary Reading comparison. Every selector is confined to the owned #bonus section. */
#bonus[data-reading-review]{padding:36px 6% 42px;background:#fff;color:#263c30}
#bonus[data-reading-review] [hidden]{display:none!important}
#bonus[data-reading-review] .bonus-heading{margin-bottom:24px;padding-top:16px}
#bonus[data-reading-review] .reading-review-title{max-width:1240px;margin:0 auto 24px;font-size:clamp(30px,3.2vw,46px);font-weight:600;line-height:1.12;letter-spacing:-.043em;white-space:nowrap;scroll-margin-top:120px}
#bonus[data-reading-review] .bonus-reading-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:4%;align-items:start}
#bonus[data-reading-review] #reading-section{min-width:0;margin:0;display:flex;flex-direction:column;align-self:stretch}
#bonus[data-reading-review] .reading-layouts{min-width:0;height:350px}
#bonus[data-reading-review] .reading-diagram{height:100%;margin:0;display:flex;flex-direction:column;min-width:0}
#bonus[data-reading-review] .reading-diagram svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#bonus[data-reading-review] .reading-book-spread{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;margin:5px 6px 18px;position:relative;filter:drop-shadow(0 10px 9px #253c3010)}
#bonus[data-reading-review] .reading-book-spread::before{content:"";position:absolute;inset:5px -4px -5px;border:1px solid #d8d9cc;border-radius:6px 6px 8px 8px;transform:rotate(.3deg);background:#f3f2e9}
#bonus[data-reading-review] .reading-book-left,#bonus[data-reading-review] .reading-book-right{position:relative;background:#f7f7ef;border:1px solid #d6d9ca;padding:25px 25px 18px;min-width:0}
#bonus[data-reading-review] .reading-book-left{border-radius:7px 0 0 5px;background:linear-gradient(90deg,#fafaf4 85%,#edeee3);border-right-color:#c5cbb8}
#bonus[data-reading-review] .reading-book-right{border-radius:0 7px 5px 0;background:linear-gradient(90deg,#e8ebdd,#f8f8f0 12%)}
#bonus[data-reading-review] .reading-kicker{font:10px/1.3 Arial,sans-serif;letter-spacing:.11em;color:#72816c}
#bonus[data-reading-review] .reading-quote-mark{display:block;font:80px/.75 Georgia,serif;color:#667e59;margin-top:24px;height:45px}
#bonus[data-reading-review] .reading-book-thought{font:25px/1.25 Georgia,serif;letter-spacing:-.025em;color:#334c37;max-width:none;margin:0}
#bonus[data-reading-review] .reading-book-lines{display:block;width:55%;height:19px;border-top:2px solid #cfd6c4;border-bottom:2px solid #e0e4d5;margin:20px 0 0}
#bonus[data-reading-review] .reading-more-bridge{position:absolute;top:139px;right:-22px;width:92px;z-index:2;display:flex;align-items:center;gap:7px;color:#60784d}
#bonus[data-reading-review] .reading-more-bridge span{font:10px Arial,sans-serif;background:#f4f5ea;padding:3px 2px;white-space:nowrap}
#bonus[data-reading-review] .reading-more-bridge i{font:27px/1 Georgia,serif;font-style:normal}
#bonus[data-reading-review] .reading-next-route-new{position:absolute;bottom:17px;left:25px;color:#7d806f;font:11px/1.4 Arial,sans-serif;margin:0}
#bonus[data-reading-review] .reading-next-route-new>span{font-size:20px;vertical-align:-2px;margin-right:3px}
#bonus[data-reading-review] .reading-book-depth{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
#bonus[data-reading-review] .reading-book-depth li{display:flex;align-items:center;gap:14px;min-height:67px}
#bonus[data-reading-review] .reading-book-depth li>span{width:39px;flex-shrink:0;color:#718365}
#bonus[data-reading-review] .reading-book-depth svg{width:39px;height:45px}
#bonus[data-reading-review] .reading-book-depth small{font:9px/1.3 Arial,sans-serif;color:#909780;display:block;margin-bottom:3px}
#bonus[data-reading-review] .reading-book-depth strong{display:block;font:21px/1.1 Georgia,serif;font-weight:400;color:#334c37}
#bonus[data-reading-review] .reading-book-depth em{display:flex;gap:10px;font:10px/1.4 Arial,sans-serif;font-style:normal;color:#778768;margin-top:9px}
#bonus[data-reading-review] .reading-book-depth b{font-weight:400}
#bonus[data-reading-review] .reading-diagram-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;font:11px/1.4 Arial,sans-serif;color:#708066;padding:0 8px;height:32px;flex-shrink:0}
#bonus[data-reading-review] .reading-diagram-footer>span:first-child{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#bonus[data-reading-review] .reading-diagram-footer svg{width:15px;height:18px;flex-shrink:0}
#bonus[data-reading-review] .reading-diagram-footer b{font-size:17px;font-weight:400}
#bonus[data-reading-review] .reading-unfold-steps{list-style:none;margin:0;padding:35px 4px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;flex:1;align-items:end}
#bonus[data-reading-review] .reading-unfold-steps>li{position:relative;min-width:0}
#bonus[data-reading-review] .reading-unfold-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid #d5dcc9;background:#fafbf5;box-shadow:4px 5px 0 #e7ecdd;border-radius:3px;padding:14px 12px;gap:10px;min-height:155px}
#bonus[data-reading-review] .reading-unfold-card-2{min-height:185px;background:#f5f7ed}
#bonus[data-reading-review] .reading-unfold-card-3{min-height:215px;background:#f0f4e7}
#bonus[data-reading-review] .reading-unfold-card-4{min-height:245px;background:#eaf0df}
#bonus[data-reading-review] .reading-unfold-card small{font:10px Arial,sans-serif;letter-spacing:.08em;color:#8b9980;margin-bottom:auto}
#bonus[data-reading-review] .reading-unfold-card svg{width:40px;height:50px;color:#688251}
#bonus[data-reading-review] .reading-card-quote{height:48px;font:77px/.85 Georgia,serif;color:#688251}
#bonus[data-reading-review] .reading-unfold-card strong{font:17px/1.2 Georgia,serif;font-weight:400;color:#334c37;white-space:nowrap}
#bonus[data-reading-review] .reading-unfold-card>span:last-child:not(.reading-card-quote){font:10px/1.4 Arial,sans-serif;color:#6e7b62;min-height:28px}
#bonus[data-reading-review] .reading-unfold-arrow{position:absolute;right:-16px;top:40%;font:20px Georgia,serif;color:#84966c}
#bonus[data-reading-review] .reading-unfold-branch{display:flex;justify-content:space-between;gap:12px;color:#778768;font:10px/1.4 Arial,sans-serif;padding:10px 6px 12px}
#bonus[data-reading-review] .reading-unfold-branch b{font-size:17px;font-weight:400;vertical-align:-1px}
#bonus[data-reading-review] .reading-review-switcher{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;min-height:40px;margin-top:14px;font:11px/1.3 Arial,sans-serif;color:#7b8475}
#bonus[data-reading-review] .reading-review-switcher>span{margin-right:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
#bonus[data-reading-review] .reading-review-switcher button{min-height:36px;padding:7px 12px;border:1px solid #dce2d4;border-radius:18px;background:#fff;color:#64745a;font:11px/1.2 Arial,sans-serif;cursor:pointer}
#bonus[data-reading-review] .reading-review-switcher button[aria-pressed=true]{background:#edf2e5;border-color:#a7b992;color:#2c4429}
#bonus[data-reading-review] button:focus-visible{outline:2px solid #416440;outline-offset:3px}
#bonus[data-reading-review] .reading-discovery{margin-top:20px;padding-top:13px;border-top:1px solid #e7eadf;min-height:94px;width:100%}
#bonus[data-reading-review] .feature-row-label{font:11px/1.4 Arial,sans-serif;margin:0 0 9px;color:#7a826f;min-height:16px}
#bonus[data-reading-review] .feature-row-label strong{font-weight:600;color:#546947}
#bonus[data-reading-review] .feature-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none}
#bonus[data-reading-review] .feature-tiles li{min-height:43px;padding:3px 1px;background:transparent;border:0;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font:9px/1.2 Arial,sans-serif;color:#728168;min-width:0}
#bonus[data-reading-review] .feature-tiles svg{width:18px;height:18px}
#bonus[data-reading-review] .authors-open{min-height:44px;background:#f2f5ec;padding:3px;gap:3px;font-size:9px}
#bonus[data-reading-review] .authors-hint{display:none}
#bonus[data-reading-review] .reading-discovery .author-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#bonus[data-reading-review] .reading-discovery .author-grid li{font:10px/1.35 Arial,sans-serif;min-height:32px;padding:4px}
#bonus[data-reading-review] .reading-discovery .author-nav{font:11px/1.3 Arial,sans-serif;min-height:36px}
#bonus[data-reading-review] .author-nav button{min-height:36px}
#bonus[data-reading-review] .bonus-reading-visual{aspect-ratio:auto;overflow:visible;width:100%;max-width:none;min-width:0;margin:0}
#bonus[data-reading-review] .reading-device-stage{position:relative;aspect-ratio:1;overflow:hidden}
#bonus[data-reading-review] .reading-device-art{position:relative;width:100%;aspect-ratio:1;transform:scale(1.35);transform-origin:50% 50%}
#bonus[data-reading-review] .reading-original-device{display:block;width:100%;height:auto;transform:none;object-fit:contain}
#bonus[data-reading-review] .reading-screen-surface{display:block;position:absolute;left:0;top:0;width:720px;height:1065px;max-width:none;object-fit:fill;transform-origin:0 0;pointer-events:none;border-radius:10px;filter:contrast(.93) brightness(.98)}
#bonus[data-reading-review] .reading-screen-switcher{justify-content:center;margin-top:0}
#bonus[data-reading-review] .reading-screen-status{text-align:center;min-height:18px;font:10px/1.5 Arial,sans-serif;color:#7a8474;letter-spacing:0;margin:8px 0 0}
@media(min-width:1600px){#bonus[data-reading-review] .reading-layouts{height:390px}#bonus[data-reading-review] .reading-book-spread{margin-top:20px;margin-bottom:20px}#bonus[data-reading-review] .reading-book-left,#bonus[data-reading-review] .reading-book-right{padding-top:30px}#bonus[data-reading-review] .reading-book-depth{gap:20px}}
@media(max-width:1100px) and (min-width:801px){#bonus[data-reading-review] .reading-book-left,#bonus[data-reading-review] .reading-book-right{padding:20px 15px}#bonus[data-reading-review] .reading-book-thought{font-size:22px}#bonus[data-reading-review] .reading-book-depth li{gap:8px}#bonus[data-reading-review] .reading-book-depth strong{font-size:18px}#bonus[data-reading-review] .reading-more-bridge{right:-30px;top:142px}#bonus[data-reading-review] .reading-book-depth li>span{width:31px}#bonus[data-reading-review] .reading-book-depth svg{width:31px}#bonus[data-reading-review] .reading-unfold-steps{gap:12px}#bonus[data-reading-review] .reading-unfold-card{padding:10px 7px}#bonus[data-reading-review] .reading-unfold-card strong{font-size:15px}#bonus[data-reading-review] .reading-diagram-footer{font-size:10px}}
@media(max-width:800px){
 #bonus[data-reading-review]{padding:28px 6% 36px}
 #bonus[data-reading-review] .bonus-heading{margin-bottom:20px}
 #bonus[data-reading-review] .reading-review-title{font-size:clamp(29px,6.2vw,40px);white-space:normal;max-width:620px;margin-bottom:26px;text-wrap:balance}
 #bonus[data-reading-review] .bonus-reading-layout{grid-template-columns:minmax(0,1fr);gap:20px;max-width:620px}
 #bonus[data-reading-review] .reading-layouts{height:350px}
 #bonus[data-reading-review] .bonus-reading-visual{max-width:510px;margin:auto}
 #bonus[data-reading-review] .reading-discovery{margin-top:14px}
 #bonus[data-reading-review] .feature-tiles{grid-template-columns:repeat(8,minmax(0,1fr))}
}
@media(max-width:480px){
 #bonus[data-reading-review] .reading-layouts{height:337px}
 #bonus[data-reading-review] .reading-book-spread{margin:2px 3px 14px}
 #bonus[data-reading-review] .reading-book-left,#bonus[data-reading-review] .reading-book-right{padding:20px 13px 17px}
 #bonus[data-reading-review] .reading-kicker{font-size:9px}
 #bonus[data-reading-review] .reading-quote-mark{font-size:68px;margin-top:26px;height:39px}
 #bonus[data-reading-review] .reading-book-thought{font-size:21px}
 #bonus[data-reading-review] .reading-book-lines{width:48%;margin-top:17px;height:15px}
 #bonus[data-reading-review] .reading-more-bridge{right:-27px;top:144px;width:71px;gap:2px}
 #bonus[data-reading-review] .reading-more-bridge span{font-size:9px}
 #bonus[data-reading-review] .reading-book-depth{gap:13px}
 #bonus[data-reading-review] .reading-book-depth li{gap:8px;min-height:65px}
 #bonus[data-reading-review] .reading-book-depth li>span{width:29px}
 #bonus[data-reading-review] .reading-book-depth svg{width:29px;height:39px}
 #bonus[data-reading-review] .reading-book-depth strong{font-size:18px}
 #bonus[data-reading-review] .reading-book-depth em{font-size:9px;margin-top:8px}
 #bonus[data-reading-review] .reading-next-route-new{left:13px;font-size:10px}
 #bonus[data-reading-review] .reading-diagram-footer{font-size:10px;padding:0 3px;gap:9px}
 #bonus[data-reading-review] .reading-diagram-footer>span:last-child{text-align:right;max-width:145px}
 #bonus[data-reading-review] .reading-unfold-steps{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 5px 5px;gap:14px 23px}
 #bonus[data-reading-review] .reading-unfold-card{min-height:103px!important;box-shadow:3px 3px 0 #e7ecdd;padding:10px 12px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:13px 30px 23px;gap:3px 9px}
 #bonus[data-reading-review] .reading-unfold-card small{grid-column:2;grid-row:1}
 #bonus[data-reading-review] .reading-unfold-card svg{grid-column:1;grid-row:1/4;width:32px;height:43px;align-self:center}
 #bonus[data-reading-review] .reading-card-quote{grid-column:1;grid-row:1/4;font-size:59px;height:34px;align-self:center}
 #bonus[data-reading-review] .reading-unfold-card strong{grid-column:2;grid-row:2;font-size:17px;align-self:center}
 #bonus[data-reading-review] .reading-unfold-card>span:last-child:not(.reading-card-quote){grid-column:2;grid-row:3;font-size:9px;min-height:0}
 #bonus[data-reading-review] .reading-unfold-arrow{right:-20px;top:40%}
 #bonus[data-reading-review] .reading-unfold-steps>li:nth-child(2) .reading-unfold-arrow{right:auto;left:-17px;top:100%;transform:rotate(135deg)}
 #bonus[data-reading-review] .reading-unfold-branch{font-size:10px;padding:12px 5px}
 #bonus[data-reading-review] .feature-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 #bonus[data-reading-review] .feature-tiles li,#bonus[data-reading-review] .authors-open{min-height:43px;font-size:10px}
 #bonus[data-reading-review] .reading-review-switcher button{min-height:40px}
 #bonus[data-reading-review] .reading-discovery .author-grid li{font-size:10px;min-height:40px}
 #bonus[data-reading-review] .feature-row-label{font-size:11px}
}
@media(max-width:350px){#bonus[data-reading-review] .reading-book-depth strong{font-size:16px}#bonus[data-reading-review] .reading-book-thought{font-size:19px}#bonus[data-reading-review] .reading-book-depth li{gap:4px}#bonus[data-reading-review] .reading-book-left,#bonus[data-reading-review] .reading-book-right{padding-left:10px;padding-right:10px}#bonus[data-reading-review] .reading-more-bridge{right:-29px;top:140px}#bonus[data-reading-review] .reading-unfold-card{padding:9px 8px;grid-template-columns:27px 1fr;gap:3px 5px}#bonus[data-reading-review] .reading-unfold-card strong{font-size:15px}#bonus[data-reading-review] .reading-unfold-card svg{width:27px}#bonus[data-reading-review] .reading-unfold-branch{font-size:9px}}

/* The first connector explicitly reaches Paragraph, preserving the reading order. */
#bonus[data-reading-review] .reading-more-bridge{top:34px;right:-26px;width:104px;height:98px;display:block}
#bonus[data-reading-review] .reading-more-bridge svg{position:absolute;inset:0;width:104px;height:95px;stroke:#849471;stroke-width:1.3}
#bonus[data-reading-review] .reading-more-bridge span{position:absolute;left:0;bottom:1px;z-index:1;font-size:10px}
@media(max-width:1100px){#bonus[data-reading-review] .reading-more-bridge{right:-23px;width:88px;top:35px}#bonus[data-reading-review] .reading-more-bridge svg{width:88px}#bonus[data-reading-review] .reading-more-bridge span{font-size:9px}}
@media(max-width:480px){#bonus[data-reading-review] .reading-more-bridge{right:-22px;width:69px;top:39px}#bonus[data-reading-review] .reading-more-bridge svg{width:69px}#bonus[data-reading-review] .reading-more-bridge span{font-size:8px;bottom:9px}}
@media(max-width:480px){
 #bonus[data-reading-review] .reading-more-bridge span{top:7px;bottom:auto;left:-9px}
 #bonus[data-reading-review] .reading-review-switcher button,#bonus[data-reading-review] .authors-open{min-height:44px}
}
@media(max-width:480px){#bonus[data-reading-review] .reading-device-art{transform:scale(1.8)}}

/* Shared phone review: Authors paging keeps the same touch target as the other controls. */
@media(max-width:700px){#bonus[data-reading-review] #reading-authors .author-nav button{min-height:44px;min-width:44px}}