/* Navigation shared by the Tribee pages. The existing exam and listening controls keep their own behavior. */
.header-inner,.top,.bar-inner{position:relative}.header-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.header-controls button{white-space:nowrap}.menu-toggle{display:none!important}.site-nav{display:flex;align-items:center;gap:16px;min-width:0}.site-nav a{white-space:nowrap}.site-nav a[aria-current=page]{color:#e2f16c!important;opacity:1}.shared-theme{border:1px solid #657887;border-radius:24px;padding:9px 13px;background:transparent;color:inherit;font-weight:700}.shared-theme:hover{border-color:#e2f16c}.header-controls .theme-toggle{white-space:nowrap}
.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:30px 0 45px}.overview a{display:flex;flex-direction:column;gap:12px;min-height:170px;background:#fff;border:1px solid #d4e0da;border-radius:10px;padding:22px}.overview a:hover{border-color:#438a80;box-shadow:0 12px 25px #15233812}.overview span{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:#39756e}.overview strong{font-size:1.12rem;line-height:1.3}.overview small{font-size:.8rem;color:#5c6b74;margin-top:auto}.page-home .books-section,.page-home .guide-section,.page-home .reading-section{display:none}.page-books .quiz-section,.page-books .overview,.page-books .guide-section,.page-books .reading-section{display:none}.page-guide .quiz-section,.page-guide .overview,.page-guide .hero,.page-guide .books-section,.page-guide .reading-section{display:none}.page-reading .quiz-section,.page-reading .overview,.page-reading .hero,.page-reading .books-section,.page-reading .guide-section{display:none}
[data-theme=dark] .overview a{background:#1e3144;color:#edf4ef;border-color:#3d5262}[data-theme=dark] .overview span{color:#92d6c9}[data-theme=dark] .overview small{color:#b7c7cb}
.intro{min-width:0}.intro-copy{min-width:0}.intro-poster{grid-area:poster;width:280px;margin:30px 0 0;min-width:0}.intro-poster>a{display:block;border:1px solid #d5e0da;border-radius:10px;overflow:hidden;box-shadow:0 12px 35px #15233818}.intro-poster img{display:block;width:100%;height:auto}.intro-poster figcaption{font-size:.81rem;line-height:1.55;color:#4b5c66;margin-top:10px}.intro-poster figcaption strong{color:#152338}.intro-poster figcaption .facebook{display:block;margin-top:4px}.intro .login{grid-area:login;max-width:520px}.membership-page .intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:'copy poster' 'login poster';align-items:start;column-gap:42px;row-gap:26px;padding-bottom:55px}.membership-page .intro-copy{grid-area:copy;padding-top:26px}
.membership-page .plans{padding:28px 0 30px}.membership-page .plans h2{font-size:clamp(1.35rem,2.3vw,1.85rem);margin:5px 0 16px}.membership-page .plan-grid{gap:10px}.membership-page .plan-grid article{padding:16px 18px;border-radius:8px}.membership-page .plan-grid h3{font-size:.9rem}.membership-page .plan-grid .price{font-size:1.5rem;line-height:1.2;margin:6px 0 0}.plan-note{font-size:.85rem;color:#4b5c66;margin:12px 0 0;line-height:1.5}
[data-theme=dark] body.membership-page,[data-theme=dark] body.admin-page{background:#152538;color:#e8eee9}[data-theme=dark] .membership-page .panel,[data-theme=dark] .membership-page .plan-grid article,[data-theme=dark] .admin-page #members{background:#1e3144;color:#e8eee9;border-color:#3d5262}[data-theme=dark] .membership-page .intro p,[data-theme=dark] .membership-page .plan-note,[data-theme=dark] .membership-page .intro-poster figcaption,[data-theme=dark] .membership-page .payment li,[data-theme=dark] .membership-page .payment p,[data-theme=dark] .admin-page main>p{color:#bfced3}[data-theme=dark] .membership-page .intro-poster figcaption strong,[data-theme=dark] .membership-page .motivation span{color:#a4dece}[data-theme=dark] .membership-page .plans,[data-theme=dark] .admin-page #members th,[data-theme=dark] .admin-page #members td{border-color:#40576a}[data-theme=dark] .membership-page .panel p{color:#bfced3}[data-theme=dark] .membership-page .bank p{color:#d2dedd}[data-theme=dark] .admin-search{background:#213749;color:#fff;border-color:#657887}
@media(max-width:1000px){.site-nav{gap:10px;font-size:.78rem}.overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.membership-page .intro{grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:'copy poster' 'login login';gap:22px}.intro-poster{width:220px}.membership-page .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body{overflow-wrap:break-word}.header-inner,.top,.bar-inner{min-height:64px!important;display:flex!important;flex-wrap:wrap;gap:8px!important;padding-top:10px;padding-bottom:10px}.header-inner .brand,.top .brand,.bar-inner .brand{font-size:1.05rem;max-width:48%;line-height:1.3}.header-controls{order:2;gap:5px;margin-left:auto}.header-controls button{min-height:40px;padding:8px 10px!important;font-size:.76rem!important}.menu-toggle{display:inline-flex!important;align-items:center;background:transparent;color:inherit;border:1px solid #657887;border-radius:9px;font-weight:800}.site-header .site-nav,.top .site-nav,.bar .site-nav{display:none!important;order:3;width:100%;flex-basis:100%;margin:4px 0 0;padding:10px 0!important;border-top:1px solid #8194ad66}.menu-open .site-nav,.site-header.menu-open .site-nav,.bar.menu-open .site-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}.menu-open .site-nav a,.site-header.menu-open .site-nav a,.bar.menu-open .site-nav a{display:flex!important;align-items:center;min-height:44px;padding:10px!important;font-size:.84rem!important;white-space:normal;background:#8394ac21;border-radius:7px}.site-header .site-nav a:first-child,.site-header .site-nav a:nth-child(2){display:none}.overview{gap:10px;padding:24px 0}.overview a{padding:16px;min-height:140px}.overview strong{font-size:.94rem}.page-books .books-section,.page-guide .guide-section,.page-reading .reading-section{padding-top:42px;padding-bottom:50px}.membership-page main{padding-top:25px}.membership-page .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.membership-page .payment{grid-template-columns:1fr;gap:20px}.membership-page .plans h2{font-size:1.4rem}.membership-page .plan-grid article{padding:13px 10px}.membership-page .plan-grid h3{font-size:.78rem}.membership-page .plan-grid .price{font-size:clamp(.9rem,3.3vw,1.2rem);white-space:nowrap}.membership-page .intro .login{max-width:none}.bar .site-nav{font-size:.84rem}}
@media(max-width:620px){.membership-page .intro{grid-template-columns:minmax(0,1fr) 112px;column-gap:12px;row-gap:22px;padding-bottom:35px}.membership-page .intro-copy{padding-top:12px}.intro-poster{width:112px;margin-top:12px}.membership-page .intro h1{font-size:clamp(1.8rem,8vw,2.8rem);line-height:1.15;margin:8px 0 13px}.membership-page .intro-copy p{font-size:.84rem;line-height:1.55}.intro-poster figcaption{font-size:.7rem}.membership-page .panel{padding:20px}.membership-page .motivation{margin-top:14px!important}.membership-page .motivation span{font-size:.86rem}.membership-page .motivation small{font-size:.73rem}}
@media(max-width:390px){.header-controls .theme-label{display:none}.header-controls .shared-theme{font-size:.7rem!important}.overview{grid-template-columns:1fr}.overview a{min-height:115px}.membership-page .intro{grid-template-columns:minmax(0,1fr) 104px}.intro-poster{width:104px}}

@media(max-width:760px){.site-header.menu-open .site-nav a:first-child,.site-header.menu-open .site-nav a:nth-child(2){display:flex!important}}
@media(max-width:390px){.bar .header-controls #theme-toggle span{display:none}}

.subpage-title{display:none;padding:55px 0 0}.subpage-title h1{font-size:clamp(2.1rem,4vw,3.4rem);letter-spacing:-.06em;line-height:1.12;margin:12px 0 0}.page-guide .subpage-guide,.page-reading .subpage-reading{display:block}.page-guide .guide-section,.page-reading .reading-section{padding-top:30px}@media(max-width:760px){.subpage-title{padding-top:35px}.subpage-title h1{font-size:2rem}}
.site-header .site-nav{gap:14px;font-size:.82rem}.top .site-nav,.bar .site-nav{gap:13px;font-size:.82rem}
@media(max-width:1040px){.site-header .site-nav{gap:9px;font-size:.75rem}.site-header .site-nav .nav-quiz{padding:8px 10px}}

.comic-launch{padding:0 0 34px}.comic-launch>a{display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:center;background:#10272b;color:#f6f0df;border:1px solid #3f6359;border-radius:12px;overflow:hidden;padding:20px}.comic-launch img{display:block;width:140px;height:175px;object-fit:cover;border-radius:6px}.comic-launch>a>span{display:flex;flex-direction:column;gap:12px}.comic-launch small{font-size:.66rem;letter-spacing:.1em;color:#d9efbb}.comic-launch strong{font-size:clamp(1.3rem,2.8vw,2rem);line-height:1.25}.comic-launch span>span{font-size:.85rem;color:#c2d1c6}.comic-launch b{font-size:.8rem;color:#d9efbb}.page-books .comic-launch,.page-guide .comic-launch,.page-reading .comic-launch{display:none}@media(min-width:761px) and (max-width:1200px){.header-inner,.top,.bar-inner{flex-wrap:wrap;padding:14px 0;gap:12px}.header-inner .site-nav,.top .site-nav,.bar-inner .site-nav{order:3;flex-basis:100%;justify-content:center}}@media(max-width:600px){.comic-launch>a{grid-template-columns:92px 1fr;padding:14px;gap:15px}.comic-launch img{width:92px;height:115px}.comic-launch strong{font-size:1.05rem}.comic-launch span>span{font-size:.75rem}.comic-launch small{font-size:.53rem}.comic-launch>a>span{gap:8px}}