/* Jo-Edu V5 navigation and reading UX. Kept separate so builds are idempotent. */
.jo-site-head{position:sticky;top:0;z-index:120;isolation:isolate}
.jo-site-head .wrap{min-height:76px;gap:18px}
.jo-brand{min-width:260px}
.jo-brand-mark{width:72px!important;min-width:72px!important;height:44px!important;border-radius:12px!important;font:800 12px/1 Arial,sans-serif!important;letter-spacing:-.03em!important}
.jo-tri-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
.jo-menu-unit{position:relative}
.jo-menu-trigger{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink-2);font:700 14px/1.1 var(--font-body);cursor:pointer;white-space:nowrap}
.jo-menu-trigger:hover,.jo-menu-trigger[aria-expanded="true"]{background:var(--teal-100);color:var(--teal-900);border-color:#bfd7db}
.jo-hamb{display:inline-flex;flex-direction:column;gap:3px;width:14px}
.jo-hamb i{display:block;height:2px;width:14px;border-radius:2px;background:currentColor}
.jo-chevron{font-size:14px;line-height:1;transform:translateY(-1px)}
.jo-menu-panel{position:absolute;top:calc(100% + 8px);left:0;width:300px;max-width:min(92vw,340px);padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-3)}
.jo-menu-panel[hidden]{display:none}
.jo-menu-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.jo-menu-panel a{display:block;padding:11px 12px;border-radius:10px;color:var(--ink-2);font-weight:650}
.jo-menu-panel a:hover,.jo-menu-panel a:focus-visible{background:var(--bg-2);text-decoration:none}
.jo-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.jo-lang-switch summary{min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-weight:650;cursor:pointer;display:flex;align-items:center;gap:6px;list-style:none}
.jo-lang-switch summary::-webkit-details-marker{display:none}
.jo-lang-switch[open] summary{background:var(--bg-2)}
.jo-lang-switch .lang-menu{right:0;left:auto;min-width:190px;max-height:60vh;overflow:auto;z-index:140}
.jo-lang-disabled{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;color:var(--muted-2);opacity:.7}
.jo-lang-disabled small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.jo-nav-toggle{display:none}
.jo-page-tools{position:fixed;right:18px;bottom:78px;z-index:110;display:flex;flex-direction:column;gap:6px}
.jo-page-tools button{appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:8px 11px;box-shadow:var(--shadow-2);font:700 12px/1 var(--font-body);cursor:pointer}
.jo-page-tools button:hover{background:var(--teal-100)}
.jo-compact .prose{max-width:760px}
.jo-compact .prose p,.jo-compact .prose li{font-size:.94em;line-height:1.52}
.jo-lightbox{position:fixed;inset:0;z-index:300;background:rgba(10,24,30,.78);display:grid;place-items:center;padding:24px}
.jo-lightbox[hidden]{display:none}
.jo-lightbox-inner{max-width:min(1000px,94vw);max-height:86vh;overflow:auto;background:var(--paper);border-radius:18px;padding:18px;box-shadow:var(--shadow-3)}
.jo-lightbox-inner img{max-width:100%;max-height:80vh;width:auto;margin:auto;border-radius:10px}
.jo-lightbox-close{position:absolute;right:18px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:26px;cursor:pointer}
.jo-image-button{display:block;padding:0;border:0;background:none;cursor:zoom-in;max-width:100%}
.jo-image-button img{border-radius:var(--r);transition:transform .18s ease}
.jo-image-button:hover img{transform:scale(1.01)}
@media(max-width:1240px){.jo-brand{min-width:225px}.jo-brand-txt .brand-sub{letter-spacing:.09em}.jo-menu-trigger{padding:9px 10px;font-size:13px}.jo-lang-switch summary span:last-child{display:none}}
@media(max-width:1040px){.jo-tri-nav{display:none}.jo-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;flex-direction:column;gap:4px}.jo-nav-toggle span{width:17px;height:2px;background:currentColor;border-radius:2px}.jo-site-head.jo-open .jo-tri-nav{display:flex;position:absolute;left:12px;right:12px;top:calc(100% + 6px);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow-3);align-items:stretch;flex-direction:column;max-height:calc(100vh - 100px);overflow:auto}.jo-site-head.jo-open .jo-menu-unit{width:100%}.jo-site-head.jo-open .jo-menu-trigger{width:100%;justify-content:flex-start;border-radius:11px}.jo-site-head.jo-open .jo-menu-panel{position:static;width:auto;max-width:none;border:0;box-shadow:none;padding:3px 0 8px}.jo-site-head.jo-open .jo-menu-panel a{padding:10px 14px}.jo-site-head.jo-open::after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(10,24,30,.25)}}
@media(max-width:680px){.topbar .wrap{min-height:34px}.topbar .tb-note:first-child{display:none}.jo-site-head .wrap{min-height:68px;padding-left:12px;padding-right:12px}.jo-brand{min-width:0;gap:8px}.jo-brand-mark{width:64px!important;min-width:64px!important;height:40px!important}.jo-brand-name{font-size:1rem}.jo-brand-sub{font-size:.56rem}.jo-head-actions{gap:5px}.jo-lang-switch summary{padding:8px 9px}.jo-page-tools{right:8px;bottom:72px}.jo-page-tools button{padding:8px 9px;font-size:11px}}

/* V6 navigation/read-controls hardening */
.jo-site-head{box-shadow:0 2px 12px rgba(20,45,52,.08)}
.jo-brand-mark{width:92px!important;min-width:92px!important;height:48px!important;font-size:15px!important;letter-spacing:-.04em!important;display:flex!important;align-items:center!important;justify-content:center!important}
.jo-nav-toggle{display:none!important;background:var(--teal-800,#1c4a55)!important;color:#fff!important;border:0!important;min-width:112px!important;height:46px!important;padding:0 16px!important;gap:9px!important;flex-direction:row!important;font:800 14px/1 var(--font-body)!important;letter-spacing:.08em!important;box-shadow:0 5px 16px rgba(20,45,52,.2)!important}
.jo-nav-toggle::after{content:'MENU';font-weight:800}
.jo-nav-toggle span{width:18px!important;height:2px!important;background:#fff!important;margin:0!important}
.jo-page-tools{right:16px;bottom:82px}
.jo-page-tools button{min-height:38px;min-width:132px;padding:9px 13px;font-size:12px}
.jo-section-heading{cursor:pointer;position:relative;padding-right:2rem}
.jo-section-heading::after{content:'⌄';position:absolute;right:.25rem;top:.1em;font-size:.9em;opacity:.55;transition:transform .15s ease}
.jo-section-heading-collapsed::after{transform:rotate(-90deg)}
.jo-section-hidden{display:none!important}
@media(max-width:1040px){
 .jo-nav-toggle{display:inline-flex!important}
 .jo-head-actions{margin-left:auto}
 .jo-brand-mark{width:86px!important;min-width:86px!important}
 .jo-site-head.jo-open .jo-nav-toggle{background:#163c45!important}
}
@media(max-width:680px){
 .jo-nav-toggle{min-width:102px!important;height:44px!important;padding:0 12px!important;font-size:13px!important}
 .jo-brand-mark{width:78px!important;min-width:78px!important;height:44px!important;font-size:13px!important}
 .jo-page-tools{right:8px;bottom:70px}
 .jo-page-tools button{min-width:118px;font-size:11px}
}