/* R170: reading content owns the screen; global navigation returns on route exit. */
html.hg-reading-plans-r170 #bottom-nav,
body:has(#hgReadingPlansRoot) #bottom-nav,
body:has(#hgReadingPlanTogetherRoot) #bottom-nav { display:none !important; pointer-events:none !important; }
.hg170-reading-circles { color:#f7f4eb; margin:0 0 22px; padding:16px; border:1px solid #ffe39a26; border-radius:20px; background:linear-gradient(120deg,#20211f,#111820); }
.hg170-reading-circles > header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:13px; }
.hg170-reading-circles header span { display:block; color:#d9c996; font-size:9px; font-weight:800; letter-spacing:.13em; }
.hg170-reading-circles h2 { margin:3px 0 0; font-size:18px; line-height:1.2; }
.hg170-reading-circles header button,.hg170-reading-circles > button { border:1px solid #e7d6a541; border-radius:12px; background:#ffe39a12; color:#f9e6ac; padding:9px 11px; font:inherit; font-size:12px; min-height:40px; cursor:pointer; }
.hg170-circle-list { display:flex; gap:10px; overflow-x:auto; overscroll-behavior-x:contain; padding:2px 1px 8px; scrollbar-width:thin; }
.hg170-circle { display:flex; flex:0 0 125px; flex-direction:column; align-items:center; gap:7px; min-height:115px; padding:11px 9px; background:#ffffff06; border:1px solid #ffffff14; border-radius:15px; color:inherit; font:inherit; cursor:pointer; text-align:center; }
.hg170-circle-icon { display:grid; place-items:center; width:40px; height:40px; border:1px solid #d5e8d942; background:#72bba312; color:#c2f6df; border-radius:50%; font-size:18px; }
.hg170-circle strong { font-size:12px; line-height:1.35; overflow-wrap:anywhere; }
.hg170-circle small { display:flex; align-items:center; gap:4px; margin-top:auto; color:#b5c8bd; font-size:10px; }
.hg170-circle-dot { width:5px; height:5px; border-radius:50%; background:#e9d28e; }
.hg170-circle-empty { color:#bcc1c8; margin:5px 0; font-size:13px; line-height:1.5; }
.hg170-reading-circles button:focus-visible { outline:2px solid #ffe39a; outline-offset:3px; }
#notificationModal .hg170-reading-circles { margin:10px 14px; flex-shrink:0; }
#notificationModal .hg170-circle { flex-basis:115px; min-height:105px; }
.hg170-reading-failure-back { display:block; margin:12px auto 0; border:1px solid #ffffff30; border-radius:14px; padding:12px 18px; background:transparent; color:#e2e8ed; font:inherit; cursor:pointer; }