/* A sports academy: ink, pool teal, court orange and quiet white space. */
.course-function-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.course-function-grid [aria-current]{background:#173d3a;color:#fff}#mainContent>[hidden],.student-grid>[hidden]{display:none!important}#mainContent:has(#courseFunctionNav) .student-grid{grid-template-columns:1fr}#courseFunctionNav{margin-bottom:24px}
.lc-top-inner .lc-admin-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #326958;border-radius:5px;color:#173d3a;background:#fff;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none;flex-shrink:0;order:3}.lc-admin-entry:hover{background:#e6efea}.lc-admin-entry:focus-visible{outline:3px solid #bd4829;outline-offset:3px}#adminPanel{scroll-margin-top:140px}
@media(max-width:820px){.lc-top-inner .lc-brand{flex:1}.lc-top-inner .lc-admin-entry{order:1;margin-left:auto}.lc-top-inner .lc-menu-button{order:2;margin-left:8px}.lc-top-inner #courseNav{order:4}.lc-top-inner .lc-brand small{display:none}.lc-top-inner .brand-track{display:none}}
@media(max-width:380px){.lc-top-inner{padding-left:12px!important;padding-right:12px!important}.lc-top-inner .lc-admin-entry{padding:8px}.lc-top-inner .lc-menu-button{padding:8px}}
:root{--academy-ink:#142d35;--academy-muted:#52686f;--academy-paper:#f6f8f7;--academy-line:#d5e1df;--academy-accent:#126658;--academy-orange:#bd4829;--academy-display:'Microsoft JhengHei','PingFang TC',sans-serif;--academy-body:'Microsoft JhengHei','PingFang TC',system-ui,sans-serif}
.learning-site{background:var(--academy-paper);color:var(--academy-ink);font-family:var(--academy-body);line-height:1.75}.learning-site [hidden]{display:none!important}.learning-site *{box-sizing:border-box}.learning-site h1,.learning-site h2,.learning-site h3{font-family:var(--academy-display);text-wrap:balance}.learning-site a{color:inherit}.learning-site input,.learning-site textarea,.learning-site select{max-width:100%;font-size:1rem}.learning-site input[type=checkbox],.learning-site input[type=radio]{min-height:20px;width:20px;height:20px;accent-color:var(--academy-accent);flex-shrink:0}.learning-site :focus-visible{outline:3px solid #bc4826;outline-offset:4px}.learning-site :is(h2,section,form,[id]){scroll-margin-top:110px}.learning-site .btn,.learning-site .text-link{background:var(--academy-accent);color:white}.learning-site .btn.alt{background:#e6efec;color:var(--academy-ink)}.learning-site .btn.danger{background:#a33d2b}.learning-site .hero-cta{color:var(--academy-ink)}
.lc-topbar{position:sticky;top:0;z-index:30;background:rgba(246,248,247,.97);border-bottom:1px solid var(--academy-line);backdrop-filter:blur(12px)}.lc-top-inner{max-width:1480px;margin:auto;min-height:86px;padding:14px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:28px}.lc-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:1.02rem;line-height:1.4;font-weight:800;white-space:nowrap}.lc-brand small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.6px;margin-top:5px;font-weight:600}.brand-track{height:34px;width:23px;border:2px solid var(--academy-accent);border-radius:16px;position:relative;transform:rotate(28deg)}.brand-track:after{content:'';position:absolute;inset:4px;border:1px solid var(--academy-accent);border-radius:12px}.lc-top-inner nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lc-top-inner nav a{font-size:.88rem;min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;text-decoration:none;border-radius:4px;color:#40575c}.lc-top-inner nav a:hover,.lc-top-inner nav a[aria-current]{color:var(--academy-accent);background:#e6efec}.lc-top-inner nav a[aria-current]{box-shadow:inset 0 -2px var(--academy-accent);font-weight:800}.lc-top-inner nav .switch-course{border-left:1px solid var(--academy-line);border-radius:0;margin-left:8px}.lc-menu-button{display:none}.lc-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding:18px clamp(20px,4vw,64px);max-width:1480px;margin:auto;font-size:.8rem;color:var(--academy-muted)}.lc-breadcrumb a{text-decoration:none}.lc-footer{max-width:1352px;margin:64px auto 0;padding:30px 24px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--academy-line);font-size:.82rem;color:var(--academy-muted)}.lc-footer a{font-weight:800;text-decoration:none;color:var(--academy-ink)}.lc-footer p{margin:0}
.lc-main{width:min(1180px,100%);padding:32px 32px 48px;margin:auto}.lc-eyebrow{font-family:Arial,'Microsoft JhengHei',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--academy-accent);margin:0 0 16px}.catalog-head{padding:18px 0 40px;border-bottom:1px solid var(--academy-line);max-width:100%}.catalog-head h1{font-size:clamp(2.4rem,4.8vw,4.3rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 24px}.catalog-head h1 span{display:block;color:var(--academy-muted);font-weight:400;font-size:.62em;margin-top:10px}.catalog-head>p:not(.lc-eyebrow){max-width:680px;color:var(--academy-muted);font-size:1.02rem}.lc-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 20px;background:var(--academy-accent);color:#fff!important;border:1px solid var(--academy-accent);border-radius:5px;font:inherit;font-size:.91rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s}.lc-button:hover{background:#0c4a40}.lc-button.secondary{background:transparent;color:var(--academy-ink)!important;border-color:#9db5af}.lc-button.secondary:hover{background:#e8eeeb}.catalog-tools{margin:28px 0 36px;padding:24px 0}.catalog-tools>label{display:block;font-size:.88rem;margin-bottom:10px}.catalog-tools input[type=search]{width:100%;padding:15px 18px;border:1px solid #96ada8;border-radius:5px;background:#fff}.lc-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.lc-filters button{border:1px solid #bfceca;border-radius:30px;padding:8px 16px;min-height:44px;font:inherit;font-size:.84rem;background:transparent;color:var(--academy-muted);cursor:pointer}.lc-filters button[aria-pressed=true]{background:var(--academy-ink);color:#fff;border-color:var(--academy-ink)}#catalogStatus{font-size:.86rem;color:var(--academy-muted)}.progress-line{display:flex;align-items:center;gap:16px;margin:22px 0 8px;font-size:.86rem}.progress-line progress{appearance:none;width:220px;max-width:50%;height:5px;border:0;background:#dfe8e4}.progress-line progress::-webkit-progress-bar{background:#dfe8e4}.progress-line progress::-webkit-progress-value{background:var(--academy-accent)}.catalog-tools small,.lc-footnote{color:var(--academy-muted);font-size:.8rem}.catalog-resume{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lesson-tile{position:relative;min-width:0;display:flex;flex-direction:column;padding:28px;background:white;border:1px solid var(--academy-line);border-radius:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.lesson-tile:hover{border-color:#88aba1;box-shadow:0 8px 24px #1639310a}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.77rem;color:var(--academy-muted);margin-bottom:26px}.tile-top>span:first-child{font-weight:700;color:var(--academy-accent)}.tile-status{background:#f1f5f3;padding:3px 8px;border-radius:3px}.is-complete .tile-status{background:#deeee5;color:#145237}.lesson-tile h2{font-size:1.35rem;margin:0 0 15px;line-height:1.5}.lesson-tile h2 a{text-decoration:none}.lesson-tile p{color:var(--academy-muted);font-size:.91rem;margin:0 0 20px}.lesson-tile .tile-output{font-size:.8rem;border-top:1px solid #e4ece8;padding-top:18px;margin-top:auto}.tile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.tile-tags span{font-size:.7rem;padding:2px 8px;background:#eef4f1;border-radius:3px;color:#385f54}.tile-link{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:.86rem;color:var(--academy-accent)!important}.lc-empty{padding:32px;background:white;border:1px dashed #a9bfb8;border-radius:8px}.lc-footnote{margin-top:30px}
.route-list{margin-top:32px}.route-stage{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--academy-line)}.route-number{font-family:'Arial Narrow',Arial,sans-serif;font-size:3rem;line-height:1.2;color:var(--academy-accent);font-weight:700}.route-stage h2{margin:0 0 18px}.route-stage ul{padding:0;list-style:none}.route-stage li{padding:12px 0}.route-stage li a{font-weight:700;text-underline-offset:5px}.route-stage li p{color:var(--academy-muted);font-size:.85rem;margin:6px 0}.lc-panel,.lc-example{padding:28px;margin:24px 0;border:1px solid var(--academy-line);border-radius:8px;background:white}.lc-panel h2,.lc-example h2{font-size:1.45rem;margin:0 0 16px}.lc-panel p,.lc-example p{max-width:75ch}.lc-example{background:#edf5f0;border-left:4px solid var(--academy-accent)}.lc-example a{font-weight:700;color:var(--academy-accent);text-underline-offset:4px}.learning-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;max-width:1360px;margin:12px auto;padding:0 28px}.learning-shell .learning-main{max-width:100%;min-width:0;padding:20px 0 48px;width:100%;margin:0}.lesson-rail{min-width:0}.lesson-rail details{position:sticky;top:110px;max-height:calc(100dvh - 130px);overflow-y:auto;padding:16px 12px 16px 0}.lesson-rail summary{font-size:.82rem;font-weight:800;cursor:pointer;min-height:44px}.lesson-rail nav>a{display:flex;align-items:baseline;gap:12px;margin:6px 0;padding:12px 10px;min-height:44px;font-size:.83rem;text-decoration:none;border-left:2px solid transparent}.lesson-rail nav>a>span:first-child{font-family:Arial,sans-serif;color:#587068;font-size:.7rem}.lesson-rail nav>a[aria-current]{background:#e6efea;border-left-color:var(--academy-accent);font-weight:800;color:var(--academy-accent)}.lesson-rail nav>a:hover{background:#edf2ef}.lesson-rail small{font-size:.65rem}.lesson-toc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0;padding:15px 0;border-bottom:1px solid var(--academy-line)}.lesson-toc b{font-size:.8rem;margin-right:8px}.lesson-toc a{padding:7px 8px;min-height:40px;display:inline-flex;align-items:center;font-size:.76rem;color:var(--academy-accent);text-decoration:none;border-radius:3px}.lesson-toc a:hover{background:#e5efe9}.learning-main .page-head h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.3}.lesson-pagination{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.lesson-pagination a{display:block;min-width:0;padding:22px;border:1px solid var(--academy-line);border-radius:6px;background:white;text-decoration:none;font-weight:700;font-size:.92rem}.lesson-pagination a:last-child{text-align:right}.lesson-pagination a small{display:block;font-size:.75rem;margin-bottom:8px;font-weight:400;color:var(--academy-muted)}.completion-box{margin-top:36px;padding:24px;background:#e9f2ec;border:1px solid #b8d0c0;border-radius:8px}.completion-box label{display:flex;align-items:center;gap:12px;font-size:1rem;cursor:pointer}.completion-box p{font-size:.8rem;margin:10px 0 0;color:var(--academy-muted)}.quiz-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--academy-line);border-radius:5px;margin:10px 0;font-weight:400!important;cursor:pointer}.quiz-option:has(input:checked){background:#eaf2ed;border-color:#759c8a}#lessonQuiz fieldset{border:0;padding:0;margin-bottom:18px}#lessonQuiz legend{font-weight:700;margin-bottom:10px}.draft-field{margin:24px 0}.draft-field label{display:block}.draft-field p{font-size:.85rem;color:var(--academy-muted);margin:8px 0}.draft-field textarea{width:100%;background:#fafcfb;border-color:#a6bbb1}.course-launch{padding:26px;margin-bottom:28px;background:white;border:1px solid var(--academy-line);border-left:4px solid var(--academy-accent);border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:24px}.course-launch h2{font-size:1.45rem;margin:0 0 10px}.course-launch p{margin:0 0 10px;font-size:.87rem;color:var(--academy-muted)}.course-launch .lc-button{flex-shrink:0}
/* Quiet existing page decoration so the shared hierarchy stays consistent. */
.learning-site .mast:before,.learning-site .mast:after,.learning-site .course-mast:before,.learning-site .course-mast:after,.learning-site .marketing-mast:before,.learning-site .marketing-mast:after,.learning-site .hero:after,.learning-site .course-hero:after,.learning-site .course-card:before,.learning-site .game-card:before,.learning-site .proposal section:before{display:none}.learning-site .mast,.learning-site .course-mast,.learning-site .marketing-mast{background:#173d3a!important;border-bottom:2px solid #c4d7c3}.learning-site .hero,.learning-site .course-hero,.learning-site .marketing-hero{padding-top:36px;padding-bottom:40px}.learning-site .hero h1,.learning-site .course-hero h1,.learning-site .marketing-hero h1{font-size:clamp(2rem,4.3vw,3.4rem);line-height:1.22;letter-spacing:-.035em}.learning-site .course-hero h1 em{color:#d5e7ac}.learning-site .course-topline{min-height:38px}.learning-site .course-topline a{font-size:.82rem}.learning-site .landing:before,.learning-site .course-page:before,.learning-site .game-page:before,.learning-site .proposal:before{display:none}.learning-site .foot{display:none}.learning-site .board-wrap{max-width:100%;overflow:auto}.learning-site .board{min-width:900px}.learning-site .concept-grid{grid-template-columns:1fr}.learning-site .case{background:#f6f0e5;border-color:#e1d2b9}.learning-site .concept{background:#edf5f0;border-color:#cbded1}.learning-site .work,.learning-site .canvas,.learning-site .course-card,.learning-site .access-ticket{border-radius:8px;box-shadow:none}.learning-site .course-card{background:white}.learning-site .ticket-mark{background:#d6e8c6;color:#25462e}.learning-site .access-ticket{border-color:#cadccf}.learning-site .course-ticker{background:#e7eddf;font-size:.84rem;color:#244239}.learning-site .ticker-control{background:white;color:#244239}.learning-site .game-grid{align-items:start}.learning-site .game-card label:has(select){flex-direction:column}.learning-site .game-result{font-weight:500;font-size:.88rem}.learning-site .hero-tags .hero-cta{color:#173b35}.learning-site .section-head{flex-wrap:wrap}.learning-site .pending-item input{width:20px}.learning-site .course-card input:not([type=checkbox]){max-width:100%}.learning-site .ticket-action{grid-template-columns:auto minmax(130px,1fr) minmax(150px,1.3fr)}
/* Homepage: an oversized track drawing and two deliberately distinct course entries. */
.academy-home{background:#f6f8f7}.home-shell{max-width:1352px;margin:auto;padding:0 32px}.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;min-height:570px;padding-top:48px;padding-bottom:48px}.home-hero .lc-eyebrow{font-size:.7rem}.home-hero h1{font-size:clamp(2.7rem,5.3vw,5rem);line-height:1.24;letter-spacing:-.05em;margin:22px 0}.home-hero h1 span{display:block;color:var(--academy-accent)}.home-hero .home-lede{max-width:500px;line-height:1.9;color:var(--academy-muted)}.home-hero .lc-button{margin-top:16px}.home-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.home-art svg{width:100%;height:auto;max-height:500px}.art-caption{position:absolute;bottom:20px;right:0;font-size:.65rem;letter-spacing:.2em;color:var(--academy-muted);font-family:Arial,sans-serif}.home-identity{font-size:.75rem;line-height:1.9;color:var(--academy-muted);margin:26px 0 0}.home-courses{padding:38px 0 64px;border-top:1px solid var(--academy-line)}.home-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px}.home-section-title h2{margin:0;font-size:1.8rem}.home-section-title p{color:var(--academy-muted);font-size:.85rem}.home-course-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-course{border-radius:9px;min-width:0;overflow:hidden;border:1px solid #c5d7cb;display:flex;flex-direction:column;background:#fff}.home-course-visual{height:185px;padding:24px 28px;position:relative;background:#d9e7db;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between}.home-course-visual>span{font-family:Arial,sans-serif;font-size:.65rem;letter-spacing:.18em;position:relative;z-index:1}.home-course-visual svg{position:absolute;width:240px;height:160px;right:30px;bottom:-10px;opacity:.8}.home-course.marketing .home-course-visual{background:#eaddd0}.home-course-body{padding:28px}.home-course h3{font-size:2rem;line-height:1.3;margin:0 0 16px}.home-course p{color:var(--academy-muted);font-size:.92rem;max-width:440px}.home-course .course-topics{display:flex;gap:8px;flex-wrap:wrap;font-size:.75rem;margin:22px 0 28px}.course-topics span{padding:3px 9px;background:#edf3ef;border-radius:3px}.home-course.marketing .course-topics span{background:#f5efe7}.home-course-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.home-course-actions>a:not(.lc-button){font-size:.83rem;font-weight:700;text-underline-offset:5px}.home-method{padding:48px 0;border-top:1px solid var(--academy-line)}.home-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.home-method-grid article>span{font-size:.8rem;color:var(--academy-orange);font-family:Arial,sans-serif}.home-method-grid h3{font-size:1.15rem}.home-method-grid p{font-size:.9rem;color:var(--academy-muted)}.home-feature{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:30px;background:#e9efe5;border:1px solid #d0dbca;border-radius:8px;margin:25px 0}.home-feature p{color:var(--academy-muted);max-width:660px;font-size:.9rem}.home-feature h2{font-size:1.5rem;margin:4px 0}.home-feature .lc-eyebrow{margin:0}
@media(min-width:1600px){.home-hero{min-height:620px}}
@media(max-width:1100px){.lc-top-inner{gap:14px;padding-left:24px;padding-right:24px}.lc-top-inner nav a{font-size:.8rem;padding:8px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-shell{grid-template-columns:200px minmax(0,1fr);gap:28px}.learning-site .quiz,.learning-site .work-grid{grid-template-columns:1fr}.learning-site .ticket-action{grid-template-columns:1fr}.learning-site .ticket-action label{padding:0}}
@media(max-width:820px){.lc-top-inner{min-height:76px;flex-wrap:wrap;gap:0}.lc-brand{font-size:.9rem}.lc-menu-button{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #b9cec5;background:transparent;border-radius:5px;padding:8px 12px;font:inherit;font-size:.8rem;margin-left:auto}.lc-top-inner nav{display:none;width:100%;padding-top:14px}.menu-open nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lc-top-inner nav .switch-course{border-left:0;margin:0}.lc-breadcrumb{padding:16px 20px}.learning-shell{display:block;padding:0 20px}.lesson-rail details{position:static;max-height:none;padding:10px;background:#edf3ef;border-radius:6px;margin-bottom:24px}.lesson-rail nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.lesson-rail .lc-eyebrow{grid-column:1/-1}.lesson-rail nav>a{margin:0}.lc-main{padding:24px 20px}.catalog-head{padding-top:6px}.catalog-head h1{font-size:2.6rem}.lc-footer{flex-direction:column;align-items:flex-start;margin-top:30px;gap:12px}.home-hero{grid-template-columns:1fr;min-height:0;padding-top:36px}.home-art{max-height:300px;min-height:260px}.home-art svg{max-height:300px}.home-hero h1{font-size:3.1rem}.home-shell{padding:0 22px}.home-method-grid{gap:20px}.home-section-title{display:block}.home-feature{grid-template-columns:1fr}.course-launch{align-items:flex-start;flex-direction:column}.learning-site .admin-grid{grid-template-columns:1fr}.learning-site .site-nav{position:static}.lc-panel,.lc-example{padding:22px}}
@media(max-width:580px){.lesson-grid,.home-course-grid,.home-method-grid{grid-template-columns:1fr}.lesson-tile{padding:24px}.home-hero h1{font-size:2.6rem}.home-hero{padding-bottom:28px}.home-art{min-height:230px;max-height:250px}.art-caption{font-size:.55rem;bottom:0}.home-course-visual{height:160px}.home-section-title h2{font-size:1.5rem}.lc-button{padding:10px 16px}.lesson-rail nav{grid-template-columns:1fr}.lesson-pagination{gap:10px}.lesson-pagination a{padding:15px;font-size:.8rem}.route-stage{grid-template-columns:45px 1fr;gap:14px}.route-number{font-size:2rem}.catalog-head h1{font-size:2.25rem}.lc-panel{padding:20px}.learning-site .course-section-head{gap:12px}.home-course-body{padding:24px}.home-method-grid article{padding-bottom:12px;border-bottom:1px solid var(--academy-line)}}
@media(prefers-reduced-motion:reduce){.learning-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.lc-topbar,.lc-breadcrumb,.lesson-rail,.lesson-toc,.lc-footer,.lesson-bottom{display:none!important}.learning-shell{display:block;padding:0}.learning-main{width:100%}.lc-panel{break-inside:avoid}.learning-site .board{min-width:0}}