:root{font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#102a43;background:#f4f8fa;line-height:1.7}*{box-sizing:border-box}body{margin:0}.topbar{padding:18px 6vw;font-weight:700;color:#0b7770;background:#fff;border-bottom:1px solid #dbe5ec}.hero{padding:48px 6vw 42px;background:#eef7f6;border-bottom:1px solid #dbe5ec}.eyebrow{color:#087f78;font-weight:700;letter-spacing:.08em}.hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.2;margin:8px 0 14px}.lead{font-size:1.15rem;color:#496579}.layout{max-width:1180px;margin:32px auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,2fr) 320px;gap:24px}.card{background:#fff;border:1px solid #dbe5ec;border-radius:16px;padding:26px;margin-bottom:24px}.media{aspect-ratio:16/9;background:#102a43;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.2rem}.media video{width:100%;height:100%;border-radius:12px}.side h2,.card h2{margin-top:0}.btn{display:block;width:100%;text-align:center;text-decoration:none;padding:12px;margin-top:12px;border-radius:9px;background:#398b84;color:#fff;font-weight:700;border:0;cursor:pointer;font-family:inherit;font-size:1rem}.btn.alt{background:#edf6f5;color:#23655f}.pill{display:inline-block;border:1px solid #c9e1de;border-radius:999px;padding:4px 11px;margin:3px;background:#eef7f6;color:#23655f;font-size:.9rem}@media(max-width:800px){.layout{grid-template-columns:1fr}}main{max-width:1180px;margin:0 auto;padding:42px 20px}main>.card{padding:34px 38px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid article{border:1px solid #dbe5ec;border-top:5px solid #398b84;border-radius:14px;padding:24px;background:#fff}.grid article h3{margin:0 0 12px;color:#102a43;font-size:1.35rem}.grid article p{color:#496579}.grid article a{display:inline-block;margin-top:10px;color:#237c76;font-weight:700;text-decoration:none}.hero>.btn{display:inline-block;min-width:150px;margin-right:10px}.hero>.btn.alt{background:#fff;border:1px solid #c9e1de}dialog{max-width:min(92vw,1100px);padding:16px;border:0;border-radius:14px;background:#fff}dialog::backdrop{background:rgba(16,42,67,.65)}dialog img{display:block;max-width:88vw;max-height:86vh}.modal-close{display:block;margin-left:auto;margin-bottom:8px;border:0;background:#398b84;color:#fff;padding:7px 16px;border-radius:7px;cursor:pointer}@media(max-width:800px){.grid{grid-template-columns:1fr}}
.section-lead{color:#496579;font-size:1.05rem}.topic-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.topic-list a{display:inline-block;padding:8px 16px;border-radius:999px;background:#eef7f6;color:#23655f;text-decoration:none;border:1px solid #d4e8e5}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.split a{color:#237c76;font-weight:700;text-decoration:none}.callout{background:#f3f8fc;border-left:5px solid #4c78b5;padding:22px 26px;border-radius:10px}.callout h3{margin-top:0}@media(max-width:800px){.split{grid-template-columns:1fr}}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.resource-grid .card{margin-bottom:0}.resource-grid a{color:#237c76;font-weight:700;text-decoration:none}.resource-grid .btn{color:#fff;background:#398b84}@media(max-width:800px){.resource-grid{grid-template-columns:1fr}}
.topbar span{display:none}
.home-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0 12px}.home-topic-grid a{display:flex;flex-direction:column;justify-content:center;min-height:76px;padding:11px 14px;border:1px solid #d4e8e5;border-radius:12px;background:#eef7f6;color:#23655f;text-decoration:none}.home-topic-grid a strong{font-size:1rem}.home-topic-grid a span{margin-top:3px;font-size:.82rem;line-height:1.4;color:#496579;font-weight:400}.home-topic-grid a:hover{background:#dff0ed;border-color:#9dcac4}@media(max-width:900px){.home-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.home-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.compact{padding-bottom:48px}.section{margin-bottom:32px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.series-note{color:#237c76;font-weight:700}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.course-card{display:flex;flex-direction:column;min-height:145px;padding:20px;background:#fff;border:1px solid #dbe5ec;border-top:5px solid #398b84;border-radius:14px;text-decoration:none;color:#102a43;transition:transform .15s,box-shadow .15s}.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,42,67,.1)}.course-card span{color:#237c76;font-weight:800;font-size:1.05rem;letter-spacing:.04em}.course-card strong{font-size:1.08rem;line-height:1.45;margin-top:10px}.course-card small{margin-top:auto;color:#6b8295}.section + .section{padding-top:10px;border-top:1px solid #dbe5ec}@media(max-width:1000px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.series-note{display:block;margin-top:8px}}
.brand{font-size:1.55rem;font-weight:800;color:#17324d;margin-bottom:24px}.hero>.eyebrow{font-size:1.35rem}.platform-subtitle{color:#496579;font-size:1rem;margin:0 0 18px}.hero .platform-subtitle{max-width:900px}.hero>.btn{width:auto;min-width:150px;padding-left:28px;padding-right:28px;margin-top:12px}
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 28px}.topic-card{display:flex;flex-direction:column;padding:15px 18px;border:1px solid #d4e8e5;border-left:4px solid #398b84;border-radius:12px;background:#f6fbfa;color:#102a43;text-decoration:none}.topic-card strong{font-size:1.05rem}.topic-card span{margin-top:3px;color:#496579;font-size:.9rem}.topic-card:hover{background:#eaf6f4;border-color:#9dcac4}.card>.callout{margin-top:28px}@media(max-width:700px){.topic-grid{grid-template-columns:1fr}}
.map-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin-top:24px}.map-step{padding:20px;border:1px solid #dbe5ec;border-top:5px solid #398b84;border-radius:14px;background:#f8fbfc}.map-step h3{margin:8px 0;font-size:1.2rem}.map-step p{color:#496579;margin:0 0 12px}.map-step a{color:#237c76;font-weight:700;text-decoration:none}.step-no{font-weight:800;color:#237c76;letter-spacing:.08em}.flow-arrow{display:grid;place-items:center;font-size:2rem;color:#398b84}.future-step{border-top-color:#6b8295;background:#fbfcfd}.future-label{color:#6b8295;font-weight:700}.structure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.structure-grid article{padding:20px;border:1px solid #dbe5ec;border-radius:12px;background:#fff}.structure-grid h3{margin:0 0 8px}.structure-grid p{margin:0;color:#496579}@media(max-width:1000px){.map-flow{grid-template-columns:1fr 1fr}.flow-arrow{display:none}}@media(max-width:700px){.map-flow,.structure-grid{grid-template-columns:1fr}}
.subsection{margin-top:28px;padding-top:22px;border-top:1px solid #d9e3e8}.subsection h3{margin:0 0 8px;font-size:1.25rem;color:#17304e}

.about-page .section-lead{font-size:1.12rem;line-height:1.9;max-width:62rem}.about-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.about-sections article{background:#f4f7fb;border-left:4px solid #5b79b8;border-radius:.6rem;padding:1.15rem 1.25rem}.about-sections h2{margin-top:0}@media(max-width:720px){.about-sections{grid-template-columns:1fr}}
.home-hero{padding:42px 6vw}.hero-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:48px;align-items:center}.hero-copy{min-width:0}.hero-copy .brand{margin-bottom:22px}.hero-copy .lead{max-width:850px}.hero-copy>.btn{display:inline-block;width:auto;min-width:150px;padding-left:28px;padding-right:28px;margin:12px 10px 0 0}.hero-copy>.btn.alt{background:#fff;border:1px solid #c9e1de}.origin-card{justify-self:end;width:100%;background:rgba(255,255,255,.88);border:1px solid #d5e2e7;border-radius:14px;padding:22px 24px;box-shadow:0 8px 22px rgba(16,42,67,.05)}.origin-card .eyebrow{font-size:.82rem}.origin-card h2{font-size:1.28rem;line-height:1.4;margin:6px 0 9px}.origin-card p{margin:0 0 12px;color:#496579;font-size:.94rem;line-height:1.65}.origin-card a{color:#237c76;font-weight:700;text-decoration:none;font-size:.94rem}.origin-card a:hover{text-decoration:underline}@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:26px}.origin-card{justify-self:start;max-width:560px}}@media(max-width:600px){.home-hero{padding:34px 20px}.hero-copy>.btn{min-width:0;padding-left:20px;padding-right:20px}.origin-card{padding:18px 20px}}

.philosophy-section{position:relative;overflow:hidden}.philosophy-section>p{max-width:64rem;color:#496579}.philosophy-section>p+p{margin-top:8px}.philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.philosophy-grid article{padding:20px 22px;border:1px solid #d4e8e5;border-left:4px solid #398b84;border-radius:12px;background:#f6fbfa}.philosophy-grid h3{margin:0 0 6px;font-size:1.12rem}.philosophy-grid p{margin:0;color:#496579}@media(max-width:760px){.philosophy-grid{grid-template-columns:1fr}.philosophy-grid article{padding:17px 19px}}

.philosophy-link{display:inline-block;margin-top:22px;color:#237c76;font-weight:700;text-decoration:none}.philosophy-link:hover{text-decoration:underline}
.competency-topbar{display:flex;align-items:center;justify-content:space-between}.topbar-brand,.topbar-back{font-weight:700;text-decoration:none}.topbar-brand{color:#17324d}.topbar-back{color:#237c76}.competency-hero{padding-block:44px}.competency-hero-inner{max-width:1180px;margin:0 auto}.competency-hero h1{margin:8px 0 14px;font-size:clamp(2.1rem,4vw,3.35rem);line-height:1.25}.competency-hero .lead{max-width:58rem}.competency-page{padding-top:32px}.competency-intro>p{max-width:64rem;color:#496579}.competency-intro .callout{margin-top:22px}.competency-section{margin:32px 0}.competency-heading{align-items:end;margin-bottom:20px}.competency-heading h2{margin:5px 0 0;font-size:1.8rem}.competency-heading>p{max-width:28rem;margin:0;color:#496579;text-align:right}.competency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.competency-grid article{padding:23px 24px;border:1px solid #dbe5ec;border-left:5px solid #398b84;border-radius:14px;background:#fff}.competency-grid h3{margin:8px 0 7px;font-size:1.22rem}.competency-grid p{margin:0;color:#496579}.ability-stage{display:inline-block;padding:2px 10px;border-radius:999px;background:#eef7f6;color:#23655f;font-size:.82rem;font-weight:800}.competency-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.competency-use-grid article{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid #dbe5ec;border-radius:12px;background:#f8fbfc}.competency-use-grid strong{font-size:1.08rem}.competency-use-grid span{color:#496579}.text-link{display:inline-block;margin-top:6px;color:#237c76;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}@media(max-width:760px){.competency-topbar{padding-inline:20px}.topbar-brand{font-size:.95rem}.competency-hero{padding:34px 20px}.competency-grid,.competency-use-grid{grid-template-columns:1fr}.competency-heading{display:block}.competency-heading>p{text-align:left;margin-top:8px}.competency-grid article{padding:20px}}

.page-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:8px}.literature-page{padding-top:32px}.literature-position>p{max-width:64rem;color:#496579}.literature-position .callout{margin-top:22px}.literature-themes{margin:32px 0}.literature-themes>h2{margin:5px 0 18px}.literature-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.literature-theme-grid article{padding:22px 24px;border:1px solid #dbe5ec;border-top:5px solid #398b84;border-radius:14px;background:#fff}.literature-theme-grid h3{margin:0 0 7px}.literature-theme-grid p{margin:0;color:#496579}.reference-list{display:grid;gap:0;margin:20px 0 0;padding-left:1.55rem}.reference-list li{padding:17px 6px 17px 8px;border-top:1px solid #dbe5ec;color:#496579}.reference-list li:first-child{border-top:0;padding-top:4px}.reference-list strong{color:#17324d}.reference-list a{color:#237c76;font-weight:700}.reference-note{margin:18px 0 0;color:#6b8295;font-size:.92rem}.translation-flow{display:flex;align-items:stretch;gap:10px;margin:20px 0;flex-wrap:wrap}.translation-flow span{flex:1;min-width:180px;display:grid;place-items:center;padding:16px;text-align:center;border:1px solid #d4e8e5;border-radius:11px;background:#eef7f6;color:#23655f;font-weight:700}.translation-flow b{display:grid;place-items:center;color:#398b84}@media(max-width:760px){.literature-theme-grid{grid-template-columns:1fr}.translation-flow{display:grid;grid-template-columns:1fr}.translation-flow b{transform:rotate(90deg)}}
.title-en{display:inline-block;font-size:.55em;font-weight:700;color:#39736f;letter-spacing:.01em;vertical-align:middle}

/* 指定學習專區：與主站一致的文字識別及帳號流程元件 */
.demo-brand.site-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.35}
.demo-brand.site-wordmark .site-owner{color:#39736f;font-size:1rem;font-weight:800}
.demo-brand.site-wordmark .site-platform{color:#17324d;font-size:1.22rem;font-weight:800}
.login-card h2{margin:0 0 8px}
.login-card .intro{margin:0 0 20px;color:#496579}
.login-links{display:flex;justify-content:space-between;gap:16px;margin-top:18px}
.login-links a{color:#237c76;font-weight:700;text-decoration:none}
.login-links a:hover{text-decoration:underline}
.password-rules{margin:16px 0;padding:14px 18px;background:#eef7f6;border-radius:8px;color:#496579}
.password-rules strong{color:#17324d}
.password-rules ul{margin:7px 0 0;padding-left:1.3rem}
.step-label{display:inline-block;margin-bottom:14px;color:#237c76;font-size:.9rem;font-weight:800;letter-spacing:.06em}
.form-message{margin-top:14px;color:#496579;font-size:.9rem;text-align:center}
@media(max-width:600px){.demo-brand.site-wordmark .site-owner{font-size:.88rem}.demo-brand.site-wordmark .site-platform{font-size:1.05rem}.login-links{flex-direction:column;gap:8px}}
.demo-brand:not(.site-wordmark){display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.35}
.demo-brand:not(.site-wordmark)>.demo-logo,.demo-brand:not(.site-wordmark)>span:not(.demo-logo){display:none}
.demo-brand:not(.site-wordmark)::before{content:"奇美醫院醫學倫理委員會";color:#39736f;font-size:1rem;font-weight:800}
.demo-brand:not(.site-wordmark)::after{content:"醫學倫理微課程教育平台";color:#17324d;font-size:1.22rem;font-weight:800}
@media(max-width:600px){.demo-brand:not(.site-wordmark)::before{font-size:.88rem}.demo-brand:not(.site-wordmark)::after{font-size:1.05rem}}
.program-stack{display:grid;gap:34px}
.learner-program>.table-scroll{margin-top:0}
.learner-program .program-card{border-radius:15px 15px 0 0}
.learner-program .course-table{margin-top:0;border:1px solid #dbe5ec;border-top:0}
.account-help{display:block;margin-top:7px;color:#6b8295;font-size:.84rem;font-weight:400}

.about-main{padding-top:32px}.about-main p{color:#496579}.about-overview>p,.evidence-section>p,.future-section>p{max-width:65rem}.about-feature{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:28px;align-items:center;margin-bottom:24px;padding:34px 38px;border:1px solid #dbe5ec;border-radius:16px;background:#fff}.about-feature h2{margin:5px 0 12px}.about-feature-copy p{max-width:58rem}.about-quote{display:flex;flex-direction:column;gap:8px;padding:24px;border-left:5px solid #398b84;border-radius:12px;background:#eef7f6;color:#496579}.about-quote strong{color:#17324d;font-size:1.12rem}.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.about-principles article{padding:20px 22px;border:1px solid #dbe5ec;border-top:5px solid #398b84;border-radius:12px;background:#f8fbfc}.about-principles h3{margin:0 0 7px}.about-principles p{margin:0}.about-series-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin-top:22px}.about-series-flow article{padding:22px;border:1px solid #d4e8e5;border-radius:14px;background:#f6fbfa}.about-series-flow article>span{color:#237c76;font-size:.88rem;font-weight:800}.about-series-flow h3{margin:7px 0}.about-series-flow p{margin:0 0 12px}.about-series-flow a{color:#237c76;font-weight:700;text-decoration:none}.about-series-flow>b{display:grid;place-items:center;color:#398b84;font-size:1.4rem}.about-series-flow .future{background:#fbfcfd;border-color:#dbe5ec}.about-series-flow .future>span{color:#6b8295}.ability-feature{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.ability-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ability-summary span{display:grid;place-items:center;min-height:58px;padding:8px;border:1px solid #d4e8e5;border-radius:10px;background:#eef7f6;color:#23655f;font-weight:800}.about-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:18px}.about-links a{color:#237c76;font-weight:700;text-decoration:none}.about-links a:hover,.about-series-flow a:hover{text-decoration:underline}@media(max-width:850px){.about-feature{grid-template-columns:1fr}.about-series-flow{grid-template-columns:1fr}.about-series-flow>b{transform:rotate(90deg)}.about-principles{grid-template-columns:1fr}}@media(max-width:600px){.about-feature{padding:26px 24px}.ability-summary{grid-template-columns:repeat(2,1fr)}}

/* 指定學習模擬頁 */
.demo-header{display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;background:#fff;border-bottom:1px solid #dbe5ec}.demo-brand{display:flex;align-items:center;gap:13px;color:#17324d;text-decoration:none;font-weight:800}.demo-logo{width:48px;height:48px;border-radius:22px 22px 22px 7px;background:#398b84;color:#fff;display:grid;place-items:center;font-size:1.25rem}.demo-brand small{display:block;color:#496579;font-weight:400}.demo-tag{padding:7px 14px;border-radius:999px;background:#eef7f6;color:#237c76;font-size:.88rem}.demo-home{background:#f6f8fa;min-height:100vh}.demo-home-main{max-width:1380px}.demo-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.demo-resource{display:flex;flex-direction:column;min-height:310px;padding:30px;border:1px solid #dbe5ec;border-radius:17px;background:#fff}.demo-resource .eyebrow{font-size:1.05rem;letter-spacing:.13em}.demo-resource h2{font-size:1.55rem;margin:8px 0 20px}.demo-resource p{color:#496579}.demo-resource a{margin-top:auto;color:#237c76;font-weight:800;text-decoration:none}.demo-resource .btn{color:#fff}.login-page{min-height:calc(100vh - 81px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(380px,.65fr);gap:72px;align-items:center;padding:70px 7vw;background:linear-gradient(110deg,#f6f4eb,#edf6f3)}.login-copy{max-width:780px}.login-copy h1{font-family:"Noto Serif TC","Microsoft JhengHei",serif;font-size:clamp(3rem,5vw,5rem);line-height:1.2;margin:28px 0}.login-copy h1 span{color:#398b84}.login-copy .strong{font-size:1.22rem;font-weight:800}.login-copy p{color:#496579;font-size:1.05rem}.login-note{margin-top:40px;border-left:4px solid #398b84;padding:18px 22px;background:#ffffffaa}.login-card{background:#fff;border:1px solid #dbe5ec;border-radius:17px;padding:30px;box-shadow:0 20px 45px rgba(16,42,67,.08)}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf2f1;padding:5px;border-radius:10px;margin-bottom:25px}.login-tabs button{border:0;background:transparent;padding:12px;border-radius:7px;color:#6b8295;font-size:1rem;cursor:pointer}.login-tabs button.active{background:#fff;color:#237c76;font-weight:800}.login-card label{display:block;margin:15px 0;color:#17324d;font-weight:700}.login-card input{width:100%;padding:13px;margin-top:7px;border:1px solid #cbd9dd;border-radius:8px;font:inherit}.format-note{padding:12px 14px;background:#eef7f6;border-radius:8px;color:#496579;font-size:.88rem}.demo-shell{min-height:100vh;background:#f6f8fa}.demo-nav{display:flex;align-items:center;gap:8px}.demo-nav a{padding:9px 12px;color:#496579;text-decoration:none;font-weight:700}.demo-nav a.active{color:#237c76}.dashboard{max-width:1280px;margin:auto;padding:46px 24px}.dashboard-head{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:28px}.dashboard-head h1{font-size:2.25rem;margin:5px 0}.dashboard-head p{color:#496579}.status{display:inline-block;padding:5px 10px;border-radius:999px;background:#dff1eb;color:#16715e;font-size:.82rem;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.metric{padding:20px;background:#fff;border:1px solid #dbe5ec;border-radius:12px}.metric strong{display:block;color:#237c76;font-size:1.8rem}.metric span{color:#6b8295;font-size:.9rem}.program-card{padding:28px;background:#fff;border:1px solid #dbe5ec;border-radius:15px}.program-card h2{margin:13px 0 6px}.bar{height:8px;background:#e3ecea;border-radius:9px;margin:24px 0;overflow:hidden}.bar i{display:block;height:100%;width:67%;background:#398b84}.course-table,.member-table{width:100%;border-collapse:collapse;background:#fff;margin-top:22px}.course-table th,.course-table td,.member-table th,.member-table td{padding:15px 13px;text-align:left;border-top:1px solid #dbe5ec}.course-table th,.member-table th{background:#f4f7f8;color:#496579;font-size:.88rem}.state{padding:5px 9px;border-radius:999px;background:#eef7f6;color:#237c76;font-size:.82rem}.state.wait{background:#f0f2f3;color:#6b8295}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.quick-actions a{display:flex;justify-content:space-between;padding:17px 3px;border-top:1px solid #dbe5ec;color:#17324d;text-decoration:none;font-weight:700}.member-link{color:#237c76;font-weight:800;text-decoration:none}.detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.timeline{border-left:2px solid #cfe1dd;margin-left:10px;padding-left:28px}.timeline div{position:relative;margin:0 0 23px}.timeline i{position:absolute;width:12px;height:12px;border-radius:50%;background:#398b84;left:-35px;top:5px}.timeline small{display:block;color:#6b8295}.notice{padding:14px 17px;border-left:4px solid #398b84;background:#eef7f6;color:#496579}@media(max-width:850px){.demo-resource-grid,.login-page,.admin-grid,.detail-grid{grid-template-columns:1fr}.login-page{padding:45px 24px}.metrics{grid-template-columns:repeat(2,1fr)}.demo-nav{display:none}.demo-resource{min-height:240px}.member-table,.course-table{min-width:720px}.table-scroll{overflow:auto}}