body.page-how-lms{background:#fbead8;}
html{scroll-behavior:smooth;}

    #edclex-lms-guide{ --canvas:#fbead8; --paper:#fffaf1; --ink:#0b2b45; --muted:#4f5b58; --forest:#28543a; --forest-dark:#1d422d; --green-soft:#e7eee2; --wine:#7a1f1b; --wine-soft:#f2e1d8; --gold:#a47735; --gold-soft:#f1e5ca; --line:#dcc8ae; --serif:Georgia,"Times New Roman",serif; --sans:"Segoe UI",Arial,sans-serif; }
    #edclex-lms-guide,#edclex-lms-guide *{ box-sizing:border-box; }
    #edclex-lms-guide{ background:var(--canvas); scroll-behavior:smooth; scroll-padding-top:24px; }
    #edclex-lms-guide{ margin:0; color:var(--ink); background:var(--canvas); font:15px/1.65 var(--sans); -webkit-font-smoothing:antialiased; }
    #edclex-lms-guide a{ color:inherit; text-underline-offset:4px; }
    #edclex-lms-guide :focus-visible{ outline:3px solid var(--gold); outline-offset:4px; }
    #edclex-lms-guide svg.icon{ width:23px; height:23px; display:block; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
    #edclex-lms-guide .symbols{ position:absolute; width:0; height:0; overflow:hidden; }
    #edclex-lms-guide .skip{ position:absolute; z-index:20; top:12px; left:12px; padding:9px 15px; background:var(--paper); transform:translateY(-160%); }
    #edclex-lms-guide .skip:focus{ transform:none; }
    #edclex-lms-guide .wrap{ width:min(1160px,100% - 64px); margin-inline:auto; }
    #edclex-lms-guide .site-header{ border-bottom:1px solid var(--line); background:var(--paper); }
    #edclex-lms-guide .mast{ min-height:87px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
    #edclex-lms-guide .brand{ display:flex; align-items:center; gap:11px; text-decoration:none; }
    #edclex-lms-guide .brand-seal{ width:44px; height:44px; display:grid; place-items:center; border:3px double var(--wine); border-radius:50%; color:var(--wine); font:28px/1 var(--serif); }
    #edclex-lms-guide .brand-word{ display:block; font:700 29px/1 var(--serif); letter-spacing:-.7px; }
    #edclex-lms-guide .brand-word span{ color:var(--wine); }
    #edclex-lms-guide .brand-tag{ display:block; margin-top:5px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:1.55px; text-transform:uppercase; }
    #edclex-lms-guide .header-nav{ display:flex; align-items:center; gap:24px; font-size:12px; font-weight:650; }
    #edclex-lms-guide .header-nav a{ text-decoration:none; }
    #edclex-lms-guide .header-nav a:hover{ color:var(--wine); text-decoration:underline; }
    #edclex-lms-guide .header-nav .login{ min-height:40px; padding:8px 16px; border:1px solid #c6b197; background:#f5e9da; border-radius:5px; color:var(--wine); }
    #edclex-lms-guide .crumb{ margin:0; padding-top:25px; color:var(--muted); font-size:11px; }
    #edclex-lms-guide .crumb span{ margin:0 9px; color:var(--gold); }
    #edclex-lms-guide .hero{ display:grid; grid-template-columns:1.4fr 1fr; gap:60px; align-items:center; padding:37px 0 34px; }
    #edclex-lms-guide .kicker{ display:flex; align-items:center; gap:9px; color:var(--wine); margin:0 0 11px; font-size:10px; font-weight:750; letter-spacing:1.7px; text-transform:uppercase; }
    #edclex-lms-guide .diamond{ width:6px; height:6px; background:var(--gold); transform:rotate(45deg); flex-shrink:0; }
    #edclex-lms-guide h1{ margin:0 0 15px; font:400 clamp(38px,4vw,53px)/1.13 var(--serif); letter-spacing:-1px; }
    #edclex-lms-guide .hero-intro{ max-width:600px; margin:0; color:var(--muted); font-size:16px; }
    #edclex-lms-guide .hero-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
    #edclex-lms-guide .button{ min-height:46px; padding:10px 17px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid transparent; border-radius:5px; text-decoration:none; font-size:13px; font-weight:650; }
    #edclex-lms-guide .button-primary{ background:var(--forest); color:#fff6e7; }
    #edclex-lms-guide .button-primary:hover{ background:var(--forest-dark); }
    #edclex-lms-guide .button-secondary{ border-color:#c4b093; color:var(--wine); background:#f5e9da; }
    #edclex-lms-guide .button-secondary:hover{ background:#ecd9c6; }
    #edclex-lms-guide .button .icon{ width:17px; height:17px; }
    #edclex-lms-guide .start-card{ position:relative; padding:25px; border:1px solid var(--forest); border-radius:10px; background:var(--forest); color:#fff4e5; }
    #edclex-lms-guide .start-card h2{ margin:0 0 15px; font:400 28px/1.2 var(--serif); }
    #edclex-lms-guide .start-card > .icon{ width:27px; height:27px; color:#d3b57d; margin-bottom:14px; }
    #edclex-lms-guide .start-card ol{ list-style:none; margin:0; padding:0; display:grid; gap:11px; }
    #edclex-lms-guide .start-card li{ display:flex; align-items:flex-start; gap:10px; color:#e5ecdf; font-size:12px; }
    #edclex-lms-guide .start-card li span{ width:20px; height:20px; flex-shrink:0; margin-top:1px; border:1px solid #8fa285; border-radius:50%; text-align:center; font-size:10px; color:#e2c89b; }
    #edclex-lms-guide .start-card a{ color:#fff5e6; }
    #edclex-lms-guide .start-small{ margin:16px 0 0; padding-top:12px; border-top:1px solid #618166; color:#d6e0cf; font-size:10px; }
    #edclex-lms-guide .route{ margin:0; padding:20px 0 27px; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; list-style:none; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    #edclex-lms-guide .route li{ position:relative; min-width:0; }
    #edclex-lms-guide .route li:not(:last-child)::after{ content:""; position:absolute; right:-8px; top:21px; width:8px; height:8px; border-top:1px solid #af9166; border-right:1px solid #af9166; transform:rotate(45deg); }
    #edclex-lms-guide .route a{ display:grid; grid-template-columns:46px 1fr; align-items:center; gap:12px; color:var(--ink); text-decoration:none; min-height:56px; }
    #edclex-lms-guide .route a:hover strong{ color:var(--wine); text-decoration:underline; }
    #edclex-lms-guide .route-number{ display:block; margin-bottom:3px; font-size:9px; color:#805f2d; font-weight:700; letter-spacing:1px; }
    #edclex-lms-guide .route strong{ display:block; font:700 20px/1.2 var(--serif); }
    #edclex-lms-guide .route small{ display:block; margin-top:4px; color:var(--muted); font-size:11px; }
    #edclex-lms-guide .icon-tile{ width:46px; height:46px; border:1px solid #b9c8b0; border-radius:9px; display:grid; place-items:center; background:var(--green-soft); color:var(--forest); box-shadow:0 3px 7px rgb(47 58 32 / 8%); flex-shrink:0; }
    #edclex-lms-guide .icon-tile.gold{ border-color:#d0b886; background:var(--gold-soft); color:#7d5b23; }
    #edclex-lms-guide .icon-tile.wine{ border-color:#d6b1a0; background:var(--wine-soft); color:var(--wine); }
    #edclex-lms-guide .icon-tile .icon{ width:25px; height:25px; }
    #edclex-lms-guide .section{ padding:37px 0; border-bottom:1px solid var(--line); }
    #edclex-lms-guide .section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:20px; }
    #edclex-lms-guide .section-head h2{ margin:0; font:400 31px/1.2 var(--serif); letter-spacing:-.4px; }
    #edclex-lms-guide .section-head .kicker{ margin-bottom:7px; }
    #edclex-lms-guide .section-head > p{ max-width:390px; margin:0; color:var(--muted); font-size:12px; }
    #edclex-lms-guide .grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
    #edclex-lms-guide .tool-card{ display:flex; flex-direction:column; min-width:0; padding:23px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
    #edclex-lms-guide .tool-top{ display:flex; gap:13px; align-items:center; margin-bottom:13px; }
    #edclex-lms-guide .tool-top .icon-tile{ width:43px; height:43px; border-radius:8px; }
    #edclex-lms-guide .tool-top h3{ font:700 23px/1.2 var(--serif); margin:0; }
    #edclex-lms-guide .tool-top .tool-label{ color:var(--muted); font-size:10px; display:block; margin-top:4px; }
    #edclex-lms-guide .tool-card p{ color:var(--muted); font-size:13px; margin:0; }
    #edclex-lms-guide .tool-card p strong{ color:var(--ink); font-weight:650; }
    #edclex-lms-guide .tool-card .tiny{ margin-top:11px; font-size:11px; color:#5c6258; }
    #edclex-lms-guide .note-options{ display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }
    #edclex-lms-guide .note-options span{ padding:4px 8px; border:1px solid #d8c5a8; border-radius:4px; background:#f5ecdd; color:#72562d; font-size:10px; }
    #edclex-lms-guide .link-row{ margin-top:auto; padding-top:16px; display:flex; gap:15px; align-items:center; flex-wrap:wrap; }
    #edclex-lms-guide .tool-link{ display:inline-flex; align-items:center; gap:6px; min-height:27px; color:var(--forest); font-size:12px; font-weight:650; text-decoration:none; }
    #edclex-lms-guide .tool-link:hover{ text-decoration:underline; }
    #edclex-lms-guide .tool-link .icon{ width:15px; height:15px; }
    #edclex-lms-guide .pal-card{ background:#edf1e7; border-color:#bfccb4; }
    #edclex-lms-guide .level-strip{ display:flex; gap:6px; align-items:center; margin-top:14px; }
    #edclex-lms-guide .level-strip > span{ width:23px; height:23px; display:grid; place-items:center; border:1px solid #b4c2a9; border-radius:50%; background:#fff9ed; color:var(--forest); font-size:10px; font-weight:700; }
    #edclex-lms-guide .level-strip > span:last-of-type{ color:#fff5e5; background:var(--forest); border-color:var(--forest); }
    #edclex-lms-guide .level-strip small{ color:#476046; margin-left:7px; font-size:10px; }
    #edclex-lms-guide .status{ display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border:1px solid #ceb98b; border-radius:4px; background:var(--gold-soft); color:#705222; font-size:10px; font-weight:650; }
    #edclex-lms-guide .status::before{ content:""; width:5px; height:5px; border-radius:50%; background:#977034; flex-shrink:0; }
    #edclex-lms-guide .availability{ display:flex; gap:11px; align-items:center; flex-wrap:wrap; margin-top:14px; }
    #edclex-lms-guide .availability small{ color:var(--muted); font-size:10px; }
    #edclex-lms-guide .current-band{ display:flex; align-items:center; justify-content:space-between; gap:26px; padding:24px 26px; margin-top:19px; border:1px solid var(--forest); border-radius:9px; background:var(--forest); color:#fff5e5; }
    #edclex-lms-guide .current-copy{ display:flex; align-items:flex-start; gap:17px; max-width:710px; }
    #edclex-lms-guide .current-copy > .icon-tile{ background:#3b6546; border-color:#809774; color:#e8cda0; margin-top:2px; }
    #edclex-lms-guide .current-band h3{ margin:0 0 8px; font:400 25px/1.2 var(--serif); }
    #edclex-lms-guide .current-band p{ color:#e3ebdc; margin:0; font-size:12px; }
    #edclex-lms-guide .current-band .button{ flex-shrink:0; border-color:#91a680; color:#fff4e5; font-size:12px; padding:9px 13px; }
    #edclex-lms-guide .current-band .button:hover{ background:#3b6546; }
    #edclex-lms-guide .question-example{ margin-top:13px; padding:11px 12px; border-left:3px solid var(--gold); background:#f4ebd9; color:#65543a; font-size:12px; }
    #edclex-lms-guide .question-example span{ display:block; margin-bottom:3px; color:#755624; font-size:9px; letter-spacing:.7px; font-weight:700; text-transform:uppercase; }
    #edclex-lms-guide .mentoring{ margin-top:17px; padding:20px 23px; display:flex; align-items:flex-start; gap:15px; border:1px solid #d3bc96; border-radius:8px; background:#f2e8d4; }
    #edclex-lms-guide .mentoring h3{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; font:700 21px/1.3 var(--serif); margin:0 0 7px; }
    #edclex-lms-guide .mentoring p{ margin:0; font-size:12px; color:#605944; }
    #edclex-lms-guide .mentoring .status{ font-family:var(--sans); }
    #edclex-lms-guide .routine{ margin:26px 0; padding:19px 22px; display:flex; align-items:center; gap:17px; border:1px solid #c3ceb8; background:var(--green-soft); border-radius:8px; }
    #edclex-lms-guide .routine h2{ font:700 22px/1.3 var(--serif); margin:0 0 4px; }
    #edclex-lms-guide .routine p{ margin:0; color:#4b5b47; font-size:12px; }
    #edclex-lms-guide .bottom-actions{ display:flex; gap:10px; flex-shrink:0; margin-left:auto; }
    #edclex-lms-guide .support-line{ display:flex; justify-content:space-between; gap:20px; padding:0 0 25px; color:var(--muted); font-size:12px; }
    #edclex-lms-guide .support-line a{ color:var(--wine); }
    #edclex-lms-guide .site-footer{ border-top:1px solid var(--line); padding:23px 0; }
    #edclex-lms-guide .footer-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:30px; }
    #edclex-lms-guide .footer-title{ color:var(--wine); font:700 20px/1.2 var(--serif); }
    #edclex-lms-guide .footer-copy{ margin:5px 0 0; max-width:350px; color:var(--muted); font-size:11px; }
    #edclex-lms-guide .footer-links{ display:flex; gap:19px; flex-wrap:wrap; justify-content:flex-end; font-size:11px; color:var(--muted); }
    #edclex-lms-guide .footer-links a{ min-height:24px; text-decoration:none; }
    #edclex-lms-guide .footer-links a:hover{ text-decoration:underline; }
    @media(max-width:980px){
      #edclex-lms-guide .header-nav{ gap:17px; }
      #edclex-lms-guide .hero{ gap:32px; }
      #edclex-lms-guide .route{ gap:18px; }
      #edclex-lms-guide .route a{ grid-template-columns:40px 1fr; gap:10px; }
      #edclex-lms-guide .route .icon-tile{ width:40px; height:40px; }
      #edclex-lms-guide .route strong{ font-size:18px; }
      #edclex-lms-guide .route small{ font-size:10px; }
      #edclex-lms-guide .current-band{ align-items:flex-start; flex-direction:column; gap:17px; }
      #edclex-lms-guide .current-band .button{ margin-left:63px; }
      #edclex-lms-guide .routine{ align-items:flex-start; flex-wrap:wrap; }
      #edclex-lms-guide .bottom-actions{ margin-left:63px; }
    }
    @media(max-width:900px){
      #edclex-lms-guide .wrap{ width:calc(100% - 44px); }
      #edclex-lms-guide .header-nav a:not(.login){ display:none; }
      #edclex-lms-guide .mast{ min-height:76px; }
      #edclex-lms-guide .hero{ grid-template-columns:1fr; gap:25px; padding-top:30px; }
      #edclex-lms-guide h1{ font-size:39px; }
      #edclex-lms-guide .hero-intro{ font-size:14px; }
      #edclex-lms-guide .hero-actions{ flex-direction:column; align-items:stretch; }
      #edclex-lms-guide .start-card{ padding:22px; }
      #edclex-lms-guide .start-card h2{ font-size:26px; }
      #edclex-lms-guide .route{ grid-template-columns:repeat(2,1fr); gap:20px 30px; }
      #edclex-lms-guide .route li:nth-child(2)::after{ display:none; }
      #edclex-lms-guide .route strong{ font-size:20px; }
      #edclex-lms-guide .route small{ font-size:11px; }
      #edclex-lms-guide .section-head{ flex-direction:column; align-items:flex-start; gap:10px; }
      #edclex-lms-guide .section-head > p{ max-width:100%; }
      #edclex-lms-guide .tool-card{ padding:20px; }
      #edclex-lms-guide .tool-top{ align-items:flex-start; gap:11px; }
      #edclex-lms-guide .tool-top h3{ font-size:21px; }
      #edclex-lms-guide .level-strip{ flex-wrap:wrap; }
      #edclex-lms-guide .level-strip small{ margin-left:0; width:100%; }
      #edclex-lms-guide .footer-row{ flex-direction:column; gap:17px; }
      #edclex-lms-guide .footer-links{ justify-content:flex-start; }
    }
    @media(max-width:560px){
      #edclex-lms-guide .wrap{ width:calc(100% - 32px); }
      #edclex-lms-guide .mast{ min-height:73px; gap:10px; }
      #edclex-lms-guide .brand-word{ font-size:26px; }
      #edclex-lms-guide .brand-seal{ width:36px; height:36px; font-size:23px; }
      #edclex-lms-guide .brand-tag{ font-size:8px; letter-spacing:1.25px; }
      #edclex-lms-guide .brand{ gap:8px; }
      #edclex-lms-guide .header-nav .login{ font-size:11px; padding:7px 12px; min-height:38px; }
      #edclex-lms-guide .crumb{ padding-top:19px; font-size:10px; }
      #edclex-lms-guide .hero{ grid-template-columns:1fr; padding:26px 0; gap:22px; }
      #edclex-lms-guide h1{ font-size:41px; }
      #edclex-lms-guide .hero-intro{ font-size:15px; }
      #edclex-lms-guide .hero-actions{ flex-direction:row; gap:8px; }
      #edclex-lms-guide .hero-actions .button{ flex:1; font-size:12px; padding:10px 12px; }
      #edclex-lms-guide .start-card{ padding:22px; }
      #edclex-lms-guide .start-card > .icon{ width:25px; height:25px; }
      #edclex-lms-guide .start-card li{ font-size:13px; }
      #edclex-lms-guide .start-small{ font-size:11px; }
      #edclex-lms-guide .route{ padding:21px 0; gap:21px 22px; }
      #edclex-lms-guide .route a{ grid-template-columns:35px 1fr; gap:9px; }
      #edclex-lms-guide .route .icon-tile{ width:35px; height:35px; border-radius:7px; }
      #edclex-lms-guide .route .icon-tile .icon{ width:21px; height:21px; }
      #edclex-lms-guide .route-number{ font-size:8px; }
      #edclex-lms-guide .route strong{ font-size:18px; }
      #edclex-lms-guide .route small{ font-size:10px; }
      #edclex-lms-guide .route li:not(:last-child)::after{ width:6px; height:6px; right:-4px; }
      #edclex-lms-guide .section{ padding:30px 0; }
      #edclex-lms-guide .section-head h2{ font-size:29px; }
      #edclex-lms-guide .grid{ grid-template-columns:1fr; gap:14px; }
      #edclex-lms-guide .tool-card{ padding:22px 20px; }
      #edclex-lms-guide .tool-top{ align-items:center; gap:13px; }
      #edclex-lms-guide .tool-top h3{ font-size:23px; }
      #edclex-lms-guide .tool-card p{ font-size:14px; }
      #edclex-lms-guide .tool-card .tiny{ font-size:12px; }
      #edclex-lms-guide .note-options span{ font-size:11px; }
      #edclex-lms-guide .tool-link{ min-height:35px; font-size:13px; }
      #edclex-lms-guide .level-strip small{ width:auto; margin-left:5px; }
      #edclex-lms-guide .current-band{ padding:22px 20px; gap:17px; }
      #edclex-lms-guide .current-copy{ gap:13px; }
      #edclex-lms-guide .current-copy > .icon-tile{ width:40px; height:40px; }
      #edclex-lms-guide .current-band h3{ font-size:24px; }
      #edclex-lms-guide .current-band p{ font-size:13px; }
      #edclex-lms-guide .current-band .button{ margin-left:0; width:100%; }
      #edclex-lms-guide .mentoring{ padding:20px; gap:12px; }
      #edclex-lms-guide .mentoring > .icon-tile{ width:38px; height:38px; border-radius:7px; }
      #edclex-lms-guide .mentoring p{ font-size:13px; }
      #edclex-lms-guide .routine{ padding:20px; gap:12px; }
      #edclex-lms-guide .routine > .icon-tile{ width:38px; height:38px; }
      #edclex-lms-guide .routine h2{ font-size:21px; }
      #edclex-lms-guide .routine p{ font-size:13px; }
      #edclex-lms-guide .routine-copy{ width:calc(100% - 50px); }
      #edclex-lms-guide .bottom-actions{ margin:5px 0 0; width:100%; }
      #edclex-lms-guide .bottom-actions .button{ flex:1; font-size:12px; padding-inline:12px; }
      #edclex-lms-guide .support-line{ flex-direction:column; gap:9px; font-size:12px; }
      #edclex-lms-guide .footer-links{ gap:12px 17px; }
    }
    @media(max-width:350px){ #edclex-lms-guide .route a{ grid-template-columns:30px 1fr; gap:7px; } #edclex-lms-guide .route .icon-tile{ width:30px; height:30px; } #edclex-lms-guide .route strong{ font-size:17px; } #edclex-lms-guide .route{ gap:19px 17px; } #edclex-lms-guide h1{ font-size:38px; } #edclex-lms-guide .hero-actions{ flex-direction:column; } #edclex-lms-guide .hero-actions .button{ width:100%; } #edclex-lms-guide .brand-word{ font-size:24px; } #edclex-lms-guide .brand-tag{ font-size:7px; } #edclex-lms-guide .level-strip small{ width:100%; margin-left:0; } }
    @media(prefers-reduced-motion:reduce){ #edclex-lms-guide{ scroll-behavior:auto; } }
    @media print{ #edclex-lms-guide .header-nav,#edclex-lms-guide .hero-actions,#edclex-lms-guide .button,#edclex-lms-guide .link-row,#edclex-lms-guide .footer-links,#edclex-lms-guide .support-line>a{ display:none; } #edclex-lms-guide .wrap{ width:100%; } #edclex-lms-guide .tool-card,#edclex-lms-guide .current-band,#edclex-lms-guide .mentoring{ break-inside:avoid; } #edclex-lms-guide{ background:var(--paper); } }