:root{--yellow:#f9d027;--yellow-soft:#fff8d8;--ink:#262626;--muted:#636363;--gray:#abaaaa;--line:#e5e4dd;--canvas:#faf9f5;--white:#fff;--green:#276847;--green-soft:#eaf5ee;--red:#a54338;--red-soft:#fff0ec;--radius:20px;--font:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;color:var(--ink);background:var(--canvas);font:17px/1.8 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8b6a00;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}button{border:0}img{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;background:var(--yellow);padding:12px;z-index:200}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{width:min(1400px,calc(100% - 56px));min-height:88px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:16px}.brand img{width:74px;height:40px;object-fit:contain}.brand-rule{width:1px;height:27px;background:#ddd}.brand b{margin-left:4px;font-weight:600}.header nav{display:flex;gap:24px;margin-left:auto;font-size:16px}.header nav a{padding:29px 0 25px;border-bottom:3px solid transparent;color:var(--muted);white-space:nowrap}.header nav a.active{color:var(--ink);border-color:var(--yellow);font-weight:650}.account-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.header nav:not([hidden])+.account-actions{margin-left:14px}.account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 21px;border-radius:10px;border:1px solid transparent;font-size:16px;font-weight:650;line-height:1.5;transition:background .18s,transform .18s}.button.primary{background:var(--yellow);color:#302800;box-shadow:0 3px 0 #e4bd22}.button.primary:hover{background:#ffda46;transform:translateY(-1px)}.button.secondary{background:var(--white);border-color:#d6d5cd}.button.secondary:hover{background:#f8f7f1}.button.small{min-height:40px;padding:8px 13px;font-size:14px}.button.danger{background:var(--red-soft);color:var(--red);border-color:#ebc6c0}.button.danger:hover{background:#ffe4dd}.text-button{background:none;padding:7px 0;font-size:15px;text-decoration:underline;text-underline-offset:4px;color:#66561e}.icon-button{background:#f3f2ed;border-radius:50%;width:42px;height:42px;font-size:26px;line-height:1}.eyebrow{font-size:12px;line-height:1.5;font-weight:650;letter-spacing:1.7px;color:#706a58;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--yellow)}.kicker{font-size:14px;font-weight:600;color:#73652d}.muted{color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:3px 9px;font-size:13px;background:#f0efea;color:#5e5c53;white-space:nowrap}.tag.approved{background:var(--green-soft);color:var(--green)}.tag.pending{background:var(--yellow-soft);color:#79611b}.tag.suspended{background:var(--red-soft);color:var(--red)}.tag.admin{background:#ebe9f4;color:#62517f}.inline-error{color:var(--red);font-size:15px;line-height:1.75;padding:12px 15px;background:var(--red-soft);border-radius:9px;margin-top:18px}.inline-success{color:var(--green);font-size:15px;line-height:1.75;padding:12px 15px;background:var(--green-soft);border-radius:9px;margin-top:18px}.loading,.boot-state{padding:100px 24px;text-align:center;color:var(--muted)}.boot-state{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.spinner{display:inline-block;width:30px;height:30px;border:3px solid #eae6d5;border-top-color:#c3a114;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* A welcoming entry. The lesson library is only loaded after approval. */
.auth-layout{display:grid;grid-template-columns:1.1fr .85fr;gap:90px;align-items:center;min-height:calc(100vh - 205px);padding-block:60px}.auth-intro h1{font-size:clamp(40px,4.1vw,58px);line-height:1.3;letter-spacing:-1.7px;margin-top:20px}.highlight{background:linear-gradient(transparent 68%,var(--yellow) 68%,var(--yellow) 90%,transparent 90%);padding-right:4px}.auth-intro>.intro-description{font-size:18px;line-height:1.95;color:var(--muted);margin-top:25px;max-width:480px}.auth-illustration{width:100%;margin-top:30px;max-height:250px;object-fit:cover;border-radius:110px 110px 20px 20px}.auth-promise{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px;color:#6c685b;margin-top:18px}.auth-promise span{display:flex;align-items:center;gap:7px}.auth-promise svg{width:17px;height:17px;color:#9d841b}.auth-card{background:white;border:1px solid var(--line);padding:36px;border-radius:24px;box-shadow:0 16px 50px #34301908}.auth-tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:27px}.auth-tabs button{background:none;border-bottom:3px solid transparent;padding:0 3px 12px;color:var(--muted);font-weight:650;font-size:20px}.auth-tabs button[aria-selected=true]{border-color:var(--yellow);color:var(--ink)}.auth-card h2{font-size:26px}.auth-card .form-intro{font-size:15px;color:var(--muted);margin-top:10px}.field{display:grid;gap:7px;margin-top:20px;font-size:15px;font-weight:600}.field input{width:100%;border:1px solid #d5d5cd;background:#fff;border-radius:9px;min-height:50px;font-size:17px;padding:10px 13px;line-height:1.5}.field input::placeholder{color:#96938b;font-size:15px;font-weight:400}.field-help{font-size:13px;font-weight:400;color:var(--muted)}.password-wrap{display:flex;border:1px solid #d5d5cd;border-radius:9px;background:white;overflow:hidden}.password-wrap:focus-within{outline:3px solid #8b6a00;outline-offset:4px}.password-wrap input{border:0;outline:none!important;min-width:0}.password-toggle{background:white;white-space:nowrap;font-size:13px;padding:0 12px;color:#746d54}.form-submit{width:100%;margin-top:25px}.form-bottom{display:flex;justify-content:flex-end;margin-top:12px}.privacy-note{padding-top:22px;margin-top:22px;border-top:1px solid var(--line);font-size:13px;line-height:1.85;color:#777163}.privacy-note b{font-weight:600}.auth-note{font-size:14px;color:var(--muted);margin-top:20px}.status-panel{max-width:680px;margin:70px auto 90px;padding:48px;background:white;border:1px solid var(--line);border-radius:24px}.status-icon{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:22px;background:var(--yellow-soft);font-size:32px;margin-bottom:25px}.status-panel h1{font-size:34px;margin-top:12px}.status-panel>p{color:var(--muted);margin-top:19px;line-height:1.95}.status-account{margin-top:26px;padding:18px 20px;background:var(--canvas);border-radius:12px;overflow-wrap:anywhere;font-size:15px}.status-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.status-panel.suspended .status-icon{background:var(--red-soft);color:var(--red)}
/* Member home and four-stage learning path. */
.member-hero{padding-block:48px 36px;display:grid;grid-template-columns:1.1fr .8fr;gap:60px;align-items:center}.member-hero h1{font-size:clamp(34px,4vw,50px);letter-spacing:-1.2px;margin-top:16px}.member-hero p.hero-text{font-size:18px;color:var(--muted);margin-top:17px;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px}.member-hero .hero-image{display:block;width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:110px 110px 22px 22px}.progress-panel{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 32px;margin-bottom:46px}.progress-main{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:center}.progress-ring{--percent:0;position:relative;width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--yellow) calc(var(--percent)*1%),#eeede7 0);display:flex;align-items:center;justify-content:center}.progress-ring:before{content:"";position:absolute;width:63px;height:63px;border-radius:50%;background:#fff}.progress-ring strong{position:relative;font-size:21px;font-weight:700}.progress-main h2{font-size:20px}.progress-main p{font-size:14px;color:var(--muted);margin-top:4px}.progress-main .self-note{font-size:12px;margin-top:7px;color:#827b69}.stage-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:center}.stage-mini-title{font-size:14px;font-weight:650;white-space:nowrap}.stage-mini-count{font-size:13px;color:var(--muted);margin-top:3px}.progress-bar{width:100%;height:7px;background:#eeede7;border-radius:20px;overflow:hidden;margin-top:9px}.progress-bar>span{display:block;height:100%;background:var(--yellow);border-radius:20px;transition:width .3s}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-heading h2{font-size:30px;letter-spacing:-.5px;margin-top:8px}.section-heading>p{font-size:15px;color:var(--muted);max-width:420px}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:50px}.path-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:white;transition:background .2s,transform .2s;position:relative}.path-card:hover{background:var(--yellow-soft);transform:translateY(-2px)}.path-number{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:var(--yellow);font-size:14px;font-weight:650}.path-card h3{font-size:20px;margin-top:17px}.path-card p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:8px}.path-card .path-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:20px;color:#776833}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:55px}.resource-card{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;align-items:center;gap:22px}.resource-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:var(--yellow-soft);flex-shrink:0}.resource-icon svg{width:29px;height:29px}.resource-card h3{font-size:21px}.resource-card p{font-size:15px;color:var(--muted);margin-top:5px}.resource-card>a{margin-left:auto;font-size:26px}.note-strip{border:1px solid #e9dfb2;background:var(--yellow-soft);padding:21px 25px;border-radius:15px;color:#726231;font-size:15px;line-height:1.85;margin-bottom:42px}.page-heading{padding:44px 0 28px}.page-heading h1{font-size:38px;letter-spacing:-1px;margin-top:12px}.page-heading>p{color:var(--muted);margin-top:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:11px;border:1px solid #dcdad0;border-radius:11px;padding:11px 15px;background:#fff;min-height:52px;flex:1;max-width:470px}.search-box input{border:0;outline:0!important;background:transparent;width:100%;min-width:0;font-size:16px;line-height:1.5}.search-box:focus-within{outline:3px solid #8b6a00;outline-offset:3px}.search-box svg{flex-shrink:0;width:20px;color:#817b69}.search-clear{width:26px;height:26px;background:none;color:#777;font-size:22px;padding:0;line-height:1}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-button{padding:10px 16px;border:1px solid #d8d6cc;border-radius:9px;background:#fff;font-size:15px;min-height:46px}.filter-button.active{background:var(--yellow);border-color:var(--yellow);font-weight:600}.result-count{font-size:14px;color:var(--muted);margin-bottom:16px}.stage-group{padding-top:28px;margin-bottom:44px;scroll-margin-top:112px}.stage-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:25px}.stage-heading .stage-number{width:47px;height:47px;border-radius:12px;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.stage-heading h2{font-size:27px}.stage-heading p{font-size:16px;color:var(--muted);margin-top:8px}.stage-label{margin-left:auto;font-size:14px;color:var(--muted);white-space:nowrap;padding-top:12px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-left:65px}.video-card{background:white;border:1px solid var(--line);padding:27px;border-radius:18px;display:flex;flex-direction:column;transition:border-color .2s;min-width:0}.video-card.is-complete{border-color:#b8d5c0}.video-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.lesson-number{font-size:12px;letter-spacing:1px;color:#77705c;font-weight:600}.complete-badge{font-size:12px;color:var(--green);background:var(--green-soft);border-radius:5px;padding:2px 7px;white-space:nowrap}.video-card h3{font-size:23px;letter-spacing:-.3px}.video-summary{color:#595959;font-size:17px;line-height:1.9;margin-top:13px}.learning-points{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);flex:1}.points-title{font-size:14px;font-weight:650;color:#75632d}.learning-points ul{list-style:none;margin:11px 0 0;padding:0;display:grid;gap:9px}.learning-points li{position:relative;padding-left:17px;color:#5c584d;font-size:17px;line-height:1.8}.learning-points li:before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:#d4b52d}.video-note{font-size:13px;line-height:1.8;background:#fff9e3;color:#776332;padding:12px;margin-top:17px;border-radius:7px}.video-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.watch-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:650;color:#5b4d19;min-height:42px}.play-disc{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--yellow)}.play-disc svg{width:12px;height:12px;fill:currentColor;stroke:0}.completion-label{display:flex;gap:9px;align-items:center;cursor:pointer;font-size:15px;min-height:44px;color:#5a5a50}.completion-label input{width:21px;height:21px;accent-color:#9b8118;cursor:pointer;margin:0}.completion-label:has(input:checked){color:var(--green);font-weight:600}.empty-state{padding:55px 25px;text-align:center;border:1px dashed #d7d3c5;border-radius:16px;background:white;margin:25px 0 50px}.empty-state h2,.empty-state h3{font-size:24px}.empty-state p{color:var(--muted);margin-top:13px;font-size:16px}.empty-state .button{margin-top:22px}.course-end{padding-bottom:45px}
/* Searchable handbook and an uncluttered reading view. */
.manual-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:55px}.manual-sidebar{position:sticky;top:112px;border:1px solid var(--line);background:white;border-radius:16px;padding:20px;max-height:calc(100vh - 140px);overflow:auto}.manual-sidebar>h2{font-size:17px;margin-bottom:15px}.manual-sidebar .chapter-link{display:block;font-size:14px;padding:10px 12px;border-radius:7px;line-height:1.7;color:#666255}.manual-sidebar .chapter-link.active{background:var(--yellow-soft);color:#584913;font-weight:650}.manual-sidebar .part-label{font-size:12px;color:#94896a;margin:16px 12px 7px;letter-spacing:.7px}.manual-index{display:grid;gap:15px}.chapter-card{border:1px solid var(--line);background:white;border-radius:15px;padding:22px 25px;display:flex;gap:20px;align-items:flex-start;transition:border-color .2s}.chapter-card:hover{border-color:#c9b658}.chapter-number{font-size:15px;font-weight:650;color:#948330;padding-top:3px;min-width:30px}.chapter-card h2{font-size:22px}.chapter-card p{font-size:15px;color:var(--muted);margin-top:9px;line-height:1.85}.chapter-meta{font-size:12px;color:#8f8460;margin-top:6px}.chapter-arrow{margin-left:auto;font-size:23px;color:#958233}.manual-article{padding:38px 44px 30px;background:white;border:1px solid var(--line);border-radius:18px;min-width:0;overflow-wrap:anywhere}.article-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#74622b;margin-bottom:25px}.article-title{font-size:32px;letter-spacing:-.7px;line-height:1.5;margin-top:12px}.article-subtitle{font-size:17px;color:var(--muted);line-height:1.9;margin-top:17px}.article-content{margin-top:30px;color:#393a36;line-height:2}.article-content h1{font-size:30px;margin:32px 0 18px}.article-content h2{font-size:25px;margin:38px 0 18px;padding-left:14px;border-left:5px solid var(--yellow)}.article-content h3{font-size:21px;margin:28px 0 15px}.article-content h4{font-size:18px;margin:22px 0 12px}.article-content p{margin:0 0 20px}.article-content ul,.article-content ol{padding-left:25px;margin:18px 0 26px}.article-content li{padding-left:4px;margin-bottom:10px}.article-content a{text-decoration:underline;text-underline-offset:4px;color:#7c6113}.article-content figure{margin:28px 0}.article-content img{display:block;width:auto;max-width:100%;height:auto;margin:20px auto;border-radius:9px}.article-content figcaption{font-size:13px;text-align:center;color:var(--muted);line-height:1.8}.article-content blockquote{margin:25px 0;padding:22px 25px;background:var(--yellow-soft);border-left:4px solid var(--yellow);border-radius:0 10px 10px 0}.article-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:25px 0;font-size:15px}.article-content th,.article-content td{border:1px solid var(--line);padding:12px 15px;vertical-align:top;min-width:100px}.article-content th{background:var(--yellow-soft);font-weight:650}.article-content hr{border:0;border-top:1px solid var(--line);margin:32px 0}.article-content pre{overflow-x:auto;max-width:100%;background:#f6f4ec;padding:18px;border-radius:10px;font-size:14px}.article-content .callout,.article-content .learning-note{padding:22px;background:var(--yellow-soft);border-radius:12px;margin:24px 0}.chapter-navigation{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:28px;margin-top:35px;border-top:1px solid var(--line)}.chapter-navigation a{font-size:14px;max-width:48%;color:#71602b}.chapter-navigation a span{display:block;color:#8e8877;font-size:12px;margin-bottom:5px}.chapter-navigation a:last-child{text-align:right}.manual-mobile-select{display:none}.manual-cover-note{padding:24px;border-radius:14px;background:var(--yellow-soft);margin-bottom:22px;color:#6c5e2b;font-size:15px}.manual-cover-note h2{font-size:23px;color:var(--ink);margin-bottom:9px}.manual-download{display:flex;gap:10px;align-items:center}
/* A focused team view: access and self-reported learning progress. */
.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stat-card{border:1px solid var(--line);background:white;border-radius:16px;padding:22px 25px}.stat-card strong{display:block;font-size:34px;line-height:1.4;font-weight:650;letter-spacing:-1px}.stat-card p{font-size:14px;color:var(--muted);margin-top:8px}.stat-card.pending-stat{background:var(--yellow-soft);border-color:#e9d681}.admin-toolbar .search-box{max-width:420px}.admin-disclosure{font-size:14px;color:var(--muted);margin-bottom:20px}.member-list{display:grid;gap:14px;margin-bottom:35px}.member-card{background:white;border:1px solid var(--line);border-radius:15px;padding:23px 25px;display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(150px,.8fr) minmax(170px,1fr);gap:25px;align-items:center}.member-name-line{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.member-name-line h2{font-size:20px}.member-email{font-size:14px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.member-since{font-size:12px;color:#8a8372;margin-top:8px}.member-progress p{font-size:14px;color:var(--muted)}.member-progress strong{font-size:19px;color:var(--ink);margin-right:5px}.member-progress .last-updated{font-size:12px;color:#8a8372;margin-top:8px}.member-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.member-actions .text-button{font-size:14px}.team-course-summary{background:white;border:1px solid var(--line);border-radius:18px;padding:27px 30px;margin:30px 0 45px}.team-course-summary h2{font-size:25px;margin-bottom:8px}.team-course-summary>p{font-size:14px;color:var(--muted);margin-bottom:22px}.team-course-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 65px;align-items:center;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}.team-course-row .progress-bar{margin:0}.team-course-row .row-count{text-align:right;color:var(--muted);font-size:13px}.team-course-row>span:first-child{min-width:0}.team-course-row .lesson-num{font-size:12px;color:#978335;margin-right:8px}.member-detail-summary{padding:20px;background:var(--yellow-soft);border-radius:12px;margin:25px 0}.member-detail-stage{margin-top:25px}.member-detail-stage h3{font-size:19px;margin-bottom:13px}.member-detail-row{display:flex;gap:13px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}.detail-check{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #dbd9cc;border-radius:6px;flex-shrink:0;margin-top:2px;font-size:14px}.detail-check.done{background:var(--green-soft);border-color:#adcbb7;color:var(--green)}
.footer{border-top:1px solid var(--line);padding:25px 0;background:white}.footer>.wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;color:#7a766b}.footer-brand{display:flex;align-items:center;gap:16px;font-size:14px}.footer-brand img{width:64px;height:32px;object-fit:contain}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#302f29;color:white;box-shadow:0 5px 20px #0002;padding:13px 23px;border-radius:10px;font-size:15px;transition:.2s;z-index:100;max-width:calc(100% - 35px);text-align:center;line-height:1.7}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:20px;padding:32px;max-width:620px;width:calc(100% - 40px);max-height:85vh;overflow:auto;color:var(--ink);box-shadow:0 20px 70px #0002}dialog::backdrop{background:#28261970;backdrop-filter:blur(3px)}dialog h2{font-size:26px;margin-top:12px}dialog #confirm-body{margin-top:20px;color:var(--muted);font-size:16px;line-height:1.9}.dialog-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:28px}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dialog-heading h2{font-size:25px}.noscript{background:var(--yellow-soft);padding:20px;text-align:center}
@media(max-width:1150px){.header-inner{gap:20px}.header nav{gap:18px}.brand{gap:10px;font-size:14px}.brand img{width:62px}.brand b{display:block;margin-left:0;font-size:12px}.account-name{display:none}.header nav:not([hidden])+.account-actions{margin-left:0}.auth-layout{gap:50px}.progress-panel{grid-template-columns:1fr;gap:25px}.stage-mini-grid{border-top:1px solid var(--line);padding-top:22px}.manual-layout{grid-template-columns:230px minmax(0,1fr);gap:22px}.manual-article{padding:32px}.member-card{grid-template-columns:minmax(180px,1.1fr) minmax(140px,.8fr) minmax(150px,.9fr);gap:20px}}
@media(max-width:900px){.header-inner{width:calc(100% - 40px);flex-wrap:wrap;gap:0 20px;padding-top:13px;min-height:80px}.brand{font-size:14px}.brand b{display:inline;font-size:14px}.account-actions{margin-left:auto!important}.header nav{order:3;width:100%;gap:28px;justify-content:flex-start;margin-top:5px;overflow:auto}.header nav a{padding:11px 0 12px;font-size:15px}.header:has(nav[hidden]) .header-inner{padding-top:0}.auth-layout{gap:35px;grid-template-columns:1fr 1fr;padding-block:45px}.auth-intro h1{font-size:40px}.auth-card{padding:27px}.auth-intro>.intro-description{font-size:17px}.auth-promise{font-size:12px;gap:10px}.member-hero{gap:30px;grid-template-columns:1.2fr .8fr}.member-hero h1{font-size:37px}.member-hero p.hero-text{font-size:17px}.member-hero .hero-image{aspect-ratio:1.2}.path-grid{grid-template-columns:repeat(2,1fr);gap:16px}.video-grid{padding-left:0}.video-card{padding:24px}.toolbar{align-items:flex-start}.filter-group{gap:6px}.filter-button{font-size:14px;padding:10px 12px}.manual-layout{grid-template-columns:1fr}.manual-sidebar{display:none}.manual-mobile-select{display:block;margin-bottom:22px;width:100%;padding:12px 14px;border:1px solid #d7d4c8;border-radius:9px;background:white;font-size:16px}.admin-summary{grid-template-columns:repeat(2,1fr)}.member-card{grid-template-columns:1fr 1fr;gap:20px}.member-info{grid-column:1}.member-progress{grid-column:2;grid-row:1}.member-actions{grid-column:1/-1;justify-content:flex-start;padding-top:15px;border-top:1px solid var(--line)}.resource-card{padding:23px;gap:15px}.resource-card h3{font-size:19px}.resource-card p{font-size:14px}.resource-icon{width:45px;height:45px;border-radius:12px}}
@media(max-width:650px){html{scroll-padding-top:142px}.wrap{width:calc(100% - 36px)}.header-inner{width:calc(100% - 30px);min-height:73px;gap:0 12px}.brand{gap:10px;font-size:13px}.brand img{width:58px;height:34px}.brand-rule{height:22px}.brand b{display:block;margin:0;font-size:12px;line-height:1.5}.header nav{gap:24px;margin-top:7px}.header nav a{font-size:14px;padding-block:10px}.header .button.small{font-size:13px;padding:7px 10px;min-height:38px}.auth-layout{grid-template-columns:1fr;gap:28px;padding-block:30px 40px;min-height:0}.auth-intro h1{font-size:39px;margin-top:15px;letter-spacing:-1.2px}.auth-intro>.intro-description{font-size:17px;margin-top:19px;line-height:1.85}.auth-illustration{display:none}.auth-promise{font-size:13px;margin-top:20px;gap:10px 17px}.auth-card{padding:26px 23px;border-radius:20px}.auth-tabs{gap:25px;margin-bottom:25px}.auth-tabs button{font-size:20px}.auth-card h2{font-size:25px}.field{margin-top:18px}.privacy-note{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.3px}.status-panel{margin:35px auto 45px;padding:30px 25px;border-radius:20px}.status-panel h1{font-size:29px}.status-icon{width:62px;height:62px;border-radius:18px;font-size:28px;margin-bottom:22px}.status-panel>p{font-size:16px}.status-account{padding:16px;font-size:14px}.status-actions{gap:12px}.status-actions .button{font-size:15px}.member-hero{grid-template-columns:1fr;padding-block:29px 28px;gap:0}.member-hero .hero-image{display:none}.member-hero h1{font-size:34px;line-height:1.4;margin-top:12px}.member-hero p.hero-text{font-size:17px;line-height:1.85;margin-top:15px}.hero-actions{gap:15px;margin-top:24px}.hero-actions .button{font-size:15px}.progress-panel{padding:23px;gap:21px;margin-bottom:34px;border-radius:18px}.progress-main{grid-template-columns:74px 1fr;gap:17px}.progress-ring{width:74px;height:74px}.progress-ring:before{width:59px;height:59px}.progress-ring strong{font-size:20px}.progress-main h2{font-size:19px}.progress-main p{font-size:14px}.progress-main .self-note{font-size:12px}.stage-mini-grid{grid-template-columns:repeat(2,1fr);gap:17px 25px;padding-top:20px}.stage-mini-title{font-size:14px}.stage-mini-count{font-size:12px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:27px}.section-heading>p{font-size:15px;margin-top:13px}.path-grid{gap:12px;margin-bottom:32px}.path-card{padding:18px 15px;border-radius:14px}.path-number{width:31px;height:31px;font-size:13px}.path-card h3{font-size:19px;margin-top:15px}.path-card p{font-size:13px;line-height:1.9;margin-top:8px}.path-card .path-footer{font-size:12px;margin-top:16px}.resource-grid{grid-template-columns:1fr;gap:15px;margin-bottom:32px}.resource-card{padding:22px;gap:17px}.resource-card h3{font-size:20px}.resource-card p{font-size:15px}.note-strip{font-size:14px;padding:20px;margin-bottom:30px}.page-heading{padding:29px 0 24px}.page-heading h1{font-size:31px;line-height:1.45;margin-top:10px;letter-spacing:-.7px}.page-heading>p{font-size:16px;margin-top:13px}.toolbar{flex-direction:column;gap:17px;margin-bottom:21px}.search-box{max-width:none!important;width:100%;min-height:51px}.search-box input{font-size:16px}.filter-group{width:100%;gap:8px}.filter-button{font-size:14px;padding:9px 15px;flex:1}.result-count{font-size:13px}.stage-group{padding-top:20px;margin-bottom:32px;scroll-margin-top:145px}.stage-heading{gap:13px;flex-wrap:wrap;margin-bottom:20px}.stage-heading .stage-number{width:41px;height:41px;font-size:20px;border-radius:10px}.stage-heading>div{flex:1;min-width:0}.stage-heading h2{font-size:25px}.stage-heading p{font-size:15px;line-height:1.9;margin-top:8px}.stage-label{margin:0 0 0 54px;padding-top:0;font-size:13px}.video-grid{grid-template-columns:1fr;gap:18px}.video-card{padding:23px 22px;border-radius:16px}.video-card h3{font-size:23px;line-height:1.5}.video-summary{font-size:17px;line-height:1.85}.video-top{margin-bottom:13px}.learning-points li{font-size:17px;line-height:1.8}.learning-points{margin-top:21px}.video-actions{gap:10px;margin-top:22px;padding-top:16px}.completion-label{font-size:14px}.watch-link{font-size:15px}.course-end{padding-bottom:30px}.manual-download{flex-wrap:wrap}.manual-article{padding:27px 22px;border-radius:15px}.article-title{font-size:27px;line-height:1.5;letter-spacing:-.3px}.article-subtitle{font-size:16px}.article-content{margin-top:25px;font-size:17px;line-height:2}.article-content h1{font-size:27px}.article-content h2{font-size:23px;padding-left:12px;margin-top:30px}.article-content h3{font-size:20px}.article-content blockquote{padding:19px}.article-content table{font-size:14px}.article-content th,.article-content td{padding:10px 12px}.article-back{font-size:13px;margin-bottom:22px}.chapter-card{padding:21px 18px;gap:12px}.chapter-card h2{font-size:21px;line-height:1.6}.chapter-card p{font-size:15px}.chapter-number{font-size:13px;min-width:25px;padding-top:5px}.chapter-arrow{font-size:21px}.chapter-navigation{gap:15px}.chapter-navigation a{font-size:13px}.manual-cover-note{padding:22px;font-size:14px}.manual-cover-note h2{font-size:22px}.manual-layout{padding-bottom:35px}.admin-summary{gap:12px;margin-bottom:25px}.stat-card{padding:19px}.stat-card strong{font-size:30px}.stat-card p{font-size:13px;margin-top:5px}.admin-toolbar .filter-group{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.admin-toolbar .filter-button{padding:9px 7px;font-size:13px;white-space:nowrap}.member-card{padding:20px;gap:19px;grid-template-columns:1fr}.member-info{grid-column:1}.member-progress{grid-column:1;grid-row:auto;border-top:1px solid var(--line);padding-top:15px}.member-actions{gap:12px;padding-top:16px}.member-name-line h2{font-size:21px}.member-email{font-size:14px}.member-since{font-size:12px}.member-progress .progress-bar{max-width:100%}.team-course-summary{padding:23px 20px}.team-course-summary h2{font-size:23px}.team-course-row{grid-template-columns:minmax(0,1fr) 50px;gap:9px 12px;font-size:14px;padding-block:15px}.team-course-row .progress-bar{grid-column:1;grid-row:2}.team-course-row .row-count{grid-column:2;grid-row:1/3;align-self:center}.team-course-row .lesson-num{font-size:11px}.footer{padding-block:21px}.footer>.wrap{flex-direction:column;align-items:flex-start;gap:10px;font-size:12px}.footer-brand{font-size:13px;gap:13px}.footer-brand img{width:56px;height:27px}.toast{font-size:14px;bottom:18px;padding:12px 17px}dialog{padding:26px 23px;max-height:88vh;border-radius:17px}dialog h2,.dialog-heading h2{font-size:23px}.dialog-actions{gap:10px}.dialog-actions .button{font-size:15px}.dialog-heading .eyebrow{font-size:9px}.member-detail-row{font-size:14px}}
.status-steps{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.article-content .manual-intro{font-size:18px;color:#5d594e;line-height:2}.article-content .manual-outcome,.article-content .manual-transition{background:#faf7e9;padding:21px 24px;border-radius:12px;margin:26px 0}.article-content .manual-notice{background:var(--yellow-soft);border:1px solid #e4d286;border-radius:12px;padding:20px 24px;margin:24px 0}.article-content .manual-figure figcaption,.article-content .manual-illustration figcaption{border-left:4px solid var(--yellow);padding:12px 16px;background:#faf8ee;text-align:left;border-radius:0 7px 7px 0}.article-content .figure-note{font-size:14px;color:var(--muted)}.article-content .table-scroll{overflow-x:auto}.article-content .related-videos{border:1px solid var(--line);padding:22px 25px;border-radius:12px;margin:30px 0}.article-content .related-videos h2{margin-top:0}.article-content img{background:#fff}
/* Keep the original panoramic team illustration at its natural ratio. */
.member-hero .hero-image{height:auto;aspect-ratio:1448/760;object-fit:contain;max-height:300px;border-radius:48px 48px 18px 18px}
@media(min-width:901px){.member-hero{padding-block:32px 30px;gap:48px}.member-hero h1{font-size:clamp(34px,3.8vw,48px);line-height:1.35}.member-hero p.hero-text{margin-top:15px}.member-hero .hero-actions{margin-top:22px}}
.next-lesson{font-size:15px;line-height:1.8;margin-top:18px;color:#5f5a48}.next-lesson>span{display:inline-block;font-size:12px;padding:2px 8px;margin-right:9px;border-radius:5px;background:var(--yellow-soft);color:#806b23;vertical-align:1px}.hero-actions>.primary>svg{width:15px;height:15px;fill:currentColor;stroke:0}.home-path{border-top:1px solid var(--line);padding-top:27px}.handbook-resource{display:flex;align-items:center;gap:22px;padding:26px 28px;border:1px solid var(--line);border-radius:18px;background:white;margin-bottom:28px}.handbook-resource h2{font-size:22px}.handbook-resource p{font-size:16px;line-height:1.85;margin-top:8px;color:var(--muted)}.handbook-resource>.button{margin-left:auto;flex-shrink:0}.handbook-resource .resource-icon{background:#f3f1e8;color:#7a735c}
@media(max-width:650px){.next-lesson{font-size:14px;margin-top:18px;line-height:1.9}.next-lesson>span{font-size:11px;margin-right:7px}.home-path{padding-top:25px}.handbook-resource{padding:22px;gap:16px;flex-wrap:wrap;border-radius:15px}.handbook-resource>.resource-icon{display:none}.handbook-resource h2{font-size:21px;line-height:1.6}.handbook-resource p{font-size:15px}.handbook-resource>.button{margin-left:0;font-size:14px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.header,.footer,.manual-sidebar,.manual-mobile-select,.toolbar,.article-back,.chapter-navigation,.toast{display:none!important}.wrap{width:100%}.manual-layout{display:block}.manual-article{border:0;padding:0}.article-content img{break-inside:avoid}.article-content h2,.article-content h3{break-after:avoid}body{background:white}}