:root{--navy:#101a33;--deep:#0a1226;--ink:#172033;--muted:#6d7688;--paper:#f7f5ef;--white:#fff;--orange:#f1783d;--teal:#57c8b6;--yellow:#f2d76b;--line:#dde1e7;--shadow:0 18px 44px rgba(10,19,41,.1)}
*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:fixed;z-index:99;top:10px;left:10px;padding:9px 15px;color:white;background:var(--orange);border-radius:8px;transform:translateY(-150%)}.skip:focus{transform:none}
.topbar{color:white;background:var(--navy)}.nav{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff20}.back,.home{display:inline-flex;align-items:center;gap:10px;color:#ffffffbd;font-size:.86rem;font-weight:750;text-decoration:none}.back:hover,.home:hover{color:white}.back i{display:grid;width:32px;height:32px;place-items:center;border:1px solid #ffffff38;border-radius:50%;font-style:normal}.home{justify-self:end}.home img{width:70px;height:42px;object-fit:contain}.tool-mark{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.tool-mark i{display:grid;width:34px;height:34px;place-items:center;color:var(--deep);background:var(--orange);border-radius:50%;font-size:1.1rem;font-style:normal}
.intro{position:relative;overflow:hidden;padding:70px 0 82px;color:white;background:var(--navy)}.intro:before{content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(#fff .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}.intro:after{content:"?";position:absolute;right:max(5vw,40px);top:-92px;color:#ffffff08;font-size:25rem;font-weight:900;line-height:1}.intro .shell{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 17px;color:#ffffff9d;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:26px;height:2px;background:var(--orange)}h1{max-width:750px;margin:0 0 18px;font-size:clamp(3rem,6.3vw,5rem);line-height:1.02;letter-spacing:-.05em}.intro-text{max-width:600px;margin:0;color:#ffffffad;font-size:1.04rem}.book-pill{display:inline-flex;align-items:center;gap:9px;margin-top:30px;padding:8px 14px 8px 8px;color:white;background:#ffffff12;border:1px solid #ffffff20;border-radius:99px;font-size:.8rem;font-weight:700}.book-pill b{display:grid;min-width:30px;height:30px;padding:0 7px;place-items:center;color:var(--deep);background:var(--teal);border-radius:50%;font-size:.68rem}
.chapters{padding:56px 0 100px}.controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:34px}.controls h2{margin:0 0 4px;font-size:1.65rem;letter-spacing:-.025em}.controls p{margin:0;color:var(--muted);font-size:.86rem}.search{width:min(100%,360px);position:relative}.search svg{position:absolute;left:17px;top:50%;width:18px;fill:none;stroke:var(--muted);stroke-width:2;transform:translateY(-50%)}.search input{width:100%;height:50px;padding:0 18px 0 47px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:99px;font:inherit;box-shadow:0 6px 18px #0a13200a}.search input:focus{outline:3px solid #f2d76b80;border-color:var(--yellow)}.search input:disabled{opacity:.65}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.chapter-card{position:relative;min-height:130px;display:grid;grid-template-columns:50px 1fr 28px;gap:17px;align-items:center;padding:23px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:17px;text-decoration:none;box-shadow:0 3px 12px rgba(10,19,41,.025);transition:transform .2s,box-shadow .2s,border-color .2s}.chapter-card:hover{z-index:1;border-color:#f1783d70;box-shadow:var(--shadow);transform:translateY(-4px)}.chapter-card[hidden]{display:none}.chapter-number{display:grid;width:50px;height:50px;place-items:center;color:white;background:var(--navy);border-radius:14px;font-size:.86rem;font-weight:850}.chapter-card:nth-child(6n+2) .chapter-number,.chapter-card:nth-child(6n+5) .chapter-number{color:var(--deep);background:var(--teal)}.chapter-card:nth-child(6n+3) .chapter-number,.chapter-card:nth-child(6n+6) .chapter-number{color:var(--deep);background:var(--orange)}.chapter-copy{min-width:0;display:flex;flex-direction:column}.chapter-copy small{margin-bottom:3px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.chapter-copy strong{font-size:.93rem;line-height:1.3}.chapter-arrow{display:grid;width:28px;height:28px;place-items:center;color:var(--orange);background:#f1783d10;border-radius:50%;transition:transform .2s}.chapter-card:hover .chapter-arrow{transform:translateX(3px)}.message{grid-column:1/-1;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);background:#ffffff80;border:1px dashed #c8cdd6;border-radius:17px}.message[hidden]{display:none}.loader{width:30px;height:30px;border:3px solid #dfe2e7;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.error strong{color:#a8412d}.selector-footer{padding:25px 0;color:#ffffff80;background:var(--deep);font-size:.78rem}.selector-footer .shell{display:flex;justify-content:space-between}.selector-footer a{color:#ffffffb8}
body[data-theme="sport"] .tool-mark i,body[data-theme="sport"] .chapter-card:nth-child(6n+3) .chapter-number,body[data-theme="sport"] .chapter-card:nth-child(6n+6) .chapter-number{background:var(--teal)}body[data-theme="sport"] .chapter-card:hover{border-color:#57c8b680}
@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:900px){.chapter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.shell{width:calc(100% - 30px)}.nav{height:70px;grid-template-columns:1fr auto}.tool-mark{display:none}.home img{width:58px}.intro{padding:56px 0 64px}.intro:after{right:-25px;font-size:18rem}.controls{align-items:stretch;flex-direction:column;gap:20px}.search{width:100%}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:112px;padding:18px}.chapters{padding:40px 0 70px}.selector-footer .shell{align-items:start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}