/* Owned classroom templates, using the source site's navy / white / teal system. */
body.native{--bg:#f4f5f6;--surface:#fff;--soft:#f5f7f8;--ink:#12334e;--muted:#6e7f8c;--line:#dce4e9;--accent:#11bfa6;--accent-hover:#079f8b;--tint:#e7f8f3;--radius:4px;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;color-scheme:light}
.native *{box-sizing:border-box}.native a:focus-visible,.native button:focus-visible{outline:2px solid #ff9e00;outline-offset:3px}.native .shell{max-width:1240px;margin:auto}.native .page{min-height:65vh;padding:28px 24px 44px}.native .heading h1{font-size:28px;letter-spacing:0;line-height:1.35}.native .heading p{font-size:14px;margin-top:7px}.native button,.native input,.native select,.native textarea{font-family:inherit}.native .primary,.native .outline,.native .filter-button,.native .filter-select{border-radius:4px;font-size:14px;min-height:40px}.native .primary{background:var(--accent);border-color:var(--accent);color:white}.native .primary:hover{background:var(--accent-hover)}.native .outline{border-color:#aebcc6}.native .tag{border-radius:3px;padding:5px 7px;font-size:11px}.native .panel,.native .teacher-card,.native .book-card,.native .teacher-section,.native .learner-panel,.native .tool-panel,.native .record{border-radius:4px;box-shadow:none}.native .teacher-name{font-size:21px}.native .teacher-info{padding:14px}.native .teacher-photo{aspect-ratio:1.17}.native .teacher-grid{gap:16px}.native .class-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.native .filters{background:#fff;border:1px solid var(--line);border-radius:4px;padding:16px;flex-wrap:wrap;margin:22px 0 14px}.native .filters .search{min-width:280px;flex:1}.native .search input{height:46px;border-radius:4px}.native .filter-button,.native .filter-select,.native .toggle-label{height:44px;font-size:13px;gap:8px;padding:0 12px}.native .search svg{top:12px}.native .card-actions .primary{background:#10c3e8;border-color:#10c3e8}.native .ratings{font-size:14px}.native .panel h2{font-size:19px}.native .status{border-radius:3px}.native .encourage,.native .page-footer,.native .pokemon-banner,.native .pokemon-filters{display:none}.native .teacher-display{margin-left:auto}.native .teacher-display .plain{font-size:12px}.native .result-caption{margin:16px 0}.native .sidebar .panel{padding:18px}.native .sidebar{gap:16px}.native .book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.native .learner-topbar,.native .teacher-topbar{background:transparent}.native .teacher-profile-layout{gap:20px}.native .teacher-profile h1{font-size:28px}.native dialog{border-radius:5px}.native .modal-header{padding:20px 24px}.native .modal-header h2{font-size:21px}.native .modal-content{padding:24px}.native .native-login-card{max-width:620px;margin:60px auto;background:white;border:1px solid var(--line);padding:36px;line-height:1.9}.native .native-login-card h1{font-size:26px}.native .native-login-card p{color:var(--muted);margin:12px 0 24px}.native .native-login-card .primary,.native .native-login-card .outline{display:inline-flex;align-items:center;margin:0 8px 8px 0}
.nc-header{background:#0b2b47;color:white}.nc-header-inner{max-width:1240px;min-height:88px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nc-brand{display:flex;flex-direction:column;align-items:flex-start;color:white;text-decoration:none}.nc-brand img{width:220px;height:44px;object-fit:cover;display:block}.nc-brand span{font-size:12px;line-height:18px;margin-top:1px}.nc-account{display:flex;align-items:center;gap:20px}.nc-account a{color:white;text-decoration:none;font-size:13px}.nc-account .plain{color:white;display:flex;align-items:center;gap:6px;font-size:13px}.nc-account svg{width:21px;height:21px}.nc-login,.nc-membership{border:1px solid #547084;border-radius:3px;padding:9px 14px}.nc-account .nc-login{background:#10bfa6;border-color:#10bfa6}.nc-nav{background:#fff;color:#17364e;border-bottom:1px solid #d5dde3}.nc-nav>div{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0 24px}.nc-nav button{border:0;border-bottom:3px solid transparent;background:none;color:inherit;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:13px;cursor:pointer}.nc-nav button svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.6;fill:none}.nc-nav button:hover{background:#f7fafb}.nc-nav button.active{color:#00ad9a;border-bottom-color:#10bfa6}.nc-footer{background:#0b2b47;color:#dce6ef;padding:26px 24px}.nc-footer>div{max-width:1192px;margin:auto;display:flex;justify-content:space-between;gap:24px;align-items:center}.nc-footer img{width:220px;height:44px;object-fit:cover;display:block}.nc-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px}.nc-footer a{color:inherit;text-decoration:none;font-size:13px}.nc-footer a:hover{text-decoration:underline;color:#ffb133}
@media(max-width:1080px){.native .class-layout{grid-template-columns:minmax(0,1fr) 235px}.native .teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.native .filters .search{flex-basis:100%}}
@media(max-width:780px){.nc-header-inner{min-height:84px;padding:12px 16px;gap:10px}.nc-brand img{width:180px;height:36px}.nc-brand span{font-size:11px}.nc-account{gap:8px}.nc-account .nc-membership{display:none}.nc-account a,.nc-account .plain{font-size:12px}.nc-login{padding:8px 10px}.nc-nav>div{padding:0 8px}.nc-nav button{font-size:11px;min-height:67px;gap:6px}.nc-nav button svg{width:22px;height:22px}.native .page{padding:22px 16px 32px}.native .heading h1{font-size:25px}.native .class-layout{display:block}.native .sidebar{grid-template-columns:1fr;display:grid;margin-top:20px}.native .sidebar .history-link{grid-column:auto}.native .filters{padding:12px;gap:8px;margin-top:18px}.native .filters .search{min-width:0}.native .filters .more-filter{display:inline-flex}.native .filter-button,.native .filter-select,.native .toggle-label{font-size:12px;padding:0 9px;gap:6px}.native .teacher-grid{gap:12px}.native .teacher-name{font-size:18px}.native .teacher-info{padding:12px 10px}.native .teacher-display{display:none}.native .teacher-photo{aspect-ratio:1}.native .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native .native-login-card{margin:24px auto;padding:24px}.native .native-login-card h1{font-size:23px}.nc-footer>div{align-items:flex-start;flex-direction:column;gap:16px}.nc-footer nav{justify-content:flex-start;gap:12px 20px}.nc-footer img{width:180px;height:36px}}

.nc-help-bar{background:#fff8e9;color:#735a2e;border-bottom:1px solid #eee1c4}.nc-help-bar>div{max-width:1240px;padding:8px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.nc-help-bar nav{display:flex;align-items:center;gap:20px}.nc-help-bar a{font-size:12px;color:#197369;text-decoration:none}.nc-help-bar a:hover{text-decoration:underline}.nc-help-bar .nc-guide-link{display:inline-flex;align-items:center;gap:12px;color:#8c6116;background:#fff;border:1px solid #e7bd69;border-radius:3px;padding:5px 13px;font-weight:700}
@media(max-width:780px){.nc-help-bar>div{padding:9px 16px;font-size:11px;gap:10px}.nc-help-bar nav{gap:12px}.nc-help-bar a{font-size:11px}.nc-help-bar .nc-guide-link{padding:5px 9px;gap:7px}}