.hub-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-tabs a[data-tab=discover]{--tab-accent:#ffbd85}.hub-tabs a[data-tab=guides]{--tab-accent:#8de6cf}.hub-tabs a[data-tab=showcase]{--tab-accent:#ebaafa}.discover-intro,.showcase-intro{background:radial-gradient(ellipse at top right,#9a6b2929,transparent 65%),linear-gradient(140deg,#203049,#151e30)}.discover-intro h2,.showcase-intro h2{font-size:30px;margin-top:5px}.discover-intro>p,.showcase-intro>p{line-height:1.7;color:#c5d0e3}.discover-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.discover-reasons{padding-left:20px;color:#d0d9e9;line-height:1.7;font-size:13px}.guide-warning{padding:13px 15px;border-left:3px solid #e8bd74;background:#dba64d0d;color:#ead2a8!important;line-height:1.6;font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.guide-card h3{font-size:24px;color:#f1e1ad}.guide-card>p{line-height:1.7;color:#c0cee2}.guide-steps{list-style:none;counter-reset:steps;padding:0;margin:20px 0}.guide-steps>li{counter-increment:steps;display:flex;gap:13px;padding:16px 0;border-top:1px solid #8ba4cf25}.guide-steps>li:before{content:counter(steps);width:29px;height:29px;display:grid;place-items:center;border:1px solid #d1b26b;border-radius:50%;color:#ffe09c;flex:none}.guide-steps>li.step-read:before{content:'✓';border-color:#73cbb0;color:#73cbb0}.guide-steps>li>div{min-width:0;width:100%}.guide-steps strong{display:block;line-height:1.5}.guide-steps p{line-height:1.65;color:#b8c5d9;font-size:13px}.guide-state{display:block;color:#9edcce;font-size:11px;margin:5px 0 12px}.guide-sources{font-size:11px;line-height:1.8;color:#a8b8d0}.guide-sources a{color:#c7d6ef}.numbered-guide{border-top:1px solid #6680a333;padding:17px 0}.numbered-guide summary{cursor:pointer;font-weight:700;line-height:1.7}.numbered-guide small{display:block;color:#a9bad1;font-weight:400;margin-left:18px}.showcase-link-panel{margin-top:25px;padding:20px;border:1px solid #cfb67466;border-radius:12px;background:#101826}.showcase-link-panel input{font-size:12px}.showcase-readonly{padding:6px 12px;border:1px solid #92d5c7;color:#afe7da;border-radius:30px;font-size:11px;letter-spacing:1px}.showcase-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.showcase-toolbar input{flex:1;min-width:180px}.showcase-toolbar select{width:auto;min-width:140px}.showcase-meta{color:#b6c5da;line-height:1.7}.showcase-grid .hub-tile h3{font-size:16px}.showcase-grid .hub-book-open{cursor:default}.showcase-grid .hub-grade-row{flex-wrap:wrap;gap:8px}.showcase-grid .hub-tile[class*='tier-'],.discover-picks .hub-tile[class*='tier-']{border-color:var(--grade-color,#d2ad67);box-shadow:0 0 0 1px var(--grade-color,#d2ad67)}
@media(max-width:700px){.hub-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tabs a,.hub-tabs a:nth-child(n+4){grid-column:auto;flex-direction:row;min-height:64px;text-align:left}.discover-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:1fr}.discover-intro h2,.showcase-intro h2{font-size:25px}.showcase-link-panel{padding:14px}.showcase-toolbar select{flex:1}.guide-card h3{font-size:22px}}
.hub-tile.tier-bronze{--grade-color:#edbf98}.hub-tile.tier-silver{--grade-color:#e2f0fa}.hub-tile.tier-gold{--grade-color:#ffda87}.hub-tile.tier-diamond{--grade-color:#d5f5ff}.showcase-toolbar select{padding:11px;background:#111c2d;border:1px solid #4b5e7c;border-radius:6px;color:#eef4ff}.showcase-intro .hub-form-grid{grid-template-columns:1fr}
@media(max-width:380px){.discover-filters{grid-template-columns:1fr}.hub-tab-copy strong{font-size:10px}}