:root{--navy:#163957;--teal:#196d83;--ink:#172938;--muted:#657384;--bg:#f7f9fb;--border:#dce5eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Microsoft JhengHei",sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #e3a32d;outline-offset:3px}.container{width:min(1080px,calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:5}.header{background:white;border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brand{font-weight:800;text-decoration:none;color:var(--navy);font-size:19px}.brand span{font-size:13px;background:#e8f4f7;border-radius:5px;padding:5px 8px;margin-left:7px}.nav nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}.nav nav a{text-decoration:none;color:#375063}.nav nav a:hover{color:var(--teal)}.hero{background:linear-gradient(120deg,#153552,#1c6574);color:white;padding:78px 0 85px}.hero .container{max-width:1080px}.hero h1{font-size:clamp(30px,5vw,50px);margin:7px 0}.hero p:not(.eyebrow){max-width:700px;color:#e4eef2;font-size:18px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#a6dfe5}.eyebrow.dark{color:var(--teal)}.button{display:inline-block;border-radius:8px;background:white;color:var(--navy);padding:10px 20px;font-weight:750;text-decoration:none;margin-top:16px}.section{padding:45px 0}.section h1{font-size:clamp(25px,4vw,38px);line-height:1.3;margin:5px 0 15px}.section h2{font-size:25px;margin:5px 0 20px}.lead{color:#455b6d;max-width:790px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{display:block;border:1px solid var(--border);background:white;padding:23px;border-radius:12px;text-decoration:none;min-height:220px}.card:hover:not(.muted){border-color:var(--teal)}.card h3{font-size:22px;margin:15px 0 5px}.card p{font-size:14px;color:var(--muted);margin:0}.chip{display:inline-block;background:#edf6f8;color:#266a7b;padding:2px 8px;font-size:12px;border-radius:20px}.textlink{color:var(--teal);font-weight:800;font-size:13px}.muted{opacity:.78}.notice{background:#edf4f7;border-left:4px solid #337e95;padding:15px 18px;border-radius:6px;margin:22px 0}.notice p{margin:4px 0}.chapters{display:grid;gap:10px;margin-top:30px}.chapter{display:flex;align-items:center;gap:18px;background:white;border:1px solid var(--border);border-radius:10px;padding:14px 18px;text-decoration:none}.chapter:hover{border-color:#1d7289}.num{background:#eaf3f6;color:#185c73;font-weight:800;min-width:44px;padding:10px;text-align:center;border-radius:7px}.chapter-info{flex:1}.chapter-info strong{display:block}.chapter-info small{display:block;color:var(--muted)}.status{font-size:12px;color:#7e5b17;background:#fcf3db;padding:2px 9px;border-radius:18px}.arrow{font-size:20px;color:#7d92a3}.article{max-width:870px}.outline,.downloads{background:white;border:1px solid var(--border);border-radius:12px;padding:12px 22px}.outline p{border-bottom:1px solid #edf0f4;padding:8px 0}.outline p:last-child{border:0}.downloads>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-weight:600}.downloads>div:last-child{border:0}.downloads span{font-size:13px;color:var(--muted);font-weight:400}.hint{font-size:13px;color:var(--muted)}.pager{display:flex;justify-content:space-between;gap:15px;margin-top:34px}.pager a{color:var(--teal);font-weight:700}.footer{background:#122c42;color:#cbd9e2;padding:24px 0;font-size:13px;margin-top:60px}@media(max-width:780px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{align-items:flex-start;flex-direction:column}.hero{padding:50px 0}.chapter{gap:8px;padding:12px}.status{display:none}}@media(max-width:480px){.cards{grid-template-columns:1fr}.chapter-info strong{font-size:14px}.pager{font-size:13px}}
/* LabCenter V1.3.0 test: responsive Word-imported lesson images.
   Scope to published rich lesson only; do not affect site header / logos. */
.rich-lesson img {
    display: block;
    width: auto !important;
    max-width: min(100%, 700px) !important;
    height: auto !important;
    margin: 18px auto;
    object-fit: contain;
}
.rich-lesson figure { max-width: 100%; margin: 18px auto; }
.rich-lesson figure img { margin: 0 auto; }
.rich-lesson table img { max-width: 100% !important; }

/* BEGIN LABCENTER TEST WORD TABLE STYLE V1.3.0 */
/* Only HTML tables in published DOCX lessons; not the admin/dashboard. */
.rich-lesson table {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #94a3b8;
    background: #fff;
    font-size: 0.95rem;
}
.rich-lesson table th,
.rich-lesson table td {
    border: 1px solid #94a3b8 !important;
    padding: 9px 12px;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.rich-lesson table th {
    background: #e8eef5;
    font-weight: 700;
}
.rich-lesson table tr:nth-child(even) td {
    background: #f8fafc;
}
/* Long tables stay within the article on smaller screens. */
.rich-lesson { min-width: 0; overflow-x: auto; }
.rich-lesson table img { max-width: 100% !important; height: auto !important; }
/* END LABCENTER TEST WORD TABLE STYLE V1.3.0 */