/* ============================================
   Screenshot & Content Protection CSS
   ============================================ */

/* Text selection disable (site-wide) */
* {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none;
}

/* Allow typing/selecting inside form fields so the phone number field still works */
input, textarea {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/* Image drag disable */
img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
}

/* NOTE: pointer-events is intentionally NOT disabled on video —
   doing so would remove the ability to press play/pause/seek. */
/* ---- style block ---- */
:root{
    --bg:#EDE5D3;
    --card:#F4EEE0;
    --card-2:#E7DEC7;
    --border:#C9B98F;
    --border-soft:#D8CBA6;
    --navy:#1C2B3A;
    --navy-2:#243646;
    --text:#26221C;
    --muted:#6B6250;
    --gold:#A9822F;
    --gold-deep:#8C6B22;
    --green:#2F7D4F;
    --green-bg:#DEEBDD;
    --red:#B23A2E;
    --red-bg:#F3DCD8;
    --amber:#B8860B;
    --amber-bg:#FCEFCB;
    --radius:4px;
    --on-green-bg:#173B26;
    --on-red-bg:#5C1C14;
  }
  body.dark-mode{
    --bg:#17140F;
    --card:#221E17;
    --card-2:#2B261D;
    --border:#4A422F;
    --border-soft:#3A3324;
    --navy:#0C1620;
    --navy-2:#13202C;
    --text:#EDE6D6;
    --muted:#A79A80;
    --gold:#D8B463;
    --gold-deep:#E6C578;
    --green:#4CAF77;
    --green-bg:#1D3327;
    --red:#E06A5C;
    --red-bg:#3B221F;
    --amber:#D9A93B;
    --amber-bg:#3A2F17;
    --on-green-bg:#B9E8C9;
    --on-red-bg:#F5C2B8;
  }
  body.dark-mode{ background-image:none; }
  /* Keep diagram/image content untouched in dark mode — only chrome colors shift via variables above */
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:'Source Sans 3', sans-serif;
    min-height:100vh;
    padding-top:78px;
  }
  h1,h2,h3,.display{ font-family:'Fraunces', serif; }
  .mono{ font-family:'JetBrains Mono', monospace; }

  /* ---------- Password Gate ---------- */
  #gate{
    position:fixed; inset:0; z-index:100;
    display:flex; align-items:center; justify-content:center;
    background:var(--navy);
    padding:24px;
  }
  #gate .card{
    width:100%; max-width:380px;
    background:var(--card);
    border:1px solid var(--gold);
    border-radius:var(--radius);
    padding:44px 34px 38px;
    text-align:center;
    box-shadow:0 24px 70px rgba(0,0,0,0.35);
  }
  #gate .vip{
    font-family:'Fraunces', serif;
    font-style:italic;
    font-weight:600;
    font-size:36px;
    color:var(--gold-deep);
    letter-spacing:2px;
    margin:0 0 10px;
  }
  #gate .sub{
    font-size:11px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--muted);
    margin:0 0 22px;
  }
  #gate input{
    width:100%;
    background:var(--card);
    border:1px solid var(--border);
    color:var(--text);
    padding:13px 14px;
    border-radius:2px;
    font-size:14px;
    margin-bottom:14px;
    outline:none;
    text-align:center;
    letter-spacing:1px;
  }
  #gate input::placeholder{ color:#9C927A; letter-spacing:1px; }
  #gate input:focus{ border-color:var(--gold); }
  #gate button{
    width:100%;
    background:var(--navy);
    color:#EDE5D3;
    border:none;
    padding:13px 14px;
    border-radius:2px;
    font-weight:600;
    font-size:12px;
    letter-spacing:2.5px;
    cursor:pointer;
    transition:filter .15s ease;
  }
  #gate button:hover{ filter:brightness(1.2); }
  #gate .err{ color:var(--red); font-size:12px; min-height:16px; margin-top:12px; }

  /* ---------- Registration / Waiting / Denied gates (share #gate styles) ---------- */
  #regform, #waitgate, #deniedgate{
    position:fixed; inset:0; z-index:100;
    display:none; align-items:center; justify-content:center;
    background:var(--navy);
    padding:24px;
  }
  #regform .card, #waitgate .card, #deniedgate .card{
    width:100%; max-width:400px;
    background:var(--card);
    border:1px solid var(--gold);
    border-radius:var(--radius);
    padding:44px 34px 38px;
    text-align:center;
    box-shadow:0 24px 70px rgba(0,0,0,0.35);
  }
  #regform .vip, #waitgate .vip, #deniedgate .vip{
    font-family:'Fraunces', serif; font-style:italic; font-weight:600;
    font-size:36px; color:var(--gold-deep); letter-spacing:2px; margin:0 0 10px;
  }
  #regform .sub, #waitgate .sub, #deniedgate .sub{
    font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); margin:0 0 22px;
  }
  #regform input{
    width:100%; background:var(--card); border:1px solid var(--border); color:var(--text);
    padding:13px 14px; border-radius:2px; font-size:14px; margin-bottom:14px; outline:none;
    text-align:left; letter-spacing:.3px;
  }
  #regform input::placeholder{ color:#9C927A; }
  #regform input:focus, #regform select:focus{ border-color:var(--gold); }
  #regform button, #waitgate button, #deniedgate button{
    width:100%; background:var(--navy); color:#EDE5D3; border:none; padding:13px 14px;
    border-radius:2px; font-weight:600; font-size:12px; letter-spacing:2.5px; cursor:pointer;
    transition:filter .15s ease;
  }
  #regform button:hover{ filter:brightness(1.2); }
  #regform .err{ color:var(--red); font-size:12px; min-height:16px; margin-top:12px; }
  .phone-label{
    text-align:left; font-size:11px; letter-spacing:1px; text-transform:uppercase;
    color:var(--gold-deep); margin:4px 0 6px;
  }
  .phone-row{ display:flex; gap:8px; margin-bottom:14px; }
  .phone-row select{
    background:var(--card); border:1px solid var(--border); color:var(--text);
    border-radius:2px; padding:0 6px; font-size:13px; flex:0 0 108px; max-width:108px;
  }
  .phone-row input{ margin-bottom:0 !important; text-align:left !important; flex:1; }
  .spinner{
    width:32px; height:32px; margin:6px auto 0;
    border:3px solid var(--border); border-top-color:var(--gold);
    border-radius:50%; animation:spin 0.8s linear infinite;
  }
  @keyframes spin{ to{ transform:rotate(360deg); } }

  /* ---------- Top bar ---------- */
  #topbar{
    position:fixed; top:0; left:0; right:0; width:100%; box-sizing:border-box; z-index:999;
    display:flex; align-items:center; justify-content:space-between;
    gap:12px;
    padding:12px 20px;
    background:var(--navy);
    color:#EDE5D3;
  }
  body.has-topbar{ padding-top:56px; }
  #topbar .topbar-left{ display:flex; align-items:center; gap:10px; }
  #topbar .vip-mini{
    font-family:'Fraunces',serif; font-style:italic; font-weight:600;
    letter-spacing:1px; color:#D9BE72; font-size:15px;
  }
  #themetoggle{ display:flex; gap:6px; margin-left:auto; }
  #themetoggle button{
    background:transparent;
    border:1px solid #4A5C6C;
    color:#CFC9B8;
    font-size:11.5px;
    font-weight:600;
    letter-spacing:.5px;
    padding:6px 10px;
    border-radius:2px;
    cursor:pointer;
  }
  #themetoggle button.active{
    background:var(--gold);
    border-color:var(--gold);
    color:#1C2B3A;
  }
  #langtoggle{ display:flex; gap:6px; }
  #langtoggle button{
    background:transparent;
    border:1px solid #4A5C6C;
    color:#CFC9B8;
    font-size:11.5px;
    font-weight:600;
    letter-spacing:.5px;
    padding:6px 12px;
    border-radius:2px;
    cursor:pointer;
  }

  #langtoggle button.active{
    background:var(--gold);
    border-color:var(--gold);
    color:#1C2B3A;
  }

  /* ---------- Score bar (sticky, always visible) ---------- */
  #scorebar-wrap{
    position:sticky; top:52px; z-index:19;
    max-width:760px; margin:0 auto;
    padding:10px 20px 14px;
    background:var(--bg);
  }
  #scorebar{
    display:flex; align-items:center; justify-content:space-between;
    background:var(--navy);
    color:#EDE5D3;
    border-radius:var(--radius);
    padding:16px 20px;
    box-shadow:0 6px 16px rgba(0,0,0,0.12);
  }
  #scorebar .label{ font-size:12px; letter-spacing:2px; color:#9FB0BE; margin-right:10px; }
  #scorebar .val{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:17px; color:#D9BE72; }
  #resetbtn{
    background:transparent;
    border:1px solid #4A5C6C;
    color:#CFC9B8;
    font-size:11px;
    letter-spacing:1.5px;
    padding:8px 14px;
    border-radius:2px;
    cursor:pointer;
  }
  #resetbtn:hover{ border-color:var(--gold); color:var(--gold); }

  /* ---------- Header ---------- */
  header.hero{
    max-width:760px; margin:0 auto; padding:44px 20px 18px;
  }
  header.hero h1{ font-size:26px; margin:0 0 8px; font-weight:700; }
  header.hero p.desc{
    font-family:'Fraunces', serif; font-style:italic; color:var(--muted);
    font-size:15px; line-height:1.5; margin:0;
  }

  main{ max-width:760px; margin:0 auto; padding:0 20px 80px; }

  .rule{ border:none; border-top:1px solid var(--border); margin:26px 0; }

  /* ---------- Level header ---------- */
  .section-head{
    display:flex; align-items:center; gap:12px;
    margin:34px 0 18px;
    color:var(--gold-deep);
    font-size:12.5px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .section-head::after{
    content:"";
    flex:1;
    border-top:1px dashed var(--border);
  }

  .qcard{ margin-bottom:26px; }
  .qcard .qtext{ font-weight:600; font-size:16px; margin:0 0 12px; line-height:1.45; }
  .tri-diagram-wrap{ display:flex; justify-content:center; margin:4px 0 16px; }
  .tri-diagram{ width:100%; max-width:220px; height:auto; background:#fff; border-radius:14px; box-shadow:0 1px 4px rgba(0,0,0,0.08); padding:8px; }
  .poly-diagram{ width:100%; max-width:230px; height:auto; background:#fff; border-radius:14px; box-shadow:0 1px 4px rgba(0,0,0,0.08); padding:8px; }
  .hist-diagram{ width:100%; max-width:300px; height:auto; background:#fff; border-radius:14px; box-shadow:0 1px 4px rgba(0,0,0,0.08); padding:8px; }
  .freq-table{ width:100%; max-width:360px; height:auto; background:#fff; border-radius:14px; box-shadow:0 1px 4px rgba(0,0,0,0.08); padding:8px; }
  .frac{ display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 2px; line-height:1.05; font-size:0.86em; position:relative; top:0.12em; }
  .frac .num{ border-bottom:1.3px solid currentColor; padding:0 3px 1px; }
  .frac .den{ padding:1px 3px 0; }
  /* stacked fraction used inside exponents, e.g. x^(7/3) rendered as x with a raised 7-over-3 */
  sup.expwrap{ display:inline-flex !important; align-items:center; vertical-align:super; font-size:0.62em; font-weight:800; margin:0 1px; line-height:1; }
  .expfrac{ display:inline-flex; flex-direction:column; align-items:center; text-align:center; margin:0 1px; line-height:1; }
  .expfrac .num{ border-bottom:1.6px solid currentColor; padding:0 3px 2px; }
  .expfrac .den{ padding:2px 3px 0; }
  .sys-brace{ font-size:1.7em; display:inline-block; margin-right:3px; vertical-align:middle; font-family:serif; line-height:1; }
  .sys-lines{ display:inline-flex; flex-direction:column; vertical-align:middle; line-height:1.55; }
  .sys-line{ white-space:nowrap; }
  /* matrix: \begin{pmatrix}...\end{pmatrix} rendered as a colorful bracketed grid */
  .matrix-wrap{ display:inline-flex; align-items:stretch; vertical-align:middle; margin:3px 5px;
    background:linear-gradient(135deg, var(--card-2), var(--card)); border-radius:8px; padding:4px 3px;
    box-shadow:0 1px 3px rgba(140,107,34,0.18), inset 0 0 0 1px var(--border-soft); }
  .matrix-bracket-left, .matrix-bracket-right{ display:inline-block; width:6px; align-self:stretch; border-top:2.5px solid var(--gold-deep); border-bottom:2.5px solid var(--gold-deep); }
  .matrix-bracket-left{ border-left:2.5px solid var(--gold-deep); border-top-left-radius:4px; border-bottom-left-radius:4px; margin-right:6px; }
  .matrix-bracket-right{ border-right:2.5px solid var(--gold-deep); border-top-right-radius:4px; border-bottom-right-radius:4px; margin-left:6px; }
  .det-bracket-left, .det-bracket-right{ display:inline-block; width:0; align-self:stretch; }
  .det-bracket-left{ border-left:2.5px solid var(--gold-deep); margin-right:6px; }
  .det-bracket-right{ border-right:2.5px solid var(--gold-deep); margin-left:6px; }
  .matrix-grid{ display:inline-grid; align-items:center; justify-items:center; row-gap:7px; column-gap:15px; padding:5px 3px; }
  .mcell{ white-space:nowrap; font-variant-numeric:tabular-nums; font-size:0.95em; font-weight:700; color:var(--text); }
  .mcell.neg{ color:var(--red); }
  .mcell.zero{ color:var(--muted); font-weight:600; }
  .qcard .qnum{ color:var(--gold-deep); font-weight:700; }

  .opt{
    display:flex; align-items:center; gap:10px;
    width:100%;
    text-align:left;
    background:var(--card);
    border:1px solid var(--border-soft);
    color:var(--text);
    padding:12px 14px;
    border-radius:2px;
    font-size:14.5px;
    margin-bottom:9px;
    cursor:pointer;
    transition:background .15s ease, border-color .15s ease;
  }
  .opt:hover:not(.locked){ border-color:var(--gold); background:var(--card-2); }
  .opt .prefix{ font-weight:700; color:var(--gold-deep); flex:none; }
  .opt .mark{ margin-left:auto; font-weight:700; font-size:12px; letter-spacing:.5px; }

  .opt.correct{ background:var(--green-bg); border-color:var(--green); color:var(--on-green-bg); }
  .opt.correct .prefix{ color:var(--green); }
  .opt.wrong{ background:var(--red-bg); border-color:var(--red); color:var(--on-red-bg); }
  .opt.wrong .prefix{ color:var(--red); }
  .opt.locked{ cursor:default; }

  .explain{
    display:none;
    margin-top:10px;
    padding:16px 18px;
    background:var(--card-2);
    border-left:4px solid var(--gold);
    border-radius:2px;
    font-size:17px;
    color:var(--text);
    line-height:1.7;
  }
  .explain b{ color:var(--gold-deep); font-size:17px; }
  .explain.show{ display:block; }
  .explain .steps-label{
    display:block; margin-top:12px; font-weight:700; color:var(--gold-deep); font-size:14px;
    letter-spacing:.5px; text-transform:uppercase;
  }
  .explain ol.steps{ margin:8px 0 0; padding-left:22px; }
  .explain ol.steps li{ margin-bottom:5px; font-family:'JetBrains Mono',monospace; font-size:15px; }
  .explain .correction-tag{
    display:inline-block; background:var(--amber-bg); color:var(--amber);
    font-size:11.5px; font-weight:700; letter-spacing:.5px; text-transform:uppercase;
    padding:2px 8px; border-radius:2px; margin-bottom:8px;
  }

  /* ---------- Chat AI button ---------- */
  .chatai-btn{
    display:inline-flex; align-items:center; gap:7px;
    background:var(--navy); color:#F4EEE0;
    border:1px solid var(--gold);
    border-radius:20px;
    padding:6px 14px;
    font-size:12.5px; font-weight:700; letter-spacing:.3px;
    cursor:pointer;
    margin:0 0 12px;
    transition:background .15s ease;
  }
  .chatai-btn:hover{ background:var(--navy-2); }
  .chatai-btn .dot{
    width:7px;height:7px;border-radius:50%;background:var(--gold);
    box-shadow:0 0 0 0 rgba(169,130,47,.6);
    animation:chatai-pulse 1.8s infinite;
  }
  @keyframes chatai-pulse{
    0%{box-shadow:0 0 0 0 rgba(169,130,47,.55);}
    70%{box-shadow:0 0 0 7px rgba(169,130,47,0);}
    100%{box-shadow:0 0 0 0 rgba(169,130,47,0);}
  }

  /* ---------- Note button (top bar, next to VIP) ---------- */
  #topbar .note-btn{
    display:inline-flex; align-items:center; gap:5px;
    background:transparent; color:#CFC9B8;
    border:1px solid #4A5C6C;
    border-radius:2px;
    padding:6px 10px;
    font-size:11.5px; font-weight:600; letter-spacing:.5px;
    cursor:pointer;
    margin:0;
    transition:background .15s ease, color .15s ease, border-color .15s ease;
  }
  #topbar .note-btn:hover{ border-color:var(--gold); color:#EDE5D3; }
  #topbar .note-btn .icon{ font-size:12px; line-height:1; }

  /* ---------- Note modal (fullscreen) ---------- */
  #note-overlay{
    position:fixed; inset:0; z-index:1000;
    background:var(--card);
    display:none;
    align-items:stretch;
    justify-content:stretch;
    padding:0;
  }
  #note-overlay.show{ display:flex; }
  #note-panel{
    width:100%; height:100%;
    max-width:none; max-height:none;
    background:var(--card);
    border:none;
    border-radius:0;
    display:flex; flex-direction:column;
    box-shadow:none;
  }
  #note-head{
    display:flex; align-items:center; gap:10px;
    padding:14px 16px;
    background:var(--navy); color:#F4EEE0;
    flex:none;
    position:sticky; top:0; z-index:1;
  }
  #note-back{
    display:inline-flex; align-items:center; gap:5px;
    background:none; border:1px solid rgba(244,238,224,.35); border-radius:20px;
    color:#F4EEE0; font-size:13px; font-weight:600;
    cursor:pointer; padding:6px 12px; line-height:1; flex:none;
  }
  #note-back:hover{ border-color:var(--gold); }
  #note-head .head-text{ flex:1; min-width:0; }
  #note-head .title{ font-family:'Fraunces',serif; font-weight:600; font-style:italic; font-size:16px; }
  #note-head .qref{ font-size:11px; opacity:.7; margin-top:2px; }
  #note-body{
    flex:1; overflow-y:auto; padding:18px 16px;
    font-size:14.5px; line-height:1.7; color:var(--text);
    white-space:pre-wrap;
    -webkit-overflow-scrolling:touch;
  }
  #note-body.empty{ color:var(--muted); font-style:italic; }
  #note-body.html-note{ white-space:normal; padding:14px 14px; }

  /* Guaranteed grid lines for any table inside a rich-text note, even if a
     note's own inline <style> block gets partially stripped by sanitizing. */
  #note-body.html-note table{
    border-collapse:collapse !important;
    width:100% !important;
  }
  #note-body.html-note th,
  #note-body.html-note td{
    border:1px solid #7fae90 !important;
    padding:6px 6px !important;
  }

  /* Guaranteed distinct colors for the note's main headings, even if a
     note's own inline <style> block gets partially stripped by sanitizing. */
  #note-body.html-note h1{
    color:#145a32 !important;
    border-bottom:4px solid #27ae60 !important;
    padding-bottom:10px !important;
  }
  #note-body.html-note h2{
    color:#1a7a45 !important;
    background:#e7f6ec !important;
    border-left:6px solid #27ae60 !important;
    padding:10px 14px !important;
    border-radius:6px !important;
  }
  #note-body.html-note h3{
    color:#0f5c37 !important;
    border-bottom:2px dashed #b7e4c7 !important;
    padding-bottom:6px !important;
  }
  #note-body.html-note strong{
    color:#145a32 !important;
  }
  body.dark-mode #note-body.html-note h1{
    color:#8fe3ac !important; border-bottom-color:#3fae63 !important;
  }
  body.dark-mode #note-body.html-note h2{
    color:#a9f0c4 !important; background:rgba(63,174,99,.15) !important; border-left-color:#3fae63 !important;
  }
  body.dark-mode #note-body.html-note h3{
    color:#8fe3ac !important; border-bottom-color:rgba(63,174,99,.4) !important;
  }
  body.dark-mode #note-body.html-note strong{
    color:#a9f0c4 !important;
  }

  /* Prevent long words/lines from overflowing the note panel on mobile */
  #note-body.html-note,
  #note-body.html-note p,
  #note-body.html-note li,
  #note-body.html-note div{
    overflow-wrap:break-word !important;
    word-wrap:break-word !important;
  }

  /* English / Amharic pair box: guarantees a clear visual gap + separate
     backgrounds between the English paragraph and its Amharic translation,
     even if a note's own inline <style> block gets stripped by sanitizing. */
  #note-body.html-note .lang-pair{
    border:1px solid #d5e8dc !important;
    border-radius:10px !important;
    margin:16px 0 !important;
    overflow:hidden !important;
    box-shadow:0 1px 4px rgba(0,0,0,0.06) !important;
  }
  #note-body.html-note .lang-en{
    background:#f7f9fb !important;
    padding:12px 16px !important;
    margin:0 !important;
    border-bottom:2px dashed #c3d4dc !important;
  }
  #note-body.html-note .lang-am{
    background:#eef7fb !important;
    padding:12px 16px !important;
    margin:0 !important;
  }
  #note-body.html-note .lang-en strong:first-child,
  #note-body.html-note .lang-am strong:first-child{
    color:#1a7a45 !important;
  }
  body.dark-mode #note-body.html-note .lang-pair{
    border-color:rgba(255,255,255,.14) !important;
  }
  body.dark-mode #note-body.html-note .lang-en{
    background:rgba(255,255,255,.04) !important;
    border-bottom-color:rgba(255,255,255,.14) !important;
  }
  body.dark-mode #note-body.html-note .lang-am{
    background:rgba(63,174,99,.08) !important;
  }

  /* ---------- Chat AI modal ---------- */
  #chatai-overlay{
    position:fixed; inset:0; z-index:200;
    background:rgba(20,16,10,.55);
    display:none;
    align-items:flex-end;
    justify-content:center;
    padding:0;
  }
  #chatai-overlay.show{ display:flex; }
  #chatai-panel{
    width:100%; max-width:520px;
    height:min(86vh, 720px);
    background:var(--card);
    border:1px solid var(--gold);
    border-bottom:none;
    border-radius:14px 14px 0 0;
    display:flex; flex-direction:column;
    box-shadow:0 -10px 40px rgba(0,0,0,.4);
  }
  @media (min-width:560px){
    #chatai-overlay{ align-items:center; padding:20px; }
    #chatai-panel{ border-radius:14px; border-bottom:1px solid var(--gold); height:min(80vh,680px); }
  }
  #chatai-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 16px;
    background:var(--navy); color:#F4EEE0;
    border-radius:14px 14px 0 0;
    flex:none;
  }
  #chatai-head .title{ font-family:'Fraunces',serif; font-weight:600; font-style:italic; font-size:16px; }
  #chatai-head .qref{ font-size:11px; opacity:.7; margin-top:2px; }
  #chatai-close{
    background:none; border:none; color:#F4EEE0; font-size:22px; line-height:1;
    cursor:pointer; padding:4px 8px;
  }
  #chatai-body{
    flex:1; overflow-y:auto; padding:16px;
    display:flex; flex-direction:column; gap:12px;
  }
  .chatai-msg{ max-width:88%; padding:10px 13px; border-radius:12px; font-size:14.5px; line-height:1.6; white-space:pre-wrap; }
  .chatai-msg.user{ align-self:flex-end; background:var(--navy); color:#F4EEE0; border-bottom-right-radius:3px; }
  .chatai-msg.bot{ align-self:flex-start; background:var(--card-2); color:var(--text); border:1px solid var(--border-soft); border-bottom-left-radius:3px; }
  .chatai-msg.bot.typing{ color:var(--muted); font-style:italic; }
  .chatai-msg.bot.md{ white-space:normal; }
  .chatai-msg.bot.md p{ margin:0 0 8px; }
  .chatai-msg.bot.md p:last-child{ margin-bottom:0; }
  .chatai-msg.bot.md h1,.chatai-msg.bot.md h2,.chatai-msg.bot.md h3{
    font-family:inherit; font-size:15px; color:var(--gold-deep); margin:14px 0 6px; font-weight:700;
  }
  .chatai-msg.bot.md h1:first-child,.chatai-msg.bot.md h2:first-child,.chatai-msg.bot.md h3:first-child{ margin-top:0; }
  .chatai-msg.bot.md strong{ color:var(--gold-deep); font-weight:700; }
  .chatai-msg.bot.md ul,.chatai-msg.bot.md ol{ margin:6px 0 10px 20px; padding:0; }
  .chatai-msg.bot.md li{ margin-bottom:5px; }
  .chatai-msg.bot.md hr{ border:none; border-top:1px dashed var(--border-soft); margin:12px 0; }
  .chatai-msg.bot.md code{ background:rgba(0,0,0,.08); padding:1px 5px; border-radius:4px; font-family:'JetBrains Mono',monospace; font-size:13px; }
  .chatai-msg.bot.md blockquote{ margin:8px 0; padding:6px 10px; border-left:3px solid var(--gold); background:rgba(0,0,0,.04); border-radius:0 6px 6px 0; }
  .chatai-msg.bot.md .katex{ font-size:1.02em; }
  .chatai-msg.bot.md .katex-display{ margin:8px 0; overflow-x:auto; overflow-y:hidden; }
  #chatai-inputrow{
    flex:none; display:flex; gap:8px; padding:12px;
    border-top:1px solid var(--border-soft);
  }
  #chatai-input{
    flex:1; resize:none; border:1px solid var(--border-soft); border-radius:20px;
    padding:10px 14px; font-family:inherit; font-size:14.5px; line-height:1.4;
    max-height:100px;
  }
  #chatai-send{
    flex:none; background:var(--gold-deep); color:#fff; border:none;
    width:42px; height:42px; border-radius:50%; cursor:pointer; font-size:17px;
  }
  #chatai-send:disabled{ opacity:.5; cursor:default; }
  #chatai-limit{
    font-size:11.5px; color:var(--muted); text-align:center; padding:4px 12px 0;
  }

  #creditcard{
    margin:34px 0 0;
    background:var(--navy);
    border:1px solid var(--gold);
    border-radius:var(--radius);
    padding:38px 24px;
    text-align:center;
  }
  #creditcard .setby{
    font-family:'Fraunces', serif; font-style:italic; font-weight:600;
    font-size:22px; color:#D9BE72; margin:0 0 22px;
  }
  #creditcard .row{ color:#CFC9B8; font-size:14px; margin-bottom:8px; }
  #creditcard .row a{ color:#D9BE72; text-decoration:none; }
  #creditcard .tag{
    display:inline-block; margin-top:14px;
    border:1px solid #4A5C6C; color:#9FB0BE;
    font-size:11px; letter-spacing:2px; padding:5px 14px; border-radius:20px;
  }

  #finalscore{
    display:none;
    margin:30px 0 0;
    background:var(--navy);
    border-radius:var(--radius);
    padding:30px 24px;
    text-align:center;
    color:#EDE5D3;
  }
  #finalscore.show{ display:block; }
  #finalscore .label{ font-size:12px; letter-spacing:2px; color:#9FB0BE; }
  #finalscore .big{ font-family:'Fraunces',serif; font-weight:700; font-size:40px; color:#D9BE72; margin:8px 0; }

  footer{
    text-align:center; padding:30px 20px 50px;
    color:var(--muted); font-size:12px;
  }

/* ---- style block ---- */
#unitselector .hero h1 { color: var(--text); font-size: clamp(22px,5vw,36px) !important; }
  #unitselector .hero .desc { color: var(--muted); font-style: italic; }
  #unitselector .hero { text-align: center; padding: 10px 0 18px; }

  /* Physics-themed background image behind the grade/unit list.
     Kept as its own fixed-position layer (not part of #unitselector's own
     background) because JS sets #unitselector's background separately
     (the gradient wash) — putting the photo on that same property would
     get wiped out every time the gradient is (re)applied. */
  #unitselector { position: relative; }
  #unitselector .phys-bg {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 620px;
    height: auto;
    object-fit: contain;
    opacity: 0.9;
    pointer-events: none;
    z-index: 0;
    user-select: none;
  }
  body.dark-mode #unitselector .phys-bg{ opacity:0.5; filter:brightness(0.7); }
  #unitselector .hero, #unitselector #unitlist { position: relative; z-index: 1; }

/* ---- id="global-trick-style-override" ---- */
/* ============================================================
   GLOBAL NOTE STYLE OVERRIDE v2 — soft pastel-tinted cards,
   pill badges ONLY on Trick-type boxes, plain colored text
   headers everywhere else. Matches the reference screenshots.
   ============================================================ */

/* ---------- Generic content / explanation boxes ---------- */
#note-body .content,
#note-body .formula,
#note-body .explain-topic,
#note-body .eng,
#note-body .amh,
#note-body p.clean {
  background: #eef4fb !important;
  border: none !important;
  border-left: 4px solid #60a5fa !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin: 10px 0 !important;
}
#note-body .amh {
  background: #f4f7f9 !important;
  border-left-color: #94a3b8 !important;
}
#note-body .eng-label, #note-body .amh-label {
  display: block !important;
  font-weight: 700 !important;
  letter-spacing: .03em;
  color: #1e5fae !important;
  margin-bottom: 4px !important;
  font-size: 0.85em !important;
}

/* ---------- Guaranteed readable text inside explain-topic boxes,
   independent of the note's own inline <style> (which sanitizing
   can strip, leaving text with no color on a colored background) ---------- */
#note-body .explain-topic h4 {
  color: #0e5a8a !important;
}
#note-body .explain-topic .eng-p {
  color: #1f2d3d !important;
  background: #ffffff !important;
  border: 1px solid #d8e6ec !important;
}
#note-body .explain-topic .amh-p {
  color: #1f2d3d !important;
  background: #ffffff !important;
  border: 1px solid #d8e6ec !important;
}
#note-body .explain-topic .amh-p b,
#note-body .explain-topic .eng-p b {
  color: #0e5a8a !important;
}
body.dark-mode #note-body .explain-topic .eng-p,
body.dark-mode #note-body .explain-topic .amh-p {
  color: #e8ecef !important;
  background: #1c2b36 !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* ---------- Recall box (blue/lavender tint, no pill) ---------- */
#note-body .recall {
  background: #eef1fd !important;
  border: none !important;
  border-left: 4px solid #3b6fd6 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin: 14px 0 !important;
}
#note-body .recall p > strong:first-of-type,
#note-body .recall > strong:first-of-type {
  color: #d2691e !important;   /* warm orange-red icon-text like the ref image */
  font-weight: 700 !important;
}

/* ---------- Trick boxes: PINK theme WITH pill badge ---------- */
#note-body .trick-box,
#note-body .trick,
#note-body .mnemonic-box {
  background: #fdeef5 !important;
  border: 1.5px solid #ec6cab !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  margin: 14px 0 !important;
  box-shadow: 0 1px 3px rgba(236,108,171,0.15) !important;
}
#note-body .trick-box p > strong:first-of-type,
#note-body .trick p > strong:first-of-type,
#note-body .mnemonic-box p > strong:first-of-type {
  display: inline-block !important;
  background: #ec6cab !important;
  color: #fff !important;
  padding: 3px 12px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.9em !important;
  margin-right: 6px !important;
  margin-bottom: 4px !important;
  line-height: 1.6 !important;
}

/* ---------- Exam Trick boxes: GREEN theme WITH pill badge ---------- */
#note-body .exam-trick,
#note-body .examtrick,
#note-body .exam {
  background: #eafaf0 !important;
  border: 1.5px solid #34c78f !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  margin: 14px 0 !important;
  box-shadow: 0 1px 3px rgba(52,199,143,0.15) !important;
}
#note-body .exam-trick p > strong:first-of-type,
#note-body .examtrick p > strong:first-of-type,
#note-body .exam p > strong:first-of-type {
  display: inline-block !important;
  background: #34c78f !important;
  color: #fff !important;
  padding: 3px 12px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.9em !important;
  margin-right: 6px !important;
  margin-bottom: 4px !important;
  line-height: 1.6 !important;
}

/* ---------- Exam Q / short quiz prompt: light blue, italic, no pill ---------- */
#note-body .qa {
  background: #f5f8ff !important;
  border: none !important;
  border-left: 4px solid #3b6fd6 !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  margin: 12px 0 !important;
  font-style: italic !important;
  color: #2451a3 !important;
}

/* ---------- Warning / attention / common exam mistake: amber ---------- */
#note-body .warning-box,
#note-body .important-box,
#note-body .attention {
  background: #fff8ec !important;
  border: none !important;
  border-left: 4px solid #f0a202 !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin: 14px 0 !important;
}
#note-body .warning-box p > strong:first-of-type,
#note-body .important-box p > strong:first-of-type,
#note-body .attention p > strong:first-of-type {
  color: #b36b00 !important;
}

/* ---------- Fallback: any unmatched trick/exam divs ---------- */
#note-body div[class*="trick"]:not(.trick-box):not(.trick):not(.mnemonic-box):not(.exam-trick):not(.examtrick) {
  background: #fdeef5 !important;
  border: 1.5px solid #ec6cab !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  margin: 14px 0 !important;
}
#note-body div[class*="exam"]:not(.exam-trick):not(.examtrick):not(.exam):not(.qa) {
  background: #eafaf0 !important;
  border: 1.5px solid #34c78f !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  margin: 14px 0 !important;
}

/* ---------- Section headers ---------- */
#note-body h1 {
  background: linear-gradient(135deg, #1565c0, #1e88e5) !important;
  color: #fff !important;
  padding: 14px 18px !important;
  border-radius: 10px !important;
  font-size: 1.3em !important;
}
#note-body h2 {
  color: #1565c0 !important;
  border-bottom: 2px solid #90caf9 !important;
  padding-bottom: 4px !important;
}
#note-body h3 {
  color: #2e7d32 !important;
}

/* Quick Revision title icon color */
#note-body h2:has(+ .content), #note-body .revision-title {
  color: #1565c0 !important;
}

/* ---------- Unit summary card: green tint + pill tag ---------- */
#note-body .summary-box, #note-body .unit-summary {
  background: #eefaf0 !important;
  border: 1.5px solid #34c78f !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  margin: 14px 0 !important;
}
#note-body .unit-title, #note-body .footer-tag, #note-body .tag {
  display: inline-block !important;
  background: #34c78f !important;
  color: #fff !important;
  padding: 3px 12px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.85em !important;
}

/* ============================================================
   DARK MODE ADAPTATION — every box above hard-codes a LIGHT
   background. In dark mode #note-body's inherited text color
   flips to near-white, which then sits on those light
   backgrounds and becomes almost invisible. These rules give
   each box a matching dark background + light readable text
   whenever body.dark-mode is active, so any note (current or
   future) using these same class names adapts automatically.
   ============================================================ */
body.dark-mode #note-body .content,
body.dark-mode #note-body .formula,
body.dark-mode #note-body .explain-topic,
body.dark-mode #note-body .eng,
body.dark-mode #note-body p.clean {
  background: rgba(96,165,250,0.10) !important;
  color: #dce8fb !important;
  border-left-color: #6fa8f5 !important;
}
body.dark-mode #note-body .amh {
  background: rgba(148,163,184,0.10) !important;
  color: #e3e7ec !important;
  border-left-color: #94a3b8 !important;
}
body.dark-mode #note-body .eng-label,
body.dark-mode #note-body .amh-label {
  color: #8ab4f8 !important;
}

body.dark-mode #note-body .explain-topic h4 {
  color: #7ec1ee !important;
}

body.dark-mode #note-body .recall {
  background: rgba(59,111,214,0.14) !important;
  color: #dbe2f8 !important;
}
body.dark-mode #note-body .recall p > strong:first-of-type,
body.dark-mode #note-body .recall > strong:first-of-type {
  color: #ff9d52 !important;
}

body.dark-mode #note-body .trick-box,
body.dark-mode #note-body .trick,
body.dark-mode #note-body .mnemonic-box {
  background: rgba(236,108,171,0.14) !important;
  border-color: #f28fc0 !important;
  color: #ffe1f0 !important;
}

body.dark-mode #note-body .exam-trick,
body.dark-mode #note-body .examtrick,
body.dark-mode #note-body .exam {
  background: rgba(52,199,143,0.14) !important;
  border-color: #5fd9ab !important;
  color: #dcf7ea !important;
}

body.dark-mode #note-body .qa {
  background: rgba(59,111,214,0.14) !important;
  color: #b9cbf5 !important;
}

body.dark-mode #note-body .warning-box,
body.dark-mode #note-body .important-box,
body.dark-mode #note-body .attention {
  background: rgba(240,162,2,0.14) !important;
  color: #ffdca8 !important;
}
body.dark-mode #note-body .warning-box p > strong:first-of-type,
body.dark-mode #note-body .important-box p > strong:first-of-type,
body.dark-mode #note-body .attention p > strong:first-of-type {
  color: #ffb84d !important;
}

body.dark-mode #note-body div[class*="trick"]:not(.trick-box):not(.trick):not(.mnemonic-box):not(.exam-trick):not(.examtrick) {
  background: rgba(236,108,171,0.14) !important;
  border-color: #f28fc0 !important;
  color: #ffe1f0 !important;
}
body.dark-mode #note-body div[class*="exam"]:not(.exam-trick):not(.examtrick):not(.exam):not(.qa) {
  background: rgba(52,199,143,0.14) !important;
  border-color: #5fd9ab !important;
  color: #dcf7ea !important;
}

body.dark-mode #note-body h2 {
  color: #7ab8f5 !important;
  border-bottom-color: #2c4a68 !important;
}
body.dark-mode #note-body h3 {
  color: #6fcf7a !important;
}
body.dark-mode #note-body h2:has(+ .content),
body.dark-mode #note-body .revision-title {
  color: #7ab8f5 !important;
}

body.dark-mode #note-body .summary-box,
body.dark-mode #note-body .unit-summary {
  background: rgba(52,199,143,0.14) !important;
  color: #dcf7ea !important;
}

/* ---- id="sn2-unit2-note-style" ---- */
/* ============================================================
   UNIT 2 note — scoped styles (sn2- prefix). Self-contained
   design distinct from the shared "sn-" system (this unit's
   author used its own palette: blue Recall, pink Summary,
   blue Final-Tips, orange Section bars, etc.) Faithfully ported
   from the uploaded Unit 2 study-note file, class-renamed to
   avoid any collision, and placed here in <head> for the same
   reason as the shared system: DOMPurify strips a note's own
   <style> tag even with ADD_TAGS:['style'].
   ============================================================ */
#note-body .sn2-am{ font-family:'Noto Sans Ethiopic','Poppins',sans-serif; }
#note-body .sn2-wrap{ max-width:900px; margin:0 auto; padding:0 0 10px 0; color:#1c2a33; line-height:1.65; font-family:'Poppins','Noto Sans Ethiopic',sans-serif; }

#note-body .sn2-hero{
  background:linear-gradient(135deg,#0b3d5c 0%, #17a2b8 100%);
  color:#fff; padding:28px 18px 32px 18px; text-align:center;
  border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,0.15);
}
#note-body .sn2-hero .sn2-unit-pill{
  display:inline-block; background:rgba(255,255,255,0.18);
  border:1px solid rgba(255,255,255,0.5); padding:5px 16px;
  border-radius:30px; font-size:12.5px; letter-spacing:1px; margin-bottom:10px;
}
#note-body .sn2-hero h1{
  font-size:20px !important; margin:6px 0 4px 0 !important; font-weight:800 !important;
  background:none !important; color:#fff !important; padding:0 !important; border-radius:0 !important; border:none !important;
}
body.dark-mode #note-body .sn2-hero h1{ color:#fff !important; }
#note-body .sn2-hero p.sn2-am{ font-size:14px; margin:6px 0 0 0; opacity:0.95; }
#note-body .sn2-hero .sn2-icons{ margin-top:12px; font-size:24px; }

#note-body .sn2-section-title{
  background:linear-gradient(90deg,#ffd9a8,#ffc98a) !important;
  margin:26px 0 14px 0 !important; padding:13px 18px !important; border-radius:14px !important;
  font-weight:800 !important; font-size:16px !important; color:#7a3e00 !important;
  box-shadow:0 3px 8px rgba(0,0,0,0.08); border-bottom:none !important;
}
#note-body .sn2-subtopic-title{
  margin:20px 0 10px 0; padding:8px 14px; background:#dceefc;
  border-left:6px solid #1f6f9c; border-radius:8px; font-weight:700; font-size:15px; color:#0b3d5c;
}

#note-body .sn2-box{ margin:14px 0; padding:14px 16px; border-radius:16px; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
#note-body .sn2-box-header{ font-weight:800; font-size:14.5px; margin-bottom:8px; display:flex; align-items:center; gap:8px; }

#note-body .sn2-recall-box{ background:#e8f1fb !important; border:2px solid #3a7bd5 !important; }
#note-body .sn2-masterkey-box{ background:linear-gradient(135deg,#fff3d6,#ffe4b0) !important; border:2px solid #e0a000 !important; }
#note-body .sn2-insight-box{ background:#e6fbf9 !important; border:2px solid #14a3a3 !important; }
#note-body .sn2-explain-box{ background:#ffffff !important; border:2px solid #cfe4ee !important; }
#note-body .sn2-mnemo-box{ background:#e5f7ee !important; border:2px solid #2fa66a !important; }
#note-body .sn2-attention-box{ background:#fff1e0 !important; border:2px solid #e07b1a !important; }
#note-body .sn2-qtip-box{ background:#fff9db !important; border:2px solid #e0b000 !important; }
#note-body .sn2-selfcheck-box{ background:#f1f1fb !important; border:2px dashed #8a8ad1 !important; font-size:13.5px; }
#note-body .sn2-summary-box{ background:linear-gradient(135deg,#ffe1f0,#ffd0e6) !important; border:2px solid #d6488c !important; }
#note-body .sn2-finaltips-box{ background:#eaf7ff !important; border:2px solid #1f6f9c !important; }

#note-body .sn2-flag-row{ display:inline-block; font-weight:700; font-size:12.5px; padding:3px 10px; border-radius:8px; margin-bottom:6px; }
#note-body .sn2-flag-en{ background:#dbe9f7 !important; color:#124b73 !important; }
#note-body .sn2-flag-am{ background:#dff5e6 !important; color:#1a6b3c !important; }

#note-body .sn2-eng-text{
  font-size:14px; color:#22303a; background:#f7fbfd; padding:10px 12px;
  border-radius:10px; border-left:4px solid #1f6f9c; margin:0 0 12px 0; font-style:italic;
}
#note-body .sn2-amh-text{ font-size:14.5px; margin:0; }
#note-body .sn2-amh-text p{ margin:0 0 8px 0; }

#note-body .sn2-kw{ color:#c0272d !important; font-weight:800; }

#note-body table.sn2-cmp{ width:100%; border-collapse:collapse; margin:10px 0; font-size:13px; background:#fff; border-radius:10px; overflow:hidden; }
#note-body table.sn2-cmp th{ background:#0b3d5c; color:#fff; padding:9px 8px; text-align:right; }
#note-body table.sn2-cmp th:first-child, #note-body table.sn2-cmp td:first-child{ text-align:left; }
#note-body table.sn2-cmp td{ padding:8px 8px; border-bottom:1px solid #e3e3e3; vertical-align:top; }
#note-body table.sn2-cmp tr:nth-child(even) td{ background:#f7fafc; }

#note-body .sn2-flow{ display:flex; flex-direction:column; gap:6px; margin:10px 0; }
#note-body .sn2-flow-step{ background:#fff; border:1px solid #b9dcea; border-left:5px solid #17a2b8; border-radius:8px; padding:8px 10px; font-size:13.5px; }
#note-body .sn2-flow-step b{ color:#0b3d5c; }
#note-body .sn2-flow-arrow{ text-align:center; color:#17a2b8; font-weight:800; font-size:14px; }

#note-body ul.sn2-plain, #note-body ol.sn2-plain{ margin:6px 0; padding-right:20px; padding-left:4px; }
#note-body ul.sn2-plain li, #note-body ol.sn2-plain li{ margin-bottom:4px; font-size:14px; }

#note-body .sn2-keyterms{ columns:2; -webkit-columns:2; font-size:13.5px; padding-right:18px; padding-left:4px; margin:6px 0; }
#note-body .sn2-keyterms li{ margin-bottom:6px; }

#note-body footer.sn2-badge{ text-align:center; color:#7a8a92; font-size:11.5px; margin-top:22px; background:none !important; padding:0 !important; border-radius:0 !important; }

@media (max-width:480px){
  #note-body .sn2-keyterms{ columns:1; }
}

/* ---------------- Dark mode ---------------- */
body.dark-mode #note-body .sn2-wrap{ color:#e8ecef; }
body.dark-mode #note-body .sn2-hero{ box-shadow:0 6px 18px rgba(0,0,0,0.45); }
body.dark-mode #note-body .sn2-box{ box-shadow:0 3px 10px rgba(0,0,0,0.35); }

body.dark-mode #note-body .sn2-recall-box{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .sn2-masterkey-box{ background:#332a10 !important; border-color:#e0a000 !important; }
body.dark-mode #note-body .sn2-insight-box{ background:#0f2a2a !important; border-color:#2fd2d2 !important; }
body.dark-mode #note-body .sn2-explain-box{ background:#1c211f !important; border-color:#33453f !important; }
body.dark-mode #note-body .sn2-mnemo-box{ background:#173322 !important; border-color:#4CAF77 !important; }
body.dark-mode #note-body .sn2-attention-box{ background:#332217 !important; border-color:#ff8a3d !important; }
body.dark-mode #note-body .sn2-qtip-box{ background:#332c10 !important; border-color:#f2c94c !important; }
body.dark-mode #note-body .sn2-selfcheck-box{ background:#201f30 !important; border-color:#8a8ad1 !important; color:#cfcff0 !important; }
body.dark-mode #note-body .sn2-summary-box{ background:#331a26 !important; border-color:#e06bb0 !important; }
body.dark-mode #note-body .sn2-finaltips-box{ background:#122735 !important; border-color:#4a9fd8 !important; }

body.dark-mode #note-body .sn2-section-title{ background:#3a2c12 !important; color:#ffcf8a !important; }
body.dark-mode #note-body .sn2-subtopic-title{ background:#16273a !important; border-left-color:#5c9fe0 !important; color:#9dc4ee !important; }

body.dark-mode #note-body .sn2-flag-en{ background:#1c2b4a !important; color:#9db9f2 !important; }
body.dark-mode #note-body .sn2-flag-am{ background:#173322 !important; color:#8be0a4 !important; }

body.dark-mode #note-body .sn2-eng-text{ color:#dbe4e6 !important; background:#1c2b2c !important; border-left-color:#5c9fe0 !important; }
body.dark-mode #note-body .sn2-amh-text{ color:#e3e9ea !important; }
body.dark-mode #note-body .sn2-kw{ color:#ff8a80 !important; }

body.dark-mode #note-body table.sn2-cmp{ background:#1c211f !important; }
body.dark-mode #note-body table.sn2-cmp th{ background:#0b2a3a !important; color:#f2fbfb !important; }
body.dark-mode #note-body table.sn2-cmp td{ border-bottom-color:#2b3a3a !important; color:#e3e9ea !important; }
body.dark-mode #note-body table.sn2-cmp tr:nth-child(even) td{ background:#1a2626 !important; }

body.dark-mode #note-body .sn2-flow-step{ background:#1c211f !important; border-color:#33453f !important; border-left-color:#2fd2d2 !important; }
body.dark-mode #note-body .sn2-flow-step b{ color:#9dc4ee !important; }
body.dark-mode #note-body .sn2-flow-arrow{ color:#2fd2d2 !important; }

body.dark-mode #note-body footer.sn2-badge{ color:#8a99a0 !important; }

/* ---- id="sn1-unit1-note-style" ---- */
/* ============================================================
   UNIT 1 note — scoped styles (sn1- prefix). Self-contained
   design distinct from the shared "sn-" system (this unit's
   author used its own palette: blue Recall, turquoise Master
   Key, green Trick, orange Attention, yellow Exam, purple
   Formula, pink Mnemonic). Faithfully ported from the uploaded
   Unit 1 study-note file, class-renamed to avoid any collision,
   and placed here in <head> for the same reason as the shared
   system: DOMPurify strips a note's own <style> tag even with
   ADD_TAGS:['style'].
   ============================================================ */
#note-body .sn1-am{ font-family:'Noto Sans Ethiopic','Poppins',sans-serif; }
#note-body .sn1-wrap{ max-width:900px; margin:0 auto; padding:0 0 10px 0; color:#1e293b; line-height:1.65; font-family:'Poppins','Noto Sans Ethiopic',sans-serif; }

#note-body .sn1-hero{
  background:linear-gradient(135deg,#0369a1,#14b8a6) !important;
  color:#fff !important; padding:26px 18px 30px 18px; text-align:center;
  border-radius:0 0 24px 24px; box-shadow:0 8px 20px rgba(3,105,161,.25);
}
#note-body .sn1-hero .sn1-eyebrow{
  font-size:12.5px; letter-spacing:2px; opacity:.9; text-transform:uppercase; font-weight:600;
}
#note-body .sn1-hero h1{
  font-size:21px !important; margin:8px 0 6px 0 !important; font-weight:800 !important;
  background:none !important; color:#fff !important; padding:0 !important; border-radius:0 !important; border:none !important;
}
body.dark-mode #note-body .sn1-hero h1{ color:#fff !important; }
#note-body .sn1-hero p{ font-size:14.5px; opacity:.96; margin:4px 0; }
#note-body .sn1-hero .sn1-badges{ margin-top:13px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
#note-body .sn1-hero .sn1-badge{ background:rgba(255,255,255,.2); padding:5px 12px; border-radius:20px; font-size:12px; }

#note-body .sn1-divider{ text-align:center; color:#cbd5e1; margin:22px 0; font-size:18px; }

#note-body .sn1-box{ border-radius:16px; padding:16px 16px 14px; margin:18px 0; box-shadow:0 2px 10px rgba(0,0,0,.06); border:2px solid; }
#note-body .sn1-box-header{ font-weight:800; font-size:15.5px; margin-bottom:9px; display:flex; align-items:center; gap:7px; }
#note-body .sn1-box-sub{ margin:12px 0 6px; font-size:13.5px; font-weight:700; }

#note-body .sn1-recall-box{ background:#eff6ff !important; border-color:#93c5fd !important; }
#note-body .sn1-recall-box .sn1-box-header{ color:#0369a1 !important; }

#note-body .sn1-master-box{ background:linear-gradient(135deg,#ffffff,#f0fdfa) !important; border-color:#14b8a6 !important; border-width:3px !important; }
#note-body .sn1-master-box .sn1-box-header{ color:#14b8a6 !important; font-size:16.5px !important; }

#note-body .sn1-explain-box{ background:#eff6ff !important; border-color:#93c5fd !important; }
#note-body .sn1-explain-box .sn1-box-header{ color:#0369a1 !important; }

#note-body .sn1-trick-box{ background:#ecfdf5 !important; border-color:#86efac !important; }
#note-body .sn1-trick-box .sn1-box-header{ color:#16a34a !important; }

#note-body .sn1-attention-box{ background:#fff7ed !important; border-color:#fdba74 !important; }
#note-body .sn1-attention-box .sn1-box-header{ color:#ea580c !important; }

#note-body .sn1-exam-box{ background:#fefce8 !important; border-color:#fde68a !important; }
#note-body .sn1-exam-box .sn1-box-header{ color:#a16207 !important; }

#note-body .sn1-formula-box{ background:#faf5ff !important; border-color:#d8b4fe !important; }
#note-body .sn1-formula-box .sn1-box-header{ color:#7e22ce !important; }

#note-body .sn1-mnemonic-box{ background:#fdf2f8 !important; border-color:#f9a8d4 !important; }
#note-body .sn1-mnemonic-box .sn1-box-header{ color:#db2777 !important; }

#note-body .sn1-finaltips-box{ background:#fff1f2 !important; border-color:#fecdd3 !important; }
#note-body .sn1-finaltips-box .sn1-box-header{ color:#be123c !important; }

#note-body .sn1-summary-box{
  background:linear-gradient(135deg,#0f172a,#1e293b) !important; color:#f1f5f9 !important;
  border:none !important; border-radius:18px; padding:18px; margin:22px 0;
}
#note-body .sn1-summary-box .sn1-box-header{ color:#38bdf8 !important; }
#note-body .sn1-summary-box ul{ margin:6px 0; padding-right:6px; }
#note-body .sn1-summary-box li{ margin:6px 0; }

#note-body .sn1-flag-row{ display:inline-block; font-weight:700; font-size:12.5px; padding:2px 9px; border-radius:7px; margin:9px 0 5px; }
#note-body .sn1-flag-en{ background:#dbeafe !important; color:#1e3a8a !important; }
#note-body .sn1-flag-am{ background:#dcfce7 !important; color:#14532d !important; }

#note-body .sn1-selfcheck-box{ background:#f8fafc; border-left:4px solid #0ea5c4; padding:10px 14px; border-radius:8px; margin-top:12px; font-size:13.5px; }
#note-body .sn1-selfcheck-box b{ color:#0369a1; }

#note-body .sn1-kw{ color:#dc2626 !important; font-weight:700; }

#note-body table.sn1-cmp{ width:100%; border-collapse:collapse; margin:10px 0 4px; font-size:13.5px; background:#fff; border-radius:10px; overflow:hidden; }
#note-body table.sn1-cmp th{ background:#0369a1; color:#fff; padding:9px 10px; text-align:left; }
#note-body table.sn1-cmp td{ padding:8px 10px; border-bottom:1px solid #e2e8f0; vertical-align:top; }
#note-body table.sn1-cmp tr:nth-child(even) td{ background:#f8fafc; }

#note-body .sn1-wrap ul{ padding-right:20px; padding-left:4px; margin:6px 0; }
#note-body .sn1-wrap ol{ padding-right:20px; padding-left:4px; margin:6px 0; }
#note-body .sn1-wrap li{ margin:4px 0; }

/* ---------------- Dark mode ---------------- */
body.dark-mode #note-body .sn1-wrap{ color:#e8ecef; }
body.dark-mode #note-body .sn1-hero{ box-shadow:0 6px 18px rgba(0,0,0,0.45); }
body.dark-mode #note-body .sn1-box{ box-shadow:0 3px 10px rgba(0,0,0,0.35); }
body.dark-mode #note-body .sn1-divider{ color:#3d4b57; }

body.dark-mode #note-body .sn1-recall-box{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .sn1-recall-box .sn1-box-header{ color:#9dc4ee !important; }

body.dark-mode #note-body .sn1-master-box{ background:linear-gradient(135deg,#10221f,#0f2a2a) !important; border-color:#2fd2d2 !important; }
body.dark-mode #note-body .sn1-master-box .sn1-box-header{ color:#5eead4 !important; }

body.dark-mode #note-body .sn1-explain-box{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .sn1-explain-box .sn1-box-header{ color:#9dc4ee !important; }

body.dark-mode #note-body .sn1-trick-box{ background:#173322 !important; border-color:#4CAF77 !important; }
body.dark-mode #note-body .sn1-trick-box .sn1-box-header{ color:#8fe3ac !important; }

body.dark-mode #note-body .sn1-attention-box{ background:#332217 !important; border-color:#ff8a3d !important; }
body.dark-mode #note-body .sn1-attention-box .sn1-box-header{ color:#ffb37a !important; }

body.dark-mode #note-body .sn1-exam-box{ background:#332c10 !important; border-color:#f2c94c !important; }
body.dark-mode #note-body .sn1-exam-box .sn1-box-header{ color:#f2c94c !important; }

body.dark-mode #note-body .sn1-formula-box{ background:#241a33 !important; border-color:#c084fc !important; }
body.dark-mode #note-body .sn1-formula-box .sn1-box-header{ color:#d8b4fe !important; }

body.dark-mode #note-body .sn1-mnemonic-box{ background:#331a26 !important; border-color:#e06bb0 !important; }
body.dark-mode #note-body .sn1-mnemonic-box .sn1-box-header{ color:#f4a6cf !important; }

body.dark-mode #note-body .sn1-finaltips-box{ background:#331018 !important; border-color:#fb7185 !important; }
body.dark-mode #note-body .sn1-finaltips-box .sn1-box-header{ color:#fda4af !important; }

body.dark-mode #note-body .sn1-summary-box{ background:linear-gradient(135deg,#020617,#0f172a) !important; box-shadow:0 3px 10px rgba(0,0,0,0.4); }

body.dark-mode #note-body .sn1-flag-en{ background:#1c2b4a !important; color:#9db9f2 !important; }
body.dark-mode #note-body .sn1-flag-am{ background:#173322 !important; color:#8be0a4 !important; }

body.dark-mode #note-body .sn1-selfcheck-box{ background:#1c2b2c !important; border-left-color:#5eead4 !important; color:#dbe4e6 !important; }
body.dark-mode #note-body .sn1-selfcheck-box b{ color:#9dc4ee !important; }

body.dark-mode #note-body .sn1-kw{ color:#ff8a80 !important; }

body.dark-mode #note-body table.sn1-cmp{ background:#1c211f !important; }
body.dark-mode #note-body table.sn1-cmp th{ background:#0b2a3a !important; color:#f2fbfb !important; }
body.dark-mode #note-body table.sn1-cmp td{ border-bottom-color:#2b3a3a !important; color:#e3e9ea !important; }
body.dark-mode #note-body table.sn1-cmp tr:nth-child(even) td{ background:#1a2626 !important; }

/* ---- id="sn-units2to6-note-style" ---- */
/* ===== Unit 2 note scoped styles (snoteU2) ===== */
.snoteU2 {
    --blue:#0ea5c4; --blue-d:#0369a1; --turquoise:#14b8a6;
    --green:#16a34a; --green-bg:#ecfdf5; --green-bd:#86efac;
    --orange:#ea580c; --orange-bg:#fff7ed; --orange-bd:#fdba74;
    --yellow:#ca8a04; --yellow-bg:#fefce8; --yellow-bd:#fde68a;
    --explain-bg:#eff6ff; --explain-bd:#93c5fd;
    --purple:#7e22ce; --purple-bg:#faf5ff; --purple-bd:#d8b4fe;
    --pink:#db2777; --pink-bg:#fdf2f8; --pink-bd:#f9a8d4;
    --ink:#1e293b;
  }
.snoteU2 * {box-sizing:border-box;}
.snoteU2 {margin:0; padding:0; background:#f1f5f9; color:var(--ink); font-family:'Poppins',sans-serif; line-height:1.65;}
.snoteU2 .am {font-family:'Noto Sans Ethiopic','Poppins',sans-serif;}
.snoteU2 .wrap {max-width:900px; margin:0 auto; padding:0 16px 60px;}
.snoteU2 .hero {background:linear-gradient(135deg,var(--blue-d),var(--turquoise)); color:white; padding:38px 24px 32px; border-radius:0 0 28px 28px; text-align:center; box-shadow:0 8px 24px rgba(3,105,161,.25); margin-bottom:24px;}
.snoteU2 .hero .tag {font-size:13px; letter-spacing:2px; opacity:.85; text-transform:uppercase;}
.snoteU2 .hero h1 {font-size:25px; margin:8px 0 6px; font-weight:800;}
.snoteU2 .hero p {font-size:15px; opacity:.95; margin:4px 0;}
.snoteU2 .hero .badges {margin-top:14px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap;}
.snoteU2 .hero .badge {background:rgba(255,255,255,.18); padding:5px 12px; border-radius:20px; font-size:12.5px;}
.snoteU2 .box {border-radius:16px; padding:18px 18px 16px; margin:20px 0; box-shadow:0 2px 10px rgba(0,0,0,.05); border:2px solid;}
.snoteU2 .box h3 {margin:0 0 10px; font-size:17px; display:flex; align-items:center; gap:8px;}
.snoteU2 .box h4 {margin:14px 0 6px; font-size:14.5px; font-weight:700;}
.snoteU2 .recall {background:var(--explain-bg); border-color:var(--explain-bd);}
.snoteU2 .recall h3 {color:var(--blue-d);}
.snoteU2 .master {background:linear-gradient(135deg,#fff,#f0fdfa); border-color:var(--turquoise); border-width:3px;}
.snoteU2 .master h3 {color:var(--turquoise); font-size:19px;}
.snoteU2 .explain {background:var(--explain-bg); border-color:var(--explain-bd);}
.snoteU2 .explain h3 {color:var(--blue-d);}
.snoteU2 .trick {background:var(--green-bg); border-color:var(--green-bd);}
.snoteU2 .trick h3 {color:var(--green);}
.snoteU2 .attention {background:var(--orange-bg); border-color:var(--orange-bd);}
.snoteU2 .attention h3 {color:var(--orange);}
.snoteU2 .exam {background:var(--yellow-bg); border-color:var(--yellow-bd);}
.snoteU2 .exam h3 {color:var(--yellow);}
.snoteU2 .formula {background:var(--purple-bg); border-color:var(--purple-bd);}
.snoteU2 .formula h3 {color:var(--purple);}
.snoteU2 .mnemonic {background:var(--pink-bg); border-color:var(--pink-bd);}
.snoteU2 .mnemonic h3 {color:var(--pink);}
.snoteU2 .flag {font-weight:700; font-size:13px; display:inline-block; margin:10px 0 4px; padding:2px 8px; border-radius:6px;}
.snoteU2 .flag.en {background:#dbeafe; color:#1e3a8a;}
.snoteU2 .flag.am {background:#dcfce7; color:#14532d;}
.snoteU2 table {width:100%; border-collapse:collapse; margin:10px 0 4px; font-size:13px;}
.snoteU2 th, .snoteU2 td {border:1px solid #e2e8f0; padding:7px 9px; text-align:left; vertical-align:middle;}
.snoteU2 th {background:#f8fafc; font-weight:700;}
.snoteU2 tr:nth-child(even) {background:#fafafa;}
.snoteU2 .red {color:#dc2626; font-weight:700;}
.snoteU2 .self-check {background:#f8fafc; border-left:4px solid var(--blue); padding:10px 14px; border-radius:8px; margin-top:12px; font-size:13.5px;}
.snoteU2 .self-check b {color:var(--blue-d);}
.snoteU2 .stepbox {background:#fff; border:1px dashed #cbd5e1; border-radius:10px; padding:10px 14px; margin:10px 0;}
.snoteU2 .flow {display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:10px 0;}
.snoteU2 .flow .step {background:#e0f2fe; border:1px solid #7dd3fc; border-radius:10px; padding:8px 12px; font-size:13px; font-weight:600; color:#075985;}
.snoteU2 .flow .arrow {font-size:18px; color:#94a3b8;}
.snoteU2 ul {padding-left:20px; margin:6px 0;}
.snoteU2 li {margin:4px 0;}
.snoteU2 .summary60 {background:linear-gradient(135deg,#0f172a,#1e293b); color:#f1f5f9; border-radius:18px; padding:20px; margin:26px 0;}
.snoteU2 .summary60 h3 {color:#38bdf8; margin-top:0;}
.snoteU2 .summary60 li {margin:6px 0;}
.snoteU2 .finaltips {background:#fff1f2; border:2px solid #fecdd3; border-radius:16px; padding:18px;}
.snoteU2 .finaltips h3 {color:#be123c; margin-top:0;}
.snoteU2 .divider {text-align:center; color:#cbd5e1; margin:26px 0; font-size:20px;}
.snoteU2 .frac { display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 3px; font-weight:600; line-height:1.2; }
.snoteU2 .frac .num { border-bottom:2px solid currentColor; padding:0 4px 2px; }
.snoteU2 .frac .den { padding:2px 4px 0; }
.snoteU2 .sqrt { display:inline-flex; align-items:flex-start; }
.snoteU2 .sqrt .rad { font-size:1.3em; padding-right:2px; }
.snoteU2 .sqrt .content { border-top:2px solid currentColor; padding:0 3px; }
.snoteU2 .formula-box { background:#1a2b3c; color:#fef9c3; padding:12px 16px; border-radius:10px; font-size:1.05rem; text-align:center; margin:10px 0; overflow-x:auto; }

body.dark-mode #note-body .snoteU2{ background:#12181f !important; color:#e8ecef !important; }
body.dark-mode #note-body .snoteU2 p,
body.dark-mode #note-body .snoteU2 li,
body.dark-mode #note-body .snoteU2 td,
body.dark-mode #note-body .snoteU2 b,
body.dark-mode #note-body .snoteU2 span:not([class]){ color:#e8ecef; }
body.dark-mode #note-body .snoteU2 .box{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU2 .recall{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU2 .master{ background:linear-gradient(135deg,#10221f,#2a2410) !important; border-color:#e0a000 !important; }
body.dark-mode #note-body .snoteU2 .explain{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU2 .trick{ background:#173322 !important; border-color:#4CAF77 !important; }
body.dark-mode #note-body .snoteU2 .attention{ background:#332217 !important; border-color:#ff8a3d !important; }
body.dark-mode #note-body .snoteU2 .exam{ background:#332c10 !important; border-color:#f2c94c !important; }
body.dark-mode #note-body .snoteU2 .formula{ background:#241a33 !important; border-color:#c084fc !important; }
body.dark-mode #note-body .snoteU2 .mnemonic{ background:#331a26 !important; border-color:#e06bb0 !important; }
body.dark-mode #note-body .snoteU2 .summary{ background:#122735 !important; border-color:#4a9fd8 !important; }
body.dark-mode #note-body .snoteU2 .box h2,
body.dark-mode #note-body .snoteU2 .box h3,
body.dark-mode #note-body .snoteU2 h3,
body.dark-mode #note-body .snoteU2 h4{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU2 table{ background:#1c2128 !important; }
body.dark-mode #note-body .snoteU2 th{ background:#0b2a3a !important; color:#f2fbfb !important; }
body.dark-mode #note-body .snoteU2 td{ border-color:#2b3a3a !important; color:#e3e9ea !important; background:transparent !important; }
body.dark-mode #note-body .snoteU2 tr:nth-child(even) td{ background:#1a2626 !important; }
body.dark-mode #note-body .snoteU2 .toc{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU2 .toc a{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU2 .self-check{ background:#1c2b2c !important; color:#dbe4e6 !important; }
body.dark-mode #note-body .snoteU2 .step{ background:#1c211f !important; border-left-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU2 .stepbox{ background:#1c211f !important; border-color:#3d4b57 !important; }
body.dark-mode #note-body .snoteU2 .example{ background:#1a1f26 !important; }
body.dark-mode #note-body .snoteU2 .flow .step{ background:#16273a !important; border-color:#5c9fe0 !important; color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU2 .red{ color:#ff8a80 !important; }
body.dark-mode #note-body .snoteU2 .badge{ background:#0b2a3a !important; }
body.dark-mode #note-body .snoteU2 .frac .num{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU2 .sqrt .content{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU2 .divider{ color:#3d4b57 !important; }


/* ===== Unit 3 note scoped styles (snoteU3) ===== */
.snoteU3 * { box-sizing: border-box; }
.snoteU3 {
    margin:0; padding:0;
    font-family:'Poppins','Noto Sans Ethiopic',sans-serif;
    background:#eef6f8;
    color:#1a2b3c;
    line-height:1.65;
  }
.snoteU3 .am { font-family:'Noto Sans Ethiopic','Poppins',sans-serif; }
.snoteU3 .wrap { max-width:900px; margin:0 auto; padding:0 14px 60px; }
.snoteU3 header.hero {
    background:linear-gradient(135deg,#0d7a8c 0%, #14b8a6 50%, #22d3d3 100%);
    color:white; padding:34px 20px 44px; text-align:center;
    border-radius:0 0 28px 28px; margin-bottom:22px;
    box-shadow:0 8px 24px rgba(13,122,140,0.25);
  }
.snoteU3 header.hero h1 { font-size:1.5rem; margin:6px 0; font-weight:800;}
.snoteU3 header.hero p { margin:4px 0; opacity:0.95; font-size:0.95rem;}
.snoteU3 .flag { display:inline-block; font-weight:700; font-size:0.78rem; padding:2px 9px; border-radius:20px; margin-right:6px;}
.snoteU3 .flag-en { background:#1d4ed8; color:white;}
.snoteU3 .flag-am { background:#b91c1c; color:white;}
.snoteU3 .box { background:white; border-radius:16px; padding:18px 18px; margin:16px 0; box-shadow:0 3px 10px rgba(0,0,0,0.07); border-left:8px solid #ccc;}
.snoteU3 .box h2 { font-size:1.15rem; margin-top:0;}
.snoteU3 .box h3 { font-size:1.02rem; color:#0d7a8c;}
.snoteU3 .recall { border-color:#2563eb; background:#eff6ff;}
.snoteU3 .master { border-color:#f59e0b; background:linear-gradient(135deg,#fff7ed,#fef3c7); }
.snoteU3 .explain { border-color:#0284c7; }
.snoteU3 .trick { border-color:#16a34a; background:#f0fdf4;}
.snoteU3 .attention { border-color:#f97316; background:#fff7ed;}
.snoteU3 .exam { border-color:#eab308; background:#fefce8;}
.snoteU3 .formula { border-color:#7e22ce; background:#faf5ff;}
.snoteU3 .mnemonic { border-color:#db2777; background:#fdf2f8;}
.snoteU3 .summary { border-color:#0d7a8c; background:#f0fdfd;}
.snoteU3 table { width:100%; border-collapse:collapse; margin:10px 0; font-size:0.92rem;}
.snoteU3 th, .snoteU3 td { border:1px solid #ddd; padding:8px 10px; text-align:left;}
.snoteU3 th { background:#0d7a8c; color:white;}
.snoteU3 tr:nth-child(even) { background:#f7fbfb; }
.snoteU3 .red { color:#dc2626; font-weight:700;}
.snoteU3 .frac { display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 3px; font-weight:600;}
.snoteU3 .frac .num { border-bottom:2px solid #1a2b3c; padding:0 4px 2px; }
.snoteU3 .frac .den { padding:2px 4px 0; }
.snoteU3 .vec { text-decoration: none; }
.snoteU3 .formula-box { background:#1a2b3c; color:#fef9c3; padding:12px 16px; border-radius:10px; font-size:1.05rem; text-align:center; margin:10px 0; overflow-x:auto;}
.snoteU3 .self-check { background:#e0f2fe; border-radius:10px; padding:10px 14px; margin-top:10px; font-size:0.9rem;}
.snoteU3 .step { background:#f8fafc; border-left:4px solid #0284c7; padding:8px 12px; margin:6px 0; border-radius:6px;}
.snoteU3 .example { background:#f1f5f9; border-radius:10px; padding:12px 14px; margin:10px 0;}
.snoteU3 .toc { background:white; border-radius:16px; padding:16px 18px; margin-bottom:18px; box-shadow:0 3px 10px rgba(0,0,0,0.07);}
.snoteU3 .toc a { color:#0d7a8c; text-decoration:none; font-weight:600;}
.snoteU3 .badge { display:inline-block; background:#0d7a8c; color:white; border-radius:50%; width:28px;height:28px; text-align:center; line-height:28px; font-weight:700; margin-right:8px;}
.snoteU3 ul { padding-left:20px; }
.snoteU3 .final { background:linear-gradient(135deg,#0f172a,#1e293b); color:#f1f5f9; border-radius:16px; padding:18px; margin-top:20px;}
.snoteU3 .final h2 { color:#facc15; }
@media(max-width:480px) {
.snoteU3 header.hero h1 {font-size:1.25rem;}
.snoteU3 .box {padding:14px;}
}

body.dark-mode #note-body .snoteU3{ background:#12181f !important; color:#e8ecef !important; }
body.dark-mode #note-body .snoteU3 p,
body.dark-mode #note-body .snoteU3 li,
body.dark-mode #note-body .snoteU3 td,
body.dark-mode #note-body .snoteU3 b,
body.dark-mode #note-body .snoteU3 span:not([class]){ color:#e8ecef; }
body.dark-mode #note-body .snoteU3 .box{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU3 .recall{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU3 .master{ background:linear-gradient(135deg,#10221f,#2a2410) !important; border-color:#e0a000 !important; }
body.dark-mode #note-body .snoteU3 .explain{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU3 .trick{ background:#173322 !important; border-color:#4CAF77 !important; }
body.dark-mode #note-body .snoteU3 .attention{ background:#332217 !important; border-color:#ff8a3d !important; }
body.dark-mode #note-body .snoteU3 .exam{ background:#332c10 !important; border-color:#f2c94c !important; }
body.dark-mode #note-body .snoteU3 .formula{ background:#241a33 !important; border-color:#c084fc !important; }
body.dark-mode #note-body .snoteU3 .mnemonic{ background:#331a26 !important; border-color:#e06bb0 !important; }
body.dark-mode #note-body .snoteU3 .summary{ background:#122735 !important; border-color:#4a9fd8 !important; }
body.dark-mode #note-body .snoteU3 .box h2,
body.dark-mode #note-body .snoteU3 .box h3,
body.dark-mode #note-body .snoteU3 h3,
body.dark-mode #note-body .snoteU3 h4{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU3 table{ background:#1c2128 !important; }
body.dark-mode #note-body .snoteU3 th{ background:#0b2a3a !important; color:#f2fbfb !important; }
body.dark-mode #note-body .snoteU3 td{ border-color:#2b3a3a !important; color:#e3e9ea !important; background:transparent !important; }
body.dark-mode #note-body .snoteU3 tr:nth-child(even) td{ background:#1a2626 !important; }
body.dark-mode #note-body .snoteU3 .toc{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU3 .toc a{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU3 .self-check{ background:#1c2b2c !important; color:#dbe4e6 !important; }
body.dark-mode #note-body .snoteU3 .step{ background:#1c211f !important; border-left-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU3 .stepbox{ background:#1c211f !important; border-color:#3d4b57 !important; }
body.dark-mode #note-body .snoteU3 .example{ background:#1a1f26 !important; }
body.dark-mode #note-body .snoteU3 .flow .step{ background:#16273a !important; border-color:#5c9fe0 !important; color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU3 .red{ color:#ff8a80 !important; }
body.dark-mode #note-body .snoteU3 .badge{ background:#0b2a3a !important; }
body.dark-mode #note-body .snoteU3 .frac .num{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU3 .sqrt .content{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU3 .divider{ color:#3d4b57 !important; }


/* ===== Unit 4 note scoped styles (snoteU4) ===== */
.snoteU4 * { box-sizing: border-box; }
.snoteU4 { margin:0; padding:0; font-family:'Poppins','Noto Sans Ethiopic',sans-serif; background:#eef6f8; color:#1a2b3c; line-height:1.65; }
.snoteU4 .am { font-family:'Noto Sans Ethiopic','Poppins',sans-serif; }
.snoteU4 .wrap { max-width:900px; margin:0 auto; padding:0 14px 60px; }
.snoteU4 header.hero { background:linear-gradient(135deg,#0d7a8c 0%, #14b8a6 50%, #22d3d3 100%); color:white; padding:34px 20px 44px; text-align:center; border-radius:0 0 28px 28px; margin-bottom:22px; box-shadow:0 8px 24px rgba(13,122,140,0.25);}
.snoteU4 header.hero h1 { font-size:1.5rem; margin:6px 0; font-weight:800;}
.snoteU4 header.hero p { margin:4px 0; opacity:0.95; font-size:0.95rem;}
.snoteU4 .flag { display:inline-block; font-weight:700; font-size:0.78rem; padding:2px 9px; border-radius:20px; margin-right:6px;}
.snoteU4 .flag-en { background:#1d4ed8; color:white;}
.snoteU4 .flag-am { background:#b91c1c; color:white;}
.snoteU4 .box { background:white; border-radius:16px; padding:18px; margin:16px 0; box-shadow:0 3px 10px rgba(0,0,0,0.07); border-left:8px solid #ccc;}
.snoteU4 .box h2 { font-size:1.15rem; margin-top:0;}
.snoteU4 .box h3 { font-size:1.02rem; color:#0d7a8c;}
.snoteU4 .recall { border-color:#2563eb; background:#eff6ff;}
.snoteU4 .master { border-color:#f59e0b; background:linear-gradient(135deg,#fff7ed,#fef3c7); }
.snoteU4 .explain { border-color:#0284c7; }
.snoteU4 .trick { border-color:#16a34a; background:#f0fdf4;}
.snoteU4 .attention { border-color:#f97316; background:#fff7ed;}
.snoteU4 .exam { border-color:#eab308; background:#fefce8;}
.snoteU4 .formula { border-color:#7e22ce; background:#faf5ff;}
.snoteU4 .mnemonic { border-color:#db2777; background:#fdf2f8;}
.snoteU4 .summary { border-color:#0d7a8c; background:#f0fdfd;}
.snoteU4 table { width:100%; border-collapse:collapse; margin:10px 0; font-size:0.92rem;}
.snoteU4 th, .snoteU4 td { border:1px solid #ddd; padding:8px 10px; text-align:left;}
.snoteU4 th { background:#0d7a8c; color:white;}
.snoteU4 tr:nth-child(even) { background:#f7fbfb; }
.snoteU4 .red { color:#dc2626; font-weight:700;}
.snoteU4 .frac { display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 3px; font-weight:600;}
.snoteU4 .frac .num { border-bottom:2px solid #1a2b3c; padding:0 4px 2px; }
.snoteU4 .frac .den { padding:2px 4px 0; }
.snoteU4 .formula-box { background:#1a2b3c; color:#fef9c3; padding:12px 16px; border-radius:10px; font-size:1.05rem; text-align:center; margin:10px 0; overflow-x:auto;}
.snoteU4 .self-check { background:#e0f2fe; border-radius:10px; padding:10px 14px; margin-top:10px; font-size:0.9rem;}
.snoteU4 .step { background:#f8fafc; border-left:4px solid #0284c7; padding:8px 12px; margin:6px 0; border-radius:6px;}
.snoteU4 .example { background:#f1f5f9; border-radius:10px; padding:12px 14px; margin:10px 0;}
.snoteU4 .toc { background:white; border-radius:16px; padding:16px 18px; margin-bottom:18px; box-shadow:0 3px 10px rgba(0,0,0,0.07);}
.snoteU4 .toc a { color:#0d7a8c; text-decoration:none; font-weight:600;}
.snoteU4 ul { padding-left:20px; }
.snoteU4 .final { background:linear-gradient(135deg,#0f172a,#1e293b); color:#f1f5f9; border-radius:16px; padding:18px; margin-top:20px;}
.snoteU4 .final h2 { color:#facc15; }
@media(max-width:480px) {
.snoteU4 header.hero h1 {font-size:1.25rem;}
.snoteU4 .box {padding:14px;}
}

body.dark-mode #note-body .snoteU4{ background:#12181f !important; color:#e8ecef !important; }
body.dark-mode #note-body .snoteU4 p,
body.dark-mode #note-body .snoteU4 li,
body.dark-mode #note-body .snoteU4 td,
body.dark-mode #note-body .snoteU4 b,
body.dark-mode #note-body .snoteU4 span:not([class]){ color:#e8ecef; }
body.dark-mode #note-body .snoteU4 .box{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU4 .recall{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU4 .master{ background:linear-gradient(135deg,#10221f,#2a2410) !important; border-color:#e0a000 !important; }
body.dark-mode #note-body .snoteU4 .explain{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU4 .trick{ background:#173322 !important; border-color:#4CAF77 !important; }
body.dark-mode #note-body .snoteU4 .attention{ background:#332217 !important; border-color:#ff8a3d !important; }
body.dark-mode #note-body .snoteU4 .exam{ background:#332c10 !important; border-color:#f2c94c !important; }
body.dark-mode #note-body .snoteU4 .formula{ background:#241a33 !important; border-color:#c084fc !important; }
body.dark-mode #note-body .snoteU4 .mnemonic{ background:#331a26 !important; border-color:#e06bb0 !important; }
body.dark-mode #note-body .snoteU4 .summary{ background:#122735 !important; border-color:#4a9fd8 !important; }
body.dark-mode #note-body .snoteU4 .box h2,
body.dark-mode #note-body .snoteU4 .box h3,
body.dark-mode #note-body .snoteU4 h3,
body.dark-mode #note-body .snoteU4 h4{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU4 table{ background:#1c2128 !important; }
body.dark-mode #note-body .snoteU4 th{ background:#0b2a3a !important; color:#f2fbfb !important; }
body.dark-mode #note-body .snoteU4 td{ border-color:#2b3a3a !important; color:#e3e9ea !important; background:transparent !important; }
body.dark-mode #note-body .snoteU4 tr:nth-child(even) td{ background:#1a2626 !important; }
body.dark-mode #note-body .snoteU4 .toc{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU4 .toc a{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU4 .self-check{ background:#1c2b2c !important; color:#dbe4e6 !important; }
body.dark-mode #note-body .snoteU4 .step{ background:#1c211f !important; border-left-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU4 .stepbox{ background:#1c211f !important; border-color:#3d4b57 !important; }
body.dark-mode #note-body .snoteU4 .example{ background:#1a1f26 !important; }
body.dark-mode #note-body .snoteU4 .flow .step{ background:#16273a !important; border-color:#5c9fe0 !important; color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU4 .red{ color:#ff8a80 !important; }
body.dark-mode #note-body .snoteU4 .badge{ background:#0b2a3a !important; }
body.dark-mode #note-body .snoteU4 .frac .num{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU4 .sqrt .content{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU4 .divider{ color:#3d4b57 !important; }


/* ===== Unit 5 note scoped styles (snoteU5) ===== */
.snoteU5 * { box-sizing: border-box; }
.snoteU5 { margin:0; padding:0; font-family:'Poppins','Noto Sans Ethiopic',sans-serif; background:#eef6f8; color:#1a2b3c; line-height:1.65; }
.snoteU5 .am { font-family:'Noto Sans Ethiopic','Poppins',sans-serif; }
.snoteU5 .wrap { max-width:900px; margin:0 auto; padding:0 14px 60px; }
.snoteU5 header.hero { background:linear-gradient(135deg,#0d7a8c 0%, #14b8a6 50%, #22d3d3 100%); color:white; padding:34px 20px 44px; text-align:center; border-radius:0 0 28px 28px; margin-bottom:22px; box-shadow:0 8px 24px rgba(13,122,140,0.25);}
.snoteU5 header.hero h1 { font-size:1.5rem; margin:6px 0; font-weight:800;}
.snoteU5 header.hero p { margin:4px 0; opacity:0.95; font-size:0.95rem;}
.snoteU5 .flag { display:inline-block; font-weight:700; font-size:0.78rem; padding:2px 9px; border-radius:20px; margin-right:6px;}
.snoteU5 .flag-en { background:#1d4ed8; color:white;}
.snoteU5 .flag-am { background:#b91c1c; color:white;}
.snoteU5 .box { background:white; border-radius:16px; padding:18px; margin:16px 0; box-shadow:0 3px 10px rgba(0,0,0,0.07); border-left:8px solid #ccc;}
.snoteU5 .box h2 { font-size:1.15rem; margin-top:0;}
.snoteU5 .box h3 { font-size:1.02rem; color:#0d7a8c;}
.snoteU5 .recall { border-color:#2563eb; background:#eff6ff;}
.snoteU5 .master { border-color:#f59e0b; background:linear-gradient(135deg,#fff7ed,#fef3c7); }
.snoteU5 .explain { border-color:#0284c7; }
.snoteU5 .trick { border-color:#16a34a; background:#f0fdf4;}
.snoteU5 .attention { border-color:#f97316; background:#fff7ed;}
.snoteU5 .exam { border-color:#eab308; background:#fefce8;}
.snoteU5 .formula { border-color:#7e22ce; background:#faf5ff;}
.snoteU5 .mnemonic { border-color:#db2777; background:#fdf2f8;}
.snoteU5 .summary { border-color:#0d7a8c; background:#f0fdfd;}
.snoteU5 table { width:100%; border-collapse:collapse; margin:10px 0; font-size:0.92rem;}
.snoteU5 th, .snoteU5 td { border:1px solid #ddd; padding:8px 10px; text-align:left;}
.snoteU5 th { background:#0d7a8c; color:white;}
.snoteU5 tr:nth-child(even) { background:#f7fbfb; }
.snoteU5 .red { color:#dc2626; font-weight:700;}
.snoteU5 .frac { display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 3px; font-weight:600;}
.snoteU5 .frac .num { border-bottom:2px solid #1a2b3c; padding:0 4px 2px; }
.snoteU5 .frac .den { padding:2px 4px 0; }
.snoteU5 .formula-box { background:#1a2b3c; color:#fef9c3; padding:12px 16px; border-radius:10px; font-size:1.05rem; text-align:center; margin:10px 0; overflow-x:auto;}
.snoteU5 .self-check { background:#e0f2fe; border-radius:10px; padding:10px 14px; margin-top:10px; font-size:0.9rem;}
.snoteU5 .step { background:#f8fafc; border-left:4px solid #0284c7; padding:8px 12px; margin:6px 0; border-radius:6px;}
.snoteU5 .example { background:#f1f5f9; border-radius:10px; padding:12px 14px; margin:10px 0;}
.snoteU5 .toc { background:white; border-radius:16px; padding:16px 18px; margin-bottom:18px; box-shadow:0 3px 10px rgba(0,0,0,0.07);}
.snoteU5 .toc a { color:#0d7a8c; text-decoration:none; font-weight:600;}
.snoteU5 ul { padding-left:20px; }
.snoteU5 .final { background:linear-gradient(135deg,#0f172a,#1e293b); color:#f1f5f9; border-radius:16px; padding:18px; margin-top:20px;}
.snoteU5 .final h2 { color:#facc15; }
@media(max-width:480px) {
.snoteU5 header.hero h1 {font-size:1.25rem;}
.snoteU5 .box {padding:14px;}
}

body.dark-mode #note-body .snoteU5{ background:#12181f !important; color:#e8ecef !important; }
body.dark-mode #note-body .snoteU5 p,
body.dark-mode #note-body .snoteU5 li,
body.dark-mode #note-body .snoteU5 td,
body.dark-mode #note-body .snoteU5 b,
body.dark-mode #note-body .snoteU5 span:not([class]){ color:#e8ecef; }
body.dark-mode #note-body .snoteU5 .box{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU5 .recall{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU5 .master{ background:linear-gradient(135deg,#10221f,#2a2410) !important; border-color:#e0a000 !important; }
body.dark-mode #note-body .snoteU5 .explain{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU5 .trick{ background:#173322 !important; border-color:#4CAF77 !important; }
body.dark-mode #note-body .snoteU5 .attention{ background:#332217 !important; border-color:#ff8a3d !important; }
body.dark-mode #note-body .snoteU5 .exam{ background:#332c10 !important; border-color:#f2c94c !important; }
body.dark-mode #note-body .snoteU5 .formula{ background:#241a33 !important; border-color:#c084fc !important; }
body.dark-mode #note-body .snoteU5 .mnemonic{ background:#331a26 !important; border-color:#e06bb0 !important; }
body.dark-mode #note-body .snoteU5 .summary{ background:#122735 !important; border-color:#4a9fd8 !important; }
body.dark-mode #note-body .snoteU5 .box h2,
body.dark-mode #note-body .snoteU5 .box h3,
body.dark-mode #note-body .snoteU5 h3,
body.dark-mode #note-body .snoteU5 h4{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU5 table{ background:#1c2128 !important; }
body.dark-mode #note-body .snoteU5 th{ background:#0b2a3a !important; color:#f2fbfb !important; }
body.dark-mode #note-body .snoteU5 td{ border-color:#2b3a3a !important; color:#e3e9ea !important; background:transparent !important; }
body.dark-mode #note-body .snoteU5 tr:nth-child(even) td{ background:#1a2626 !important; }
body.dark-mode #note-body .snoteU5 .toc{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU5 .toc a{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU5 .self-check{ background:#1c2b2c !important; color:#dbe4e6 !important; }
body.dark-mode #note-body .snoteU5 .step{ background:#1c211f !important; border-left-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU5 .stepbox{ background:#1c211f !important; border-color:#3d4b57 !important; }
body.dark-mode #note-body .snoteU5 .example{ background:#1a1f26 !important; }
body.dark-mode #note-body .snoteU5 .flow .step{ background:#16273a !important; border-color:#5c9fe0 !important; color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU5 .red{ color:#ff8a80 !important; }
body.dark-mode #note-body .snoteU5 .badge{ background:#0b2a3a !important; }
body.dark-mode #note-body .snoteU5 .frac .num{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU5 .sqrt .content{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU5 .divider{ color:#3d4b57 !important; }


/* ===== Unit 6 note scoped styles (snoteU6) ===== */
.snoteU6 * { box-sizing: border-box; }
.snoteU6 { margin:0; padding:0; font-family:'Poppins','Noto Sans Ethiopic',sans-serif; background:#eef6f8; color:#1a2b3c; line-height:1.65; }
.snoteU6 .am { font-family:'Noto Sans Ethiopic','Poppins',sans-serif; }
.snoteU6 .wrap { max-width:900px; margin:0 auto; padding:0 14px 60px; }
.snoteU6 header.hero { background:linear-gradient(135deg,#0d7a8c 0%, #14b8a6 50%, #22d3d3 100%); color:white; padding:34px 20px 44px; text-align:center; border-radius:0 0 28px 28px; margin-bottom:22px; box-shadow:0 8px 24px rgba(13,122,140,0.25);}
.snoteU6 header.hero h1 { font-size:1.5rem; margin:6px 0; font-weight:800;}
.snoteU6 header.hero p { margin:4px 0; opacity:0.95; font-size:0.95rem;}
.snoteU6 .flag { display:inline-block; font-weight:700; font-size:0.78rem; padding:2px 9px; border-radius:20px; margin-right:6px;}
.snoteU6 .flag-en { background:#1d4ed8; color:white;}
.snoteU6 .flag-am { background:#b91c1c; color:white;}
.snoteU6 .box { background:white; border-radius:16px; padding:18px; margin:16px 0; box-shadow:0 3px 10px rgba(0,0,0,0.07); border-left:8px solid #ccc;}
.snoteU6 .box h2 { font-size:1.15rem; margin-top:0;}
.snoteU6 .box h3 { font-size:1.02rem; color:#0d7a8c;}
.snoteU6 .recall { border-color:#2563eb; background:#eff6ff;}
.snoteU6 .master { border-color:#f59e0b; background:linear-gradient(135deg,#fff7ed,#fef3c7); }
.snoteU6 .explain { border-color:#0284c7; }
.snoteU6 .trick { border-color:#16a34a; background:#f0fdf4;}
.snoteU6 .attention { border-color:#f97316; background:#fff7ed;}
.snoteU6 .exam { border-color:#eab308; background:#fefce8;}
.snoteU6 .formula { border-color:#7e22ce; background:#faf5ff;}
.snoteU6 .mnemonic { border-color:#db2777; background:#fdf2f8;}
.snoteU6 .summary { border-color:#0d7a8c; background:#f0fdfd;}
.snoteU6 table { width:100%; border-collapse:collapse; margin:10px 0; font-size:0.92rem;}
.snoteU6 th, .snoteU6 td { border:1px solid #ddd; padding:8px 10px; text-align:left;}
.snoteU6 th { background:#0d7a8c; color:white;}
.snoteU6 tr:nth-child(even) { background:#f7fbfb; }
.snoteU6 .red { color:#dc2626; font-weight:700;}
.snoteU6 .frac { display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 3px; font-weight:600;}
.snoteU6 .frac .num { border-bottom:2px solid #1a2b3c; padding:0 4px 2px; }
.snoteU6 .frac .den { padding:2px 4px 0; }
.snoteU6 .sqrt { display:inline-flex; align-items:flex-start; }
.snoteU6 .sqrt .rad { font-size:1.3em; padding-right:2px; }
.snoteU6 .sqrt .content { border-top:2px solid #1a2b3c; padding:0 3px; }
.snoteU6 .formula-box { background:#1a2b3c; color:#fef9c3; padding:12px 16px; border-radius:10px; font-size:1.05rem; text-align:center; margin:10px 0; overflow-x:auto;}
.snoteU6 .self-check { background:#e0f2fe; border-radius:10px; padding:10px 14px; margin-top:10px; font-size:0.9rem;}
.snoteU6 .step { background:#f8fafc; border-left:4px solid #0284c7; padding:8px 12px; margin:6px 0; border-radius:6px;}
.snoteU6 .example { background:#f1f5f9; border-radius:10px; padding:12px 14px; margin:10px 0;}
.snoteU6 .toc { background:white; border-radius:16px; padding:16px 18px; margin-bottom:18px; box-shadow:0 3px 10px rgba(0,0,0,0.07);}
.snoteU6 .toc a { color:#0d7a8c; text-decoration:none; font-weight:600;}
.snoteU6 ul { padding-left:20px; }
.snoteU6 .final { background:linear-gradient(135deg,#0f172a,#1e293b); color:#f1f5f9; border-radius:16px; padding:18px; margin-top:20px;}
.snoteU6 .final h2 { color:#facc15; }
@media(max-width:480px) {
.snoteU6 header.hero h1 {font-size:1.25rem;}
.snoteU6 .box {padding:14px;}
}

body.dark-mode #note-body .snoteU6{ background:#12181f !important; color:#e8ecef !important; }
body.dark-mode #note-body .snoteU6 p,
body.dark-mode #note-body .snoteU6 li,
body.dark-mode #note-body .snoteU6 td,
body.dark-mode #note-body .snoteU6 b,
body.dark-mode #note-body .snoteU6 span:not([class]){ color:#e8ecef; }
body.dark-mode #note-body .snoteU6 .box{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU6 .recall{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU6 .master{ background:linear-gradient(135deg,#10221f,#2a2410) !important; border-color:#e0a000 !important; }
body.dark-mode #note-body .snoteU6 .explain{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU6 .trick{ background:#173322 !important; border-color:#4CAF77 !important; }
body.dark-mode #note-body .snoteU6 .attention{ background:#332217 !important; border-color:#ff8a3d !important; }
body.dark-mode #note-body .snoteU6 .exam{ background:#332c10 !important; border-color:#f2c94c !important; }
body.dark-mode #note-body .snoteU6 .formula{ background:#241a33 !important; border-color:#c084fc !important; }
body.dark-mode #note-body .snoteU6 .mnemonic{ background:#331a26 !important; border-color:#e06bb0 !important; }
body.dark-mode #note-body .snoteU6 .summary{ background:#122735 !important; border-color:#4a9fd8 !important; }
body.dark-mode #note-body .snoteU6 .box h2,
body.dark-mode #note-body .snoteU6 .box h3,
body.dark-mode #note-body .snoteU6 h3,
body.dark-mode #note-body .snoteU6 h4{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU6 table{ background:#1c2128 !important; }
body.dark-mode #note-body .snoteU6 th{ background:#0b2a3a !important; color:#f2fbfb !important; }
body.dark-mode #note-body .snoteU6 td{ border-color:#2b3a3a !important; color:#e3e9ea !important; background:transparent !important; }
body.dark-mode #note-body .snoteU6 tr:nth-child(even) td{ background:#1a2626 !important; }
body.dark-mode #note-body .snoteU6 .toc{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU6 .toc a{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU6 .self-check{ background:#1c2b2c !important; color:#dbe4e6 !important; }
body.dark-mode #note-body .snoteU6 .step{ background:#1c211f !important; border-left-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU6 .stepbox{ background:#1c211f !important; border-color:#3d4b57 !important; }
body.dark-mode #note-body .snoteU6 .example{ background:#1a1f26 !important; }
body.dark-mode #note-body .snoteU6 .flow .step{ background:#16273a !important; border-color:#5c9fe0 !important; color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU6 .red{ color:#ff8a80 !important; }
body.dark-mode #note-body .snoteU6 .badge{ background:#0b2a3a !important; }
body.dark-mode #note-body .snoteU6 .frac .num{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU6 .sqrt .content{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU6 .divider{ color:#3d4b57 !important; }


/* ===== Unit 7 note scoped styles (snoteU7) ===== */
.snoteU7 {
    --blue:#0ea5c4; --blue-d:#0369a1; --turquoise:#14b8a6;
    --green:#16a34a; --green-bg:#ecfdf5; --green-bd:#86efac;
    --orange:#ea580c; --orange-bg:#fff7ed; --orange-bd:#fdba74;
    --yellow:#ca8a04; --yellow-bg:#fefce8; --yellow-bd:#fde68a;
    --explain-bg:#eff6ff; --explain-bd:#93c5fd;
    --purple:#7e22ce; --purple-bg:#faf5ff; --purple-bd:#d8b4fe;
    --pink:#db2777; --pink-bg:#fdf2f8; --pink-bd:#f9a8d4;
    --ink:#1e293b;
  }
.snoteU7 * {box-sizing:border-box;}
.snoteU7 {margin:0; padding:0; background:#f1f5f9; color:var(--ink); font-family:'Poppins',sans-serif; line-height:1.65;}
.snoteU7 .am {font-family:'Noto Sans Ethiopic','Poppins',sans-serif;}
.snoteU7 .wrap {max-width:900px; margin:0 auto; padding:0 16px 60px;}
.snoteU7 .hero {background:linear-gradient(135deg,var(--blue-d),var(--turquoise)); color:white; padding:38px 24px 32px; border-radius:0 0 28px 28px; text-align:center; box-shadow:0 8px 24px rgba(3,105,161,.25); margin-bottom:24px;}
.snoteU7 .hero .tag {font-size:13px; letter-spacing:2px; opacity:.85; text-transform:uppercase;}
.snoteU7 .hero h1 {font-size:24px; margin:8px 0 6px; font-weight:800;}
.snoteU7 .hero p {font-size:15px; opacity:.95; margin:4px 0;}
.snoteU7 .hero .badges {margin-top:14px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap;}
.snoteU7 .hero .badge {background:rgba(255,255,255,.18); padding:5px 12px; border-radius:20px; font-size:12.5px;}
.snoteU7 .box {border-radius:16px; padding:18px 18px 16px; margin:20px 0; box-shadow:0 2px 10px rgba(0,0,0,.05); border:2px solid;}
.snoteU7 .box h3 {margin:0 0 10px; font-size:17px; display:flex; align-items:center; gap:8px;}
.snoteU7 .box h4 {margin:14px 0 6px; font-size:14.5px; font-weight:700;}
.snoteU7 .recall {background:var(--explain-bg); border-color:var(--explain-bd);}
.snoteU7 .recall h3 {color:var(--blue-d);}
.snoteU7 .master {background:linear-gradient(135deg,#fff,#f0fdfa); border-color:var(--turquoise); border-width:3px;}
.snoteU7 .master h3 {color:var(--turquoise); font-size:19px;}
.snoteU7 .explain {background:var(--explain-bg); border-color:var(--explain-bd);}
.snoteU7 .explain h3 {color:var(--blue-d);}
.snoteU7 .trick {background:var(--green-bg); border-color:var(--green-bd);}
.snoteU7 .trick h3 {color:var(--green);}
.snoteU7 .attention {background:var(--orange-bg); border-color:var(--orange-bd);}
.snoteU7 .attention h3 {color:var(--orange);}
.snoteU7 .exam {background:var(--yellow-bg); border-color:var(--yellow-bd);}
.snoteU7 .exam h3 {color:var(--yellow);}
.snoteU7 .formula {background:var(--purple-bg); border-color:var(--purple-bd);}
.snoteU7 .formula h3 {color:var(--purple);}
.snoteU7 .mnemonic {background:var(--pink-bg); border-color:var(--pink-bd);}
.snoteU7 .mnemonic h3 {color:var(--pink);}
.snoteU7 .flag {font-weight:700; font-size:13px; display:inline-block; margin:10px 0 4px; padding:2px 8px; border-radius:6px;}
.snoteU7 .flag.en {background:#dbeafe; color:#1e3a8a;}
.snoteU7 .flag.am {background:#dcfce7; color:#14532d;}
.snoteU7 table {width:100%; border-collapse:collapse; margin:10px 0 4px; font-size:13px;}
.snoteU7 th, .snoteU7 td {border:1px solid #e2e8f0; padding:7px 9px; text-align:left; vertical-align:middle;}
.snoteU7 th {background:#f8fafc; font-weight:700;}
.snoteU7 tr:nth-child(even) {background:#fafafa;}
.snoteU7 .red {color:#dc2626; font-weight:700;}
.snoteU7 .self-check {background:#f8fafc; border-left:4px solid var(--blue); padding:10px 14px; border-radius:8px; margin-top:12px; font-size:13.5px;}
.snoteU7 .self-check b {color:var(--blue-d);}
.snoteU7 .stepbox {background:#fff; border:1px dashed #cbd5e1; border-radius:10px; padding:10px 14px; margin:10px 0;}
.snoteU7 .flow {display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:10px 0;}
.snoteU7 .flow .step {background:#e0f2fe; border:1px solid #7dd3fc; border-radius:10px; padding:8px 12px; font-size:13px; font-weight:600; color:#075985;}
.snoteU7 .flow .arrow {font-size:18px; color:#94a3b8;}
.snoteU7 ul {padding-left:20px; margin:6px 0;}
.snoteU7 li {margin:4px 0;}
.snoteU7 .summary60 {background:linear-gradient(135deg,#0f172a,#1e293b); color:#f1f5f9; border-radius:18px; padding:20px; margin:26px 0;}
.snoteU7 .summary60 h3 {color:#38bdf8; margin-top:0;}
.snoteU7 .summary60 li {margin:6px 0;}
.snoteU7 .finaltips {background:#fff1f2; border:2px solid #fecdd3; border-radius:16px; padding:18px;}
.snoteU7 .finaltips h3 {color:#be123c; margin-top:0;}
.snoteU7 .divider {text-align:center; color:#cbd5e1; margin:26px 0; font-size:20px;}
.snoteU7 .frac { display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 3px; font-weight:600; line-height:1.2; }
.snoteU7 .frac .num { border-bottom:2px solid currentColor; padding:0 4px 2px; }
.snoteU7 .frac .den { padding:2px 4px 0; }
.snoteU7 .sqrt { display:inline-flex; align-items:flex-start; }
.snoteU7 .sqrt .rad { font-size:1.3em; padding-right:2px; }
.snoteU7 .sqrt .content { border-top:2px solid currentColor; padding:0 3px; }
.snoteU7 .formula-box { background:#1a2b3c; color:#fef9c3; padding:12px 16px; border-radius:10px; font-size:1.05rem; text-align:center; margin:10px 0; overflow-x:auto; }

body.dark-mode #note-body .snoteU7{ background:#12181f !important; color:#e8ecef !important; }
body.dark-mode #note-body .snoteU7 p,
body.dark-mode #note-body .snoteU7 li,
body.dark-mode #note-body .snoteU7 td,
body.dark-mode #note-body .snoteU7 b,
body.dark-mode #note-body .snoteU7 span:not([class]){ color:#e8ecef; }
body.dark-mode #note-body .snoteU7 .box{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU7 .recall{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU7 .master{ background:linear-gradient(135deg,#10221f,#2a2410) !important; border-color:#e0a000 !important; }
body.dark-mode #note-body .snoteU7 .explain{ background:#16273a !important; border-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU7 .trick{ background:#173322 !important; border-color:#4CAF77 !important; }
body.dark-mode #note-body .snoteU7 .attention{ background:#332217 !important; border-color:#ff8a3d !important; }
body.dark-mode #note-body .snoteU7 .exam{ background:#332c10 !important; border-color:#f2c94c !important; }
body.dark-mode #note-body .snoteU7 .formula{ background:#241a33 !important; border-color:#c084fc !important; }
body.dark-mode #note-body .snoteU7 .mnemonic{ background:#331a26 !important; border-color:#e06bb0 !important; }
body.dark-mode #note-body .snoteU7 .summary{ background:#122735 !important; border-color:#4a9fd8 !important; }
body.dark-mode #note-body .snoteU7 .box h2,
body.dark-mode #note-body .snoteU7 .box h3,
body.dark-mode #note-body .snoteU7 h3,
body.dark-mode #note-body .snoteU7 h4{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU7 table{ background:#1c2128 !important; }
body.dark-mode #note-body .snoteU7 th{ background:#0b2a3a !important; color:#f2fbfb !important; }
body.dark-mode #note-body .snoteU7 td{ border-color:#2b3a3a !important; color:#e3e9ea !important; background:transparent !important; }
body.dark-mode #note-body .snoteU7 tr:nth-child(even) td{ background:#1a2626 !important; }
body.dark-mode #note-body .snoteU7 .toc{ background:#1c2128 !important; box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode #note-body .snoteU7 .toc a{ color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU7 .self-check{ background:#1c2b2c !important; color:#dbe4e6 !important; }
body.dark-mode #note-body .snoteU7 .step{ background:#1c211f !important; border-left-color:#5c9fe0 !important; }
body.dark-mode #note-body .snoteU7 .stepbox{ background:#1c211f !important; border-color:#3d4b57 !important; }
body.dark-mode #note-body .snoteU7 .example{ background:#1a1f26 !important; }
body.dark-mode #note-body .snoteU7 .flow .step{ background:#16273a !important; border-color:#5c9fe0 !important; color:#9dc4ee !important; }
body.dark-mode #note-body .snoteU7 .red{ color:#ff8a80 !important; }
body.dark-mode #note-body .snoteU7 .badge{ background:#0b2a3a !important; }
body.dark-mode #note-body .snoteU7 .frac .num{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU7 .sqrt .content{ border-color:#e8ecef !important; }
body.dark-mode #note-body .snoteU7 .divider{ color:#3d4b57 !important; }

/* ---- style block ---- */
\n.g10u1 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g10u1 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g10u1 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g10u1 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g10u1 .hero p { margin:8px 0 0; opacity:.95; }\n.g10u1 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g10u1 .container, .g10u1 .wrap { padding:4px 2px; }\n.g10u1 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g10u1 .box h2, .g10u1 .box h3 { margin-top:0; }\n.g10u1 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g10u1 .masterkey, .g10u1 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g10u1 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g10u1 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g10u1 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g10u1 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g10u1 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g10u1 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g10u1 .summary-final, .g10u1 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g10u1 .summary-final li, .g10u1 .summary li { margin-bottom:6px; }\n.g10u1 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g10u1 .flag, .g10u1 .flag-en, .g10u1 .flag-am, .g10u1 .flag.en, .g10u1 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g10u1 .flag-en, .g10u1 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g10u1 .flag-am, .g10u1 .flag.am { background:#fef3c7; color:#78350f; }\n.g10u1 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g10u1 th, .g10u1 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g10u1 th { background:#0891b2; color:#fff; }\n.g10u1 tr:nth-child(even) td { background:#f7fbfc; }\n.g10u1 .red, .g10u1 .r { color:#dc2626; font-weight:700; }\n.g10u1 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g10u1 .stepbox, .g10u1 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g10u1 .selfcheck, .g10u1 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g10u1 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g10u1 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g10u1 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g10u1 .frac .den { padding:1px 4px 0; }\n.g10u1 .sqrt { display:inline-flex; align-items:flex-start; }\n.g10u1 .sqrt .rad { margin-right:1px; }\n.g10u1 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g10u1 ul, .g10u1 ol { padding-left:22px; }\n.g10u1 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g10u1 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g10u1 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g10u1 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g10u1 { color:#e8ecef; }\nbody.dark-mode .g10u1 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g10u1 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g10u1 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u1 .masterkey, body.dark-mode .g10u1 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g10u1 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u1 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g10u1 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g10u1 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g10u1 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g10u1 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u1 .summary-final, body.dark-mode .g10u1 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g10u1 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g10u1 .flag-en, body.dark-mode .g10u1 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g10u1 .flag-am, body.dark-mode .g10u1 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g10u1 table { background:#1c2128; }\nbody.dark-mode .g10u1 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g10u1 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g10u1 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g10u1 .red, body.dark-mode .g10u1 .r { color:#ff8a80; }\nbody.dark-mode .g10u1 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g10u1 .stepbox, body.dark-mode .g10u1 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g10u1 .selfcheck, body.dark-mode .g10u1 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g10u1 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u1 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g10u1 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g10u1 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g10u1 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g10u1 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g10u2 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g10u2 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g10u2 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g10u2 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g10u2 .hero p { margin:8px 0 0; opacity:.95; }\n.g10u2 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g10u2 .container, .g10u2 .wrap { padding:4px 2px; }\n.g10u2 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g10u2 .box h2, .g10u2 .box h3 { margin-top:0; }\n.g10u2 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g10u2 .masterkey, .g10u2 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g10u2 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g10u2 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g10u2 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g10u2 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g10u2 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g10u2 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g10u2 .summary-final, .g10u2 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g10u2 .summary-final li, .g10u2 .summary li { margin-bottom:6px; }\n.g10u2 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g10u2 .flag, .g10u2 .flag-en, .g10u2 .flag-am, .g10u2 .flag.en, .g10u2 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g10u2 .flag-en, .g10u2 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g10u2 .flag-am, .g10u2 .flag.am { background:#fef3c7; color:#78350f; }\n.g10u2 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g10u2 th, .g10u2 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g10u2 th { background:#0891b2; color:#fff; }\n.g10u2 tr:nth-child(even) td { background:#f7fbfc; }\n.g10u2 .red, .g10u2 .r { color:#dc2626; font-weight:700; }\n.g10u2 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g10u2 .stepbox, .g10u2 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g10u2 .selfcheck, .g10u2 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g10u2 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g10u2 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g10u2 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g10u2 .frac .den { padding:1px 4px 0; }\n.g10u2 .sqrt { display:inline-flex; align-items:flex-start; }\n.g10u2 .sqrt .rad { margin-right:1px; }\n.g10u2 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g10u2 ul, .g10u2 ol { padding-left:22px; }\n.g10u2 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g10u2 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g10u2 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g10u2 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g10u2 { color:#e8ecef; }\nbody.dark-mode .g10u2 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g10u2 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g10u2 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u2 .masterkey, body.dark-mode .g10u2 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g10u2 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u2 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g10u2 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g10u2 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g10u2 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g10u2 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u2 .summary-final, body.dark-mode .g10u2 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g10u2 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g10u2 .flag-en, body.dark-mode .g10u2 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g10u2 .flag-am, body.dark-mode .g10u2 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g10u2 table { background:#1c2128; }\nbody.dark-mode .g10u2 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g10u2 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g10u2 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g10u2 .red, body.dark-mode .g10u2 .r { color:#ff8a80; }\nbody.dark-mode .g10u2 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g10u2 .stepbox, body.dark-mode .g10u2 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g10u2 .selfcheck, body.dark-mode .g10u2 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g10u2 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u2 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g10u2 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g10u2 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g10u2 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g10u2 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g10u3 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g10u3 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g10u3 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g10u3 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g10u3 .hero p { margin:8px 0 0; opacity:.95; }\n.g10u3 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g10u3 .container, .g10u3 .wrap { padding:4px 2px; }\n.g10u3 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g10u3 .box h2, .g10u3 .box h3 { margin-top:0; }\n.g10u3 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g10u3 .masterkey, .g10u3 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g10u3 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g10u3 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g10u3 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g10u3 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g10u3 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g10u3 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g10u3 .summary-final, .g10u3 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g10u3 .summary-final li, .g10u3 .summary li { margin-bottom:6px; }\n.g10u3 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g10u3 .flag, .g10u3 .flag-en, .g10u3 .flag-am, .g10u3 .flag.en, .g10u3 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g10u3 .flag-en, .g10u3 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g10u3 .flag-am, .g10u3 .flag.am { background:#fef3c7; color:#78350f; }\n.g10u3 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g10u3 th, .g10u3 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g10u3 th { background:#0891b2; color:#fff; }\n.g10u3 tr:nth-child(even) td { background:#f7fbfc; }\n.g10u3 .red, .g10u3 .r { color:#dc2626; font-weight:700; }\n.g10u3 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g10u3 .stepbox, .g10u3 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g10u3 .selfcheck, .g10u3 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g10u3 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g10u3 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g10u3 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g10u3 .frac .den { padding:1px 4px 0; }\n.g10u3 .sqrt { display:inline-flex; align-items:flex-start; }\n.g10u3 .sqrt .rad { margin-right:1px; }\n.g10u3 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g10u3 ul, .g10u3 ol { padding-left:22px; }\n.g10u3 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g10u3 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g10u3 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g10u3 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g10u3 { color:#e8ecef; }\nbody.dark-mode .g10u3 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g10u3 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g10u3 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u3 .masterkey, body.dark-mode .g10u3 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g10u3 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u3 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g10u3 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g10u3 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g10u3 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g10u3 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u3 .summary-final, body.dark-mode .g10u3 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g10u3 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g10u3 .flag-en, body.dark-mode .g10u3 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g10u3 .flag-am, body.dark-mode .g10u3 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g10u3 table { background:#1c2128; }\nbody.dark-mode .g10u3 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g10u3 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g10u3 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g10u3 .red, body.dark-mode .g10u3 .r { color:#ff8a80; }\nbody.dark-mode .g10u3 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g10u3 .stepbox, body.dark-mode .g10u3 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g10u3 .selfcheck, body.dark-mode .g10u3 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g10u3 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u3 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g10u3 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g10u3 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g10u3 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g10u3 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g10u4 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g10u4 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g10u4 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g10u4 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g10u4 .hero p { margin:8px 0 0; opacity:.95; }\n.g10u4 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g10u4 .container, .g10u4 .wrap { padding:4px 2px; }\n.g10u4 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g10u4 .box h2, .g10u4 .box h3 { margin-top:0; }\n.g10u4 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g10u4 .masterkey, .g10u4 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g10u4 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g10u4 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g10u4 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g10u4 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g10u4 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g10u4 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g10u4 .summary-final, .g10u4 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g10u4 .summary-final li, .g10u4 .summary li { margin-bottom:6px; }\n.g10u4 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g10u4 .flag, .g10u4 .flag-en, .g10u4 .flag-am, .g10u4 .flag.en, .g10u4 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g10u4 .flag-en, .g10u4 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g10u4 .flag-am, .g10u4 .flag.am { background:#fef3c7; color:#78350f; }\n.g10u4 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g10u4 th, .g10u4 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g10u4 th { background:#0891b2; color:#fff; }\n.g10u4 tr:nth-child(even) td { background:#f7fbfc; }\n.g10u4 .red, .g10u4 .r { color:#dc2626; font-weight:700; }\n.g10u4 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g10u4 .stepbox, .g10u4 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g10u4 .selfcheck, .g10u4 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g10u4 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g10u4 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g10u4 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g10u4 .frac .den { padding:1px 4px 0; }\n.g10u4 .sqrt { display:inline-flex; align-items:flex-start; }\n.g10u4 .sqrt .rad { margin-right:1px; }\n.g10u4 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g10u4 ul, .g10u4 ol { padding-left:22px; }\n.g10u4 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g10u4 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g10u4 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g10u4 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g10u4 { color:#e8ecef; }\nbody.dark-mode .g10u4 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g10u4 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g10u4 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u4 .masterkey, body.dark-mode .g10u4 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g10u4 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u4 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g10u4 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g10u4 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g10u4 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g10u4 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u4 .summary-final, body.dark-mode .g10u4 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g10u4 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g10u4 .flag-en, body.dark-mode .g10u4 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g10u4 .flag-am, body.dark-mode .g10u4 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g10u4 table { background:#1c2128; }\nbody.dark-mode .g10u4 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g10u4 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g10u4 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g10u4 .red, body.dark-mode .g10u4 .r { color:#ff8a80; }\nbody.dark-mode .g10u4 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g10u4 .stepbox, body.dark-mode .g10u4 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g10u4 .selfcheck, body.dark-mode .g10u4 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g10u4 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u4 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g10u4 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g10u4 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g10u4 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g10u4 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g10u5 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g10u5 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g10u5 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g10u5 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g10u5 .hero p { margin:8px 0 0; opacity:.95; }\n.g10u5 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g10u5 .container, .g10u5 .wrap { padding:4px 2px; }\n.g10u5 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g10u5 .box h2, .g10u5 .box h3 { margin-top:0; }\n.g10u5 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g10u5 .masterkey, .g10u5 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g10u5 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g10u5 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g10u5 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g10u5 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g10u5 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g10u5 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g10u5 .summary-final, .g10u5 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g10u5 .summary-final li, .g10u5 .summary li { margin-bottom:6px; }\n.g10u5 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g10u5 .flag, .g10u5 .flag-en, .g10u5 .flag-am, .g10u5 .flag.en, .g10u5 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g10u5 .flag-en, .g10u5 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g10u5 .flag-am, .g10u5 .flag.am { background:#fef3c7; color:#78350f; }\n.g10u5 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g10u5 th, .g10u5 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g10u5 th { background:#0891b2; color:#fff; }\n.g10u5 tr:nth-child(even) td { background:#f7fbfc; }\n.g10u5 .red, .g10u5 .r { color:#dc2626; font-weight:700; }\n.g10u5 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g10u5 .stepbox, .g10u5 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g10u5 .selfcheck, .g10u5 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g10u5 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g10u5 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g10u5 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g10u5 .frac .den { padding:1px 4px 0; }\n.g10u5 .sqrt { display:inline-flex; align-items:flex-start; }\n.g10u5 .sqrt .rad { margin-right:1px; }\n.g10u5 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g10u5 ul, .g10u5 ol { padding-left:22px; }\n.g10u5 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g10u5 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g10u5 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g10u5 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g10u5 { color:#e8ecef; }\nbody.dark-mode .g10u5 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g10u5 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g10u5 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u5 .masterkey, body.dark-mode .g10u5 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g10u5 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u5 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g10u5 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g10u5 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g10u5 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g10u5 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u5 .summary-final, body.dark-mode .g10u5 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g10u5 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g10u5 .flag-en, body.dark-mode .g10u5 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g10u5 .flag-am, body.dark-mode .g10u5 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g10u5 table { background:#1c2128; }\nbody.dark-mode .g10u5 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g10u5 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g10u5 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g10u5 .red, body.dark-mode .g10u5 .r { color:#ff8a80; }\nbody.dark-mode .g10u5 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g10u5 .stepbox, body.dark-mode .g10u5 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g10u5 .selfcheck, body.dark-mode .g10u5 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g10u5 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u5 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g10u5 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g10u5 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g10u5 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g10u5 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g10u6 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g10u6 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g10u6 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g10u6 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g10u6 .hero p { margin:8px 0 0; opacity:.95; }\n.g10u6 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g10u6 .container, .g10u6 .wrap { padding:4px 2px; }\n.g10u6 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g10u6 .box h2, .g10u6 .box h3 { margin-top:0; }\n.g10u6 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g10u6 .masterkey, .g10u6 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g10u6 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g10u6 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g10u6 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g10u6 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g10u6 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g10u6 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g10u6 .summary-final, .g10u6 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g10u6 .summary-final li, .g10u6 .summary li { margin-bottom:6px; }\n.g10u6 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g10u6 .flag, .g10u6 .flag-en, .g10u6 .flag-am, .g10u6 .flag.en, .g10u6 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g10u6 .flag-en, .g10u6 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g10u6 .flag-am, .g10u6 .flag.am { background:#fef3c7; color:#78350f; }\n.g10u6 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g10u6 th, .g10u6 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g10u6 th { background:#0891b2; color:#fff; }\n.g10u6 tr:nth-child(even) td { background:#f7fbfc; }\n.g10u6 .red, .g10u6 .r { color:#dc2626; font-weight:700; }\n.g10u6 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g10u6 .stepbox, .g10u6 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g10u6 .selfcheck, .g10u6 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g10u6 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g10u6 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g10u6 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g10u6 .frac .den { padding:1px 4px 0; }\n.g10u6 .sqrt { display:inline-flex; align-items:flex-start; }\n.g10u6 .sqrt .rad { margin-right:1px; }\n.g10u6 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g10u6 ul, .g10u6 ol { padding-left:22px; }\n.g10u6 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g10u6 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g10u6 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g10u6 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g10u6 { color:#e8ecef; }\nbody.dark-mode .g10u6 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g10u6 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g10u6 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u6 .masterkey, body.dark-mode .g10u6 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g10u6 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g10u6 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g10u6 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g10u6 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g10u6 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g10u6 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u6 .summary-final, body.dark-mode .g10u6 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g10u6 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g10u6 .flag-en, body.dark-mode .g10u6 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g10u6 .flag-am, body.dark-mode .g10u6 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g10u6 table { background:#1c2128; }\nbody.dark-mode .g10u6 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g10u6 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g10u6 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g10u6 .red, body.dark-mode .g10u6 .r { color:#ff8a80; }\nbody.dark-mode .g10u6 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g10u6 .stepbox, body.dark-mode .g10u6 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g10u6 .selfcheck, body.dark-mode .g10u6 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g10u6 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g10u6 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g10u6 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g10u6 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g10u6 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g10u6 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g11u1 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g11u1 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g11u1 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g11u1 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g11u1 .hero p { margin:8px 0 0; opacity:.95; }\n.g11u1 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g11u1 .container, .g11u1 .wrap { padding:4px 2px; }\n.g11u1 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g11u1 .box h2, .g11u1 .box h3 { margin-top:0; }\n.g11u1 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g11u1 .masterkey, .g11u1 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g11u1 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g11u1 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g11u1 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g11u1 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g11u1 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g11u1 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g11u1 .summary-final, .g11u1 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g11u1 .summary-final li, .g11u1 .summary li { margin-bottom:6px; }\n.g11u1 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g11u1 .flag, .g11u1 .flag-en, .g11u1 .flag-am, .g11u1 .flag.en, .g11u1 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g11u1 .flag-en, .g11u1 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g11u1 .flag-am, .g11u1 .flag.am { background:#fef3c7; color:#78350f; }\n.g11u1 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g11u1 th, .g11u1 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g11u1 th { background:#0891b2; color:#fff; }\n.g11u1 tr:nth-child(even) td { background:#f7fbfc; }\n.g11u1 .red, .g11u1 .r { color:#dc2626; font-weight:700; }\n.g11u1 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g11u1 .stepbox, .g11u1 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g11u1 .selfcheck, .g11u1 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g11u1 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g11u1 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g11u1 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g11u1 .frac .den { padding:1px 4px 0; }\n.g11u1 .sqrt { display:inline-flex; align-items:flex-start; }\n.g11u1 .sqrt .rad { margin-right:1px; }\n.g11u1 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g11u1 ul, .g11u1 ol { padding-left:22px; }\n.g11u1 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g11u1 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g11u1 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g11u1 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g11u1 { color:#e8ecef; }\nbody.dark-mode .g11u1 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g11u1 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g11u1 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u1 .masterkey, body.dark-mode .g11u1 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g11u1 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u1 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g11u1 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g11u1 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g11u1 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g11u1 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u1 .summary-final, body.dark-mode .g11u1 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g11u1 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g11u1 .flag-en, body.dark-mode .g11u1 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g11u1 .flag-am, body.dark-mode .g11u1 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g11u1 table { background:#1c2128; }\nbody.dark-mode .g11u1 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g11u1 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g11u1 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g11u1 .red, body.dark-mode .g11u1 .r { color:#ff8a80; }\nbody.dark-mode .g11u1 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g11u1 .stepbox, body.dark-mode .g11u1 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g11u1 .selfcheck, body.dark-mode .g11u1 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g11u1 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u1 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g11u1 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g11u1 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g11u1 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g11u1 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g11u2 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g11u2 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g11u2 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g11u2 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g11u2 .hero p { margin:8px 0 0; opacity:.95; }\n.g11u2 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g11u2 .container, .g11u2 .wrap { padding:4px 2px; }\n.g11u2 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g11u2 .box h2, .g11u2 .box h3 { margin-top:0; }\n.g11u2 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g11u2 .masterkey, .g11u2 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g11u2 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g11u2 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g11u2 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g11u2 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g11u2 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g11u2 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g11u2 .summary-final, .g11u2 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g11u2 .summary-final li, .g11u2 .summary li { margin-bottom:6px; }\n.g11u2 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g11u2 .flag, .g11u2 .flag-en, .g11u2 .flag-am, .g11u2 .flag.en, .g11u2 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g11u2 .flag-en, .g11u2 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g11u2 .flag-am, .g11u2 .flag.am { background:#fef3c7; color:#78350f; }\n.g11u2 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g11u2 th, .g11u2 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g11u2 th { background:#0891b2; color:#fff; }\n.g11u2 tr:nth-child(even) td { background:#f7fbfc; }\n.g11u2 .red, .g11u2 .r { color:#dc2626; font-weight:700; }\n.g11u2 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g11u2 .stepbox, .g11u2 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g11u2 .selfcheck, .g11u2 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g11u2 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g11u2 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g11u2 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g11u2 .frac .den { padding:1px 4px 0; }\n.g11u2 .sqrt { display:inline-flex; align-items:flex-start; }\n.g11u2 .sqrt .rad { margin-right:1px; }\n.g11u2 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g11u2 ul, .g11u2 ol { padding-left:22px; }\n.g11u2 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g11u2 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g11u2 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g11u2 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g11u2 { color:#e8ecef; }\nbody.dark-mode .g11u2 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g11u2 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g11u2 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u2 .masterkey, body.dark-mode .g11u2 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g11u2 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u2 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g11u2 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g11u2 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g11u2 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g11u2 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u2 .summary-final, body.dark-mode .g11u2 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g11u2 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g11u2 .flag-en, body.dark-mode .g11u2 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g11u2 .flag-am, body.dark-mode .g11u2 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g11u2 table { background:#1c2128; }\nbody.dark-mode .g11u2 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g11u2 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g11u2 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g11u2 .red, body.dark-mode .g11u2 .r { color:#ff8a80; }\nbody.dark-mode .g11u2 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g11u2 .stepbox, body.dark-mode .g11u2 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g11u2 .selfcheck, body.dark-mode .g11u2 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g11u2 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u2 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g11u2 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g11u2 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g11u2 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g11u2 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g11u3 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g11u3 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g11u3 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g11u3 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g11u3 .hero p { margin:8px 0 0; opacity:.95; }\n.g11u3 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g11u3 .container, .g11u3 .wrap { padding:4px 2px; }\n.g11u3 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g11u3 .box h2, .g11u3 .box h3 { margin-top:0; }\n.g11u3 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g11u3 .masterkey, .g11u3 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g11u3 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g11u3 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g11u3 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g11u3 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g11u3 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g11u3 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g11u3 .summary-final, .g11u3 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g11u3 .summary-final li, .g11u3 .summary li { margin-bottom:6px; }\n.g11u3 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g11u3 .flag, .g11u3 .flag-en, .g11u3 .flag-am, .g11u3 .flag.en, .g11u3 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g11u3 .flag-en, .g11u3 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g11u3 .flag-am, .g11u3 .flag.am { background:#fef3c7; color:#78350f; }\n.g11u3 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g11u3 th, .g11u3 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g11u3 th { background:#0891b2; color:#fff; }\n.g11u3 tr:nth-child(even) td { background:#f7fbfc; }\n.g11u3 .red, .g11u3 .r { color:#dc2626; font-weight:700; }\n.g11u3 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g11u3 .stepbox, .g11u3 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g11u3 .selfcheck, .g11u3 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g11u3 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g11u3 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g11u3 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g11u3 .frac .den { padding:1px 4px 0; }\n.g11u3 .sqrt { display:inline-flex; align-items:flex-start; }\n.g11u3 .sqrt .rad { margin-right:1px; }\n.g11u3 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g11u3 ul, .g11u3 ol { padding-left:22px; }\n.g11u3 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g11u3 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g11u3 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g11u3 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g11u3 { color:#e8ecef; }\nbody.dark-mode .g11u3 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g11u3 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g11u3 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u3 .masterkey, body.dark-mode .g11u3 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g11u3 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u3 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g11u3 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g11u3 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g11u3 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g11u3 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u3 .summary-final, body.dark-mode .g11u3 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g11u3 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g11u3 .flag-en, body.dark-mode .g11u3 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g11u3 .flag-am, body.dark-mode .g11u3 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g11u3 table { background:#1c2128; }\nbody.dark-mode .g11u3 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g11u3 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g11u3 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g11u3 .red, body.dark-mode .g11u3 .r { color:#ff8a80; }\nbody.dark-mode .g11u3 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g11u3 .stepbox, body.dark-mode .g11u3 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g11u3 .selfcheck, body.dark-mode .g11u3 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g11u3 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u3 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g11u3 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g11u3 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g11u3 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g11u3 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g11u4 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g11u4 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g11u4 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g11u4 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g11u4 .hero p { margin:8px 0 0; opacity:.95; }\n.g11u4 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g11u4 .container, .g11u4 .wrap { padding:4px 2px; }\n.g11u4 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g11u4 .box h2, .g11u4 .box h3 { margin-top:0; }\n.g11u4 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g11u4 .masterkey, .g11u4 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g11u4 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g11u4 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g11u4 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g11u4 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g11u4 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g11u4 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g11u4 .summary-final, .g11u4 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g11u4 .summary-final li, .g11u4 .summary li { margin-bottom:6px; }\n.g11u4 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g11u4 .flag, .g11u4 .flag-en, .g11u4 .flag-am, .g11u4 .flag.en, .g11u4 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g11u4 .flag-en, .g11u4 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g11u4 .flag-am, .g11u4 .flag.am { background:#fef3c7; color:#78350f; }\n.g11u4 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g11u4 th, .g11u4 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g11u4 th { background:#0891b2; color:#fff; }\n.g11u4 tr:nth-child(even) td { background:#f7fbfc; }\n.g11u4 .red, .g11u4 .r { color:#dc2626; font-weight:700; }\n.g11u4 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g11u4 .stepbox, .g11u4 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g11u4 .selfcheck, .g11u4 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g11u4 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g11u4 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g11u4 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g11u4 .frac .den { padding:1px 4px 0; }\n.g11u4 .sqrt { display:inline-flex; align-items:flex-start; }\n.g11u4 .sqrt .rad { margin-right:1px; }\n.g11u4 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g11u4 ul, .g11u4 ol { padding-left:22px; }\n.g11u4 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g11u4 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g11u4 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g11u4 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g11u4 { color:#e8ecef; }\nbody.dark-mode .g11u4 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g11u4 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g11u4 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u4 .masterkey, body.dark-mode .g11u4 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g11u4 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u4 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g11u4 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g11u4 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g11u4 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g11u4 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u4 .summary-final, body.dark-mode .g11u4 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g11u4 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g11u4 .flag-en, body.dark-mode .g11u4 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g11u4 .flag-am, body.dark-mode .g11u4 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g11u4 table { background:#1c2128; }\nbody.dark-mode .g11u4 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g11u4 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g11u4 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g11u4 .red, body.dark-mode .g11u4 .r { color:#ff8a80; }\nbody.dark-mode .g11u4 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g11u4 .stepbox, body.dark-mode .g11u4 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g11u4 .selfcheck, body.dark-mode .g11u4 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g11u4 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u4 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g11u4 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g11u4 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g11u4 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g11u4 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g11u5 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g11u5 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g11u5 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g11u5 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g11u5 .hero p { margin:8px 0 0; opacity:.95; }\n.g11u5 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g11u5 .container, .g11u5 .wrap { padding:4px 2px; }\n.g11u5 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g11u5 .box h2, .g11u5 .box h3 { margin-top:0; }\n.g11u5 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g11u5 .masterkey, .g11u5 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g11u5 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g11u5 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g11u5 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g11u5 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g11u5 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g11u5 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g11u5 .summary-final, .g11u5 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g11u5 .summary-final li, .g11u5 .summary li { margin-bottom:6px; }\n.g11u5 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g11u5 .flag, .g11u5 .flag-en, .g11u5 .flag-am, .g11u5 .flag.en, .g11u5 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g11u5 .flag-en, .g11u5 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g11u5 .flag-am, .g11u5 .flag.am { background:#fef3c7; color:#78350f; }\n.g11u5 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g11u5 th, .g11u5 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g11u5 th { background:#0891b2; color:#fff; }\n.g11u5 tr:nth-child(even) td { background:#f7fbfc; }\n.g11u5 .red, .g11u5 .r { color:#dc2626; font-weight:700; }\n.g11u5 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g11u5 .stepbox, .g11u5 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g11u5 .selfcheck, .g11u5 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g11u5 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g11u5 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g11u5 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g11u5 .frac .den { padding:1px 4px 0; }\n.g11u5 .sqrt { display:inline-flex; align-items:flex-start; }\n.g11u5 .sqrt .rad { margin-right:1px; }\n.g11u5 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g11u5 ul, .g11u5 ol { padding-left:22px; }\n.g11u5 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g11u5 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g11u5 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g11u5 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g11u5 { color:#e8ecef; }\nbody.dark-mode .g11u5 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g11u5 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g11u5 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u5 .masterkey, body.dark-mode .g11u5 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g11u5 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u5 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g11u5 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g11u5 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g11u5 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g11u5 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u5 .summary-final, body.dark-mode .g11u5 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g11u5 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g11u5 .flag-en, body.dark-mode .g11u5 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g11u5 .flag-am, body.dark-mode .g11u5 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g11u5 table { background:#1c2128; }\nbody.dark-mode .g11u5 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g11u5 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g11u5 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g11u5 .red, body.dark-mode .g11u5 .r { color:#ff8a80; }\nbody.dark-mode .g11u5 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g11u5 .stepbox, body.dark-mode .g11u5 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g11u5 .selfcheck, body.dark-mode .g11u5 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g11u5 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u5 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g11u5 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g11u5 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g11u5 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g11u5 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g11u6 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g11u6 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g11u6 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g11u6 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g11u6 .hero p { margin:8px 0 0; opacity:.95; }\n.g11u6 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g11u6 .container, .g11u6 .wrap { padding:4px 2px; }\n.g11u6 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g11u6 .box h2, .g11u6 .box h3 { margin-top:0; }\n.g11u6 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g11u6 .masterkey, .g11u6 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g11u6 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g11u6 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g11u6 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g11u6 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g11u6 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g11u6 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g11u6 .summary-final, .g11u6 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g11u6 .summary-final li, .g11u6 .summary li { margin-bottom:6px; }\n.g11u6 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g11u6 .flag, .g11u6 .flag-en, .g11u6 .flag-am, .g11u6 .flag.en, .g11u6 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g11u6 .flag-en, .g11u6 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g11u6 .flag-am, .g11u6 .flag.am { background:#fef3c7; color:#78350f; }\n.g11u6 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g11u6 th, .g11u6 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g11u6 th { background:#0891b2; color:#fff; }\n.g11u6 tr:nth-child(even) td { background:#f7fbfc; }\n.g11u6 .red, .g11u6 .r { color:#dc2626; font-weight:700; }\n.g11u6 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g11u6 .stepbox, .g11u6 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g11u6 .selfcheck, .g11u6 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g11u6 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g11u6 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g11u6 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g11u6 .frac .den { padding:1px 4px 0; }\n.g11u6 .sqrt { display:inline-flex; align-items:flex-start; }\n.g11u6 .sqrt .rad { margin-right:1px; }\n.g11u6 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g11u6 ul, .g11u6 ol { padding-left:22px; }\n.g11u6 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g11u6 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g11u6 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g11u6 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g11u6 { color:#e8ecef; }\nbody.dark-mode .g11u6 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g11u6 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g11u6 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u6 .masterkey, body.dark-mode .g11u6 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g11u6 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u6 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g11u6 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g11u6 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g11u6 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g11u6 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u6 .summary-final, body.dark-mode .g11u6 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g11u6 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g11u6 .flag-en, body.dark-mode .g11u6 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g11u6 .flag-am, body.dark-mode .g11u6 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g11u6 table { background:#1c2128; }\nbody.dark-mode .g11u6 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g11u6 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g11u6 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g11u6 .red, body.dark-mode .g11u6 .r { color:#ff8a80; }\nbody.dark-mode .g11u6 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g11u6 .stepbox, body.dark-mode .g11u6 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g11u6 .selfcheck, body.dark-mode .g11u6 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g11u6 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u6 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g11u6 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g11u6 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g11u6 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g11u6 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- style block ---- */
\n.g11u7 { font-family: 'Noto Sans Ethiopic','Poppins',sans-serif; line-height:1.65; }\n.g11u7 .am { font-family:'Noto Sans Ethiopic',sans-serif; }\n.g11u7 .hero { background: linear-gradient(135deg,#0d5c75,#159895,#57cbc4); color:#fff; padding:26px 18px 34px; text-align:center; border-radius:0 0 22px 22px; box-shadow:0 6px 18px rgba(0,0,0,.15); margin-bottom:8px; }\n.g11u7 .hero h1 { margin:6px 0; font-size:1.4rem; }\n.g11u7 .hero p { margin:8px 0 0; opacity:.95; }\n.g11u7 .hero .unit-tag { font-size:.85rem; background:rgba(255,255,255,.18); display:inline-block; padding:4px 14px; border-radius:20px; }\n.g11u7 .container, .g11u7 .wrap { padding:4px 2px; }\n.g11u7 .box { border-radius:14px; padding:16px 18px; margin:16px 0; box-shadow:0 2px 8px rgba(0,0,0,.08); }\n.g11u7 .box h2, .g11u7 .box h3 { margin-top:0; }\n.g11u7 .recall { background:#e0f2fe; border-left:6px solid #0284c7; color:#0c2d3d; }\n.g11u7 .masterkey, .g11u7 .master { background:#fff7ed; border:2px solid #f59e0b; color:#3a2a0a; }\n.g11u7 .explain { background:#eff6ff; border-left:6px solid #3b82f6; color:#0c2340; }\n.g11u7 .trick { background:#ecfdf5; border-left:6px solid #10b981; color:#053426; }\n.g11u7 .mnemonic { background:#fdf2f8; border-left:6px solid #ec4899; color:#3a0a24; }\n.g11u7 .attention { background:#fff7ed; border-left:6px solid #f97316; color:#3a1d05; }\n.g11u7 .exam { background:#fefce8; border-left:6px solid #eab308; color:#332b02; }\n.g11u7 .formula { background:#f5f3ff; border-left:6px solid #8b5cf6; color:#1e1042; }\n.g11u7 .summary-final, .g11u7 .summary { background:#164e63; border-left:6px solid #38bdf8; color:#eaf6fb; }\n.g11u7 .summary-final li, .g11u7 .summary li { margin-bottom:6px; }\n.g11u7 .finaltip { background:#fde8ef; border-left:6px solid #c2185b; color:#3a0715; }\n.g11u7 .flag, .g11u7 .flag-en, .g11u7 .flag-am, .g11u7 .flag.en, .g11u7 .flag.am { font-weight:700; padding:2px 9px; border-radius:8px; font-size:.82em; display:inline-block; margin-right:4px; }\n.g11u7 .flag-en, .g11u7 .flag.en { background:#dbeafe; color:#1e3a8a; }\n.g11u7 .flag-am, .g11u7 .flag.am { background:#fef3c7; color:#78350f; }\n.g11u7 table { width:100%; border-collapse:collapse; margin:12px 0; background:#fff; border-radius:8px; overflow:hidden; font-size:.93em; }\n.g11u7 th, .g11u7 td { border:1px solid #cbd5e1; padding:7px 9px; text-align:left; color:#1e293b; }\n.g11u7 th { background:#0891b2; color:#fff; }\n.g11u7 tr:nth-child(even) td { background:#f7fbfc; }\n.g11u7 .red, .g11u7 .r { color:#dc2626; font-weight:700; }\n.g11u7 .example { background:#f8fafc; border:1px dashed #94a3b8; border-radius:10px; padding:10px 12px; margin-top:8px; color:#1e293b; }\n.g11u7 .stepbox, .g11u7 .step { background:#fff; border-radius:10px; padding:8px 12px; margin:6px 0; border-left:4px solid #0891b2; color:#1e293b; }\n.g11u7 .selfcheck, .g11u7 .self-check { background:#f0fdf4; border-radius:10px; padding:8px 12px; margin-top:8px; font-style:italic; color:#14532d; }\n.g11u7 .formula-box { background:#fff; border:2px dashed #7b1fa2; border-radius:12px; padding:10px 14px; text-align:center; margin:8px 0; color:#1e293b; }\n.g11u7 .frac { display:inline-flex; flex-direction:column; vertical-align:middle; text-align:center; margin:0 3px; }\n.g11u7 .frac .num { border-bottom:1.5px solid currentColor; padding:0 4px 1px; }\n.g11u7 .frac .den { padding:1px 4px 0; }\n.g11u7 .sqrt { display:inline-flex; align-items:flex-start; }\n.g11u7 .sqrt .rad { margin-right:1px; }\n.g11u7 .sqrt .content { border-top:1.5px solid currentColor; padding:0 2px; }\n.g11u7 ul, .g11u7 ol { padding-left:22px; }\n.g11u7 .subtopic-title { color:#0d5c75; font-weight:800; font-size:1.1rem; margin-top:24px; border-bottom:3px solid #159895; padding-bottom:5px; }\n.g11u7 .unit-nav { background:#fff; border-radius:12px; padding:8px 14px; margin:12px 0; font-size:.85rem; text-align:center; color:#0d5c75; }\n.g11u7 .eng-p { font-style:italic; color:#0d3b4a; background:#ffffffaa; padding:9px 11px; border-radius:10px; margin:8px 0; }\n.g11u7 .am-p { padding:7px 2px; }\n\nbody.dark-mode .g11u7 { color:#e8ecef; }\nbody.dark-mode .g11u7 .hero { box-shadow:0 6px 18px rgba(0,0,0,.45); }\nbody.dark-mode .g11u7 .box { box-shadow:0 3px 10px rgba(0,0,0,.4); }\nbody.dark-mode .g11u7 .recall { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u7 .masterkey, body.dark-mode .g11u7 .master { background:linear-gradient(135deg,#2a2410,#241a05); border-color:#e0a000; color:#ffe9b3; }\nbody.dark-mode .g11u7 .explain { background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }\nbody.dark-mode .g11u7 .trick { background:#173322; border-color:#4CAF77; color:#c9f2d8; }\nbody.dark-mode .g11u7 .mnemonic { background:#331a26; border-color:#e06bb0; color:#f6d3e6; }\nbody.dark-mode .g11u7 .attention { background:#332217; border-color:#ff8a3d; color:#ffdcbd; }\nbody.dark-mode .g11u7 .exam { background:#332c10; border-color:#f2c94c; color:#fbe7ac; }\nbody.dark-mode .g11u7 .formula { background:#241a33; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u7 .summary-final, body.dark-mode .g11u7 .summary { background:#0c2735; border-color:#38bdf8; color:#eaf6fb; }\nbody.dark-mode .g11u7 .finaltip { background:#331018; border-color:#fb7185; color:#ffd6dd; }\nbody.dark-mode .g11u7 .flag-en, body.dark-mode .g11u7 .flag.en { background:#1c2b4a; color:#9db9f2; }\nbody.dark-mode .g11u7 .flag-am, body.dark-mode .g11u7 .flag.am { background:#173322; color:#8be0a4; }\nbody.dark-mode .g11u7 table { background:#1c2128; }\nbody.dark-mode .g11u7 th { background:#0b2a3a; color:#f2fbfb; }\nbody.dark-mode .g11u7 td { border-color:#2b3a3a; color:#e3e9ea; background:transparent; }\nbody.dark-mode .g11u7 tr:nth-child(even) td { background:#1a2626; }\nbody.dark-mode .g11u7 .red, body.dark-mode .g11u7 .r { color:#ff8a80; }\nbody.dark-mode .g11u7 .example { background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }\nbody.dark-mode .g11u7 .stepbox, body.dark-mode .g11u7 .step { background:#1c211f; border-color:#5c9fe0; color:#e3e9ea; }\nbody.dark-mode .g11u7 .selfcheck, body.dark-mode .g11u7 .self-check { background:#1c2b2c; color:#dbe4e6; }\nbody.dark-mode .g11u7 .formula-box { background:#1c1522; border-color:#c084fc; color:#e9d8fd; }\nbody.dark-mode .g11u7 .frac .num { border-color:#e8ecef; }\nbody.dark-mode .g11u7 .sqrt .content { border-color:#e8ecef; }\nbody.dark-mode .g11u7 .subtopic-title { color:#7fd9d0; border-color:#2fd2d2; }\nbody.dark-mode .g11u7 .unit-nav { background:#1c2128; color:#7fd9d0; }\nbody.dark-mode .g11u7 .eng-p { background:#1c2b2caa; color:#dbe4e6; }\n

/* ---- physics-bg (decorative background image on unit-selector screen) ---- */
#unitselector { position: relative; }
#unitselector .physics-bg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 620px;
  height: auto;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
body.dark-mode #unitselector .physics-bg { opacity: 1; filter: brightness(0.85); }
#unitselector .hero, #unitselector #unitlist { position: relative; z-index: 1; }

/* ===== Grade 12 Physics notes (g12note) ===== */
.g12note{ font-family:'Poppins','Noto Sans Ethiopic',sans-serif; line-height:1.65; color:#1f2937; }
.g12note .am{ font-family:'Noto Sans Ethiopic','Poppins',sans-serif; }
.g12note .wrap{ max-width:840px; margin:0 auto; padding:0 14px 40px; }
.g12note header.hero{ background:linear-gradient(120deg,#0ea5b7,#22d3ee 55%,#5eead4); color:#fff; padding:30px 20px 36px; text-align:center; border-radius:0 0 26px 26px; margin-bottom:18px; box-shadow:0 8px 24px rgba(14,165,183,.30); }
.g12note header.hero h1{ margin:0 0 6px; font-size:1.4rem; }
.g12note header.hero p{ margin:4px 0 0; opacity:.95; font-size:.92rem; }
.g12note .badge{ display:inline-block; background:rgba(255,255,255,.25); padding:4px 12px; border-radius:20px; font-size:.78rem; margin-top:10px; }
.g12note h2.unit-title{ font-size:1.12rem; color:#0e7490; border-bottom:3px solid #0ea5b7; padding-bottom:6px; margin-top:32px; }
.g12note h3.sub-title{ font-size:1.0rem; color:#0f766e; margin-top:24px; }
.g12note .flag{ font-weight:700; margin-right:4px; }
.g12note .box{ border-radius:16px; padding:15px 17px; margin:14px 0; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.g12note .box-title{ font-weight:700; margin-bottom:8px; font-size:.97rem; }
.g12note .eng{ margin:6px 0; }
.g12note .amh{ margin:6px 0; background:rgba(255,255,255,.55); border-radius:10px; padding:8px 10px; }
.g12note .recall{ background:#eaf1ff; border-left:6px solid #2563eb; }
.g12note .explain{ background:#eaf1ff; border-left:6px solid #2563eb; }
.g12note .trick{ background:#eafaf0; border-left:6px solid #16a34a; }
.g12note .mnemonic{ background:#ffeaf4; border-left:6px solid #db2777; }
.g12note .attention{ background:#fff2e8; border-left:6px solid #ea580c; }
.g12note .exam{ background:#fffbe6; border-left:6px solid #ca8a04; }
.g12note .formula{ background:#f4ecff; border-left:6px solid #7c3aed; }
.g12note table{ width:100%; border-collapse:collapse; margin:10px 0; font-size:.9rem; background:#fff; border-radius:8px; overflow:hidden; }
.g12note th, .g12note td{ border:1px solid #d8dee9; padding:7px 8px; text-align:left; color:#1e293b; }
.g12note th{ background:#0ea5b7; color:#fff; }
.g12note tr:nth-child(even){ background:#f7fafc; }
.g12note .red{ color:#dc2626; font-weight:700; }
.g12note .frac{ display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 4px; font-weight:600; }
.g12note .frac .num{ display:block; padding:0 5px; border-bottom:1.6px solid currentColor; }
.g12note .frac .den{ display:block; padding:0 5px; }
.g12note .sqrt{ display:inline-block; border-top:1.6px solid #1f2937; padding:0 4px; }
.g12note .self-check{ background:#fff; border:1.5px dashed #0ea5b7; border-radius:10px; padding:10px 12px; margin-top:10px; font-size:.9rem; }
.g12note .summary60{ background:#0e7490; color:#fff; border-radius:16px; padding:16px 18px; margin-top:28px; }
.g12note .summary60 li{ margin-bottom:6px; }
.g12note .final-tips{ background:#111827; color:#f9fafb; border-radius:16px; padding:16px 18px; margin-top:14px; }
.g12note .final-tips li{ margin-bottom:8px; }
.g12note .center{ text-align:center; margin:10px 0; font-size:1.03rem; }
.g12note .gatebox{ font-family:monospace; background:#f1f5f9; padding:2px 6px; border-radius:6px; }
.g12note ul, .g12note ol{ padding-left:22px; }
.g12note .example{ background:#f8fafc; border:1px solid #d8dee9; border-radius:12px; padding:11px 13px; margin-top:8px; color:#1e293b; }
.g12note footer{ text-align:center; font-size:.8rem; color:#94a3b8; margin-top:26px; }

body.dark-mode .g12note{ color:#e8ecef; }
body.dark-mode .g12note header.hero{ box-shadow:0 8px 24px rgba(0,0,0,.4); }
body.dark-mode .g12note .box{ box-shadow:0 3px 10px rgba(0,0,0,.4); }
body.dark-mode .g12note h2.unit-title{ color:#7ab8f5; border-color:#0ea5b7; }
body.dark-mode .g12note h3.sub-title{ color:#6fcf7a; }
body.dark-mode .g12note .amh{ background:rgba(255,255,255,.06); }
body.dark-mode .g12note .recall{ background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }
body.dark-mode .g12note .explain{ background:#16273a; border-color:#5c9fe0; color:#dbe9fb; }
body.dark-mode .g12note .trick{ background:#173322; border-color:#4CAF77; color:#c9f2d8; }
body.dark-mode .g12note .mnemonic{ background:#331a26; border-color:#e06bb0; color:#f6d3e6; }
body.dark-mode .g12note .attention{ background:#332217; border-color:#ff8a3d; color:#ffdcbd; }
body.dark-mode .g12note .exam{ background:#332c10; border-color:#f2c94c; color:#fbe7ac; }
body.dark-mode .g12note .formula{ background:#241a33; border-color:#c084fc; color:#e9d8fd; }
body.dark-mode .g12note table{ background:#1c2128; }
body.dark-mode .g12note th{ background:#0b2a3a; color:#f2fbfb; }
body.dark-mode .g12note td{ border-color:#2b3a3a; color:#e3e9ea; background:transparent; }
body.dark-mode .g12note tr:nth-child(even) td{ background:#1a2626; }
body.dark-mode .g12note .red{ color:#ff8a80; }
body.dark-mode .g12note .frac .num{ border-color:#e8ecef; }
body.dark-mode .g12note .sqrt{ border-color:#e8ecef; }
body.dark-mode .g12note .self-check{ background:#1c2b2c; border-color:#5c9fe0; color:#dbe4e6; }
body.dark-mode .g12note .summary60{ background:#0c2735; }
body.dark-mode .g12note .final-tips{ background:#05070b; }
body.dark-mode .g12note .example{ background:#1a1f26; border-color:#3d4b57; color:#e3e9ea; }
body.dark-mode .g12note .gatebox{ background:#1c2128; color:#e3e9ea; }
body.dark-mode .g12note footer{ color:#64748b; }

/* ==================================================================
   GRADE 12 — UNIT 1 note (.g12u1 prefix) — scoped styles
   ================================================================== */
#note-body .g12u1{
  --blue:#2563eb; --blue-bg:#eaf1ff;
  --green:#16a34a; --green-bg:#eafaf0;
  --orange:#ea580c; --orange-bg:#fff2e8;
  --yellow:#ca8a04; --yellow-bg:#fffbe6;
  --purple:#7c3aed; --purple-bg:#f4ecff;
  --pink:#db2777; --pink-bg:#ffeaf4;
  --red:#dc2626;
  font-family:'Poppins','Noto Sans Ethiopic',sans-serif; color:#1f2937; line-height:1.65;
}
#note-body .g12u1 *{box-sizing:border-box;}
#note-body .g12u1 .am{font-family:'Noto Sans Ethiopic','Poppins',sans-serif;}
#note-body .g12u1 .wrap{max-width:840px; margin:0 auto; padding:0 14px 20px;}
#note-body .g12u1 header.hero{background:linear-gradient(120deg,#0ea5b7,#22d3ee 55%,#5eead4); color:#fff; padding:34px 20px 40px; text-align:center; border-radius:0 0 26px 26px; margin-bottom:22px; box-shadow:0 8px 24px rgba(14,165,183,.35);}
#note-body .g12u1 header.hero h1{margin:0 0 6px; font-size:1.5rem; color:#fff;}
#note-body .g12u1 header.hero p{margin:4px 0 0; opacity:.95; font-size:.95rem;}
#note-body .g12u1 .badge{display:inline-block; background:rgba(255,255,255,.25); padding:4px 12px; border-radius:20px; font-size:.78rem; margin-top:10px;}
#note-body .g12u1 h2.unit-title{font-size:1.15rem; color:#0e7490; border-bottom:3px solid #0ea5b7; padding-bottom:6px; margin-top:38px;}
#note-body .g12u1 h3.sub-title{font-size:1.02rem; color:#0f766e; margin-top:28px;}
#note-body .g12u1 .flag{font-weight:700; margin-right:4px;}
#note-body .g12u1 .box{border-radius:16px; padding:16px 18px; margin:14px 0; box-shadow:0 2px 8px rgba(0,0,0,.06);}
#note-body .g12u1 .recall{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u1 .explain{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u1 .trick{background:var(--green-bg); border-left:6px solid var(--green);}
#note-body .g12u1 .attention{background:var(--orange-bg); border-left:6px solid var(--orange);}
#note-body .g12u1 .exam{background:var(--yellow-bg); border-left:6px solid var(--yellow);}
#note-body .g12u1 .formula{background:var(--purple-bg); border-left:6px solid var(--purple);}
#note-body .g12u1 .mnemonic{background:var(--pink-bg); border-left:6px solid var(--pink);}
#note-body .g12u1 .box-title{font-weight:700; margin-bottom:8px; font-size:.98rem;}
#note-body .g12u1 .eng{margin:6px 0;}
#note-body .g12u1 .amh{margin:6px 0; background:rgba(255,255,255,.55); border-radius:10px; padding:8px 10px;}
#note-body .g12u1 table{width:100%; border-collapse:collapse; margin:10px 0; font-size:.9rem;}
#note-body .g12u1 th, #note-body .g12u1 td{border:1px solid #d8dee9; padding:7px 8px; text-align:left;}
#note-body .g12u1 th{background:#0ea5b7; color:#fff;}
#note-body .g12u1 tr:nth-child(even){background:#f7fafc;}
#note-body .g12u1 .red{color:var(--red); font-weight:700;}
#note-body .g12u1 .frac{display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 4px; font-weight:600;}
#note-body .g12u1 .frac .num{display:block; padding:0 5px; border-bottom:1.6px solid #1f2937;}
#note-body .g12u1 .frac .den{display:block; padding:0 5px;}
#note-body .g12u1 .self-check{background:#fff; border:1.5px dashed #0ea5b7; border-radius:10px; padding:10px 12px; margin-top:10px; font-size:.92rem;}
#note-body .g12u1 .summary60{background:#0e7490; color:#fff; border-radius:16px; padding:18px 20px; margin-top:34px;}
#note-body .g12u1 .summary60 li{margin-bottom:6px;}
#note-body .g12u1 .final-tips{background:#111827; color:#f9fafb; border-radius:16px; padding:18px 20px; margin-top:16px;}
#note-body .g12u1 .final-tips li{margin-bottom:8px;}
#note-body .g12u1 ul{padding-left:22px;}
#note-body .g12u1 .example{background:#fff; border:1px solid #d8dee9; border-radius:12px; padding:12px 14px; margin-top:8px;}
@media(max-width:480px){
  #note-body .g12u1 header.hero h1{font-size:1.2rem;}
  #note-body .g12u1 .box{padding:13px 14px;}
}

/* dark mode — Grade 12 Unit 1 */
body.dark-mode #note-body .g12u1{ color:#e8ecef; }
body.dark-mode #note-body .g12u1 .box{ box-shadow:0 3px 10px rgba(0,0,0,.35); }
body.dark-mode #note-body .g12u1 h2.unit-title{ color:#5eead4; border-bottom-color:#0ea5b7; }
body.dark-mode #note-body .g12u1 h3.sub-title{ color:#5eead4; }
body.dark-mode #note-body .g12u1 .recall,
body.dark-mode #note-body .g12u1 .explain{ background:#16273a !important; }
body.dark-mode #note-body .g12u1 .trick{ background:#123524 !important; }
body.dark-mode #note-body .g12u1 .attention{ background:#3a2410 !important; }
body.dark-mode #note-body .g12u1 .exam{ background:#3a330f !important; }
body.dark-mode #note-body .g12u1 .formula{ background:#241c3a !important; }
body.dark-mode #note-body .g12u1 .mnemonic{ background:#3a1830 !important; }
body.dark-mode #note-body .g12u1 .amh{ background:rgba(255,255,255,.06) !important; }
body.dark-mode #note-body .g12u1 .self-check{ background:#1c2128 !important; border-color:#0ea5b7 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u1 .example{ background:#1c2128 !important; border-color:#334155 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u1 table{ background:transparent !important; }
body.dark-mode #note-body .g12u1 tr:nth-child(even){ background:rgba(255,255,255,.04) !important; }
body.dark-mode #note-body .g12u1 th,
body.dark-mode #note-body .g12u1 td{ border-color:#334155 !important; }
body.dark-mode #note-body .g12u1 .final-tips{ background:#05070a !important; }

/* ==================================================================
   GRADE 12 — UNIT 2 note (.g12u2 prefix) — scoped styles
   ================================================================== */
#note-body .g12u2{
  --blue:#2563eb; --blue-bg:#eaf1ff;
  --green:#16a34a; --green-bg:#eafaf0;
  --orange:#ea580c; --orange-bg:#fff2e8;
  --yellow:#ca8a04; --yellow-bg:#fffbe6;
  --purple:#7c3aed; --purple-bg:#f4ecff;
  --pink:#db2777; --pink-bg:#ffeaf4;
  --red:#dc2626;
  font-family:'Poppins','Noto Sans Ethiopic',sans-serif; color:#1f2937; line-height:1.65;
}
#note-body .g12u2 *{box-sizing:border-box;}
#note-body .g12u2 .am{font-family:'Noto Sans Ethiopic','Poppins',sans-serif;}
#note-body .g12u2 .wrap{max-width:840px; margin:0 auto; padding:0 14px 20px;}
#note-body .g12u2 header.hero{background:linear-gradient(120deg,#0ea5b7,#22d3ee 55%,#5eead4); color:#fff; padding:34px 20px 40px; text-align:center; border-radius:0 0 26px 26px; margin-bottom:22px; box-shadow:0 8px 24px rgba(14,165,183,.35);}
#note-body .g12u2 header.hero h1{margin:0 0 6px; font-size:1.45rem; color:#fff;}
#note-body .g12u2 header.hero p{margin:4px 0 0; opacity:.95; font-size:.95rem;}
#note-body .g12u2 .badge{display:inline-block; background:rgba(255,255,255,.25); padding:4px 12px; border-radius:20px; font-size:.78rem; margin-top:10px;}
#note-body .g12u2 h2.unit-title{font-size:1.15rem; color:#0e7490; border-bottom:3px solid #0ea5b7; padding-bottom:6px; margin-top:38px;}
#note-body .g12u2 h3.sub-title{font-size:1.02rem; color:#0f766e; margin-top:22px;}
#note-body .g12u2 .flag{font-weight:700; margin-right:4px;}
#note-body .g12u2 .box{border-radius:16px; padding:16px 18px; margin:14px 0; box-shadow:0 2px 8px rgba(0,0,0,.06);}
#note-body .g12u2 .recall{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u2 .explain{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u2 .trick{background:var(--green-bg); border-left:6px solid var(--green);}
#note-body .g12u2 .attention{background:var(--orange-bg); border-left:6px solid var(--orange);}
#note-body .g12u2 .exam{background:var(--yellow-bg); border-left:6px solid var(--yellow);}
#note-body .g12u2 .formula{background:var(--purple-bg); border-left:6px solid var(--purple);}
#note-body .g12u2 .mnemonic{background:var(--pink-bg); border-left:6px solid var(--pink);}
#note-body .g12u2 .box-title{font-weight:700; margin-bottom:8px; font-size:.98rem;}
#note-body .g12u2 .amh{margin:6px 0; background:rgba(255,255,255,.55); border-radius:10px; padding:8px 10px;}
#note-body .g12u2 table{width:100%; border-collapse:collapse; margin:10px 0; font-size:.87rem;}
#note-body .g12u2 th, #note-body .g12u2 td{border:1px solid #d8dee9; padding:7px 8px; text-align:left;}
#note-body .g12u2 th{background:#0ea5b7; color:#fff;}
#note-body .g12u2 tr:nth-child(even){background:#f7fafc;}
#note-body .g12u2 .red{color:var(--red); font-weight:700;}
#note-body .g12u2 .frac{display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 4px; font-weight:600;}
#note-body .g12u2 .frac .num{display:block; padding:0 5px; border-bottom:1.6px solid #1f2937;}
#note-body .g12u2 .frac .den{display:block; padding:0 5px;}
#note-body .g12u2 .self-check{background:#fff; border:1.5px dashed #0ea5b7; border-radius:10px; padding:10px 12px; margin-top:10px; font-size:.92rem;}
#note-body .g12u2 .summary60{background:#0e7490; color:#fff; border-radius:16px; padding:18px 20px; margin-top:34px;}
#note-body .g12u2 .summary60 li{margin-bottom:6px;}
#note-body .g12u2 .final-tips{background:#111827; color:#f9fafb; border-radius:16px; padding:18px 20px; margin-top:16px;}
#note-body .g12u2 .final-tips li{margin-bottom:8px;}
#note-body .g12u2 ul, #note-body .g12u2 ol{padding-left:22px;}
#note-body .g12u2 .example{background:#fff; border:1px solid #d8dee9; border-radius:12px; padding:12px 14px; margin-top:8px;}
#note-body .g12u2 .center{text-align:center; margin:10px 0; font-size:1.05rem;}
#note-body .g12u2 .sqrt{display:inline-block; border-top:1.6px solid #1f2937; padding:0 4px;}
@media(max-width:480px){
  #note-body .g12u2 header.hero h1{font-size:1.15rem;}
  #note-body .g12u2 .box{padding:13px 14px;}
}

/* dark mode — Grade 12 Unit 2 */
body.dark-mode #note-body .g12u2{ color:#e8ecef; }
body.dark-mode #note-body .g12u2 .box{ box-shadow:0 3px 10px rgba(0,0,0,.35); }
body.dark-mode #note-body .g12u2 h2.unit-title{ color:#5eead4; border-bottom-color:#0ea5b7; }
body.dark-mode #note-body .g12u2 h3.sub-title{ color:#5eead4; }
body.dark-mode #note-body .g12u2 .recall,
body.dark-mode #note-body .g12u2 .explain{ background:#16273a !important; }
body.dark-mode #note-body .g12u2 .trick{ background:#123524 !important; }
body.dark-mode #note-body .g12u2 .attention{ background:#3a2410 !important; }
body.dark-mode #note-body .g12u2 .exam{ background:#3a330f !important; }
body.dark-mode #note-body .g12u2 .formula{ background:#241c3a !important; }
body.dark-mode #note-body .g12u2 .mnemonic{ background:#3a1830 !important; }
body.dark-mode #note-body .g12u2 .amh{ background:rgba(255,255,255,.06) !important; }
body.dark-mode #note-body .g12u2 .self-check{ background:#1c2128 !important; border-color:#0ea5b7 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u2 .example{ background:#1c2128 !important; border-color:#334155 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u2 table{ background:transparent !important; }
body.dark-mode #note-body .g12u2 tr:nth-child(even){ background:rgba(255,255,255,.04) !important; }
body.dark-mode #note-body .g12u2 th,
body.dark-mode #note-body .g12u2 td{ border-color:#334155 !important; }
body.dark-mode #note-body .g12u2 .final-tips{ background:#05070a !important; }

/* ==================================================================
   GRADE 12 — UNIT 3 note (.g12u3 prefix) — scoped styles
   ================================================================== */
#note-body .g12u3{
  --blue:#2563eb; --blue-bg:#eaf1ff;
  --green:#16a34a; --green-bg:#eafaf0;
  --orange:#ea580c; --orange-bg:#fff2e8;
  --yellow:#ca8a04; --yellow-bg:#fffbe6;
  --purple:#7c3aed; --purple-bg:#f4ecff;
  --pink:#db2777; --pink-bg:#ffeaf4;
  --red:#dc2626;
  font-family:'Poppins','Noto Sans Ethiopic',sans-serif; color:#1f2937; line-height:1.65;
}
#note-body .g12u3 *{box-sizing:border-box;}
#note-body .g12u3 .am{font-family:'Noto Sans Ethiopic','Poppins',sans-serif;}
#note-body .g12u3 .wrap{max-width:840px; margin:0 auto; padding:0 14px 20px;}
#note-body .g12u3 header.hero{background:linear-gradient(120deg,#0ea5b7,#22d3ee 55%,#5eead4); color:#fff; padding:34px 20px 40px; text-align:center; border-radius:0 0 26px 26px; margin-bottom:22px; box-shadow:0 8px 24px rgba(14,165,183,.35);}
#note-body .g12u3 header.hero h1{margin:0 0 6px; font-size:1.5rem; color:#fff;}
#note-body .g12u3 header.hero p{margin:4px 0 0; opacity:.95; font-size:.95rem;}
#note-body .g12u3 .badge{display:inline-block; background:rgba(255,255,255,.25); padding:4px 12px; border-radius:20px; font-size:.78rem; margin-top:10px;}
#note-body .g12u3 h2.unit-title{font-size:1.15rem; color:#0e7490; border-bottom:3px solid #0ea5b7; padding-bottom:6px; margin-top:38px;}
#note-body .g12u3 h3.sub-title{font-size:1.02rem; color:#0f766e; margin-top:28px;}
#note-body .g12u3 .flag{font-weight:700; margin-right:4px;}
#note-body .g12u3 .box{border-radius:16px; padding:16px 18px; margin:14px 0; box-shadow:0 2px 8px rgba(0,0,0,.06);}
#note-body .g12u3 .recall{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u3 .explain{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u3 .trick{background:var(--green-bg); border-left:6px solid var(--green);}
#note-body .g12u3 .attention{background:var(--orange-bg); border-left:6px solid var(--orange);}
#note-body .g12u3 .exam{background:var(--yellow-bg); border-left:6px solid var(--yellow);}
#note-body .g12u3 .formula{background:var(--purple-bg); border-left:6px solid var(--purple);}
#note-body .g12u3 .mnemonic{background:var(--pink-bg); border-left:6px solid var(--pink);}
#note-body .g12u3 .box-title{font-weight:700; margin-bottom:8px; font-size:.98rem;}
#note-body .g12u3 .eng{margin:6px 0;}
#note-body .g12u3 .amh{margin:6px 0; background:rgba(255,255,255,.55); border-radius:10px; padding:8px 10px;}
#note-body .g12u3 table{width:100%; border-collapse:collapse; margin:10px 0; font-size:.9rem;}
#note-body .g12u3 th, #note-body .g12u3 td{border:1px solid #d8dee9; padding:7px 8px; text-align:left;}
#note-body .g12u3 th{background:#0ea5b7; color:#fff;}
#note-body .g12u3 tr:nth-child(even){background:#f7fafc;}
#note-body .g12u3 .red{color:var(--red); font-weight:700;}
#note-body .g12u3 .frac{display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 4px; font-weight:600;}
#note-body .g12u3 .frac .num{display:block; padding:0 5px; border-bottom:1.6px solid #1f2937;}
#note-body .g12u3 .frac .den{display:block; padding:0 5px;}
#note-body .g12u3 .self-check{background:#fff; border:1.5px dashed #0ea5b7; border-radius:10px; padding:10px 12px; margin-top:10px; font-size:.92rem;}
#note-body .g12u3 .summary60{background:#0e7490; color:#fff; border-radius:16px; padding:18px 20px; margin-top:34px;}
#note-body .g12u3 .summary60 li{margin-bottom:6px;}
#note-body .g12u3 .final-tips{background:#111827; color:#f9fafb; border-radius:16px; padding:18px 20px; margin-top:16px;}
#note-body .g12u3 .final-tips li{margin-bottom:8px;}
#note-body .g12u3 ul{padding-left:22px;}
#note-body .g12u3 .example{background:#fff; border:1px solid #d8dee9; border-radius:12px; padding:12px 14px; margin-top:8px;}
@media(max-width:480px){
  #note-body .g12u3 header.hero h1{font-size:1.2rem;}
  #note-body .g12u3 .box{padding:13px 14px;}
}

/* dark mode — Grade 12 Unit 1 */
body.dark-mode #note-body .g12u3{ color:#e8ecef; }
body.dark-mode #note-body .g12u3 .box{ box-shadow:0 3px 10px rgba(0,0,0,.35); }
body.dark-mode #note-body .g12u3 h2.unit-title{ color:#5eead4; border-bottom-color:#0ea5b7; }
body.dark-mode #note-body .g12u3 h3.sub-title{ color:#5eead4; }
body.dark-mode #note-body .g12u3 .recall,
body.dark-mode #note-body .g12u3 .explain{ background:#16273a !important; }
body.dark-mode #note-body .g12u3 .trick{ background:#123524 !important; }
body.dark-mode #note-body .g12u3 .attention{ background:#3a2410 !important; }
body.dark-mode #note-body .g12u3 .exam{ background:#3a330f !important; }
body.dark-mode #note-body .g12u3 .formula{ background:#241c3a !important; }
body.dark-mode #note-body .g12u3 .mnemonic{ background:#3a1830 !important; }
body.dark-mode #note-body .g12u3 .amh{ background:rgba(255,255,255,.06) !important; }
body.dark-mode #note-body .g12u3 .self-check{ background:#1c2128 !important; border-color:#0ea5b7 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u3 .example{ background:#1c2128 !important; border-color:#334155 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u3 table{ background:transparent !important; }
body.dark-mode #note-body .g12u3 tr:nth-child(even){ background:rgba(255,255,255,.04) !important; }
body.dark-mode #note-body .g12u3 th,
body.dark-mode #note-body .g12u3 td{ border-color:#334155 !important; }
body.dark-mode #note-body .g12u3 .final-tips{ background:#05070a !important; }


/* ==================================================================
   GRADE 12 — UNIT 4 note (.g12u4 prefix) — scoped styles
   ================================================================== */
#note-body .g12u4{
  --blue:#2563eb; --blue-bg:#eaf1ff;
  --green:#16a34a; --green-bg:#eafaf0;
  --orange:#ea580c; --orange-bg:#fff2e8;
  --yellow:#ca8a04; --yellow-bg:#fffbe6;
  --purple:#7c3aed; --purple-bg:#f4ecff;
  --pink:#db2777; --pink-bg:#ffeaf4;
  --red:#dc2626;
  font-family:'Poppins','Noto Sans Ethiopic',sans-serif; color:#1f2937; line-height:1.65;
}
#note-body .g12u4 *{box-sizing:border-box;}
#note-body .g12u4 .am{font-family:'Noto Sans Ethiopic','Poppins',sans-serif;}
#note-body .g12u4 .wrap{max-width:840px; margin:0 auto; padding:0 14px 20px;}
#note-body .g12u4 header.hero{background:linear-gradient(120deg,#0ea5b7,#22d3ee 55%,#5eead4); color:#fff; padding:34px 20px 40px; text-align:center; border-radius:0 0 26px 26px; margin-bottom:22px; box-shadow:0 8px 24px rgba(14,165,183,.35);}
#note-body .g12u4 header.hero h1{margin:0 0 6px; font-size:1.5rem; color:#fff;}
#note-body .g12u4 header.hero p{margin:4px 0 0; opacity:.95; font-size:.95rem;}
#note-body .g12u4 .badge{display:inline-block; background:rgba(255,255,255,.25); padding:4px 12px; border-radius:20px; font-size:.78rem; margin-top:10px;}
#note-body .g12u4 h2.unit-title{font-size:1.15rem; color:#0e7490; border-bottom:3px solid #0ea5b7; padding-bottom:6px; margin-top:38px;}
#note-body .g12u4 h3.sub-title{font-size:1.02rem; color:#0f766e; margin-top:28px;}
#note-body .g12u4 .flag{font-weight:700; margin-right:4px;}
#note-body .g12u4 .box{border-radius:16px; padding:16px 18px; margin:14px 0; box-shadow:0 2px 8px rgba(0,0,0,.06);}
#note-body .g12u4 .recall{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u4 .explain{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u4 .trick{background:var(--green-bg); border-left:6px solid var(--green);}
#note-body .g12u4 .attention{background:var(--orange-bg); border-left:6px solid var(--orange);}
#note-body .g12u4 .exam{background:var(--yellow-bg); border-left:6px solid var(--yellow);}
#note-body .g12u4 .formula{background:var(--purple-bg); border-left:6px solid var(--purple);}
#note-body .g12u4 .mnemonic{background:var(--pink-bg); border-left:6px solid var(--pink);}
#note-body .g12u4 .box-title{font-weight:700; margin-bottom:8px; font-size:.98rem;}
#note-body .g12u4 .eng{margin:6px 0;}
#note-body .g12u4 .amh{margin:6px 0; background:rgba(255,255,255,.55); border-radius:10px; padding:8px 10px;}
#note-body .g12u4 table{width:100%; border-collapse:collapse; margin:10px 0; font-size:.9rem;}
#note-body .g12u4 th, #note-body .g12u4 td{border:1px solid #d8dee9; padding:7px 8px; text-align:left;}
#note-body .g12u4 th{background:#0ea5b7; color:#fff;}
#note-body .g12u4 tr:nth-child(even){background:#f7fafc;}
#note-body .g12u4 .red{color:var(--red); font-weight:700;}
#note-body .g12u4 .frac{display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 4px; font-weight:600;}
#note-body .g12u4 .frac .num{display:block; padding:0 5px; border-bottom:1.6px solid #1f2937;}
#note-body .g12u4 .frac .den{display:block; padding:0 5px;}
#note-body .g12u4 .self-check{background:#fff; border:1.5px dashed #0ea5b7; border-radius:10px; padding:10px 12px; margin-top:10px; font-size:.92rem;}
#note-body .g12u4 .summary60{background:#0e7490; color:#fff; border-radius:16px; padding:18px 20px; margin-top:34px;}
#note-body .g12u4 .summary60 li{margin-bottom:6px;}
#note-body .g12u4 .final-tips{background:#111827; color:#f9fafb; border-radius:16px; padding:18px 20px; margin-top:16px;}
#note-body .g12u4 .final-tips li{margin-bottom:8px;}
#note-body .g12u4 ul{padding-left:22px;}
#note-body .g12u4 .example{background:#fff; border:1px solid #d8dee9; border-radius:12px; padding:12px 14px; margin-top:8px;}
@media(max-width:480px){
  #note-body .g12u4 header.hero h1{font-size:1.2rem;}
  #note-body .g12u4 .box{padding:13px 14px;}
}

/* dark mode — Grade 12 Unit 1 */
body.dark-mode #note-body .g12u4{ color:#e8ecef; }
body.dark-mode #note-body .g12u4 .box{ box-shadow:0 3px 10px rgba(0,0,0,.35); }
body.dark-mode #note-body .g12u4 h2.unit-title{ color:#5eead4; border-bottom-color:#0ea5b7; }
body.dark-mode #note-body .g12u4 h3.sub-title{ color:#5eead4; }
body.dark-mode #note-body .g12u4 .recall,
body.dark-mode #note-body .g12u4 .explain{ background:#16273a !important; }
body.dark-mode #note-body .g12u4 .trick{ background:#123524 !important; }
body.dark-mode #note-body .g12u4 .attention{ background:#3a2410 !important; }
body.dark-mode #note-body .g12u4 .exam{ background:#3a330f !important; }
body.dark-mode #note-body .g12u4 .formula{ background:#241c3a !important; }
body.dark-mode #note-body .g12u4 .mnemonic{ background:#3a1830 !important; }
body.dark-mode #note-body .g12u4 .amh{ background:rgba(255,255,255,.06) !important; }
body.dark-mode #note-body .g12u4 .self-check{ background:#1c2128 !important; border-color:#0ea5b7 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u4 .example{ background:#1c2128 !important; border-color:#334155 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u4 table{ background:transparent !important; }
body.dark-mode #note-body .g12u4 tr:nth-child(even){ background:rgba(255,255,255,.04) !important; }
body.dark-mode #note-body .g12u4 th,
body.dark-mode #note-body .g12u4 td{ border-color:#334155 !important; }
body.dark-mode #note-body .g12u4 .final-tips{ background:#05070a !important; }

/* ==================================================================
   GRADE 12 — UNIT 5 note (.g12u5 prefix) — scoped styles
   ================================================================== */
#note-body .g12u5{
  --blue:#2563eb; --blue-bg:#eaf1ff;
  --green:#16a34a; --green-bg:#eafaf0;
  --orange:#ea580c; --orange-bg:#fff2e8;
  --yellow:#ca8a04; --yellow-bg:#fffbe6;
  --purple:#7c3aed; --purple-bg:#f4ecff;
  --pink:#db2777; --pink-bg:#ffeaf4;
  --red:#dc2626;
  font-family:'Poppins','Noto Sans Ethiopic',sans-serif; color:#1f2937; line-height:1.65;
}
#note-body .g12u5 *{box-sizing:border-box;}
#note-body .g12u5 .am{font-family:'Noto Sans Ethiopic','Poppins',sans-serif;}
#note-body .g12u5 .wrap{max-width:840px; margin:0 auto; padding:0 14px 20px;}
#note-body .g12u5 header.hero{background:linear-gradient(120deg,#0ea5b7,#22d3ee 55%,#5eead4); color:#fff; padding:34px 20px 40px; text-align:center; border-radius:0 0 26px 26px; margin-bottom:22px; box-shadow:0 8px 24px rgba(14,165,183,.35);}
#note-body .g12u5 header.hero h1{margin:0 0 6px; font-size:1.5rem; color:#fff;}
#note-body .g12u5 header.hero p{margin:4px 0 0; opacity:.95; font-size:.95rem;}
#note-body .g12u5 .badge{display:inline-block; background:rgba(255,255,255,.25); padding:4px 12px; border-radius:20px; font-size:.78rem; margin-top:10px;}
#note-body .g12u5 h2.unit-title{font-size:1.15rem; color:#0e7490; border-bottom:3px solid #0ea5b7; padding-bottom:6px; margin-top:38px;}
#note-body .g12u5 h3.sub-title{font-size:1.02rem; color:#0f766e; margin-top:28px;}
#note-body .g12u5 .flag{font-weight:700; margin-right:4px;}
#note-body .g12u5 .box{border-radius:16px; padding:16px 18px; margin:14px 0; box-shadow:0 2px 8px rgba(0,0,0,.06);}
#note-body .g12u5 .recall{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u5 .explain{background:var(--blue-bg); border-left:6px solid var(--blue);}
#note-body .g12u5 .trick{background:var(--green-bg); border-left:6px solid var(--green);}
#note-body .g12u5 .attention{background:var(--orange-bg); border-left:6px solid var(--orange);}
#note-body .g12u5 .exam{background:var(--yellow-bg); border-left:6px solid var(--yellow);}
#note-body .g12u5 .formula{background:var(--purple-bg); border-left:6px solid var(--purple);}
#note-body .g12u5 .mnemonic{background:var(--pink-bg); border-left:6px solid var(--pink);}
#note-body .g12u5 .box-title{font-weight:700; margin-bottom:8px; font-size:.98rem;}
#note-body .g12u5 .eng{margin:6px 0;}
#note-body .g12u5 .amh{margin:6px 0; background:rgba(255,255,255,.55); border-radius:10px; padding:8px 10px;}
#note-body .g12u5 table{width:100%; border-collapse:collapse; margin:10px 0; font-size:.9rem;}
#note-body .g12u5 th, #note-body .g12u5 td{border:1px solid #d8dee9; padding:7px 8px; text-align:left;}
#note-body .g12u5 th{background:#0ea5b7; color:#fff;}
#note-body .g12u5 tr:nth-child(even){background:#f7fafc;}
#note-body .g12u5 .red{color:var(--red); font-weight:700;}
#note-body .g12u5 .frac{display:inline-flex; flex-direction:column; text-align:center; vertical-align:middle; margin:0 4px; font-weight:600;}
#note-body .g12u5 .frac .num{display:block; padding:0 5px; border-bottom:1.6px solid #1f2937;}
#note-body .g12u5 .frac .den{display:block; padding:0 5px;}
#note-body .g12u5 .self-check{background:#fff; border:1.5px dashed #0ea5b7; border-radius:10px; padding:10px 12px; margin-top:10px; font-size:.92rem;}
#note-body .g12u5 .summary60{background:#0e7490; color:#fff; border-radius:16px; padding:18px 20px; margin-top:34px;}
#note-body .g12u5 .summary60 li{margin-bottom:6px;}
#note-body .g12u5 .final-tips{background:#111827; color:#f9fafb; border-radius:16px; padding:18px 20px; margin-top:16px;}
#note-body .g12u5 .final-tips li{margin-bottom:8px;}
#note-body .g12u5 ul{padding-left:22px;}
#note-body .g12u5 .example{background:#fff; border:1px solid #d8dee9; border-radius:12px; padding:12px 14px; margin-top:8px;}
@media(max-width:480px){
  #note-body .g12u5 header.hero h1{font-size:1.2rem;}
  #note-body .g12u5 .box{padding:13px 14px;}
}

/* dark mode — Grade 12 Unit 1 */
body.dark-mode #note-body .g12u5{ color:#e8ecef; }
body.dark-mode #note-body .g12u5 .box{ box-shadow:0 3px 10px rgba(0,0,0,.35); }
body.dark-mode #note-body .g12u5 h2.unit-title{ color:#5eead4; border-bottom-color:#0ea5b7; }
body.dark-mode #note-body .g12u5 h3.sub-title{ color:#5eead4; }
body.dark-mode #note-body .g12u5 .recall,
body.dark-mode #note-body .g12u5 .explain{ background:#16273a !important; }
body.dark-mode #note-body .g12u5 .trick{ background:#123524 !important; }
body.dark-mode #note-body .g12u5 .attention{ background:#3a2410 !important; }
body.dark-mode #note-body .g12u5 .exam{ background:#3a330f !important; }
body.dark-mode #note-body .g12u5 .formula{ background:#241c3a !important; }
body.dark-mode #note-body .g12u5 .mnemonic{ background:#3a1830 !important; }
body.dark-mode #note-body .g12u5 .amh{ background:rgba(255,255,255,.06) !important; }
body.dark-mode #note-body .g12u5 .self-check{ background:#1c2128 !important; border-color:#0ea5b7 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u5 .example{ background:#1c2128 !important; border-color:#334155 !important; color:#e8ecef; }
body.dark-mode #note-body .g12u5 table{ background:transparent !important; }
body.dark-mode #note-body .g12u5 tr:nth-child(even){ background:rgba(255,255,255,.04) !important; }
body.dark-mode #note-body .g12u5 th,
body.dark-mode #note-body .g12u5 td{ border-color:#334155 !important; }
body.dark-mode #note-body .g12u5 .final-tips{ background:#05070a !important; }

/* ===================================================================
   UNIFIED NOTE THEME — makes every Grade/Unit study-note look and
   feel like the Grade 9 · Unit 1 reference design (sn1-*). Added at
   the end of the stylesheet so it overrides all earlier per-unit
   theme rules. Colors/spacing intentionally mirror the sn1 system.
   =================================================================== */


.sn1-wrap, .snoteU2, .snoteU3, .snoteU4, .snoteU5, .snoteU6, .snoteU7, .g10u1, .g10u2, .g10u3, .g10u4, .g10u5, .g10u6, .g11u1, .g11u2, .g11u3, .g11u4, .g11u5, .g11u6, .g11u7, .g12u1, .g12u2, .g12u3, .g12u4, .g12u5, .g12note {
  font-family:'Poppins','Noto Sans Ethiopic',sans-serif !important;
  line-height:1.65 !important; color:#1e293b !important;
}

.sn1-wrap .am, .sn1-wrap .am-p, .sn1-wrap .eng-p, .snoteU2 .am, .snoteU2 .am-p, .snoteU2 .eng-p, .snoteU3 .am, .snoteU3 .am-p, .snoteU3 .eng-p, .snoteU4 .am, .snoteU4 .am-p, .snoteU4 .eng-p, .snoteU5 .am, .snoteU5 .am-p, .snoteU5 .eng-p, .snoteU6 .am, .snoteU6 .am-p, .snoteU6 .eng-p, .snoteU7 .am, .snoteU7 .am-p, .snoteU7 .eng-p, .g10u1 .am, .g10u1 .am-p, .g10u1 .eng-p, .g10u2 .am, .g10u2 .am-p, .g10u2 .eng-p, .g10u3 .am, .g10u3 .am-p, .g10u3 .eng-p, .g10u4 .am, .g10u4 .am-p, .g10u4 .eng-p, .g10u5 .am, .g10u5 .am-p, .g10u5 .eng-p, .g10u6 .am, .g10u6 .am-p, .g10u6 .eng-p, .g11u1 .am, .g11u1 .am-p, .g11u1 .eng-p, .g11u2 .am, .g11u2 .am-p, .g11u2 .eng-p, .g11u3 .am, .g11u3 .am-p, .g11u3 .eng-p, .g11u4 .am, .g11u4 .am-p, .g11u4 .eng-p, .g11u5 .am, .g11u5 .am-p, .g11u5 .eng-p, .g11u6 .am, .g11u6 .am-p, .g11u6 .eng-p, .g11u7 .am, .g11u7 .am-p, .g11u7 .eng-p, .g12u1 .am, .g12u1 .am-p, .g12u1 .eng-p, .g12u2 .am, .g12u2 .am-p, .g12u2 .eng-p, .g12u3 .am, .g12u3 .am-p, .g12u3 .eng-p, .g12u4 .am, .g12u4 .am-p, .g12u4 .eng-p, .g12u5 .am, .g12u5 .am-p, .g12u5 .eng-p, .g12note .am, .g12note .am-p, .g12note .eng-p {
  font-family:'Noto Sans Ethiopic','Poppins',sans-serif !important;
}

.sn1-wrap .hero,
.sn1-wrap .sn1-hero,
.sn1-wrap header.hero,
.snoteU2 .hero,
.snoteU2 .sn1-hero,
.snoteU2 header.hero,
.snoteU3 .hero,
.snoteU3 .sn1-hero,
.snoteU3 header.hero,
.snoteU4 .hero,
.snoteU4 .sn1-hero,
.snoteU4 header.hero,
.snoteU5 .hero,
.snoteU5 .sn1-hero,
.snoteU5 header.hero,
.snoteU6 .hero,
.snoteU6 .sn1-hero,
.snoteU6 header.hero,
.snoteU7 .hero,
.snoteU7 .sn1-hero,
.snoteU7 header.hero,
.g10u1 .hero,
.g10u1 .sn1-hero,
.g10u1 header.hero,
.g10u2 .hero,
.g10u2 .sn1-hero,
.g10u2 header.hero,
.g10u3 .hero,
.g10u3 .sn1-hero,
.g10u3 header.hero,
.g10u4 .hero,
.g10u4 .sn1-hero,
.g10u4 header.hero,
.g10u5 .hero,
.g10u5 .sn1-hero,
.g10u5 header.hero,
.g10u6 .hero,
.g10u6 .sn1-hero,
.g10u6 header.hero,
.g11u1 .hero,
.g11u1 .sn1-hero,
.g11u1 header.hero,
.g11u2 .hero,
.g11u2 .sn1-hero,
.g11u2 header.hero,
.g11u3 .hero,
.g11u3 .sn1-hero,
.g11u3 header.hero,
.g11u4 .hero,
.g11u4 .sn1-hero,
.g11u4 header.hero,
.g11u5 .hero,
.g11u5 .sn1-hero,
.g11u5 header.hero,
.g11u6 .hero,
.g11u6 .sn1-hero,
.g11u6 header.hero,
.g11u7 .hero,
.g11u7 .sn1-hero,
.g11u7 header.hero,
.g12u1 .hero,
.g12u1 .sn1-hero,
.g12u1 header.hero,
.g12u2 .hero,
.g12u2 .sn1-hero,
.g12u2 header.hero,
.g12u3 .hero,
.g12u3 .sn1-hero,
.g12u3 header.hero,
.g12u4 .hero,
.g12u4 .sn1-hero,
.g12u4 header.hero,
.g12u5 .hero,
.g12u5 .sn1-hero,
.g12u5 header.hero,
.g12note .hero,
.g12note .sn1-hero,
.g12note header.hero {
  background:linear-gradient(135deg,#0369a1,#14b8a6) !important;
  color:#fff !important; padding:26px 18px 30px 18px !important; text-align:center !important;
  border-radius:0 0 24px 24px !important; box-shadow:0 8px 20px rgba(3,105,161,.25) !important;
  margin-bottom:12px !important;
}

.sn1-wrap .hero h1,
.sn1-wrap .sn1-hero h1,
.sn1-wrap header.hero h1,
.snoteU2 .hero h1,
.snoteU2 .sn1-hero h1,
.snoteU2 header.hero h1,
.snoteU3 .hero h1,
.snoteU3 .sn1-hero h1,
.snoteU3 header.hero h1,
.snoteU4 .hero h1,
.snoteU4 .sn1-hero h1,
.snoteU4 header.hero h1,
.snoteU5 .hero h1,
.snoteU5 .sn1-hero h1,
.snoteU5 header.hero h1,
.snoteU6 .hero h1,
.snoteU6 .sn1-hero h1,
.snoteU6 header.hero h1,
.snoteU7 .hero h1,
.snoteU7 .sn1-hero h1,
.snoteU7 header.hero h1,
.g10u1 .hero h1,
.g10u1 .sn1-hero h1,
.g10u1 header.hero h1,
.g10u2 .hero h1,
.g10u2 .sn1-hero h1,
.g10u2 header.hero h1,
.g10u3 .hero h1,
.g10u3 .sn1-hero h1,
.g10u3 header.hero h1,
.g10u4 .hero h1,
.g10u4 .sn1-hero h1,
.g10u4 header.hero h1,
.g10u5 .hero h1,
.g10u5 .sn1-hero h1,
.g10u5 header.hero h1,
.g10u6 .hero h1,
.g10u6 .sn1-hero h1,
.g10u6 header.hero h1,
.g11u1 .hero h1,
.g11u1 .sn1-hero h1,
.g11u1 header.hero h1,
.g11u2 .hero h1,
.g11u2 .sn1-hero h1,
.g11u2 header.hero h1,
.g11u3 .hero h1,
.g11u3 .sn1-hero h1,
.g11u3 header.hero h1,
.g11u4 .hero h1,
.g11u4 .sn1-hero h1,
.g11u4 header.hero h1,
.g11u5 .hero h1,
.g11u5 .sn1-hero h1,
.g11u5 header.hero h1,
.g11u6 .hero h1,
.g11u6 .sn1-hero h1,
.g11u6 header.hero h1,
.g11u7 .hero h1,
.g11u7 .sn1-hero h1,
.g11u7 header.hero h1,
.g12u1 .hero h1,
.g12u1 .sn1-hero h1,
.g12u1 header.hero h1,
.g12u2 .hero h1,
.g12u2 .sn1-hero h1,
.g12u2 header.hero h1,
.g12u3 .hero h1,
.g12u3 .sn1-hero h1,
.g12u3 header.hero h1,
.g12u4 .hero h1,
.g12u4 .sn1-hero h1,
.g12u4 header.hero h1,
.g12u5 .hero h1,
.g12u5 .sn1-hero h1,
.g12u5 header.hero h1,
.g12note .hero h1,
.g12note .sn1-hero h1,
.g12note header.hero h1 {
  font-size:21px !important; margin:8px 0 6px 0 !important; font-weight:800 !important;
  background:none !important; color:#fff !important; padding:0 !important; border:none !important;
}

.sn1-wrap .hero p,
.sn1-wrap .sn1-hero p,
.sn1-wrap header.hero p,
.snoteU2 .hero p,
.snoteU2 .sn1-hero p,
.snoteU2 header.hero p,
.snoteU3 .hero p,
.snoteU3 .sn1-hero p,
.snoteU3 header.hero p,
.snoteU4 .hero p,
.snoteU4 .sn1-hero p,
.snoteU4 header.hero p,
.snoteU5 .hero p,
.snoteU5 .sn1-hero p,
.snoteU5 header.hero p,
.snoteU6 .hero p,
.snoteU6 .sn1-hero p,
.snoteU6 header.hero p,
.snoteU7 .hero p,
.snoteU7 .sn1-hero p,
.snoteU7 header.hero p,
.g10u1 .hero p,
.g10u1 .sn1-hero p,
.g10u1 header.hero p,
.g10u2 .hero p,
.g10u2 .sn1-hero p,
.g10u2 header.hero p,
.g10u3 .hero p,
.g10u3 .sn1-hero p,
.g10u3 header.hero p,
.g10u4 .hero p,
.g10u4 .sn1-hero p,
.g10u4 header.hero p,
.g10u5 .hero p,
.g10u5 .sn1-hero p,
.g10u5 header.hero p,
.g10u6 .hero p,
.g10u6 .sn1-hero p,
.g10u6 header.hero p,
.g11u1 .hero p,
.g11u1 .sn1-hero p,
.g11u1 header.hero p,
.g11u2 .hero p,
.g11u2 .sn1-hero p,
.g11u2 header.hero p,
.g11u3 .hero p,
.g11u3 .sn1-hero p,
.g11u3 header.hero p,
.g11u4 .hero p,
.g11u4 .sn1-hero p,
.g11u4 header.hero p,
.g11u5 .hero p,
.g11u5 .sn1-hero p,
.g11u5 header.hero p,
.g11u6 .hero p,
.g11u6 .sn1-hero p,
.g11u6 header.hero p,
.g11u7 .hero p,
.g11u7 .sn1-hero p,
.g11u7 header.hero p,
.g12u1 .hero p,
.g12u1 .sn1-hero p,
.g12u1 header.hero p,
.g12u2 .hero p,
.g12u2 .sn1-hero p,
.g12u2 header.hero p,
.g12u3 .hero p,
.g12u3 .sn1-hero p,
.g12u3 header.hero p,
.g12u4 .hero p,
.g12u4 .sn1-hero p,
.g12u4 header.hero p,
.g12u5 .hero p,
.g12u5 .sn1-hero p,
.g12u5 header.hero p,
.g12note .hero p,
.g12note .sn1-hero p,
.g12note header.hero p {
  font-size:14.5px !important; opacity:.96 !important; margin:4px 0 !important; color:#fff !important;
}

.sn1-wrap .hero .tag,
.sn1-wrap .hero .unit-tag,
.sn1-wrap .sn1-eyebrow,
.sn1-wrap .hero .eyebrow,
.snoteU2 .hero .tag,
.snoteU2 .hero .unit-tag,
.snoteU2 .sn1-eyebrow,
.snoteU2 .hero .eyebrow,
.snoteU3 .hero .tag,
.snoteU3 .hero .unit-tag,
.snoteU3 .sn1-eyebrow,
.snoteU3 .hero .eyebrow,
.snoteU4 .hero .tag,
.snoteU4 .hero .unit-tag,
.snoteU4 .sn1-eyebrow,
.snoteU4 .hero .eyebrow,
.snoteU5 .hero .tag,
.snoteU5 .hero .unit-tag,
.snoteU5 .sn1-eyebrow,
.snoteU5 .hero .eyebrow,
.snoteU6 .hero .tag,
.snoteU6 .hero .unit-tag,
.snoteU6 .sn1-eyebrow,
.snoteU6 .hero .eyebrow,
.snoteU7 .hero .tag,
.snoteU7 .hero .unit-tag,
.snoteU7 .sn1-eyebrow,
.snoteU7 .hero .eyebrow,
.g10u1 .hero .tag,
.g10u1 .hero .unit-tag,
.g10u1 .sn1-eyebrow,
.g10u1 .hero .eyebrow,
.g10u2 .hero .tag,
.g10u2 .hero .unit-tag,
.g10u2 .sn1-eyebrow,
.g10u2 .hero .eyebrow,
.g10u3 .hero .tag,
.g10u3 .hero .unit-tag,
.g10u3 .sn1-eyebrow,
.g10u3 .hero .eyebrow,
.g10u4 .hero .tag,
.g10u4 .hero .unit-tag,
.g10u4 .sn1-eyebrow,
.g10u4 .hero .eyebrow,
.g10u5 .hero .tag,
.g10u5 .hero .unit-tag,
.g10u5 .sn1-eyebrow,
.g10u5 .hero .eyebrow,
.g10u6 .hero .tag,
.g10u6 .hero .unit-tag,
.g10u6 .sn1-eyebrow,
.g10u6 .hero .eyebrow,
.g11u1 .hero .tag,
.g11u1 .hero .unit-tag,
.g11u1 .sn1-eyebrow,
.g11u1 .hero .eyebrow,
.g11u2 .hero .tag,
.g11u2 .hero .unit-tag,
.g11u2 .sn1-eyebrow,
.g11u2 .hero .eyebrow,
.g11u3 .hero .tag,
.g11u3 .hero .unit-tag,
.g11u3 .sn1-eyebrow,
.g11u3 .hero .eyebrow,
.g11u4 .hero .tag,
.g11u4 .hero .unit-tag,
.g11u4 .sn1-eyebrow,
.g11u4 .hero .eyebrow,
.g11u5 .hero .tag,
.g11u5 .hero .unit-tag,
.g11u5 .sn1-eyebrow,
.g11u5 .hero .eyebrow,
.g11u6 .hero .tag,
.g11u6 .hero .unit-tag,
.g11u6 .sn1-eyebrow,
.g11u6 .hero .eyebrow,
.g11u7 .hero .tag,
.g11u7 .hero .unit-tag,
.g11u7 .sn1-eyebrow,
.g11u7 .hero .eyebrow,
.g12u1 .hero .tag,
.g12u1 .hero .unit-tag,
.g12u1 .sn1-eyebrow,
.g12u1 .hero .eyebrow,
.g12u2 .hero .tag,
.g12u2 .hero .unit-tag,
.g12u2 .sn1-eyebrow,
.g12u2 .hero .eyebrow,
.g12u3 .hero .tag,
.g12u3 .hero .unit-tag,
.g12u3 .sn1-eyebrow,
.g12u3 .hero .eyebrow,
.g12u4 .hero .tag,
.g12u4 .hero .unit-tag,
.g12u4 .sn1-eyebrow,
.g12u4 .hero .eyebrow,
.g12u5 .hero .tag,
.g12u5 .hero .unit-tag,
.g12u5 .sn1-eyebrow,
.g12u5 .hero .eyebrow,
.g12note .hero .tag,
.g12note .hero .unit-tag,
.g12note .sn1-eyebrow,
.g12note .hero .eyebrow {
  font-size:12.5px !important; letter-spacing:2px !important; opacity:.9 !important;
  text-transform:uppercase !important; font-weight:600 !important; color:#fff !important;
  background:transparent !important; display:inline-block !important; padding:0 !important;
}

.sn1-wrap .hero .badges,
.sn1-wrap .sn1-badges,
.snoteU2 .hero .badges,
.snoteU2 .sn1-badges,
.snoteU3 .hero .badges,
.snoteU3 .sn1-badges,
.snoteU4 .hero .badges,
.snoteU4 .sn1-badges,
.snoteU5 .hero .badges,
.snoteU5 .sn1-badges,
.snoteU6 .hero .badges,
.snoteU6 .sn1-badges,
.snoteU7 .hero .badges,
.snoteU7 .sn1-badges,
.g10u1 .hero .badges,
.g10u1 .sn1-badges,
.g10u2 .hero .badges,
.g10u2 .sn1-badges,
.g10u3 .hero .badges,
.g10u3 .sn1-badges,
.g10u4 .hero .badges,
.g10u4 .sn1-badges,
.g10u5 .hero .badges,
.g10u5 .sn1-badges,
.g10u6 .hero .badges,
.g10u6 .sn1-badges,
.g11u1 .hero .badges,
.g11u1 .sn1-badges,
.g11u2 .hero .badges,
.g11u2 .sn1-badges,
.g11u3 .hero .badges,
.g11u3 .sn1-badges,
.g11u4 .hero .badges,
.g11u4 .sn1-badges,
.g11u5 .hero .badges,
.g11u5 .sn1-badges,
.g11u6 .hero .badges,
.g11u6 .sn1-badges,
.g11u7 .hero .badges,
.g11u7 .sn1-badges,
.g12u1 .hero .badges,
.g12u1 .sn1-badges,
.g12u2 .hero .badges,
.g12u2 .sn1-badges,
.g12u3 .hero .badges,
.g12u3 .sn1-badges,
.g12u4 .hero .badges,
.g12u4 .sn1-badges,
.g12u5 .hero .badges,
.g12u5 .sn1-badges,
.g12note .hero .badges,
.g12note .sn1-badges {
  margin-top:13px !important; display:flex !important; gap:8px !important; justify-content:center !important; flex-wrap:wrap !important;
}

.sn1-wrap .hero .badge,
.sn1-wrap .sn1-badge,
.sn1-wrap .badge,
.snoteU2 .hero .badge,
.snoteU2 .sn1-badge,
.snoteU2 .badge,
.snoteU3 .hero .badge,
.snoteU3 .sn1-badge,
.snoteU3 .badge,
.snoteU4 .hero .badge,
.snoteU4 .sn1-badge,
.snoteU4 .badge,
.snoteU5 .hero .badge,
.snoteU5 .sn1-badge,
.snoteU5 .badge,
.snoteU6 .hero .badge,
.snoteU6 .sn1-badge,
.snoteU6 .badge,
.snoteU7 .hero .badge,
.snoteU7 .sn1-badge,
.snoteU7 .badge,
.g10u1 .hero .badge,
.g10u1 .sn1-badge,
.g10u1 .badge,
.g10u2 .hero .badge,
.g10u2 .sn1-badge,
.g10u2 .badge,
.g10u3 .hero .badge,
.g10u3 .sn1-badge,
.g10u3 .badge,
.g10u4 .hero .badge,
.g10u4 .sn1-badge,
.g10u4 .badge,
.g10u5 .hero .badge,
.g10u5 .sn1-badge,
.g10u5 .badge,
.g10u6 .hero .badge,
.g10u6 .sn1-badge,
.g10u6 .badge,
.g11u1 .hero .badge,
.g11u1 .sn1-badge,
.g11u1 .badge,
.g11u2 .hero .badge,
.g11u2 .sn1-badge,
.g11u2 .badge,
.g11u3 .hero .badge,
.g11u3 .sn1-badge,
.g11u3 .badge,
.g11u4 .hero .badge,
.g11u4 .sn1-badge,
.g11u4 .badge,
.g11u5 .hero .badge,
.g11u5 .sn1-badge,
.g11u5 .badge,
.g11u6 .hero .badge,
.g11u6 .sn1-badge,
.g11u6 .badge,
.g11u7 .hero .badge,
.g11u7 .sn1-badge,
.g11u7 .badge,
.g12u1 .hero .badge,
.g12u1 .sn1-badge,
.g12u1 .badge,
.g12u2 .hero .badge,
.g12u2 .sn1-badge,
.g12u2 .badge,
.g12u3 .hero .badge,
.g12u3 .sn1-badge,
.g12u3 .badge,
.g12u4 .hero .badge,
.g12u4 .sn1-badge,
.g12u4 .badge,
.g12u5 .hero .badge,
.g12u5 .sn1-badge,
.g12u5 .badge,
.g12note .hero .badge,
.g12note .sn1-badge,
.g12note .badge {
  background:rgba(255,255,255,.2) !important; color:#fff !important; padding:5px 12px !important;
  border-radius:20px !important; font-size:12px !important; margin-top:0 !important; display:inline-block !important;
}

.sn1-wrap .unit-nav,
.snoteU2 .unit-nav,
.snoteU3 .unit-nav,
.snoteU4 .unit-nav,
.snoteU5 .unit-nav,
.snoteU6 .unit-nav,
.snoteU7 .unit-nav,
.g10u1 .unit-nav,
.g10u2 .unit-nav,
.g10u3 .unit-nav,
.g10u4 .unit-nav,
.g10u5 .unit-nav,
.g10u6 .unit-nav,
.g11u1 .unit-nav,
.g11u2 .unit-nav,
.g11u3 .unit-nav,
.g11u4 .unit-nav,
.g11u5 .unit-nav,
.g11u6 .unit-nav,
.g11u7 .unit-nav,
.g12u1 .unit-nav,
.g12u2 .unit-nav,
.g12u3 .unit-nav,
.g12u4 .unit-nav,
.g12u5 .unit-nav,
.g12note .unit-nav {
  background:#fff !important; border-radius:12px !important; padding:8px 14px !important;
  margin:12px 0 !important; font-size:.85rem !important; text-align:center !important; color:#0369a1 !important;
  border:1px solid #93c5fd !important;
}

.sn1-wrap .subtopic-title,
.snoteU2 .subtopic-title,
.snoteU3 .subtopic-title,
.snoteU4 .subtopic-title,
.snoteU5 .subtopic-title,
.snoteU6 .subtopic-title,
.snoteU7 .subtopic-title,
.g10u1 .subtopic-title,
.g10u2 .subtopic-title,
.g10u3 .subtopic-title,
.g10u4 .subtopic-title,
.g10u5 .subtopic-title,
.g10u6 .subtopic-title,
.g11u1 .subtopic-title,
.g11u2 .subtopic-title,
.g11u3 .subtopic-title,
.g11u4 .subtopic-title,
.g11u5 .subtopic-title,
.g11u6 .subtopic-title,
.g11u7 .subtopic-title,
.g12u1 .subtopic-title,
.g12u2 .subtopic-title,
.g12u3 .subtopic-title,
.g12u4 .subtopic-title,
.g12u5 .subtopic-title,
.g12note .subtopic-title {
  color:#0369a1 !important; font-weight:800 !important; font-size:1.1rem !important;
  margin-top:24px !important; border-bottom:3px solid #14b8a6 !important; padding-bottom:5px !important;
}

.sn1-wrap .divider,
.snoteU2 .divider,
.snoteU3 .divider,
.snoteU4 .divider,
.snoteU5 .divider,
.snoteU6 .divider,
.snoteU7 .divider,
.g10u1 .divider,
.g10u2 .divider,
.g10u3 .divider,
.g10u4 .divider,
.g10u5 .divider,
.g10u6 .divider,
.g11u1 .divider,
.g11u2 .divider,
.g11u3 .divider,
.g11u4 .divider,
.g11u5 .divider,
.g11u6 .divider,
.g11u7 .divider,
.g12u1 .divider,
.g12u2 .divider,
.g12u3 .divider,
.g12u4 .divider,
.g12u5 .divider,
.g12note .divider {
  text-align:center !important; color:#cbd5e1 !important; margin:22px 0 !important; font-size:18px !important;
}

.sn1-wrap .toc,
.snoteU2 .toc,
.snoteU3 .toc,
.snoteU4 .toc,
.snoteU5 .toc,
.snoteU6 .toc,
.snoteU7 .toc,
.g10u1 .toc,
.g10u2 .toc,
.g10u3 .toc,
.g10u4 .toc,
.g10u5 .toc,
.g10u6 .toc,
.g11u1 .toc,
.g11u2 .toc,
.g11u3 .toc,
.g11u4 .toc,
.g11u5 .toc,
.g11u6 .toc,
.g11u7 .toc,
.g12u1 .toc,
.g12u2 .toc,
.g12u3 .toc,
.g12u4 .toc,
.g12u5 .toc,
.g12note .toc {
  background:#eff6ff !important; border:2px solid #93c5fd !important; border-radius:14px !important;
  padding:12px 16px !important; margin:16px 0 !important;
}

.sn1-wrap .toc a,
.snoteU2 .toc a,
.snoteU3 .toc a,
.snoteU4 .toc a,
.snoteU5 .toc a,
.snoteU6 .toc a,
.snoteU7 .toc a,
.g10u1 .toc a,
.g10u2 .toc a,
.g10u3 .toc a,
.g10u4 .toc a,
.g10u5 .toc a,
.g10u6 .toc a,
.g11u1 .toc a,
.g11u2 .toc a,
.g11u3 .toc a,
.g11u4 .toc a,
.g11u5 .toc a,
.g11u6 .toc a,
.g11u7 .toc a,
.g12u1 .toc a,
.g12u2 .toc a,
.g12u3 .toc a,
.g12u4 .toc a,
.g12u5 .toc a,
.g12note .toc a {
  color:#0369a1 !important; text-decoration:none !important; font-weight:600 !important;
}

.sn1-wrap .box,
.sn1-wrap .summary60,
.sn1-wrap .summary-final,
.sn1-wrap .final,
.sn1-wrap .final-tips,
.snoteU2 .box,
.snoteU2 .summary60,
.snoteU2 .summary-final,
.snoteU2 .final,
.snoteU2 .final-tips,
.snoteU3 .box,
.snoteU3 .summary60,
.snoteU3 .summary-final,
.snoteU3 .final,
.snoteU3 .final-tips,
.snoteU4 .box,
.snoteU4 .summary60,
.snoteU4 .summary-final,
.snoteU4 .final,
.snoteU4 .final-tips,
.snoteU5 .box,
.snoteU5 .summary60,
.snoteU5 .summary-final,
.snoteU5 .final,
.snoteU5 .final-tips,
.snoteU6 .box,
.snoteU6 .summary60,
.snoteU6 .summary-final,
.snoteU6 .final,
.snoteU6 .final-tips,
.snoteU7 .box,
.snoteU7 .summary60,
.snoteU7 .summary-final,
.snoteU7 .final,
.snoteU7 .final-tips,
.g10u1 .box,
.g10u1 .summary60,
.g10u1 .summary-final,
.g10u1 .final,
.g10u1 .final-tips,
.g10u2 .box,
.g10u2 .summary60,
.g10u2 .summary-final,
.g10u2 .final,
.g10u2 .final-tips,
.g10u3 .box,
.g10u3 .summary60,
.g10u3 .summary-final,
.g10u3 .final,
.g10u3 .final-tips,
.g10u4 .box,
.g10u4 .summary60,
.g10u4 .summary-final,
.g10u4 .final,
.g10u4 .final-tips,
.g10u5 .box,
.g10u5 .summary60,
.g10u5 .summary-final,
.g10u5 .final,
.g10u5 .final-tips,
.g10u6 .box,
.g10u6 .summary60,
.g10u6 .summary-final,
.g10u6 .final,
.g10u6 .final-tips,
.g11u1 .box,
.g11u1 .summary60,
.g11u1 .summary-final,
.g11u1 .final,
.g11u1 .final-tips,
.g11u2 .box,
.g11u2 .summary60,
.g11u2 .summary-final,
.g11u2 .final,
.g11u2 .final-tips,
.g11u3 .box,
.g11u3 .summary60,
.g11u3 .summary-final,
.g11u3 .final,
.g11u3 .final-tips,
.g11u4 .box,
.g11u4 .summary60,
.g11u4 .summary-final,
.g11u4 .final,
.g11u4 .final-tips,
.g11u5 .box,
.g11u5 .summary60,
.g11u5 .summary-final,
.g11u5 .final,
.g11u5 .final-tips,
.g11u6 .box,
.g11u6 .summary60,
.g11u6 .summary-final,
.g11u6 .final,
.g11u6 .final-tips,
.g11u7 .box,
.g11u7 .summary60,
.g11u7 .summary-final,
.g11u7 .final,
.g11u7 .final-tips,
.g12u1 .box,
.g12u1 .summary60,
.g12u1 .summary-final,
.g12u1 .final,
.g12u1 .final-tips,
.g12u2 .box,
.g12u2 .summary60,
.g12u2 .summary-final,
.g12u2 .final,
.g12u2 .final-tips,
.g12u3 .box,
.g12u3 .summary60,
.g12u3 .summary-final,
.g12u3 .final,
.g12u3 .final-tips,
.g12u4 .box,
.g12u4 .summary60,
.g12u4 .summary-final,
.g12u4 .final,
.g12u4 .final-tips,
.g12u5 .box,
.g12u5 .summary60,
.g12u5 .summary-final,
.g12u5 .final,
.g12u5 .final-tips,
.g12note .box,
.g12note .summary60,
.g12note .summary-final,
.g12note .final,
.g12note .final-tips {
  border-radius:16px !important; padding:16px 16px 14px !important; margin:18px 0 !important;
  box-shadow:0 2px 10px rgba(0,0,0,.06) !important; border:2px solid #93c5fd !important; background:#eff6ff !important;
}

.sn1-wrap .box h2,
.sn1-wrap .box h3,
.sn1-wrap .summary60 h2,
.sn1-wrap .summary60 h3,
.sn1-wrap .summary-final h2,
.sn1-wrap .summary-final h3,
.sn1-wrap .final h2,
.sn1-wrap .final h3,
.sn1-wrap .final-tips h2,
.sn1-wrap .final-tips h3,
.snoteU2 .box h2,
.snoteU2 .box h3,
.snoteU2 .summary60 h2,
.snoteU2 .summary60 h3,
.snoteU2 .summary-final h2,
.snoteU2 .summary-final h3,
.snoteU2 .final h2,
.snoteU2 .final h3,
.snoteU2 .final-tips h2,
.snoteU2 .final-tips h3,
.snoteU3 .box h2,
.snoteU3 .box h3,
.snoteU3 .summary60 h2,
.snoteU3 .summary60 h3,
.snoteU3 .summary-final h2,
.snoteU3 .summary-final h3,
.snoteU3 .final h2,
.snoteU3 .final h3,
.snoteU3 .final-tips h2,
.snoteU3 .final-tips h3,
.snoteU4 .box h2,
.snoteU4 .box h3,
.snoteU4 .summary60 h2,
.snoteU4 .summary60 h3,
.snoteU4 .summary-final h2,
.snoteU4 .summary-final h3,
.snoteU4 .final h2,
.snoteU4 .final h3,
.snoteU4 .final-tips h2,
.snoteU4 .final-tips h3,
.snoteU5 .box h2,
.snoteU5 .box h3,
.snoteU5 .summary60 h2,
.snoteU5 .summary60 h3,
.snoteU5 .summary-final h2,
.snoteU5 .summary-final h3,
.snoteU5 .final h2,
.snoteU5 .final h3,
.snoteU5 .final-tips h2,
.snoteU5 .final-tips h3,
.snoteU6 .box h2,
.snoteU6 .box h3,
.snoteU6 .summary60 h2,
.snoteU6 .summary60 h3,
.snoteU6 .summary-final h2,
.snoteU6 .summary-final h3,
.snoteU6 .final h2,
.snoteU6 .final h3,
.snoteU6 .final-tips h2,
.snoteU6 .final-tips h3,
.snoteU7 .box h2,
.snoteU7 .box h3,
.snoteU7 .summary60 h2,
.snoteU7 .summary60 h3,
.snoteU7 .summary-final h2,
.snoteU7 .summary-final h3,
.snoteU7 .final h2,
.snoteU7 .final h3,
.snoteU7 .final-tips h2,
.snoteU7 .final-tips h3,
.g10u1 .box h2,
.g10u1 .box h3,
.g10u1 .summary60 h2,
.g10u1 .summary60 h3,
.g10u1 .summary-final h2,
.g10u1 .summary-final h3,
.g10u1 .final h2,
.g10u1 .final h3,
.g10u1 .final-tips h2,
.g10u1 .final-tips h3,
.g10u2 .box h2,
.g10u2 .box h3,
.g10u2 .summary60 h2,
.g10u2 .summary60 h3,
.g10u2 .summary-final h2,
.g10u2 .summary-final h3,
.g10u2 .final h2,
.g10u2 .final h3,
.g10u2 .final-tips h2,
.g10u2 .final-tips h3,
.g10u3 .box h2,
.g10u3 .box h3,
.g10u3 .summary60 h2,
.g10u3 .summary60 h3,
.g10u3 .summary-final h2,
.g10u3 .summary-final h3,
.g10u3 .final h2,
.g10u3 .final h3,
.g10u3 .final-tips h2,
.g10u3 .final-tips h3,
.g10u4 .box h2,
.g10u4 .box h3,
.g10u4 .summary60 h2,
.g10u4 .summary60 h3,
.g10u4 .summary-final h2,
.g10u4 .summary-final h3,
.g10u4 .final h2,
.g10u4 .final h3,
.g10u4 .final-tips h2,
.g10u4 .final-tips h3,
.g10u5 .box h2,
.g10u5 .box h3,
.g10u5 .summary60 h2,
.g10u5 .summary60 h3,
.g10u5 .summary-final h2,
.g10u5 .summary-final h3,
.g10u5 .final h2,
.g10u5 .final h3,
.g10u5 .final-tips h2,
.g10u5 .final-tips h3,
.g10u6 .box h2,
.g10u6 .box h3,
.g10u6 .summary60 h2,
.g10u6 .summary60 h3,
.g10u6 .summary-final h2,
.g10u6 .summary-final h3,
.g10u6 .final h2,
.g10u6 .final h3,
.g10u6 .final-tips h2,
.g10u6 .final-tips h3,
.g11u1 .box h2,
.g11u1 .box h3,
.g11u1 .summary60 h2,
.g11u1 .summary60 h3,
.g11u1 .summary-final h2,
.g11u1 .summary-final h3,
.g11u1 .final h2,
.g11u1 .final h3,
.g11u1 .final-tips h2,
.g11u1 .final-tips h3,
.g11u2 .box h2,
.g11u2 .box h3,
.g11u2 .summary60 h2,
.g11u2 .summary60 h3,
.g11u2 .summary-final h2,
.g11u2 .summary-final h3,
.g11u2 .final h2,
.g11u2 .final h3,
.g11u2 .final-tips h2,
.g11u2 .final-tips h3,
.g11u3 .box h2,
.g11u3 .box h3,
.g11u3 .summary60 h2,
.g11u3 .summary60 h3,
.g11u3 .summary-final h2,
.g11u3 .summary-final h3,
.g11u3 .final h2,
.g11u3 .final h3,
.g11u3 .final-tips h2,
.g11u3 .final-tips h3,
.g11u4 .box h2,
.g11u4 .box h3,
.g11u4 .summary60 h2,
.g11u4 .summary60 h3,
.g11u4 .summary-final h2,
.g11u4 .summary-final h3,
.g11u4 .final h2,
.g11u4 .final h3,
.g11u4 .final-tips h2,
.g11u4 .final-tips h3,
.g11u5 .box h2,
.g11u5 .box h3,
.g11u5 .summary60 h2,
.g11u5 .summary60 h3,
.g11u5 .summary-final h2,
.g11u5 .summary-final h3,
.g11u5 .final h2,
.g11u5 .final h3,
.g11u5 .final-tips h2,
.g11u5 .final-tips h3,
.g11u6 .box h2,
.g11u6 .box h3,
.g11u6 .summary60 h2,
.g11u6 .summary60 h3,
.g11u6 .summary-final h2,
.g11u6 .summary-final h3,
.g11u6 .final h2,
.g11u6 .final h3,
.g11u6 .final-tips h2,
.g11u6 .final-tips h3,
.g11u7 .box h2,
.g11u7 .box h3,
.g11u7 .summary60 h2,
.g11u7 .summary60 h3,
.g11u7 .summary-final h2,
.g11u7 .summary-final h3,
.g11u7 .final h2,
.g11u7 .final h3,
.g11u7 .final-tips h2,
.g11u7 .final-tips h3,
.g12u1 .box h2,
.g12u1 .box h3,
.g12u1 .summary60 h2,
.g12u1 .summary60 h3,
.g12u1 .summary-final h2,
.g12u1 .summary-final h3,
.g12u1 .final h2,
.g12u1 .final h3,
.g12u1 .final-tips h2,
.g12u1 .final-tips h3,
.g12u2 .box h2,
.g12u2 .box h3,
.g12u2 .summary60 h2,
.g12u2 .summary60 h3,
.g12u2 .summary-final h2,
.g12u2 .summary-final h3,
.g12u2 .final h2,
.g12u2 .final h3,
.g12u2 .final-tips h2,
.g12u2 .final-tips h3,
.g12u3 .box h2,
.g12u3 .box h3,
.g12u3 .summary60 h2,
.g12u3 .summary60 h3,
.g12u3 .summary-final h2,
.g12u3 .summary-final h3,
.g12u3 .final h2,
.g12u3 .final h3,
.g12u3 .final-tips h2,
.g12u3 .final-tips h3,
.g12u4 .box h2,
.g12u4 .box h3,
.g12u4 .summary60 h2,
.g12u4 .summary60 h3,
.g12u4 .summary-final h2,
.g12u4 .summary-final h3,
.g12u4 .final h2,
.g12u4 .final h3,
.g12u4 .final-tips h2,
.g12u4 .final-tips h3,
.g12u5 .box h2,
.g12u5 .box h3,
.g12u5 .summary60 h2,
.g12u5 .summary60 h3,
.g12u5 .summary-final h2,
.g12u5 .summary-final h3,
.g12u5 .final h2,
.g12u5 .final h3,
.g12u5 .final-tips h2,
.g12u5 .final-tips h3,
.g12note .box h2,
.g12note .box h3,
.g12note .summary60 h2,
.g12note .summary60 h3,
.g12note .summary-final h2,
.g12note .summary-final h3,
.g12note .final h2,
.g12note .final h3,
.g12note .final-tips h2,
.g12note .final-tips h3 {
  margin-top:0 !important; font-weight:800 !important; font-size:15.5px !important; color:#0369a1 !important;
}

.sn1-wrap .box.recall,
.sn1-wrap .recall,
.snoteU2 .box.recall,
.snoteU2 .recall,
.snoteU3 .box.recall,
.snoteU3 .recall,
.snoteU4 .box.recall,
.snoteU4 .recall,
.snoteU5 .box.recall,
.snoteU5 .recall,
.snoteU6 .box.recall,
.snoteU6 .recall,
.snoteU7 .box.recall,
.snoteU7 .recall,
.g10u1 .box.recall,
.g10u1 .recall,
.g10u2 .box.recall,
.g10u2 .recall,
.g10u3 .box.recall,
.g10u3 .recall,
.g10u4 .box.recall,
.g10u4 .recall,
.g10u5 .box.recall,
.g10u5 .recall,
.g10u6 .box.recall,
.g10u6 .recall,
.g11u1 .box.recall,
.g11u1 .recall,
.g11u2 .box.recall,
.g11u2 .recall,
.g11u3 .box.recall,
.g11u3 .recall,
.g11u4 .box.recall,
.g11u4 .recall,
.g11u5 .box.recall,
.g11u5 .recall,
.g11u6 .box.recall,
.g11u6 .recall,
.g11u7 .box.recall,
.g11u7 .recall,
.g12u1 .box.recall,
.g12u1 .recall,
.g12u2 .box.recall,
.g12u2 .recall,
.g12u3 .box.recall,
.g12u3 .recall,
.g12u4 .box.recall,
.g12u4 .recall,
.g12u5 .box.recall,
.g12u5 .recall,
.g12note .box.recall,
.g12note .recall {
  background:#eff6ff !important; border-color:#93c5fd !important; 
}

.sn1-wrap .box.recall h2,
.sn1-wrap .box.recall h3,
.sn1-wrap .recall h2,
.sn1-wrap .recall h3,
.snoteU2 .box.recall h2,
.snoteU2 .box.recall h3,
.snoteU2 .recall h2,
.snoteU2 .recall h3,
.snoteU3 .box.recall h2,
.snoteU3 .box.recall h3,
.snoteU3 .recall h2,
.snoteU3 .recall h3,
.snoteU4 .box.recall h2,
.snoteU4 .box.recall h3,
.snoteU4 .recall h2,
.snoteU4 .recall h3,
.snoteU5 .box.recall h2,
.snoteU5 .box.recall h3,
.snoteU5 .recall h2,
.snoteU5 .recall h3,
.snoteU6 .box.recall h2,
.snoteU6 .box.recall h3,
.snoteU6 .recall h2,
.snoteU6 .recall h3,
.snoteU7 .box.recall h2,
.snoteU7 .box.recall h3,
.snoteU7 .recall h2,
.snoteU7 .recall h3,
.g10u1 .box.recall h2,
.g10u1 .box.recall h3,
.g10u1 .recall h2,
.g10u1 .recall h3,
.g10u2 .box.recall h2,
.g10u2 .box.recall h3,
.g10u2 .recall h2,
.g10u2 .recall h3,
.g10u3 .box.recall h2,
.g10u3 .box.recall h3,
.g10u3 .recall h2,
.g10u3 .recall h3,
.g10u4 .box.recall h2,
.g10u4 .box.recall h3,
.g10u4 .recall h2,
.g10u4 .recall h3,
.g10u5 .box.recall h2,
.g10u5 .box.recall h3,
.g10u5 .recall h2,
.g10u5 .recall h3,
.g10u6 .box.recall h2,
.g10u6 .box.recall h3,
.g10u6 .recall h2,
.g10u6 .recall h3,
.g11u1 .box.recall h2,
.g11u1 .box.recall h3,
.g11u1 .recall h2,
.g11u1 .recall h3,
.g11u2 .box.recall h2,
.g11u2 .box.recall h3,
.g11u2 .recall h2,
.g11u2 .recall h3,
.g11u3 .box.recall h2,
.g11u3 .box.recall h3,
.g11u3 .recall h2,
.g11u3 .recall h3,
.g11u4 .box.recall h2,
.g11u4 .box.recall h3,
.g11u4 .recall h2,
.g11u4 .recall h3,
.g11u5 .box.recall h2,
.g11u5 .box.recall h3,
.g11u5 .recall h2,
.g11u5 .recall h3,
.g11u6 .box.recall h2,
.g11u6 .box.recall h3,
.g11u6 .recall h2,
.g11u6 .recall h3,
.g11u7 .box.recall h2,
.g11u7 .box.recall h3,
.g11u7 .recall h2,
.g11u7 .recall h3,
.g12u1 .box.recall h2,
.g12u1 .box.recall h3,
.g12u1 .recall h2,
.g12u1 .recall h3,
.g12u2 .box.recall h2,
.g12u2 .box.recall h3,
.g12u2 .recall h2,
.g12u2 .recall h3,
.g12u3 .box.recall h2,
.g12u3 .box.recall h3,
.g12u3 .recall h2,
.g12u3 .recall h3,
.g12u4 .box.recall h2,
.g12u4 .box.recall h3,
.g12u4 .recall h2,
.g12u4 .recall h3,
.g12u5 .box.recall h2,
.g12u5 .box.recall h3,
.g12u5 .recall h2,
.g12u5 .recall h3,
.g12note .box.recall h2,
.g12note .box.recall h3,
.g12note .recall h2,
.g12note .recall h3 {
  color:#0369a1 !important;
}

.sn1-wrap .box.master,
.sn1-wrap .box.masterkey,
.sn1-wrap .master,
.sn1-wrap .masterkey,
.snoteU2 .box.master,
.snoteU2 .box.masterkey,
.snoteU2 .master,
.snoteU2 .masterkey,
.snoteU3 .box.master,
.snoteU3 .box.masterkey,
.snoteU3 .master,
.snoteU3 .masterkey,
.snoteU4 .box.master,
.snoteU4 .box.masterkey,
.snoteU4 .master,
.snoteU4 .masterkey,
.snoteU5 .box.master,
.snoteU5 .box.masterkey,
.snoteU5 .master,
.snoteU5 .masterkey,
.snoteU6 .box.master,
.snoteU6 .box.masterkey,
.snoteU6 .master,
.snoteU6 .masterkey,
.snoteU7 .box.master,
.snoteU7 .box.masterkey,
.snoteU7 .master,
.snoteU7 .masterkey,
.g10u1 .box.master,
.g10u1 .box.masterkey,
.g10u1 .master,
.g10u1 .masterkey,
.g10u2 .box.master,
.g10u2 .box.masterkey,
.g10u2 .master,
.g10u2 .masterkey,
.g10u3 .box.master,
.g10u3 .box.masterkey,
.g10u3 .master,
.g10u3 .masterkey,
.g10u4 .box.master,
.g10u4 .box.masterkey,
.g10u4 .master,
.g10u4 .masterkey,
.g10u5 .box.master,
.g10u5 .box.masterkey,
.g10u5 .master,
.g10u5 .masterkey,
.g10u6 .box.master,
.g10u6 .box.masterkey,
.g10u6 .master,
.g10u6 .masterkey,
.g11u1 .box.master,
.g11u1 .box.masterkey,
.g11u1 .master,
.g11u1 .masterkey,
.g11u2 .box.master,
.g11u2 .box.masterkey,
.g11u2 .master,
.g11u2 .masterkey,
.g11u3 .box.master,
.g11u3 .box.masterkey,
.g11u3 .master,
.g11u3 .masterkey,
.g11u4 .box.master,
.g11u4 .box.masterkey,
.g11u4 .master,
.g11u4 .masterkey,
.g11u5 .box.master,
.g11u5 .box.masterkey,
.g11u5 .master,
.g11u5 .masterkey,
.g11u6 .box.master,
.g11u6 .box.masterkey,
.g11u6 .master,
.g11u6 .masterkey,
.g11u7 .box.master,
.g11u7 .box.masterkey,
.g11u7 .master,
.g11u7 .masterkey,
.g12u1 .box.master,
.g12u1 .box.masterkey,
.g12u1 .master,
.g12u1 .masterkey,
.g12u2 .box.master,
.g12u2 .box.masterkey,
.g12u2 .master,
.g12u2 .masterkey,
.g12u3 .box.master,
.g12u3 .box.masterkey,
.g12u3 .master,
.g12u3 .masterkey,
.g12u4 .box.master,
.g12u4 .box.masterkey,
.g12u4 .master,
.g12u4 .masterkey,
.g12u5 .box.master,
.g12u5 .box.masterkey,
.g12u5 .master,
.g12u5 .masterkey,
.g12note .box.master,
.g12note .box.masterkey,
.g12note .master,
.g12note .masterkey {
  background:linear-gradient(135deg,#ffffff,#f0fdfa) !important; border-color:#14b8a6 !important; border-width:3px !important;
}

.sn1-wrap .box.master h2,
.sn1-wrap .box.master h3,
.sn1-wrap .master h2,
.sn1-wrap .master h3,
.sn1-wrap .box.masterkey h2,
.sn1-wrap .box.masterkey h3,
.sn1-wrap .masterkey h2,
.sn1-wrap .masterkey h3,
.snoteU2 .box.master h2,
.snoteU2 .box.master h3,
.snoteU2 .master h2,
.snoteU2 .master h3,
.snoteU2 .box.masterkey h2,
.snoteU2 .box.masterkey h3,
.snoteU2 .masterkey h2,
.snoteU2 .masterkey h3,
.snoteU3 .box.master h2,
.snoteU3 .box.master h3,
.snoteU3 .master h2,
.snoteU3 .master h3,
.snoteU3 .box.masterkey h2,
.snoteU3 .box.masterkey h3,
.snoteU3 .masterkey h2,
.snoteU3 .masterkey h3,
.snoteU4 .box.master h2,
.snoteU4 .box.master h3,
.snoteU4 .master h2,
.snoteU4 .master h3,
.snoteU4 .box.masterkey h2,
.snoteU4 .box.masterkey h3,
.snoteU4 .masterkey h2,
.snoteU4 .masterkey h3,
.snoteU5 .box.master h2,
.snoteU5 .box.master h3,
.snoteU5 .master h2,
.snoteU5 .master h3,
.snoteU5 .box.masterkey h2,
.snoteU5 .box.masterkey h3,
.snoteU5 .masterkey h2,
.snoteU5 .masterkey h3,
.snoteU6 .box.master h2,
.snoteU6 .box.master h3,
.snoteU6 .master h2,
.snoteU6 .master h3,
.snoteU6 .box.masterkey h2,
.snoteU6 .box.masterkey h3,
.snoteU6 .masterkey h2,
.snoteU6 .masterkey h3,
.snoteU7 .box.master h2,
.snoteU7 .box.master h3,
.snoteU7 .master h2,
.snoteU7 .master h3,
.snoteU7 .box.masterkey h2,
.snoteU7 .box.masterkey h3,
.snoteU7 .masterkey h2,
.snoteU7 .masterkey h3,
.g10u1 .box.master h2,
.g10u1 .box.master h3,
.g10u1 .master h2,
.g10u1 .master h3,
.g10u1 .box.masterkey h2,
.g10u1 .box.masterkey h3,
.g10u1 .masterkey h2,
.g10u1 .masterkey h3,
.g10u2 .box.master h2,
.g10u2 .box.master h3,
.g10u2 .master h2,
.g10u2 .master h3,
.g10u2 .box.masterkey h2,
.g10u2 .box.masterkey h3,
.g10u2 .masterkey h2,
.g10u2 .masterkey h3,
.g10u3 .box.master h2,
.g10u3 .box.master h3,
.g10u3 .master h2,
.g10u3 .master h3,
.g10u3 .box.masterkey h2,
.g10u3 .box.masterkey h3,
.g10u3 .masterkey h2,
.g10u3 .masterkey h3,
.g10u4 .box.master h2,
.g10u4 .box.master h3,
.g10u4 .master h2,
.g10u4 .master h3,
.g10u4 .box.masterkey h2,
.g10u4 .box.masterkey h3,
.g10u4 .masterkey h2,
.g10u4 .masterkey h3,
.g10u5 .box.master h2,
.g10u5 .box.master h3,
.g10u5 .master h2,
.g10u5 .master h3,
.g10u5 .box.masterkey h2,
.g10u5 .box.masterkey h3,
.g10u5 .masterkey h2,
.g10u5 .masterkey h3,
.g10u6 .box.master h2,
.g10u6 .box.master h3,
.g10u6 .master h2,
.g10u6 .master h3,
.g10u6 .box.masterkey h2,
.g10u6 .box.masterkey h3,
.g10u6 .masterkey h2,
.g10u6 .masterkey h3,
.g11u1 .box.master h2,
.g11u1 .box.master h3,
.g11u1 .master h2,
.g11u1 .master h3,
.g11u1 .box.masterkey h2,
.g11u1 .box.masterkey h3,
.g11u1 .masterkey h2,
.g11u1 .masterkey h3,
.g11u2 .box.master h2,
.g11u2 .box.master h3,
.g11u2 .master h2,
.g11u2 .master h3,
.g11u2 .box.masterkey h2,
.g11u2 .box.masterkey h3,
.g11u2 .masterkey h2,
.g11u2 .masterkey h3,
.g11u3 .box.master h2,
.g11u3 .box.master h3,
.g11u3 .master h2,
.g11u3 .master h3,
.g11u3 .box.masterkey h2,
.g11u3 .box.masterkey h3,
.g11u3 .masterkey h2,
.g11u3 .masterkey h3,
.g11u4 .box.master h2,
.g11u4 .box.master h3,
.g11u4 .master h2,
.g11u4 .master h3,
.g11u4 .box.masterkey h2,
.g11u4 .box.masterkey h3,
.g11u4 .masterkey h2,
.g11u4 .masterkey h3,
.g11u5 .box.master h2,
.g11u5 .box.master h3,
.g11u5 .master h2,
.g11u5 .master h3,
.g11u5 .box.masterkey h2,
.g11u5 .box.masterkey h3,
.g11u5 .masterkey h2,
.g11u5 .masterkey h3,
.g11u6 .box.master h2,
.g11u6 .box.master h3,
.g11u6 .master h2,
.g11u6 .master h3,
.g11u6 .box.masterkey h2,
.g11u6 .box.masterkey h3,
.g11u6 .masterkey h2,
.g11u6 .masterkey h3,
.g11u7 .box.master h2,
.g11u7 .box.master h3,
.g11u7 .master h2,
.g11u7 .master h3,
.g11u7 .box.masterkey h2,
.g11u7 .box.masterkey h3,
.g11u7 .masterkey h2,
.g11u7 .masterkey h3,
.g12u1 .box.master h2,
.g12u1 .box.master h3,
.g12u1 .master h2,
.g12u1 .master h3,
.g12u1 .box.masterkey h2,
.g12u1 .box.masterkey h3,
.g12u1 .masterkey h2,
.g12u1 .masterkey h3,
.g12u2 .box.master h2,
.g12u2 .box.master h3,
.g12u2 .master h2,
.g12u2 .master h3,
.g12u2 .box.masterkey h2,
.g12u2 .box.masterkey h3,
.g12u2 .masterkey h2,
.g12u2 .masterkey h3,
.g12u3 .box.master h2,
.g12u3 .box.master h3,
.g12u3 .master h2,
.g12u3 .master h3,
.g12u3 .box.masterkey h2,
.g12u3 .box.masterkey h3,
.g12u3 .masterkey h2,
.g12u3 .masterkey h3,
.g12u4 .box.master h2,
.g12u4 .box.master h3,
.g12u4 .master h2,
.g12u4 .master h3,
.g12u4 .box.masterkey h2,
.g12u4 .box.masterkey h3,
.g12u4 .masterkey h2,
.g12u4 .masterkey h3,
.g12u5 .box.master h2,
.g12u5 .box.master h3,
.g12u5 .master h2,
.g12u5 .master h3,
.g12u5 .box.masterkey h2,
.g12u5 .box.masterkey h3,
.g12u5 .masterkey h2,
.g12u5 .masterkey h3,
.g12note .box.master h2,
.g12note .box.master h3,
.g12note .master h2,
.g12note .master h3,
.g12note .box.masterkey h2,
.g12note .box.masterkey h3,
.g12note .masterkey h2,
.g12note .masterkey h3 {
  color:#14b8a6 !important;
}

.sn1-wrap .box.explain,
.sn1-wrap .explain,
.snoteU2 .box.explain,
.snoteU2 .explain,
.snoteU3 .box.explain,
.snoteU3 .explain,
.snoteU4 .box.explain,
.snoteU4 .explain,
.snoteU5 .box.explain,
.snoteU5 .explain,
.snoteU6 .box.explain,
.snoteU6 .explain,
.snoteU7 .box.explain,
.snoteU7 .explain,
.g10u1 .box.explain,
.g10u1 .explain,
.g10u2 .box.explain,
.g10u2 .explain,
.g10u3 .box.explain,
.g10u3 .explain,
.g10u4 .box.explain,
.g10u4 .explain,
.g10u5 .box.explain,
.g10u5 .explain,
.g10u6 .box.explain,
.g10u6 .explain,
.g11u1 .box.explain,
.g11u1 .explain,
.g11u2 .box.explain,
.g11u2 .explain,
.g11u3 .box.explain,
.g11u3 .explain,
.g11u4 .box.explain,
.g11u4 .explain,
.g11u5 .box.explain,
.g11u5 .explain,
.g11u6 .box.explain,
.g11u6 .explain,
.g11u7 .box.explain,
.g11u7 .explain,
.g12u1 .box.explain,
.g12u1 .explain,
.g12u2 .box.explain,
.g12u2 .explain,
.g12u3 .box.explain,
.g12u3 .explain,
.g12u4 .box.explain,
.g12u4 .explain,
.g12u5 .box.explain,
.g12u5 .explain,
.g12note .box.explain,
.g12note .explain {
  background:#eff6ff !important; border-color:#93c5fd !important; 
}

.sn1-wrap .box.explain h2,
.sn1-wrap .box.explain h3,
.sn1-wrap .explain h2,
.sn1-wrap .explain h3,
.snoteU2 .box.explain h2,
.snoteU2 .box.explain h3,
.snoteU2 .explain h2,
.snoteU2 .explain h3,
.snoteU3 .box.explain h2,
.snoteU3 .box.explain h3,
.snoteU3 .explain h2,
.snoteU3 .explain h3,
.snoteU4 .box.explain h2,
.snoteU4 .box.explain h3,
.snoteU4 .explain h2,
.snoteU4 .explain h3,
.snoteU5 .box.explain h2,
.snoteU5 .box.explain h3,
.snoteU5 .explain h2,
.snoteU5 .explain h3,
.snoteU6 .box.explain h2,
.snoteU6 .box.explain h3,
.snoteU6 .explain h2,
.snoteU6 .explain h3,
.snoteU7 .box.explain h2,
.snoteU7 .box.explain h3,
.snoteU7 .explain h2,
.snoteU7 .explain h3,
.g10u1 .box.explain h2,
.g10u1 .box.explain h3,
.g10u1 .explain h2,
.g10u1 .explain h3,
.g10u2 .box.explain h2,
.g10u2 .box.explain h3,
.g10u2 .explain h2,
.g10u2 .explain h3,
.g10u3 .box.explain h2,
.g10u3 .box.explain h3,
.g10u3 .explain h2,
.g10u3 .explain h3,
.g10u4 .box.explain h2,
.g10u4 .box.explain h3,
.g10u4 .explain h2,
.g10u4 .explain h3,
.g10u5 .box.explain h2,
.g10u5 .box.explain h3,
.g10u5 .explain h2,
.g10u5 .explain h3,
.g10u6 .box.explain h2,
.g10u6 .box.explain h3,
.g10u6 .explain h2,
.g10u6 .explain h3,
.g11u1 .box.explain h2,
.g11u1 .box.explain h3,
.g11u1 .explain h2,
.g11u1 .explain h3,
.g11u2 .box.explain h2,
.g11u2 .box.explain h3,
.g11u2 .explain h2,
.g11u2 .explain h3,
.g11u3 .box.explain h2,
.g11u3 .box.explain h3,
.g11u3 .explain h2,
.g11u3 .explain h3,
.g11u4 .box.explain h2,
.g11u4 .box.explain h3,
.g11u4 .explain h2,
.g11u4 .explain h3,
.g11u5 .box.explain h2,
.g11u5 .box.explain h3,
.g11u5 .explain h2,
.g11u5 .explain h3,
.g11u6 .box.explain h2,
.g11u6 .box.explain h3,
.g11u6 .explain h2,
.g11u6 .explain h3,
.g11u7 .box.explain h2,
.g11u7 .box.explain h3,
.g11u7 .explain h2,
.g11u7 .explain h3,
.g12u1 .box.explain h2,
.g12u1 .box.explain h3,
.g12u1 .explain h2,
.g12u1 .explain h3,
.g12u2 .box.explain h2,
.g12u2 .box.explain h3,
.g12u2 .explain h2,
.g12u2 .explain h3,
.g12u3 .box.explain h2,
.g12u3 .box.explain h3,
.g12u3 .explain h2,
.g12u3 .explain h3,
.g12u4 .box.explain h2,
.g12u4 .box.explain h3,
.g12u4 .explain h2,
.g12u4 .explain h3,
.g12u5 .box.explain h2,
.g12u5 .box.explain h3,
.g12u5 .explain h2,
.g12u5 .explain h3,
.g12note .box.explain h2,
.g12note .box.explain h3,
.g12note .explain h2,
.g12note .explain h3 {
  color:#0369a1 !important;
}

.sn1-wrap .box.trick,
.sn1-wrap .trick,
.snoteU2 .box.trick,
.snoteU2 .trick,
.snoteU3 .box.trick,
.snoteU3 .trick,
.snoteU4 .box.trick,
.snoteU4 .trick,
.snoteU5 .box.trick,
.snoteU5 .trick,
.snoteU6 .box.trick,
.snoteU6 .trick,
.snoteU7 .box.trick,
.snoteU7 .trick,
.g10u1 .box.trick,
.g10u1 .trick,
.g10u2 .box.trick,
.g10u2 .trick,
.g10u3 .box.trick,
.g10u3 .trick,
.g10u4 .box.trick,
.g10u4 .trick,
.g10u5 .box.trick,
.g10u5 .trick,
.g10u6 .box.trick,
.g10u6 .trick,
.g11u1 .box.trick,
.g11u1 .trick,
.g11u2 .box.trick,
.g11u2 .trick,
.g11u3 .box.trick,
.g11u3 .trick,
.g11u4 .box.trick,
.g11u4 .trick,
.g11u5 .box.trick,
.g11u5 .trick,
.g11u6 .box.trick,
.g11u6 .trick,
.g11u7 .box.trick,
.g11u7 .trick,
.g12u1 .box.trick,
.g12u1 .trick,
.g12u2 .box.trick,
.g12u2 .trick,
.g12u3 .box.trick,
.g12u3 .trick,
.g12u4 .box.trick,
.g12u4 .trick,
.g12u5 .box.trick,
.g12u5 .trick,
.g12note .box.trick,
.g12note .trick {
  background:#ecfdf5 !important; border-color:#86efac !important; 
}

.sn1-wrap .box.trick h2,
.sn1-wrap .box.trick h3,
.sn1-wrap .trick h2,
.sn1-wrap .trick h3,
.snoteU2 .box.trick h2,
.snoteU2 .box.trick h3,
.snoteU2 .trick h2,
.snoteU2 .trick h3,
.snoteU3 .box.trick h2,
.snoteU3 .box.trick h3,
.snoteU3 .trick h2,
.snoteU3 .trick h3,
.snoteU4 .box.trick h2,
.snoteU4 .box.trick h3,
.snoteU4 .trick h2,
.snoteU4 .trick h3,
.snoteU5 .box.trick h2,
.snoteU5 .box.trick h3,
.snoteU5 .trick h2,
.snoteU5 .trick h3,
.snoteU6 .box.trick h2,
.snoteU6 .box.trick h3,
.snoteU6 .trick h2,
.snoteU6 .trick h3,
.snoteU7 .box.trick h2,
.snoteU7 .box.trick h3,
.snoteU7 .trick h2,
.snoteU7 .trick h3,
.g10u1 .box.trick h2,
.g10u1 .box.trick h3,
.g10u1 .trick h2,
.g10u1 .trick h3,
.g10u2 .box.trick h2,
.g10u2 .box.trick h3,
.g10u2 .trick h2,
.g10u2 .trick h3,
.g10u3 .box.trick h2,
.g10u3 .box.trick h3,
.g10u3 .trick h2,
.g10u3 .trick h3,
.g10u4 .box.trick h2,
.g10u4 .box.trick h3,
.g10u4 .trick h2,
.g10u4 .trick h3,
.g10u5 .box.trick h2,
.g10u5 .box.trick h3,
.g10u5 .trick h2,
.g10u5 .trick h3,
.g10u6 .box.trick h2,
.g10u6 .box.trick h3,
.g10u6 .trick h2,
.g10u6 .trick h3,
.g11u1 .box.trick h2,
.g11u1 .box.trick h3,
.g11u1 .trick h2,
.g11u1 .trick h3,
.g11u2 .box.trick h2,
.g11u2 .box.trick h3,
.g11u2 .trick h2,
.g11u2 .trick h3,
.g11u3 .box.trick h2,
.g11u3 .box.trick h3,
.g11u3 .trick h2,
.g11u3 .trick h3,
.g11u4 .box.trick h2,
.g11u4 .box.trick h3,
.g11u4 .trick h2,
.g11u4 .trick h3,
.g11u5 .box.trick h2,
.g11u5 .box.trick h3,
.g11u5 .trick h2,
.g11u5 .trick h3,
.g11u6 .box.trick h2,
.g11u6 .box.trick h3,
.g11u6 .trick h2,
.g11u6 .trick h3,
.g11u7 .box.trick h2,
.g11u7 .box.trick h3,
.g11u7 .trick h2,
.g11u7 .trick h3,
.g12u1 .box.trick h2,
.g12u1 .box.trick h3,
.g12u1 .trick h2,
.g12u1 .trick h3,
.g12u2 .box.trick h2,
.g12u2 .box.trick h3,
.g12u2 .trick h2,
.g12u2 .trick h3,
.g12u3 .box.trick h2,
.g12u3 .box.trick h3,
.g12u3 .trick h2,
.g12u3 .trick h3,
.g12u4 .box.trick h2,
.g12u4 .box.trick h3,
.g12u4 .trick h2,
.g12u4 .trick h3,
.g12u5 .box.trick h2,
.g12u5 .box.trick h3,
.g12u5 .trick h2,
.g12u5 .trick h3,
.g12note .box.trick h2,
.g12note .box.trick h3,
.g12note .trick h2,
.g12note .trick h3 {
  color:#16a34a !important;
}

.sn1-wrap .box.mnemonic,
.sn1-wrap .mnemonic,
.snoteU2 .box.mnemonic,
.snoteU2 .mnemonic,
.snoteU3 .box.mnemonic,
.snoteU3 .mnemonic,
.snoteU4 .box.mnemonic,
.snoteU4 .mnemonic,
.snoteU5 .box.mnemonic,
.snoteU5 .mnemonic,
.snoteU6 .box.mnemonic,
.snoteU6 .mnemonic,
.snoteU7 .box.mnemonic,
.snoteU7 .mnemonic,
.g10u1 .box.mnemonic,
.g10u1 .mnemonic,
.g10u2 .box.mnemonic,
.g10u2 .mnemonic,
.g10u3 .box.mnemonic,
.g10u3 .mnemonic,
.g10u4 .box.mnemonic,
.g10u4 .mnemonic,
.g10u5 .box.mnemonic,
.g10u5 .mnemonic,
.g10u6 .box.mnemonic,
.g10u6 .mnemonic,
.g11u1 .box.mnemonic,
.g11u1 .mnemonic,
.g11u2 .box.mnemonic,
.g11u2 .mnemonic,
.g11u3 .box.mnemonic,
.g11u3 .mnemonic,
.g11u4 .box.mnemonic,
.g11u4 .mnemonic,
.g11u5 .box.mnemonic,
.g11u5 .mnemonic,
.g11u6 .box.mnemonic,
.g11u6 .mnemonic,
.g11u7 .box.mnemonic,
.g11u7 .mnemonic,
.g12u1 .box.mnemonic,
.g12u1 .mnemonic,
.g12u2 .box.mnemonic,
.g12u2 .mnemonic,
.g12u3 .box.mnemonic,
.g12u3 .mnemonic,
.g12u4 .box.mnemonic,
.g12u4 .mnemonic,
.g12u5 .box.mnemonic,
.g12u5 .mnemonic,
.g12note .box.mnemonic,
.g12note .mnemonic {
  background:#fdf2f8 !important; border-color:#f9a8d4 !important; 
}

.sn1-wrap .box.mnemonic h2,
.sn1-wrap .box.mnemonic h3,
.sn1-wrap .mnemonic h2,
.sn1-wrap .mnemonic h3,
.snoteU2 .box.mnemonic h2,
.snoteU2 .box.mnemonic h3,
.snoteU2 .mnemonic h2,
.snoteU2 .mnemonic h3,
.snoteU3 .box.mnemonic h2,
.snoteU3 .box.mnemonic h3,
.snoteU3 .mnemonic h2,
.snoteU3 .mnemonic h3,
.snoteU4 .box.mnemonic h2,
.snoteU4 .box.mnemonic h3,
.snoteU4 .mnemonic h2,
.snoteU4 .mnemonic h3,
.snoteU5 .box.mnemonic h2,
.snoteU5 .box.mnemonic h3,
.snoteU5 .mnemonic h2,
.snoteU5 .mnemonic h3,
.snoteU6 .box.mnemonic h2,
.snoteU6 .box.mnemonic h3,
.snoteU6 .mnemonic h2,
.snoteU6 .mnemonic h3,
.snoteU7 .box.mnemonic h2,
.snoteU7 .box.mnemonic h3,
.snoteU7 .mnemonic h2,
.snoteU7 .mnemonic h3,
.g10u1 .box.mnemonic h2,
.g10u1 .box.mnemonic h3,
.g10u1 .mnemonic h2,
.g10u1 .mnemonic h3,
.g10u2 .box.mnemonic h2,
.g10u2 .box.mnemonic h3,
.g10u2 .mnemonic h2,
.g10u2 .mnemonic h3,
.g10u3 .box.mnemonic h2,
.g10u3 .box.mnemonic h3,
.g10u3 .mnemonic h2,
.g10u3 .mnemonic h3,
.g10u4 .box.mnemonic h2,
.g10u4 .box.mnemonic h3,
.g10u4 .mnemonic h2,
.g10u4 .mnemonic h3,
.g10u5 .box.mnemonic h2,
.g10u5 .box.mnemonic h3,
.g10u5 .mnemonic h2,
.g10u5 .mnemonic h3,
.g10u6 .box.mnemonic h2,
.g10u6 .box.mnemonic h3,
.g10u6 .mnemonic h2,
.g10u6 .mnemonic h3,
.g11u1 .box.mnemonic h2,
.g11u1 .box.mnemonic h3,
.g11u1 .mnemonic h2,
.g11u1 .mnemonic h3,
.g11u2 .box.mnemonic h2,
.g11u2 .box.mnemonic h3,
.g11u2 .mnemonic h2,
.g11u2 .mnemonic h3,
.g11u3 .box.mnemonic h2,
.g11u3 .box.mnemonic h3,
.g11u3 .mnemonic h2,
.g11u3 .mnemonic h3,
.g11u4 .box.mnemonic h2,
.g11u4 .box.mnemonic h3,
.g11u4 .mnemonic h2,
.g11u4 .mnemonic h3,
.g11u5 .box.mnemonic h2,
.g11u5 .box.mnemonic h3,
.g11u5 .mnemonic h2,
.g11u5 .mnemonic h3,
.g11u6 .box.mnemonic h2,
.g11u6 .box.mnemonic h3,
.g11u6 .mnemonic h2,
.g11u6 .mnemonic h3,
.g11u7 .box.mnemonic h2,
.g11u7 .box.mnemonic h3,
.g11u7 .mnemonic h2,
.g11u7 .mnemonic h3,
.g12u1 .box.mnemonic h2,
.g12u1 .box.mnemonic h3,
.g12u1 .mnemonic h2,
.g12u1 .mnemonic h3,
.g12u2 .box.mnemonic h2,
.g12u2 .box.mnemonic h3,
.g12u2 .mnemonic h2,
.g12u2 .mnemonic h3,
.g12u3 .box.mnemonic h2,
.g12u3 .box.mnemonic h3,
.g12u3 .mnemonic h2,
.g12u3 .mnemonic h3,
.g12u4 .box.mnemonic h2,
.g12u4 .box.mnemonic h3,
.g12u4 .mnemonic h2,
.g12u4 .mnemonic h3,
.g12u5 .box.mnemonic h2,
.g12u5 .box.mnemonic h3,
.g12u5 .mnemonic h2,
.g12u5 .mnemonic h3,
.g12note .box.mnemonic h2,
.g12note .box.mnemonic h3,
.g12note .mnemonic h2,
.g12note .mnemonic h3 {
  color:#db2777 !important;
}

.sn1-wrap .box.attention,
.sn1-wrap .attention,
.snoteU2 .box.attention,
.snoteU2 .attention,
.snoteU3 .box.attention,
.snoteU3 .attention,
.snoteU4 .box.attention,
.snoteU4 .attention,
.snoteU5 .box.attention,
.snoteU5 .attention,
.snoteU6 .box.attention,
.snoteU6 .attention,
.snoteU7 .box.attention,
.snoteU7 .attention,
.g10u1 .box.attention,
.g10u1 .attention,
.g10u2 .box.attention,
.g10u2 .attention,
.g10u3 .box.attention,
.g10u3 .attention,
.g10u4 .box.attention,
.g10u4 .attention,
.g10u5 .box.attention,
.g10u5 .attention,
.g10u6 .box.attention,
.g10u6 .attention,
.g11u1 .box.attention,
.g11u1 .attention,
.g11u2 .box.attention,
.g11u2 .attention,
.g11u3 .box.attention,
.g11u3 .attention,
.g11u4 .box.attention,
.g11u4 .attention,
.g11u5 .box.attention,
.g11u5 .attention,
.g11u6 .box.attention,
.g11u6 .attention,
.g11u7 .box.attention,
.g11u7 .attention,
.g12u1 .box.attention,
.g12u1 .attention,
.g12u2 .box.attention,
.g12u2 .attention,
.g12u3 .box.attention,
.g12u3 .attention,
.g12u4 .box.attention,
.g12u4 .attention,
.g12u5 .box.attention,
.g12u5 .attention,
.g12note .box.attention,
.g12note .attention {
  background:#fff7ed !important; border-color:#fdba74 !important; 
}

.sn1-wrap .box.attention h2,
.sn1-wrap .box.attention h3,
.sn1-wrap .attention h2,
.sn1-wrap .attention h3,
.snoteU2 .box.attention h2,
.snoteU2 .box.attention h3,
.snoteU2 .attention h2,
.snoteU2 .attention h3,
.snoteU3 .box.attention h2,
.snoteU3 .box.attention h3,
.snoteU3 .attention h2,
.snoteU3 .attention h3,
.snoteU4 .box.attention h2,
.snoteU4 .box.attention h3,
.snoteU4 .attention h2,
.snoteU4 .attention h3,
.snoteU5 .box.attention h2,
.snoteU5 .box.attention h3,
.snoteU5 .attention h2,
.snoteU5 .attention h3,
.snoteU6 .box.attention h2,
.snoteU6 .box.attention h3,
.snoteU6 .attention h2,
.snoteU6 .attention h3,
.snoteU7 .box.attention h2,
.snoteU7 .box.attention h3,
.snoteU7 .attention h2,
.snoteU7 .attention h3,
.g10u1 .box.attention h2,
.g10u1 .box.attention h3,
.g10u1 .attention h2,
.g10u1 .attention h3,
.g10u2 .box.attention h2,
.g10u2 .box.attention h3,
.g10u2 .attention h2,
.g10u2 .attention h3,
.g10u3 .box.attention h2,
.g10u3 .box.attention h3,
.g10u3 .attention h2,
.g10u3 .attention h3,
.g10u4 .box.attention h2,
.g10u4 .box.attention h3,
.g10u4 .attention h2,
.g10u4 .attention h3,
.g10u5 .box.attention h2,
.g10u5 .box.attention h3,
.g10u5 .attention h2,
.g10u5 .attention h3,
.g10u6 .box.attention h2,
.g10u6 .box.attention h3,
.g10u6 .attention h2,
.g10u6 .attention h3,
.g11u1 .box.attention h2,
.g11u1 .box.attention h3,
.g11u1 .attention h2,
.g11u1 .attention h3,
.g11u2 .box.attention h2,
.g11u2 .box.attention h3,
.g11u2 .attention h2,
.g11u2 .attention h3,
.g11u3 .box.attention h2,
.g11u3 .box.attention h3,
.g11u3 .attention h2,
.g11u3 .attention h3,
.g11u4 .box.attention h2,
.g11u4 .box.attention h3,
.g11u4 .attention h2,
.g11u4 .attention h3,
.g11u5 .box.attention h2,
.g11u5 .box.attention h3,
.g11u5 .attention h2,
.g11u5 .attention h3,
.g11u6 .box.attention h2,
.g11u6 .box.attention h3,
.g11u6 .attention h2,
.g11u6 .attention h3,
.g11u7 .box.attention h2,
.g11u7 .box.attention h3,
.g11u7 .attention h2,
.g11u7 .attention h3,
.g12u1 .box.attention h2,
.g12u1 .box.attention h3,
.g12u1 .attention h2,
.g12u1 .attention h3,
.g12u2 .box.attention h2,
.g12u2 .box.attention h3,
.g12u2 .attention h2,
.g12u2 .attention h3,
.g12u3 .box.attention h2,
.g12u3 .box.attention h3,
.g12u3 .attention h2,
.g12u3 .attention h3,
.g12u4 .box.attention h2,
.g12u4 .box.attention h3,
.g12u4 .attention h2,
.g12u4 .attention h3,
.g12u5 .box.attention h2,
.g12u5 .box.attention h3,
.g12u5 .attention h2,
.g12u5 .attention h3,
.g12note .box.attention h2,
.g12note .box.attention h3,
.g12note .attention h2,
.g12note .attention h3 {
  color:#ea580c !important;
}

.sn1-wrap .box.exam,
.sn1-wrap .exam,
.snoteU2 .box.exam,
.snoteU2 .exam,
.snoteU3 .box.exam,
.snoteU3 .exam,
.snoteU4 .box.exam,
.snoteU4 .exam,
.snoteU5 .box.exam,
.snoteU5 .exam,
.snoteU6 .box.exam,
.snoteU6 .exam,
.snoteU7 .box.exam,
.snoteU7 .exam,
.g10u1 .box.exam,
.g10u1 .exam,
.g10u2 .box.exam,
.g10u2 .exam,
.g10u3 .box.exam,
.g10u3 .exam,
.g10u4 .box.exam,
.g10u4 .exam,
.g10u5 .box.exam,
.g10u5 .exam,
.g10u6 .box.exam,
.g10u6 .exam,
.g11u1 .box.exam,
.g11u1 .exam,
.g11u2 .box.exam,
.g11u2 .exam,
.g11u3 .box.exam,
.g11u3 .exam,
.g11u4 .box.exam,
.g11u4 .exam,
.g11u5 .box.exam,
.g11u5 .exam,
.g11u6 .box.exam,
.g11u6 .exam,
.g11u7 .box.exam,
.g11u7 .exam,
.g12u1 .box.exam,
.g12u1 .exam,
.g12u2 .box.exam,
.g12u2 .exam,
.g12u3 .box.exam,
.g12u3 .exam,
.g12u4 .box.exam,
.g12u4 .exam,
.g12u5 .box.exam,
.g12u5 .exam,
.g12note .box.exam,
.g12note .exam {
  background:#fefce8 !important; border-color:#fde68a !important; 
}

.sn1-wrap .box.exam h2,
.sn1-wrap .box.exam h3,
.sn1-wrap .exam h2,
.sn1-wrap .exam h3,
.snoteU2 .box.exam h2,
.snoteU2 .box.exam h3,
.snoteU2 .exam h2,
.snoteU2 .exam h3,
.snoteU3 .box.exam h2,
.snoteU3 .box.exam h3,
.snoteU3 .exam h2,
.snoteU3 .exam h3,
.snoteU4 .box.exam h2,
.snoteU4 .box.exam h3,
.snoteU4 .exam h2,
.snoteU4 .exam h3,
.snoteU5 .box.exam h2,
.snoteU5 .box.exam h3,
.snoteU5 .exam h2,
.snoteU5 .exam h3,
.snoteU6 .box.exam h2,
.snoteU6 .box.exam h3,
.snoteU6 .exam h2,
.snoteU6 .exam h3,
.snoteU7 .box.exam h2,
.snoteU7 .box.exam h3,
.snoteU7 .exam h2,
.snoteU7 .exam h3,
.g10u1 .box.exam h2,
.g10u1 .box.exam h3,
.g10u1 .exam h2,
.g10u1 .exam h3,
.g10u2 .box.exam h2,
.g10u2 .box.exam h3,
.g10u2 .exam h2,
.g10u2 .exam h3,
.g10u3 .box.exam h2,
.g10u3 .box.exam h3,
.g10u3 .exam h2,
.g10u3 .exam h3,
.g10u4 .box.exam h2,
.g10u4 .box.exam h3,
.g10u4 .exam h2,
.g10u4 .exam h3,
.g10u5 .box.exam h2,
.g10u5 .box.exam h3,
.g10u5 .exam h2,
.g10u5 .exam h3,
.g10u6 .box.exam h2,
.g10u6 .box.exam h3,
.g10u6 .exam h2,
.g10u6 .exam h3,
.g11u1 .box.exam h2,
.g11u1 .box.exam h3,
.g11u1 .exam h2,
.g11u1 .exam h3,
.g11u2 .box.exam h2,
.g11u2 .box.exam h3,
.g11u2 .exam h2,
.g11u2 .exam h3,
.g11u3 .box.exam h2,
.g11u3 .box.exam h3,
.g11u3 .exam h2,
.g11u3 .exam h3,
.g11u4 .box.exam h2,
.g11u4 .box.exam h3,
.g11u4 .exam h2,
.g11u4 .exam h3,
.g11u5 .box.exam h2,
.g11u5 .box.exam h3,
.g11u5 .exam h2,
.g11u5 .exam h3,
.g11u6 .box.exam h2,
.g11u6 .box.exam h3,
.g11u6 .exam h2,
.g11u6 .exam h3,
.g11u7 .box.exam h2,
.g11u7 .box.exam h3,
.g11u7 .exam h2,
.g11u7 .exam h3,
.g12u1 .box.exam h2,
.g12u1 .box.exam h3,
.g12u1 .exam h2,
.g12u1 .exam h3,
.g12u2 .box.exam h2,
.g12u2 .box.exam h3,
.g12u2 .exam h2,
.g12u2 .exam h3,
.g12u3 .box.exam h2,
.g12u3 .box.exam h3,
.g12u3 .exam h2,
.g12u3 .exam h3,
.g12u4 .box.exam h2,
.g12u4 .box.exam h3,
.g12u4 .exam h2,
.g12u4 .exam h3,
.g12u5 .box.exam h2,
.g12u5 .box.exam h3,
.g12u5 .exam h2,
.g12u5 .exam h3,
.g12note .box.exam h2,
.g12note .box.exam h3,
.g12note .exam h2,
.g12note .exam h3 {
  color:#a16207 !important;
}

.sn1-wrap .box.formula,
.sn1-wrap .formula,
.snoteU2 .box.formula,
.snoteU2 .formula,
.snoteU3 .box.formula,
.snoteU3 .formula,
.snoteU4 .box.formula,
.snoteU4 .formula,
.snoteU5 .box.formula,
.snoteU5 .formula,
.snoteU6 .box.formula,
.snoteU6 .formula,
.snoteU7 .box.formula,
.snoteU7 .formula,
.g10u1 .box.formula,
.g10u1 .formula,
.g10u2 .box.formula,
.g10u2 .formula,
.g10u3 .box.formula,
.g10u3 .formula,
.g10u4 .box.formula,
.g10u4 .formula,
.g10u5 .box.formula,
.g10u5 .formula,
.g10u6 .box.formula,
.g10u6 .formula,
.g11u1 .box.formula,
.g11u1 .formula,
.g11u2 .box.formula,
.g11u2 .formula,
.g11u3 .box.formula,
.g11u3 .formula,
.g11u4 .box.formula,
.g11u4 .formula,
.g11u5 .box.formula,
.g11u5 .formula,
.g11u6 .box.formula,
.g11u6 .formula,
.g11u7 .box.formula,
.g11u7 .formula,
.g12u1 .box.formula,
.g12u1 .formula,
.g12u2 .box.formula,
.g12u2 .formula,
.g12u3 .box.formula,
.g12u3 .formula,
.g12u4 .box.formula,
.g12u4 .formula,
.g12u5 .box.formula,
.g12u5 .formula,
.g12note .box.formula,
.g12note .formula {
  background:#faf5ff !important; border-color:#d8b4fe !important; 
}

.sn1-wrap .box.formula h2,
.sn1-wrap .box.formula h3,
.sn1-wrap .formula h2,
.sn1-wrap .formula h3,
.snoteU2 .box.formula h2,
.snoteU2 .box.formula h3,
.snoteU2 .formula h2,
.snoteU2 .formula h3,
.snoteU3 .box.formula h2,
.snoteU3 .box.formula h3,
.snoteU3 .formula h2,
.snoteU3 .formula h3,
.snoteU4 .box.formula h2,
.snoteU4 .box.formula h3,
.snoteU4 .formula h2,
.snoteU4 .formula h3,
.snoteU5 .box.formula h2,
.snoteU5 .box.formula h3,
.snoteU5 .formula h2,
.snoteU5 .formula h3,
.snoteU6 .box.formula h2,
.snoteU6 .box.formula h3,
.snoteU6 .formula h2,
.snoteU6 .formula h3,
.snoteU7 .box.formula h2,
.snoteU7 .box.formula h3,
.snoteU7 .formula h2,
.snoteU7 .formula h3,
.g10u1 .box.formula h2,
.g10u1 .box.formula h3,
.g10u1 .formula h2,
.g10u1 .formula h3,
.g10u2 .box.formula h2,
.g10u2 .box.formula h3,
.g10u2 .formula h2,
.g10u2 .formula h3,
.g10u3 .box.formula h2,
.g10u3 .box.formula h3,
.g10u3 .formula h2,
.g10u3 .formula h3,
.g10u4 .box.formula h2,
.g10u4 .box.formula h3,
.g10u4 .formula h2,
.g10u4 .formula h3,
.g10u5 .box.formula h2,
.g10u5 .box.formula h3,
.g10u5 .formula h2,
.g10u5 .formula h3,
.g10u6 .box.formula h2,
.g10u6 .box.formula h3,
.g10u6 .formula h2,
.g10u6 .formula h3,
.g11u1 .box.formula h2,
.g11u1 .box.formula h3,
.g11u1 .formula h2,
.g11u1 .formula h3,
.g11u2 .box.formula h2,
.g11u2 .box.formula h3,
.g11u2 .formula h2,
.g11u2 .formula h3,
.g11u3 .box.formula h2,
.g11u3 .box.formula h3,
.g11u3 .formula h2,
.g11u3 .formula h3,
.g11u4 .box.formula h2,
.g11u4 .box.formula h3,
.g11u4 .formula h2,
.g11u4 .formula h3,
.g11u5 .box.formula h2,
.g11u5 .box.formula h3,
.g11u5 .formula h2,
.g11u5 .formula h3,
.g11u6 .box.formula h2,
.g11u6 .box.formula h3,
.g11u6 .formula h2,
.g11u6 .formula h3,
.g11u7 .box.formula h2,
.g11u7 .box.formula h3,
.g11u7 .formula h2,
.g11u7 .formula h3,
.g12u1 .box.formula h2,
.g12u1 .box.formula h3,
.g12u1 .formula h2,
.g12u1 .formula h3,
.g12u2 .box.formula h2,
.g12u2 .box.formula h3,
.g12u2 .formula h2,
.g12u2 .formula h3,
.g12u3 .box.formula h2,
.g12u3 .box.formula h3,
.g12u3 .formula h2,
.g12u3 .formula h3,
.g12u4 .box.formula h2,
.g12u4 .box.formula h3,
.g12u4 .formula h2,
.g12u4 .formula h3,
.g12u5 .box.formula h2,
.g12u5 .box.formula h3,
.g12u5 .formula h2,
.g12u5 .formula h3,
.g12note .box.formula h2,
.g12note .box.formula h3,
.g12note .formula h2,
.g12note .formula h3 {
  color:#7e22ce !important;
}

.sn1-wrap .box.finaltip,
.sn1-wrap .box.finaltips,
.sn1-wrap .box.final-tips,
.sn1-wrap .finaltip,
.sn1-wrap .finaltips,
.sn1-wrap .final-tips,
.snoteU2 .box.finaltip,
.snoteU2 .box.finaltips,
.snoteU2 .box.final-tips,
.snoteU2 .finaltip,
.snoteU2 .finaltips,
.snoteU2 .final-tips,
.snoteU3 .box.finaltip,
.snoteU3 .box.finaltips,
.snoteU3 .box.final-tips,
.snoteU3 .finaltip,
.snoteU3 .finaltips,
.snoteU3 .final-tips,
.snoteU4 .box.finaltip,
.snoteU4 .box.finaltips,
.snoteU4 .box.final-tips,
.snoteU4 .finaltip,
.snoteU4 .finaltips,
.snoteU4 .final-tips,
.snoteU5 .box.finaltip,
.snoteU5 .box.finaltips,
.snoteU5 .box.final-tips,
.snoteU5 .finaltip,
.snoteU5 .finaltips,
.snoteU5 .final-tips,
.snoteU6 .box.finaltip,
.snoteU6 .box.finaltips,
.snoteU6 .box.final-tips,
.snoteU6 .finaltip,
.snoteU6 .finaltips,
.snoteU6 .final-tips,
.snoteU7 .box.finaltip,
.snoteU7 .box.finaltips,
.snoteU7 .box.final-tips,
.snoteU7 .finaltip,
.snoteU7 .finaltips,
.snoteU7 .final-tips,
.g10u1 .box.finaltip,
.g10u1 .box.finaltips,
.g10u1 .box.final-tips,
.g10u1 .finaltip,
.g10u1 .finaltips,
.g10u1 .final-tips,
.g10u2 .box.finaltip,
.g10u2 .box.finaltips,
.g10u2 .box.final-tips,
.g10u2 .finaltip,
.g10u2 .finaltips,
.g10u2 .final-tips,
.g10u3 .box.finaltip,
.g10u3 .box.finaltips,
.g10u3 .box.final-tips,
.g10u3 .finaltip,
.g10u3 .finaltips,
.g10u3 .final-tips,
.g10u4 .box.finaltip,
.g10u4 .box.finaltips,
.g10u4 .box.final-tips,
.g10u4 .finaltip,
.g10u4 .finaltips,
.g10u4 .final-tips,
.g10u5 .box.finaltip,
.g10u5 .box.finaltips,
.g10u5 .box.final-tips,
.g10u5 .finaltip,
.g10u5 .finaltips,
.g10u5 .final-tips,
.g10u6 .box.finaltip,
.g10u6 .box.finaltips,
.g10u6 .box.final-tips,
.g10u6 .finaltip,
.g10u6 .finaltips,
.g10u6 .final-tips,
.g11u1 .box.finaltip,
.g11u1 .box.finaltips,
.g11u1 .box.final-tips,
.g11u1 .finaltip,
.g11u1 .finaltips,
.g11u1 .final-tips,
.g11u2 .box.finaltip,
.g11u2 .box.finaltips,
.g11u2 .box.final-tips,
.g11u2 .finaltip,
.g11u2 .finaltips,
.g11u2 .final-tips,
.g11u3 .box.finaltip,
.g11u3 .box.finaltips,
.g11u3 .box.final-tips,
.g11u3 .finaltip,
.g11u3 .finaltips,
.g11u3 .final-tips,
.g11u4 .box.finaltip,
.g11u4 .box.finaltips,
.g11u4 .box.final-tips,
.g11u4 .finaltip,
.g11u4 .finaltips,
.g11u4 .final-tips,
.g11u5 .box.finaltip,
.g11u5 .box.finaltips,
.g11u5 .box.final-tips,
.g11u5 .finaltip,
.g11u5 .finaltips,
.g11u5 .final-tips,
.g11u6 .box.finaltip,
.g11u6 .box.finaltips,
.g11u6 .box.final-tips,
.g11u6 .finaltip,
.g11u6 .finaltips,
.g11u6 .final-tips,
.g11u7 .box.finaltip,
.g11u7 .box.finaltips,
.g11u7 .box.final-tips,
.g11u7 .finaltip,
.g11u7 .finaltips,
.g11u7 .final-tips,
.g12u1 .box.finaltip,
.g12u1 .box.finaltips,
.g12u1 .box.final-tips,
.g12u1 .finaltip,
.g12u1 .finaltips,
.g12u1 .final-tips,
.g12u2 .box.finaltip,
.g12u2 .box.finaltips,
.g12u2 .box.final-tips,
.g12u2 .finaltip,
.g12u2 .finaltips,
.g12u2 .final-tips,
.g12u3 .box.finaltip,
.g12u3 .box.finaltips,
.g12u3 .box.final-tips,
.g12u3 .finaltip,
.g12u3 .finaltips,
.g12u3 .final-tips,
.g12u4 .box.finaltip,
.g12u4 .box.finaltips,
.g12u4 .box.final-tips,
.g12u4 .finaltip,
.g12u4 .finaltips,
.g12u4 .final-tips,
.g12u5 .box.finaltip,
.g12u5 .box.finaltips,
.g12u5 .box.final-tips,
.g12u5 .finaltip,
.g12u5 .finaltips,
.g12u5 .final-tips,
.g12note .box.finaltip,
.g12note .box.finaltips,
.g12note .box.final-tips,
.g12note .finaltip,
.g12note .finaltips,
.g12note .final-tips {
  background:#fff1f2 !important; border-color:#fecdd3 !important; color:#3a0715 !important;
}
.sn1-wrap .box.finaltip *,
.sn1-wrap .box.finaltips *,
.sn1-wrap .box.final-tips *,
.sn1-wrap .finaltip *,
.sn1-wrap .finaltips *,
.sn1-wrap .final-tips *,
.snoteU2 .box.finaltip *,
.snoteU2 .box.finaltips *,
.snoteU2 .box.final-tips *,
.snoteU2 .finaltip *,
.snoteU2 .finaltips *,
.snoteU2 .final-tips *,
.snoteU3 .box.finaltip *,
.snoteU3 .box.finaltips *,
.snoteU3 .box.final-tips *,
.snoteU3 .finaltip *,
.snoteU3 .finaltips *,
.snoteU3 .final-tips *,
.snoteU4 .box.finaltip *,
.snoteU4 .box.finaltips *,
.snoteU4 .box.final-tips *,
.snoteU4 .finaltip *,
.snoteU4 .finaltips *,
.snoteU4 .final-tips *,
.snoteU5 .box.finaltip *,
.snoteU5 .box.finaltips *,
.snoteU5 .box.final-tips *,
.snoteU5 .finaltip *,
.snoteU5 .finaltips *,
.snoteU5 .final-tips *,
.snoteU6 .box.finaltip *,
.snoteU6 .box.finaltips *,
.snoteU6 .box.final-tips *,
.snoteU6 .finaltip *,
.snoteU6 .finaltips *,
.snoteU6 .final-tips *,
.snoteU7 .box.finaltip *,
.snoteU7 .box.finaltips *,
.snoteU7 .box.final-tips *,
.snoteU7 .finaltip *,
.snoteU7 .finaltips *,
.snoteU7 .final-tips *,
.g10u1 .box.finaltip *,
.g10u1 .box.finaltips *,
.g10u1 .box.final-tips *,
.g10u1 .finaltip *,
.g10u1 .finaltips *,
.g10u1 .final-tips *,
.g10u2 .box.finaltip *,
.g10u2 .box.finaltips *,
.g10u2 .box.final-tips *,
.g10u2 .finaltip *,
.g10u2 .finaltips *,
.g10u2 .final-tips *,
.g10u3 .box.finaltip *,
.g10u3 .box.finaltips *,
.g10u3 .box.final-tips *,
.g10u3 .finaltip *,
.g10u3 .finaltips *,
.g10u3 .final-tips *,
.g10u4 .box.finaltip *,
.g10u4 .box.finaltips *,
.g10u4 .box.final-tips *,
.g10u4 .finaltip *,
.g10u4 .finaltips *,
.g10u4 .final-tips *,
.g10u5 .box.finaltip *,
.g10u5 .box.finaltips *,
.g10u5 .box.final-tips *,
.g10u5 .finaltip *,
.g10u5 .finaltips *,
.g10u5 .final-tips *,
.g10u6 .box.finaltip *,
.g10u6 .box.finaltips *,
.g10u6 .box.final-tips *,
.g10u6 .finaltip *,
.g10u6 .finaltips *,
.g10u6 .final-tips *,
.g11u1 .box.finaltip *,
.g11u1 .box.finaltips *,
.g11u1 .box.final-tips *,
.g11u1 .finaltip *,
.g11u1 .finaltips *,
.g11u1 .final-tips *,
.g11u2 .box.finaltip *,
.g11u2 .box.finaltips *,
.g11u2 .box.final-tips *,
.g11u2 .finaltip *,
.g11u2 .finaltips *,
.g11u2 .final-tips *,
.g11u3 .box.finaltip *,
.g11u3 .box.finaltips *,
.g11u3 .box.final-tips *,
.g11u3 .finaltip *,
.g11u3 .finaltips *,
.g11u3 .final-tips *,
.g11u4 .box.finaltip *,
.g11u4 .box.finaltips *,
.g11u4 .box.final-tips *,
.g11u4 .finaltip *,
.g11u4 .finaltips *,
.g11u4 .final-tips *,
.g11u5 .box.finaltip *,
.g11u5 .box.finaltips *,
.g11u5 .box.final-tips *,
.g11u5 .finaltip *,
.g11u5 .finaltips *,
.g11u5 .final-tips *,
.g11u6 .box.finaltip *,
.g11u6 .box.finaltips *,
.g11u6 .box.final-tips *,
.g11u6 .finaltip *,
.g11u6 .finaltips *,
.g11u6 .final-tips *,
.g11u7 .box.finaltip *,
.g11u7 .box.finaltips *,
.g11u7 .box.final-tips *,
.g11u7 .finaltip *,
.g11u7 .finaltips *,
.g11u7 .final-tips *,
.g12u1 .box.finaltip *,
.g12u1 .box.finaltips *,
.g12u1 .box.final-tips *,
.g12u1 .finaltip *,
.g12u1 .finaltips *,
.g12u1 .final-tips *,
.g12u2 .box.finaltip *,
.g12u2 .box.finaltips *,
.g12u2 .box.final-tips *,
.g12u2 .finaltip *,
.g12u2 .finaltips *,
.g12u2 .final-tips *,
.g12u3 .box.finaltip *,
.g12u3 .box.finaltips *,
.g12u3 .box.final-tips *,
.g12u3 .finaltip *,
.g12u3 .finaltips *,
.g12u3 .final-tips *,
.g12u4 .box.finaltip *,
.g12u4 .box.finaltips *,
.g12u4 .box.final-tips *,
.g12u4 .finaltip *,
.g12u4 .finaltips *,
.g12u4 .final-tips *,
.g12u5 .box.finaltip *,
.g12u5 .box.finaltips *,
.g12u5 .box.final-tips *,
.g12u5 .finaltip *,
.g12u5 .finaltips *,
.g12u5 .final-tips *,
.g12note .box.finaltip *,
.g12note .box.finaltips *,
.g12note .box.final-tips *,
.g12note .finaltip *,
.g12note .finaltips *,
.g12note .final-tips * {
  color:#3a0715 !important;
}

.sn1-wrap .box.finaltip h2,
.sn1-wrap .box.finaltip h3,
.sn1-wrap .finaltip h2,
.sn1-wrap .finaltip h3,
.sn1-wrap .box.finaltips h2,
.sn1-wrap .box.finaltips h3,
.sn1-wrap .finaltips h2,
.sn1-wrap .finaltips h3,
.sn1-wrap .box.final-tips h2,
.sn1-wrap .box.final-tips h3,
.sn1-wrap .final-tips h2,
.sn1-wrap .final-tips h3,
.snoteU2 .box.finaltip h2,
.snoteU2 .box.finaltip h3,
.snoteU2 .finaltip h2,
.snoteU2 .finaltip h3,
.snoteU2 .box.finaltips h2,
.snoteU2 .box.finaltips h3,
.snoteU2 .finaltips h2,
.snoteU2 .finaltips h3,
.snoteU2 .box.final-tips h2,
.snoteU2 .box.final-tips h3,
.snoteU2 .final-tips h2,
.snoteU2 .final-tips h3,
.snoteU3 .box.finaltip h2,
.snoteU3 .box.finaltip h3,
.snoteU3 .finaltip h2,
.snoteU3 .finaltip h3,
.snoteU3 .box.finaltips h2,
.snoteU3 .box.finaltips h3,
.snoteU3 .finaltips h2,
.snoteU3 .finaltips h3,
.snoteU3 .box.final-tips h2,
.snoteU3 .box.final-tips h3,
.snoteU3 .final-tips h2,
.snoteU3 .final-tips h3,
.snoteU4 .box.finaltip h2,
.snoteU4 .box.finaltip h3,
.snoteU4 .finaltip h2,
.snoteU4 .finaltip h3,
.snoteU4 .box.finaltips h2,
.snoteU4 .box.finaltips h3,
.snoteU4 .finaltips h2,
.snoteU4 .finaltips h3,
.snoteU4 .box.final-tips h2,
.snoteU4 .box.final-tips h3,
.snoteU4 .final-tips h2,
.snoteU4 .final-tips h3,
.snoteU5 .box.finaltip h2,
.snoteU5 .box.finaltip h3,
.snoteU5 .finaltip h2,
.snoteU5 .finaltip h3,
.snoteU5 .box.finaltips h2,
.snoteU5 .box.finaltips h3,
.snoteU5 .finaltips h2,
.snoteU5 .finaltips h3,
.snoteU5 .box.final-tips h2,
.snoteU5 .box.final-tips h3,
.snoteU5 .final-tips h2,
.snoteU5 .final-tips h3,
.snoteU6 .box.finaltip h2,
.snoteU6 .box.finaltip h3,
.snoteU6 .finaltip h2,
.snoteU6 .finaltip h3,
.snoteU6 .box.finaltips h2,
.snoteU6 .box.finaltips h3,
.snoteU6 .finaltips h2,
.snoteU6 .finaltips h3,
.snoteU6 .box.final-tips h2,
.snoteU6 .box.final-tips h3,
.snoteU6 .final-tips h2,
.snoteU6 .final-tips h3,
.snoteU7 .box.finaltip h2,
.snoteU7 .box.finaltip h3,
.snoteU7 .finaltip h2,
.snoteU7 .finaltip h3,
.snoteU7 .box.finaltips h2,
.snoteU7 .box.finaltips h3,
.snoteU7 .finaltips h2,
.snoteU7 .finaltips h3,
.snoteU7 .box.final-tips h2,
.snoteU7 .box.final-tips h3,
.snoteU7 .final-tips h2,
.snoteU7 .final-tips h3,
.g10u1 .box.finaltip h2,
.g10u1 .box.finaltip h3,
.g10u1 .finaltip h2,
.g10u1 .finaltip h3,
.g10u1 .box.finaltips h2,
.g10u1 .box.finaltips h3,
.g10u1 .finaltips h2,
.g10u1 .finaltips h3,
.g10u1 .box.final-tips h2,
.g10u1 .box.final-tips h3,
.g10u1 .final-tips h2,
.g10u1 .final-tips h3,
.g10u2 .box.finaltip h2,
.g10u2 .box.finaltip h3,
.g10u2 .finaltip h2,
.g10u2 .finaltip h3,
.g10u2 .box.finaltips h2,
.g10u2 .box.finaltips h3,
.g10u2 .finaltips h2,
.g10u2 .finaltips h3,
.g10u2 .box.final-tips h2,
.g10u2 .box.final-tips h3,
.g10u2 .final-tips h2,
.g10u2 .final-tips h3,
.g10u3 .box.finaltip h2,
.g10u3 .box.finaltip h3,
.g10u3 .finaltip h2,
.g10u3 .finaltip h3,
.g10u3 .box.finaltips h2,
.g10u3 .box.finaltips h3,
.g10u3 .finaltips h2,
.g10u3 .finaltips h3,
.g10u3 .box.final-tips h2,
.g10u3 .box.final-tips h3,
.g10u3 .final-tips h2,
.g10u3 .final-tips h3,
.g10u4 .box.finaltip h2,
.g10u4 .box.finaltip h3,
.g10u4 .finaltip h2,
.g10u4 .finaltip h3,
.g10u4 .box.finaltips h2,
.g10u4 .box.finaltips h3,
.g10u4 .finaltips h2,
.g10u4 .finaltips h3,
.g10u4 .box.final-tips h2,
.g10u4 .box.final-tips h3,
.g10u4 .final-tips h2,
.g10u4 .final-tips h3,
.g10u5 .box.finaltip h2,
.g10u5 .box.finaltip h3,
.g10u5 .finaltip h2,
.g10u5 .finaltip h3,
.g10u5 .box.finaltips h2,
.g10u5 .box.finaltips h3,
.g10u5 .finaltips h2,
.g10u5 .finaltips h3,
.g10u5 .box.final-tips h2,
.g10u5 .box.final-tips h3,
.g10u5 .final-tips h2,
.g10u5 .final-tips h3,
.g10u6 .box.finaltip h2,
.g10u6 .box.finaltip h3,
.g10u6 .finaltip h2,
.g10u6 .finaltip h3,
.g10u6 .box.finaltips h2,
.g10u6 .box.finaltips h3,
.g10u6 .finaltips h2,
.g10u6 .finaltips h3,
.g10u6 .box.final-tips h2,
.g10u6 .box.final-tips h3,
.g10u6 .final-tips h2,
.g10u6 .final-tips h3,
.g11u1 .box.finaltip h2,
.g11u1 .box.finaltip h3,
.g11u1 .finaltip h2,
.g11u1 .finaltip h3,
.g11u1 .box.finaltips h2,
.g11u1 .box.finaltips h3,
.g11u1 .finaltips h2,
.g11u1 .finaltips h3,
.g11u1 .box.final-tips h2,
.g11u1 .box.final-tips h3,
.g11u1 .final-tips h2,
.g11u1 .final-tips h3,
.g11u2 .box.finaltip h2,
.g11u2 .box.finaltip h3,
.g11u2 .finaltip h2,
.g11u2 .finaltip h3,
.g11u2 .box.finaltips h2,
.g11u2 .box.finaltips h3,
.g11u2 .finaltips h2,
.g11u2 .finaltips h3,
.g11u2 .box.final-tips h2,
.g11u2 .box.final-tips h3,
.g11u2 .final-tips h2,
.g11u2 .final-tips h3,
.g11u3 .box.finaltip h2,
.g11u3 .box.finaltip h3,
.g11u3 .finaltip h2,
.g11u3 .finaltip h3,
.g11u3 .box.finaltips h2,
.g11u3 .box.finaltips h3,
.g11u3 .finaltips h2,
.g11u3 .finaltips h3,
.g11u3 .box.final-tips h2,
.g11u3 .box.final-tips h3,
.g11u3 .final-tips h2,
.g11u3 .final-tips h3,
.g11u4 .box.finaltip h2,
.g11u4 .box.finaltip h3,
.g11u4 .finaltip h2,
.g11u4 .finaltip h3,
.g11u4 .box.finaltips h2,
.g11u4 .box.finaltips h3,
.g11u4 .finaltips h2,
.g11u4 .finaltips h3,
.g11u4 .box.final-tips h2,
.g11u4 .box.final-tips h3,
.g11u4 .final-tips h2,
.g11u4 .final-tips h3,
.g11u5 .box.finaltip h2,
.g11u5 .box.finaltip h3,
.g11u5 .finaltip h2,
.g11u5 .finaltip h3,
.g11u5 .box.finaltips h2,
.g11u5 .box.finaltips h3,
.g11u5 .finaltips h2,
.g11u5 .finaltips h3,
.g11u5 .box.final-tips h2,
.g11u5 .box.final-tips h3,
.g11u5 .final-tips h2,
.g11u5 .final-tips h3,
.g11u6 .box.finaltip h2,
.g11u6 .box.finaltip h3,
.g11u6 .finaltip h2,
.g11u6 .finaltip h3,
.g11u6 .box.finaltips h2,
.g11u6 .box.finaltips h3,
.g11u6 .finaltips h2,
.g11u6 .finaltips h3,
.g11u6 .box.final-tips h2,
.g11u6 .box.final-tips h3,
.g11u6 .final-tips h2,
.g11u6 .final-tips h3,
.g11u7 .box.finaltip h2,
.g11u7 .box.finaltip h3,
.g11u7 .finaltip h2,
.g11u7 .finaltip h3,
.g11u7 .box.finaltips h2,
.g11u7 .box.finaltips h3,
.g11u7 .finaltips h2,
.g11u7 .finaltips h3,
.g11u7 .box.final-tips h2,
.g11u7 .box.final-tips h3,
.g11u7 .final-tips h2,
.g11u7 .final-tips h3,
.g12u1 .box.finaltip h2,
.g12u1 .box.finaltip h3,
.g12u1 .finaltip h2,
.g12u1 .finaltip h3,
.g12u1 .box.finaltips h2,
.g12u1 .box.finaltips h3,
.g12u1 .finaltips h2,
.g12u1 .finaltips h3,
.g12u1 .box.final-tips h2,
.g12u1 .box.final-tips h3,
.g12u1 .final-tips h2,
.g12u1 .final-tips h3,
.g12u2 .box.finaltip h2,
.g12u2 .box.finaltip h3,
.g12u2 .finaltip h2,
.g12u2 .finaltip h3,
.g12u2 .box.finaltips h2,
.g12u2 .box.finaltips h3,
.g12u2 .finaltips h2,
.g12u2 .finaltips h3,
.g12u2 .box.final-tips h2,
.g12u2 .box.final-tips h3,
.g12u2 .final-tips h2,
.g12u2 .final-tips h3,
.g12u3 .box.finaltip h2,
.g12u3 .box.finaltip h3,
.g12u3 .finaltip h2,
.g12u3 .finaltip h3,
.g12u3 .box.finaltips h2,
.g12u3 .box.finaltips h3,
.g12u3 .finaltips h2,
.g12u3 .finaltips h3,
.g12u3 .box.final-tips h2,
.g12u3 .box.final-tips h3,
.g12u3 .final-tips h2,
.g12u3 .final-tips h3,
.g12u4 .box.finaltip h2,
.g12u4 .box.finaltip h3,
.g12u4 .finaltip h2,
.g12u4 .finaltip h3,
.g12u4 .box.finaltips h2,
.g12u4 .box.finaltips h3,
.g12u4 .finaltips h2,
.g12u4 .finaltips h3,
.g12u4 .box.final-tips h2,
.g12u4 .box.final-tips h3,
.g12u4 .final-tips h2,
.g12u4 .final-tips h3,
.g12u5 .box.finaltip h2,
.g12u5 .box.finaltip h3,
.g12u5 .finaltip h2,
.g12u5 .finaltip h3,
.g12u5 .box.finaltips h2,
.g12u5 .box.finaltips h3,
.g12u5 .finaltips h2,
.g12u5 .finaltips h3,
.g12u5 .box.final-tips h2,
.g12u5 .box.final-tips h3,
.g12u5 .final-tips h2,
.g12u5 .final-tips h3,
.g12note .box.finaltip h2,
.g12note .box.finaltip h3,
.g12note .finaltip h2,
.g12note .finaltip h3,
.g12note .box.finaltips h2,
.g12note .box.finaltips h3,
.g12note .finaltips h2,
.g12note .finaltips h3,
.g12note .box.final-tips h2,
.g12note .box.final-tips h3,
.g12note .final-tips h2,
.g12note .final-tips h3 {
  color:#be123c !important;
}

.sn1-wrap .box.summary,
.sn1-wrap .summary,
.sn1-wrap .box.summary60,
.sn1-wrap .summary60,
.sn1-wrap .box.summary-final,
.sn1-wrap .summary-final,
.snoteU2 .box.summary,
.snoteU2 .summary,
.snoteU2 .box.summary60,
.snoteU2 .summary60,
.snoteU2 .box.summary-final,
.snoteU2 .summary-final,
.snoteU3 .box.summary,
.snoteU3 .summary,
.snoteU3 .box.summary60,
.snoteU3 .summary60,
.snoteU3 .box.summary-final,
.snoteU3 .summary-final,
.snoteU4 .box.summary,
.snoteU4 .summary,
.snoteU4 .box.summary60,
.snoteU4 .summary60,
.snoteU4 .box.summary-final,
.snoteU4 .summary-final,
.snoteU5 .box.summary,
.snoteU5 .summary,
.snoteU5 .box.summary60,
.snoteU5 .summary60,
.snoteU5 .box.summary-final,
.snoteU5 .summary-final,
.snoteU6 .box.summary,
.snoteU6 .summary,
.snoteU6 .box.summary60,
.snoteU6 .summary60,
.snoteU6 .box.summary-final,
.snoteU6 .summary-final,
.snoteU7 .box.summary,
.snoteU7 .summary,
.snoteU7 .box.summary60,
.snoteU7 .summary60,
.snoteU7 .box.summary-final,
.snoteU7 .summary-final,
.g10u1 .box.summary,
.g10u1 .summary,
.g10u1 .box.summary60,
.g10u1 .summary60,
.g10u1 .box.summary-final,
.g10u1 .summary-final,
.g10u2 .box.summary,
.g10u2 .summary,
.g10u2 .box.summary60,
.g10u2 .summary60,
.g10u2 .box.summary-final,
.g10u2 .summary-final,
.g10u3 .box.summary,
.g10u3 .summary,
.g10u3 .box.summary60,
.g10u3 .summary60,
.g10u3 .box.summary-final,
.g10u3 .summary-final,
.g10u4 .box.summary,
.g10u4 .summary,
.g10u4 .box.summary60,
.g10u4 .summary60,
.g10u4 .box.summary-final,
.g10u4 .summary-final,
.g10u5 .box.summary,
.g10u5 .summary,
.g10u5 .box.summary60,
.g10u5 .summary60,
.g10u5 .box.summary-final,
.g10u5 .summary-final,
.g10u6 .box.summary,
.g10u6 .summary,
.g10u6 .box.summary60,
.g10u6 .summary60,
.g10u6 .box.summary-final,
.g10u6 .summary-final,
.g11u1 .box.summary,
.g11u1 .summary,
.g11u1 .box.summary60,
.g11u1 .summary60,
.g11u1 .box.summary-final,
.g11u1 .summary-final,
.g11u2 .box.summary,
.g11u2 .summary,
.g11u2 .box.summary60,
.g11u2 .summary60,
.g11u2 .box.summary-final,
.g11u2 .summary-final,
.g11u3 .box.summary,
.g11u3 .summary,
.g11u3 .box.summary60,
.g11u3 .summary60,
.g11u3 .box.summary-final,
.g11u3 .summary-final,
.g11u4 .box.summary,
.g11u4 .summary,
.g11u4 .box.summary60,
.g11u4 .summary60,
.g11u4 .box.summary-final,
.g11u4 .summary-final,
.g11u5 .box.summary,
.g11u5 .summary,
.g11u5 .box.summary60,
.g11u5 .summary60,
.g11u5 .box.summary-final,
.g11u5 .summary-final,
.g11u6 .box.summary,
.g11u6 .summary,
.g11u6 .box.summary60,
.g11u6 .summary60,
.g11u6 .box.summary-final,
.g11u6 .summary-final,
.g11u7 .box.summary,
.g11u7 .summary,
.g11u7 .box.summary60,
.g11u7 .summary60,
.g11u7 .box.summary-final,
.g11u7 .summary-final,
.g12u1 .box.summary,
.g12u1 .summary,
.g12u1 .box.summary60,
.g12u1 .summary60,
.g12u1 .box.summary-final,
.g12u1 .summary-final,
.g12u2 .box.summary,
.g12u2 .summary,
.g12u2 .box.summary60,
.g12u2 .summary60,
.g12u2 .box.summary-final,
.g12u2 .summary-final,
.g12u3 .box.summary,
.g12u3 .summary,
.g12u3 .box.summary60,
.g12u3 .summary60,
.g12u3 .box.summary-final,
.g12u3 .summary-final,
.g12u4 .box.summary,
.g12u4 .summary,
.g12u4 .box.summary60,
.g12u4 .summary60,
.g12u4 .box.summary-final,
.g12u4 .summary-final,
.g12u5 .box.summary,
.g12u5 .summary,
.g12u5 .box.summary60,
.g12u5 .summary60,
.g12u5 .box.summary-final,
.g12u5 .summary-final,
.g12note .box.summary,
.g12note .summary,
.g12note .box.summary60,
.g12note .summary60,
.g12note .box.summary-final,
.g12note .summary-final {
  background:linear-gradient(135deg,#0f172a,#1e293b) !important; color:#f1f5f9 !important;
  border:none !important; border-radius:18px !important; padding:18px !important; margin:22px 0 !important;
}

.sn1-wrap .box.summary h2,
.sn1-wrap .summary h2,
.sn1-wrap .box.summary h3,
.sn1-wrap .summary h3,
.sn1-wrap .box.summary60 h2,
.sn1-wrap .summary60 h2,
.sn1-wrap .box.summary60 h3,
.sn1-wrap .summary60 h3,
.sn1-wrap .box.summary-final h2,
.sn1-wrap .summary-final h2,
.sn1-wrap .box.summary-final h3,
.sn1-wrap .summary-final h3,
.snoteU2 .box.summary h2,
.snoteU2 .summary h2,
.snoteU2 .box.summary h3,
.snoteU2 .summary h3,
.snoteU2 .box.summary60 h2,
.snoteU2 .summary60 h2,
.snoteU2 .box.summary60 h3,
.snoteU2 .summary60 h3,
.snoteU2 .box.summary-final h2,
.snoteU2 .summary-final h2,
.snoteU2 .box.summary-final h3,
.snoteU2 .summary-final h3,
.snoteU3 .box.summary h2,
.snoteU3 .summary h2,
.snoteU3 .box.summary h3,
.snoteU3 .summary h3,
.snoteU3 .box.summary60 h2,
.snoteU3 .summary60 h2,
.snoteU3 .box.summary60 h3,
.snoteU3 .summary60 h3,
.snoteU3 .box.summary-final h2,
.snoteU3 .summary-final h2,
.snoteU3 .box.summary-final h3,
.snoteU3 .summary-final h3,
.snoteU4 .box.summary h2,
.snoteU4 .summary h2,
.snoteU4 .box.summary h3,
.snoteU4 .summary h3,
.snoteU4 .box.summary60 h2,
.snoteU4 .summary60 h2,
.snoteU4 .box.summary60 h3,
.snoteU4 .summary60 h3,
.snoteU4 .box.summary-final h2,
.snoteU4 .summary-final h2,
.snoteU4 .box.summary-final h3,
.snoteU4 .summary-final h3,
.snoteU5 .box.summary h2,
.snoteU5 .summary h2,
.snoteU5 .box.summary h3,
.snoteU5 .summary h3,
.snoteU5 .box.summary60 h2,
.snoteU5 .summary60 h2,
.snoteU5 .box.summary60 h3,
.snoteU5 .summary60 h3,
.snoteU5 .box.summary-final h2,
.snoteU5 .summary-final h2,
.snoteU5 .box.summary-final h3,
.snoteU5 .summary-final h3,
.snoteU6 .box.summary h2,
.snoteU6 .summary h2,
.snoteU6 .box.summary h3,
.snoteU6 .summary h3,
.snoteU6 .box.summary60 h2,
.snoteU6 .summary60 h2,
.snoteU6 .box.summary60 h3,
.snoteU6 .summary60 h3,
.snoteU6 .box.summary-final h2,
.snoteU6 .summary-final h2,
.snoteU6 .box.summary-final h3,
.snoteU6 .summary-final h3,
.snoteU7 .box.summary h2,
.snoteU7 .summary h2,
.snoteU7 .box.summary h3,
.snoteU7 .summary h3,
.snoteU7 .box.summary60 h2,
.snoteU7 .summary60 h2,
.snoteU7 .box.summary60 h3,
.snoteU7 .summary60 h3,
.snoteU7 .box.summary-final h2,
.snoteU7 .summary-final h2,
.snoteU7 .box.summary-final h3,
.snoteU7 .summary-final h3,
.g10u1 .box.summary h2,
.g10u1 .summary h2,
.g10u1 .box.summary h3,
.g10u1 .summary h3,
.g10u1 .box.summary60 h2,
.g10u1 .summary60 h2,
.g10u1 .box.summary60 h3,
.g10u1 .summary60 h3,
.g10u1 .box.summary-final h2,
.g10u1 .summary-final h2,
.g10u1 .box.summary-final h3,
.g10u1 .summary-final h3,
.g10u2 .box.summary h2,
.g10u2 .summary h2,
.g10u2 .box.summary h3,
.g10u2 .summary h3,
.g10u2 .box.summary60 h2,
.g10u2 .summary60 h2,
.g10u2 .box.summary60 h3,
.g10u2 .summary60 h3,
.g10u2 .box.summary-final h2,
.g10u2 .summary-final h2,
.g10u2 .box.summary-final h3,
.g10u2 .summary-final h3,
.g10u3 .box.summary h2,
.g10u3 .summary h2,
.g10u3 .box.summary h3,
.g10u3 .summary h3,
.g10u3 .box.summary60 h2,
.g10u3 .summary60 h2,
.g10u3 .box.summary60 h3,
.g10u3 .summary60 h3,
.g10u3 .box.summary-final h2,
.g10u3 .summary-final h2,
.g10u3 .box.summary-final h3,
.g10u3 .summary-final h3,
.g10u4 .box.summary h2,
.g10u4 .summary h2,
.g10u4 .box.summary h3,
.g10u4 .summary h3,
.g10u4 .box.summary60 h2,
.g10u4 .summary60 h2,
.g10u4 .box.summary60 h3,
.g10u4 .summary60 h3,
.g10u4 .box.summary-final h2,
.g10u4 .summary-final h2,
.g10u4 .box.summary-final h3,
.g10u4 .summary-final h3,
.g10u5 .box.summary h2,
.g10u5 .summary h2,
.g10u5 .box.summary h3,
.g10u5 .summary h3,
.g10u5 .box.summary60 h2,
.g10u5 .summary60 h2,
.g10u5 .box.summary60 h3,
.g10u5 .summary60 h3,
.g10u5 .box.summary-final h2,
.g10u5 .summary-final h2,
.g10u5 .box.summary-final h3,
.g10u5 .summary-final h3,
.g10u6 .box.summary h2,
.g10u6 .summary h2,
.g10u6 .box.summary h3,
.g10u6 .summary h3,
.g10u6 .box.summary60 h2,
.g10u6 .summary60 h2,
.g10u6 .box.summary60 h3,
.g10u6 .summary60 h3,
.g10u6 .box.summary-final h2,
.g10u6 .summary-final h2,
.g10u6 .box.summary-final h3,
.g10u6 .summary-final h3,
.g11u1 .box.summary h2,
.g11u1 .summary h2,
.g11u1 .box.summary h3,
.g11u1 .summary h3,
.g11u1 .box.summary60 h2,
.g11u1 .summary60 h2,
.g11u1 .box.summary60 h3,
.g11u1 .summary60 h3,
.g11u1 .box.summary-final h2,
.g11u1 .summary-final h2,
.g11u1 .box.summary-final h3,
.g11u1 .summary-final h3,
.g11u2 .box.summary h2,
.g11u2 .summary h2,
.g11u2 .box.summary h3,
.g11u2 .summary h3,
.g11u2 .box.summary60 h2,
.g11u2 .summary60 h2,
.g11u2 .box.summary60 h3,
.g11u2 .summary60 h3,
.g11u2 .box.summary-final h2,
.g11u2 .summary-final h2,
.g11u2 .box.summary-final h3,
.g11u2 .summary-final h3,
.g11u3 .box.summary h2,
.g11u3 .summary h2,
.g11u3 .box.summary h3,
.g11u3 .summary h3,
.g11u3 .box.summary60 h2,
.g11u3 .summary60 h2,
.g11u3 .box.summary60 h3,
.g11u3 .summary60 h3,
.g11u3 .box.summary-final h2,
.g11u3 .summary-final h2,
.g11u3 .box.summary-final h3,
.g11u3 .summary-final h3,
.g11u4 .box.summary h2,
.g11u4 .summary h2,
.g11u4 .box.summary h3,
.g11u4 .summary h3,
.g11u4 .box.summary60 h2,
.g11u4 .summary60 h2,
.g11u4 .box.summary60 h3,
.g11u4 .summary60 h3,
.g11u4 .box.summary-final h2,
.g11u4 .summary-final h2,
.g11u4 .box.summary-final h3,
.g11u4 .summary-final h3,
.g11u5 .box.summary h2,
.g11u5 .summary h2,
.g11u5 .box.summary h3,
.g11u5 .summary h3,
.g11u5 .box.summary60 h2,
.g11u5 .summary60 h2,
.g11u5 .box.summary60 h3,
.g11u5 .summary60 h3,
.g11u5 .box.summary-final h2,
.g11u5 .summary-final h2,
.g11u5 .box.summary-final h3,
.g11u5 .summary-final h3,
.g11u6 .box.summary h2,
.g11u6 .summary h2,
.g11u6 .box.summary h3,
.g11u6 .summary h3,
.g11u6 .box.summary60 h2,
.g11u6 .summary60 h2,
.g11u6 .box.summary60 h3,
.g11u6 .summary60 h3,
.g11u6 .box.summary-final h2,
.g11u6 .summary-final h2,
.g11u6 .box.summary-final h3,
.g11u6 .summary-final h3,
.g11u7 .box.summary h2,
.g11u7 .summary h2,
.g11u7 .box.summary h3,
.g11u7 .summary h3,
.g11u7 .box.summary60 h2,
.g11u7 .summary60 h2,
.g11u7 .box.summary60 h3,
.g11u7 .summary60 h3,
.g11u7 .box.summary-final h2,
.g11u7 .summary-final h2,
.g11u7 .box.summary-final h3,
.g11u7 .summary-final h3,
.g12u1 .box.summary h2,
.g12u1 .summary h2,
.g12u1 .box.summary h3,
.g12u1 .summary h3,
.g12u1 .box.summary60 h2,
.g12u1 .summary60 h2,
.g12u1 .box.summary60 h3,
.g12u1 .summary60 h3,
.g12u1 .box.summary-final h2,
.g12u1 .summary-final h2,
.g12u1 .box.summary-final h3,
.g12u1 .summary-final h3,
.g12u2 .box.summary h2,
.g12u2 .summary h2,
.g12u2 .box.summary h3,
.g12u2 .summary h3,
.g12u2 .box.summary60 h2,
.g12u2 .summary60 h2,
.g12u2 .box.summary60 h3,
.g12u2 .summary60 h3,
.g12u2 .box.summary-final h2,
.g12u2 .summary-final h2,
.g12u2 .box.summary-final h3,
.g12u2 .summary-final h3,
.g12u3 .box.summary h2,
.g12u3 .summary h2,
.g12u3 .box.summary h3,
.g12u3 .summary h3,
.g12u3 .box.summary60 h2,
.g12u3 .summary60 h2,
.g12u3 .box.summary60 h3,
.g12u3 .summary60 h3,
.g12u3 .box.summary-final h2,
.g12u3 .summary-final h2,
.g12u3 .box.summary-final h3,
.g12u3 .summary-final h3,
.g12u4 .box.summary h2,
.g12u4 .summary h2,
.g12u4 .box.summary h3,
.g12u4 .summary h3,
.g12u4 .box.summary60 h2,
.g12u4 .summary60 h2,
.g12u4 .box.summary60 h3,
.g12u4 .summary60 h3,
.g12u4 .box.summary-final h2,
.g12u4 .summary-final h2,
.g12u4 .box.summary-final h3,
.g12u4 .summary-final h3,
.g12u5 .box.summary h2,
.g12u5 .summary h2,
.g12u5 .box.summary h3,
.g12u5 .summary h3,
.g12u5 .box.summary60 h2,
.g12u5 .summary60 h2,
.g12u5 .box.summary60 h3,
.g12u5 .summary60 h3,
.g12u5 .box.summary-final h2,
.g12u5 .summary-final h2,
.g12u5 .box.summary-final h3,
.g12u5 .summary-final h3,
.g12note .box.summary h2,
.g12note .summary h2,
.g12note .box.summary h3,
.g12note .summary h3,
.g12note .box.summary60 h2,
.g12note .summary60 h2,
.g12note .box.summary60 h3,
.g12note .summary60 h3,
.g12note .box.summary-final h2,
.g12note .summary-final h2,
.g12note .box.summary-final h3,
.g12note .summary-final h3 {
  color:#38bdf8 !important;
}

.sn1-wrap .summary li,
.sn1-wrap .summary ul,
.sn1-wrap .summary60 li,
.sn1-wrap .summary60 ul,
.sn1-wrap .summary-final li,
.sn1-wrap .summary-final ul,
.snoteU2 .summary li,
.snoteU2 .summary ul,
.snoteU2 .summary60 li,
.snoteU2 .summary60 ul,
.snoteU2 .summary-final li,
.snoteU2 .summary-final ul,
.snoteU3 .summary li,
.snoteU3 .summary ul,
.snoteU3 .summary60 li,
.snoteU3 .summary60 ul,
.snoteU3 .summary-final li,
.snoteU3 .summary-final ul,
.snoteU4 .summary li,
.snoteU4 .summary ul,
.snoteU4 .summary60 li,
.snoteU4 .summary60 ul,
.snoteU4 .summary-final li,
.snoteU4 .summary-final ul,
.snoteU5 .summary li,
.snoteU5 .summary ul,
.snoteU5 .summary60 li,
.snoteU5 .summary60 ul,
.snoteU5 .summary-final li,
.snoteU5 .summary-final ul,
.snoteU6 .summary li,
.snoteU6 .summary ul,
.snoteU6 .summary60 li,
.snoteU6 .summary60 ul,
.snoteU6 .summary-final li,
.snoteU6 .summary-final ul,
.snoteU7 .summary li,
.snoteU7 .summary ul,
.snoteU7 .summary60 li,
.snoteU7 .summary60 ul,
.snoteU7 .summary-final li,
.snoteU7 .summary-final ul,
.g10u1 .summary li,
.g10u1 .summary ul,
.g10u1 .summary60 li,
.g10u1 .summary60 ul,
.g10u1 .summary-final li,
.g10u1 .summary-final ul,
.g10u2 .summary li,
.g10u2 .summary ul,
.g10u2 .summary60 li,
.g10u2 .summary60 ul,
.g10u2 .summary-final li,
.g10u2 .summary-final ul,
.g10u3 .summary li,
.g10u3 .summary ul,
.g10u3 .summary60 li,
.g10u3 .summary60 ul,
.g10u3 .summary-final li,
.g10u3 .summary-final ul,
.g10u4 .summary li,
.g10u4 .summary ul,
.g10u4 .summary60 li,
.g10u4 .summary60 ul,
.g10u4 .summary-final li,
.g10u4 .summary-final ul,
.g10u5 .summary li,
.g10u5 .summary ul,
.g10u5 .summary60 li,
.g10u5 .summary60 ul,
.g10u5 .summary-final li,
.g10u5 .summary-final ul,
.g10u6 .summary li,
.g10u6 .summary ul,
.g10u6 .summary60 li,
.g10u6 .summary60 ul,
.g10u6 .summary-final li,
.g10u6 .summary-final ul,
.g11u1 .summary li,
.g11u1 .summary ul,
.g11u1 .summary60 li,
.g11u1 .summary60 ul,
.g11u1 .summary-final li,
.g11u1 .summary-final ul,
.g11u2 .summary li,
.g11u2 .summary ul,
.g11u2 .summary60 li,
.g11u2 .summary60 ul,
.g11u2 .summary-final li,
.g11u2 .summary-final ul,
.g11u3 .summary li,
.g11u3 .summary ul,
.g11u3 .summary60 li,
.g11u3 .summary60 ul,
.g11u3 .summary-final li,
.g11u3 .summary-final ul,
.g11u4 .summary li,
.g11u4 .summary ul,
.g11u4 .summary60 li,
.g11u4 .summary60 ul,
.g11u4 .summary-final li,
.g11u4 .summary-final ul,
.g11u5 .summary li,
.g11u5 .summary ul,
.g11u5 .summary60 li,
.g11u5 .summary60 ul,
.g11u5 .summary-final li,
.g11u5 .summary-final ul,
.g11u6 .summary li,
.g11u6 .summary ul,
.g11u6 .summary60 li,
.g11u6 .summary60 ul,
.g11u6 .summary-final li,
.g11u6 .summary-final ul,
.g11u7 .summary li,
.g11u7 .summary ul,
.g11u7 .summary60 li,
.g11u7 .summary60 ul,
.g11u7 .summary-final li,
.g11u7 .summary-final ul,
.g12u1 .summary li,
.g12u1 .summary ul,
.g12u1 .summary60 li,
.g12u1 .summary60 ul,
.g12u1 .summary-final li,
.g12u1 .summary-final ul,
.g12u2 .summary li,
.g12u2 .summary ul,
.g12u2 .summary60 li,
.g12u2 .summary60 ul,
.g12u2 .summary-final li,
.g12u2 .summary-final ul,
.g12u3 .summary li,
.g12u3 .summary ul,
.g12u3 .summary60 li,
.g12u3 .summary60 ul,
.g12u3 .summary-final li,
.g12u3 .summary-final ul,
.g12u4 .summary li,
.g12u4 .summary ul,
.g12u4 .summary60 li,
.g12u4 .summary60 ul,
.g12u4 .summary-final li,
.g12u4 .summary-final ul,
.g12u5 .summary li,
.g12u5 .summary ul,
.g12u5 .summary60 li,
.g12u5 .summary60 ul,
.g12u5 .summary-final li,
.g12u5 .summary-final ul,
.g12note .summary li,
.g12note .summary ul,
.g12note .summary60 li,
.g12note .summary60 ul,
.g12note .summary-final li,
.g12note .summary-final ul {
  color:#f1f5f9 !important;
}

.sn1-wrap .flag-en,
.sn1-wrap .flag.en,
.sn1-wrap .flag.flag-en,
.sn1-wrap .sn1-flag-en,
.snoteU2 .flag-en,
.snoteU2 .flag.en,
.snoteU2 .flag.flag-en,
.snoteU2 .sn1-flag-en,
.snoteU3 .flag-en,
.snoteU3 .flag.en,
.snoteU3 .flag.flag-en,
.snoteU3 .sn1-flag-en,
.snoteU4 .flag-en,
.snoteU4 .flag.en,
.snoteU4 .flag.flag-en,
.snoteU4 .sn1-flag-en,
.snoteU5 .flag-en,
.snoteU5 .flag.en,
.snoteU5 .flag.flag-en,
.snoteU5 .sn1-flag-en,
.snoteU6 .flag-en,
.snoteU6 .flag.en,
.snoteU6 .flag.flag-en,
.snoteU6 .sn1-flag-en,
.snoteU7 .flag-en,
.snoteU7 .flag.en,
.snoteU7 .flag.flag-en,
.snoteU7 .sn1-flag-en,
.g10u1 .flag-en,
.g10u1 .flag.en,
.g10u1 .flag.flag-en,
.g10u1 .sn1-flag-en,
.g10u2 .flag-en,
.g10u2 .flag.en,
.g10u2 .flag.flag-en,
.g10u2 .sn1-flag-en,
.g10u3 .flag-en,
.g10u3 .flag.en,
.g10u3 .flag.flag-en,
.g10u3 .sn1-flag-en,
.g10u4 .flag-en,
.g10u4 .flag.en,
.g10u4 .flag.flag-en,
.g10u4 .sn1-flag-en,
.g10u5 .flag-en,
.g10u5 .flag.en,
.g10u5 .flag.flag-en,
.g10u5 .sn1-flag-en,
.g10u6 .flag-en,
.g10u6 .flag.en,
.g10u6 .flag.flag-en,
.g10u6 .sn1-flag-en,
.g11u1 .flag-en,
.g11u1 .flag.en,
.g11u1 .flag.flag-en,
.g11u1 .sn1-flag-en,
.g11u2 .flag-en,
.g11u2 .flag.en,
.g11u2 .flag.flag-en,
.g11u2 .sn1-flag-en,
.g11u3 .flag-en,
.g11u3 .flag.en,
.g11u3 .flag.flag-en,
.g11u3 .sn1-flag-en,
.g11u4 .flag-en,
.g11u4 .flag.en,
.g11u4 .flag.flag-en,
.g11u4 .sn1-flag-en,
.g11u5 .flag-en,
.g11u5 .flag.en,
.g11u5 .flag.flag-en,
.g11u5 .sn1-flag-en,
.g11u6 .flag-en,
.g11u6 .flag.en,
.g11u6 .flag.flag-en,
.g11u6 .sn1-flag-en,
.g11u7 .flag-en,
.g11u7 .flag.en,
.g11u7 .flag.flag-en,
.g11u7 .sn1-flag-en,
.g12u1 .flag-en,
.g12u1 .flag.en,
.g12u1 .flag.flag-en,
.g12u1 .sn1-flag-en,
.g12u2 .flag-en,
.g12u2 .flag.en,
.g12u2 .flag.flag-en,
.g12u2 .sn1-flag-en,
.g12u3 .flag-en,
.g12u3 .flag.en,
.g12u3 .flag.flag-en,
.g12u3 .sn1-flag-en,
.g12u4 .flag-en,
.g12u4 .flag.en,
.g12u4 .flag.flag-en,
.g12u4 .sn1-flag-en,
.g12u5 .flag-en,
.g12u5 .flag.en,
.g12u5 .flag.flag-en,
.g12u5 .sn1-flag-en,
.g12note .flag-en,
.g12note .flag.en,
.g12note .flag.flag-en,
.g12note .sn1-flag-en {
  background:#dbeafe !important; color:#1e3a8a !important; font-weight:700 !important; padding:2px 9px !important;
  border-radius:7px !important; font-size:12.5px !important; display:inline-block !important; margin:9px 4px 5px 0 !important;
}

.sn1-wrap .flag-am,
.sn1-wrap .flag.am,
.sn1-wrap .flag.flag-am,
.sn1-wrap .sn1-flag-am,
.snoteU2 .flag-am,
.snoteU2 .flag.am,
.snoteU2 .flag.flag-am,
.snoteU2 .sn1-flag-am,
.snoteU3 .flag-am,
.snoteU3 .flag.am,
.snoteU3 .flag.flag-am,
.snoteU3 .sn1-flag-am,
.snoteU4 .flag-am,
.snoteU4 .flag.am,
.snoteU4 .flag.flag-am,
.snoteU4 .sn1-flag-am,
.snoteU5 .flag-am,
.snoteU5 .flag.am,
.snoteU5 .flag.flag-am,
.snoteU5 .sn1-flag-am,
.snoteU6 .flag-am,
.snoteU6 .flag.am,
.snoteU6 .flag.flag-am,
.snoteU6 .sn1-flag-am,
.snoteU7 .flag-am,
.snoteU7 .flag.am,
.snoteU7 .flag.flag-am,
.snoteU7 .sn1-flag-am,
.g10u1 .flag-am,
.g10u1 .flag.am,
.g10u1 .flag.flag-am,
.g10u1 .sn1-flag-am,
.g10u2 .flag-am,
.g10u2 .flag.am,
.g10u2 .flag.flag-am,
.g10u2 .sn1-flag-am,
.g10u3 .flag-am,
.g10u3 .flag.am,
.g10u3 .flag.flag-am,
.g10u3 .sn1-flag-am,
.g10u4 .flag-am,
.g10u4 .flag.am,
.g10u4 .flag.flag-am,
.g10u4 .sn1-flag-am,
.g10u5 .flag-am,
.g10u5 .flag.am,
.g10u5 .flag.flag-am,
.g10u5 .sn1-flag-am,
.g10u6 .flag-am,
.g10u6 .flag.am,
.g10u6 .flag.flag-am,
.g10u6 .sn1-flag-am,
.g11u1 .flag-am,
.g11u1 .flag.am,
.g11u1 .flag.flag-am,
.g11u1 .sn1-flag-am,
.g11u2 .flag-am,
.g11u2 .flag.am,
.g11u2 .flag.flag-am,
.g11u2 .sn1-flag-am,
.g11u3 .flag-am,
.g11u3 .flag.am,
.g11u3 .flag.flag-am,
.g11u3 .sn1-flag-am,
.g11u4 .flag-am,
.g11u4 .flag.am,
.g11u4 .flag.flag-am,
.g11u4 .sn1-flag-am,
.g11u5 .flag-am,
.g11u5 .flag.am,
.g11u5 .flag.flag-am,
.g11u5 .sn1-flag-am,
.g11u6 .flag-am,
.g11u6 .flag.am,
.g11u6 .flag.flag-am,
.g11u6 .sn1-flag-am,
.g11u7 .flag-am,
.g11u7 .flag.am,
.g11u7 .flag.flag-am,
.g11u7 .sn1-flag-am,
.g12u1 .flag-am,
.g12u1 .flag.am,
.g12u1 .flag.flag-am,
.g12u1 .sn1-flag-am,
.g12u2 .flag-am,
.g12u2 .flag.am,
.g12u2 .flag.flag-am,
.g12u2 .sn1-flag-am,
.g12u3 .flag-am,
.g12u3 .flag.am,
.g12u3 .flag.flag-am,
.g12u3 .sn1-flag-am,
.g12u4 .flag-am,
.g12u4 .flag.am,
.g12u4 .flag.flag-am,
.g12u4 .sn1-flag-am,
.g12u5 .flag-am,
.g12u5 .flag.am,
.g12u5 .flag.flag-am,
.g12u5 .sn1-flag-am,
.g12note .flag-am,
.g12note .flag.am,
.g12note .flag.flag-am,
.g12note .sn1-flag-am {
  background:#dcfce7 !important; color:#14532d !important; font-weight:700 !important; padding:2px 9px !important;
  border-radius:7px !important; font-size:12.5px !important; display:inline-block !important; margin:9px 4px 5px 0 !important;
}

.sn1-wrap table,
.snoteU2 table,
.snoteU3 table,
.snoteU4 table,
.snoteU5 table,
.snoteU6 table,
.snoteU7 table,
.g10u1 table,
.g10u2 table,
.g10u3 table,
.g10u4 table,
.g10u5 table,
.g10u6 table,
.g11u1 table,
.g11u2 table,
.g11u3 table,
.g11u4 table,
.g11u5 table,
.g11u6 table,
.g11u7 table,
.g12u1 table,
.g12u2 table,
.g12u3 table,
.g12u4 table,
.g12u5 table,
.g12note table {
  width:100% !important; border-collapse:collapse !important; margin:10px 0 4px !important; font-size:13.5px !important;
  background:#fff !important; border-radius:10px !important; overflow:hidden !important;
}

.sn1-wrap th,
.snoteU2 th,
.snoteU3 th,
.snoteU4 th,
.snoteU5 th,
.snoteU6 th,
.snoteU7 th,
.g10u1 th,
.g10u2 th,
.g10u3 th,
.g10u4 th,
.g10u5 th,
.g10u6 th,
.g11u1 th,
.g11u2 th,
.g11u3 th,
.g11u4 th,
.g11u5 th,
.g11u6 th,
.g11u7 th,
.g12u1 th,
.g12u2 th,
.g12u3 th,
.g12u4 th,
.g12u5 th,
.g12note th {
  background:#0369a1 !important; color:#fff !important; padding:9px 10px !important; text-align:left !important;
}

.sn1-wrap td,
.snoteU2 td,
.snoteU3 td,
.snoteU4 td,
.snoteU5 td,
.snoteU6 td,
.snoteU7 td,
.g10u1 td,
.g10u2 td,
.g10u3 td,
.g10u4 td,
.g10u5 td,
.g10u6 td,
.g11u1 td,
.g11u2 td,
.g11u3 td,
.g11u4 td,
.g11u5 td,
.g11u6 td,
.g11u7 td,
.g12u1 td,
.g12u2 td,
.g12u3 td,
.g12u4 td,
.g12u5 td,
.g12note td {
  padding:8px 10px !important; border-bottom:1px solid #e2e8f0 !important; vertical-align:top !important; color:#1e293b !important; background:transparent !important;
}

.sn1-wrap tr:nth-child(even) td,
.snoteU2 tr:nth-child(even) td,
.snoteU3 tr:nth-child(even) td,
.snoteU4 tr:nth-child(even) td,
.snoteU5 tr:nth-child(even) td,
.snoteU6 tr:nth-child(even) td,
.snoteU7 tr:nth-child(even) td,
.g10u1 tr:nth-child(even) td,
.g10u2 tr:nth-child(even) td,
.g10u3 tr:nth-child(even) td,
.g10u4 tr:nth-child(even) td,
.g10u5 tr:nth-child(even) td,
.g10u6 tr:nth-child(even) td,
.g11u1 tr:nth-child(even) td,
.g11u2 tr:nth-child(even) td,
.g11u3 tr:nth-child(even) td,
.g11u4 tr:nth-child(even) td,
.g11u5 tr:nth-child(even) td,
.g11u6 tr:nth-child(even) td,
.g11u7 tr:nth-child(even) td,
.g12u1 tr:nth-child(even) td,
.g12u2 tr:nth-child(even) td,
.g12u3 tr:nth-child(even) td,
.g12u4 tr:nth-child(even) td,
.g12u5 tr:nth-child(even) td,
.g12note tr:nth-child(even) td {
  background:#f8fafc !important;
}

.sn1-wrap .selfcheck,
.sn1-wrap .self-check,
.snoteU2 .selfcheck,
.snoteU2 .self-check,
.snoteU3 .selfcheck,
.snoteU3 .self-check,
.snoteU4 .selfcheck,
.snoteU4 .self-check,
.snoteU5 .selfcheck,
.snoteU5 .self-check,
.snoteU6 .selfcheck,
.snoteU6 .self-check,
.snoteU7 .selfcheck,
.snoteU7 .self-check,
.g10u1 .selfcheck,
.g10u1 .self-check,
.g10u2 .selfcheck,
.g10u2 .self-check,
.g10u3 .selfcheck,
.g10u3 .self-check,
.g10u4 .selfcheck,
.g10u4 .self-check,
.g10u5 .selfcheck,
.g10u5 .self-check,
.g10u6 .selfcheck,
.g10u6 .self-check,
.g11u1 .selfcheck,
.g11u1 .self-check,
.g11u2 .selfcheck,
.g11u2 .self-check,
.g11u3 .selfcheck,
.g11u3 .self-check,
.g11u4 .selfcheck,
.g11u4 .self-check,
.g11u5 .selfcheck,
.g11u5 .self-check,
.g11u6 .selfcheck,
.g11u6 .self-check,
.g11u7 .selfcheck,
.g11u7 .self-check,
.g12u1 .selfcheck,
.g12u1 .self-check,
.g12u2 .selfcheck,
.g12u2 .self-check,
.g12u3 .selfcheck,
.g12u3 .self-check,
.g12u4 .selfcheck,
.g12u4 .self-check,
.g12u5 .selfcheck,
.g12u5 .self-check,
.g12note .selfcheck,
.g12note .self-check {
  background:#f8fafc !important; border-left:4px solid #0ea5c4 !important; padding:10px 14px !important;
  border-radius:8px !important; margin-top:12px !important; font-size:13.5px !important; color:#1e293b !important; font-style:normal !important;
}

.sn1-wrap .selfcheck b,
.sn1-wrap .self-check b,
.snoteU2 .selfcheck b,
.snoteU2 .self-check b,
.snoteU3 .selfcheck b,
.snoteU3 .self-check b,
.snoteU4 .selfcheck b,
.snoteU4 .self-check b,
.snoteU5 .selfcheck b,
.snoteU5 .self-check b,
.snoteU6 .selfcheck b,
.snoteU6 .self-check b,
.snoteU7 .selfcheck b,
.snoteU7 .self-check b,
.g10u1 .selfcheck b,
.g10u1 .self-check b,
.g10u2 .selfcheck b,
.g10u2 .self-check b,
.g10u3 .selfcheck b,
.g10u3 .self-check b,
.g10u4 .selfcheck b,
.g10u4 .self-check b,
.g10u5 .selfcheck b,
.g10u5 .self-check b,
.g10u6 .selfcheck b,
.g10u6 .self-check b,
.g11u1 .selfcheck b,
.g11u1 .self-check b,
.g11u2 .selfcheck b,
.g11u2 .self-check b,
.g11u3 .selfcheck b,
.g11u3 .self-check b,
.g11u4 .selfcheck b,
.g11u4 .self-check b,
.g11u5 .selfcheck b,
.g11u5 .self-check b,
.g11u6 .selfcheck b,
.g11u6 .self-check b,
.g11u7 .selfcheck b,
.g11u7 .self-check b,
.g12u1 .selfcheck b,
.g12u1 .self-check b,
.g12u2 .selfcheck b,
.g12u2 .self-check b,
.g12u3 .selfcheck b,
.g12u3 .self-check b,
.g12u4 .selfcheck b,
.g12u4 .self-check b,
.g12u5 .selfcheck b,
.g12u5 .self-check b,
.g12note .selfcheck b,
.g12note .self-check b {
  color:#0369a1 !important;
}

.sn1-wrap .example,
.snoteU2 .example,
.snoteU3 .example,
.snoteU4 .example,
.snoteU5 .example,
.snoteU6 .example,
.snoteU7 .example,
.g10u1 .example,
.g10u2 .example,
.g10u3 .example,
.g10u4 .example,
.g10u5 .example,
.g10u6 .example,
.g11u1 .example,
.g11u2 .example,
.g11u3 .example,
.g11u4 .example,
.g11u5 .example,
.g11u6 .example,
.g11u7 .example,
.g12u1 .example,
.g12u2 .example,
.g12u3 .example,
.g12u4 .example,
.g12u5 .example,
.g12note .example {
  background:#f8fafc !important; border:1px dashed #94a3b8 !important; border-radius:10px !important;
  padding:10px 12px !important; margin-top:8px !important; color:#1e293b !important;
}

.sn1-wrap .stepbox,
.sn1-wrap .step,
.snoteU2 .stepbox,
.snoteU2 .step,
.snoteU3 .stepbox,
.snoteU3 .step,
.snoteU4 .stepbox,
.snoteU4 .step,
.snoteU5 .stepbox,
.snoteU5 .step,
.snoteU6 .stepbox,
.snoteU6 .step,
.snoteU7 .stepbox,
.snoteU7 .step,
.g10u1 .stepbox,
.g10u1 .step,
.g10u2 .stepbox,
.g10u2 .step,
.g10u3 .stepbox,
.g10u3 .step,
.g10u4 .stepbox,
.g10u4 .step,
.g10u5 .stepbox,
.g10u5 .step,
.g10u6 .stepbox,
.g10u6 .step,
.g11u1 .stepbox,
.g11u1 .step,
.g11u2 .stepbox,
.g11u2 .step,
.g11u3 .stepbox,
.g11u3 .step,
.g11u4 .stepbox,
.g11u4 .step,
.g11u5 .stepbox,
.g11u5 .step,
.g11u6 .stepbox,
.g11u6 .step,
.g11u7 .stepbox,
.g11u7 .step,
.g12u1 .stepbox,
.g12u1 .step,
.g12u2 .stepbox,
.g12u2 .step,
.g12u3 .stepbox,
.g12u3 .step,
.g12u4 .stepbox,
.g12u4 .step,
.g12u5 .stepbox,
.g12u5 .step,
.g12note .stepbox,
.g12note .step {
  background:#fff !important; border-radius:10px !important; padding:8px 12px !important; margin:6px 0 !important;
  border-left:4px solid #0369a1 !important; color:#1e293b !important;
}

.sn1-wrap .formula-box,
.snoteU2 .formula-box,
.snoteU3 .formula-box,
.snoteU4 .formula-box,
.snoteU5 .formula-box,
.snoteU6 .formula-box,
.snoteU7 .formula-box,
.g10u1 .formula-box,
.g10u2 .formula-box,
.g10u3 .formula-box,
.g10u4 .formula-box,
.g10u5 .formula-box,
.g10u6 .formula-box,
.g11u1 .formula-box,
.g11u2 .formula-box,
.g11u3 .formula-box,
.g11u4 .formula-box,
.g11u5 .formula-box,
.g11u6 .formula-box,
.g11u7 .formula-box,
.g12u1 .formula-box,
.g12u2 .formula-box,
.g12u3 .formula-box,
.g12u4 .formula-box,
.g12u5 .formula-box,
.g12note .formula-box {
  background:#faf5ff !important; border:2px dashed #7e22ce !important; border-radius:12px !important;
  padding:10px 14px !important; text-align:center !important; margin:8px 0 !important; color:#1e293b !important;
}

.sn1-wrap .red,
.sn1-wrap .r,
.sn1-wrap .kw,
.sn1-wrap .sn1-kw,
.snoteU2 .red,
.snoteU2 .r,
.snoteU2 .kw,
.snoteU2 .sn1-kw,
.snoteU3 .red,
.snoteU3 .r,
.snoteU3 .kw,
.snoteU3 .sn1-kw,
.snoteU4 .red,
.snoteU4 .r,
.snoteU4 .kw,
.snoteU4 .sn1-kw,
.snoteU5 .red,
.snoteU5 .r,
.snoteU5 .kw,
.snoteU5 .sn1-kw,
.snoteU6 .red,
.snoteU6 .r,
.snoteU6 .kw,
.snoteU6 .sn1-kw,
.snoteU7 .red,
.snoteU7 .r,
.snoteU7 .kw,
.snoteU7 .sn1-kw,
.g10u1 .red,
.g10u1 .r,
.g10u1 .kw,
.g10u1 .sn1-kw,
.g10u2 .red,
.g10u2 .r,
.g10u2 .kw,
.g10u2 .sn1-kw,
.g10u3 .red,
.g10u3 .r,
.g10u3 .kw,
.g10u3 .sn1-kw,
.g10u4 .red,
.g10u4 .r,
.g10u4 .kw,
.g10u4 .sn1-kw,
.g10u5 .red,
.g10u5 .r,
.g10u5 .kw,
.g10u5 .sn1-kw,
.g10u6 .red,
.g10u6 .r,
.g10u6 .kw,
.g10u6 .sn1-kw,
.g11u1 .red,
.g11u1 .r,
.g11u1 .kw,
.g11u1 .sn1-kw,
.g11u2 .red,
.g11u2 .r,
.g11u2 .kw,
.g11u2 .sn1-kw,
.g11u3 .red,
.g11u3 .r,
.g11u3 .kw,
.g11u3 .sn1-kw,
.g11u4 .red,
.g11u4 .r,
.g11u4 .kw,
.g11u4 .sn1-kw,
.g11u5 .red,
.g11u5 .r,
.g11u5 .kw,
.g11u5 .sn1-kw,
.g11u6 .red,
.g11u6 .r,
.g11u6 .kw,
.g11u6 .sn1-kw,
.g11u7 .red,
.g11u7 .r,
.g11u7 .kw,
.g11u7 .sn1-kw,
.g12u1 .red,
.g12u1 .r,
.g12u1 .kw,
.g12u1 .sn1-kw,
.g12u2 .red,
.g12u2 .r,
.g12u2 .kw,
.g12u2 .sn1-kw,
.g12u3 .red,
.g12u3 .r,
.g12u3 .kw,
.g12u3 .sn1-kw,
.g12u4 .red,
.g12u4 .r,
.g12u4 .kw,
.g12u4 .sn1-kw,
.g12u5 .red,
.g12u5 .r,
.g12u5 .kw,
.g12u5 .sn1-kw,
.g12note .red,
.g12note .r,
.g12note .kw,
.g12note .sn1-kw {
  color:#dc2626 !important; font-weight:700 !important;
}

.sn1-wrap ul,
.sn1-wrap ol,
.snoteU2 ul,
.snoteU2 ol,
.snoteU3 ul,
.snoteU3 ol,
.snoteU4 ul,
.snoteU4 ol,
.snoteU5 ul,
.snoteU5 ol,
.snoteU6 ul,
.snoteU6 ol,
.snoteU7 ul,
.snoteU7 ol,
.g10u1 ul,
.g10u1 ol,
.g10u2 ul,
.g10u2 ol,
.g10u3 ul,
.g10u3 ol,
.g10u4 ul,
.g10u4 ol,
.g10u5 ul,
.g10u5 ol,
.g10u6 ul,
.g10u6 ol,
.g11u1 ul,
.g11u1 ol,
.g11u2 ul,
.g11u2 ol,
.g11u3 ul,
.g11u3 ol,
.g11u4 ul,
.g11u4 ol,
.g11u5 ul,
.g11u5 ol,
.g11u6 ul,
.g11u6 ol,
.g11u7 ul,
.g11u7 ol,
.g12u1 ul,
.g12u1 ol,
.g12u2 ul,
.g12u2 ol,
.g12u3 ul,
.g12u3 ol,
.g12u4 ul,
.g12u4 ol,
.g12u5 ul,
.g12u5 ol,
.g12note ul,
.g12note ol {
  padding-right:20px !important; padding-left:20px !important; margin:6px 0 !important;
}

.sn1-wrap li,
.snoteU2 li,
.snoteU3 li,
.snoteU4 li,
.snoteU5 li,
.snoteU6 li,
.snoteU7 li,
.g10u1 li,
.g10u2 li,
.g10u3 li,
.g10u4 li,
.g10u5 li,
.g10u6 li,
.g11u1 li,
.g11u2 li,
.g11u3 li,
.g11u4 li,
.g11u5 li,
.g11u6 li,
.g11u7 li,
.g12u1 li,
.g12u2 li,
.g12u3 li,
.g12u4 li,
.g12u5 li,
.g12note li {
  margin:4px 0 !important;
}

/* ---------------- Unified dark-mode ---------------- */

body.dark-mode .sn1-wrap, body.dark-mode .snoteU2, body.dark-mode .snoteU3, body.dark-mode .snoteU4, body.dark-mode .snoteU5, body.dark-mode .snoteU6, body.dark-mode .snoteU7, body.dark-mode .g10u1, body.dark-mode .g10u2, body.dark-mode .g10u3, body.dark-mode .g10u4, body.dark-mode .g10u5, body.dark-mode .g10u6, body.dark-mode .g11u1, body.dark-mode .g11u2, body.dark-mode .g11u3, body.dark-mode .g11u4, body.dark-mode .g11u5, body.dark-mode .g11u6, body.dark-mode .g11u7, body.dark-mode .g12u1, body.dark-mode .g12u2, body.dark-mode .g12u3, body.dark-mode .g12u4, body.dark-mode .g12u5, body.dark-mode .g12note {
  color:#e8ecef !important;
}

body.dark-mode .sn1-wrap .hero,
body.dark-mode .sn1-wrap .sn1-hero,
body.dark-mode .sn1-wrap header.hero,
body.dark-mode .snoteU2 .hero,
body.dark-mode .snoteU2 .sn1-hero,
body.dark-mode .snoteU2 header.hero,
body.dark-mode .snoteU3 .hero,
body.dark-mode .snoteU3 .sn1-hero,
body.dark-mode .snoteU3 header.hero,
body.dark-mode .snoteU4 .hero,
body.dark-mode .snoteU4 .sn1-hero,
body.dark-mode .snoteU4 header.hero,
body.dark-mode .snoteU5 .hero,
body.dark-mode .snoteU5 .sn1-hero,
body.dark-mode .snoteU5 header.hero,
body.dark-mode .snoteU6 .hero,
body.dark-mode .snoteU6 .sn1-hero,
body.dark-mode .snoteU6 header.hero,
body.dark-mode .snoteU7 .hero,
body.dark-mode .snoteU7 .sn1-hero,
body.dark-mode .snoteU7 header.hero,
body.dark-mode .g10u1 .hero,
body.dark-mode .g10u1 .sn1-hero,
body.dark-mode .g10u1 header.hero,
body.dark-mode .g10u2 .hero,
body.dark-mode .g10u2 .sn1-hero,
body.dark-mode .g10u2 header.hero,
body.dark-mode .g10u3 .hero,
body.dark-mode .g10u3 .sn1-hero,
body.dark-mode .g10u3 header.hero,
body.dark-mode .g10u4 .hero,
body.dark-mode .g10u4 .sn1-hero,
body.dark-mode .g10u4 header.hero,
body.dark-mode .g10u5 .hero,
body.dark-mode .g10u5 .sn1-hero,
body.dark-mode .g10u5 header.hero,
body.dark-mode .g10u6 .hero,
body.dark-mode .g10u6 .sn1-hero,
body.dark-mode .g10u6 header.hero,
body.dark-mode .g11u1 .hero,
body.dark-mode .g11u1 .sn1-hero,
body.dark-mode .g11u1 header.hero,
body.dark-mode .g11u2 .hero,
body.dark-mode .g11u2 .sn1-hero,
body.dark-mode .g11u2 header.hero,
body.dark-mode .g11u3 .hero,
body.dark-mode .g11u3 .sn1-hero,
body.dark-mode .g11u3 header.hero,
body.dark-mode .g11u4 .hero,
body.dark-mode .g11u4 .sn1-hero,
body.dark-mode .g11u4 header.hero,
body.dark-mode .g11u5 .hero,
body.dark-mode .g11u5 .sn1-hero,
body.dark-mode .g11u5 header.hero,
body.dark-mode .g11u6 .hero,
body.dark-mode .g11u6 .sn1-hero,
body.dark-mode .g11u6 header.hero,
body.dark-mode .g11u7 .hero,
body.dark-mode .g11u7 .sn1-hero,
body.dark-mode .g11u7 header.hero,
body.dark-mode .g12u1 .hero,
body.dark-mode .g12u1 .sn1-hero,
body.dark-mode .g12u1 header.hero,
body.dark-mode .g12u2 .hero,
body.dark-mode .g12u2 .sn1-hero,
body.dark-mode .g12u2 header.hero,
body.dark-mode .g12u3 .hero,
body.dark-mode .g12u3 .sn1-hero,
body.dark-mode .g12u3 header.hero,
body.dark-mode .g12u4 .hero,
body.dark-mode .g12u4 .sn1-hero,
body.dark-mode .g12u4 header.hero,
body.dark-mode .g12u5 .hero,
body.dark-mode .g12u5 .sn1-hero,
body.dark-mode .g12u5 header.hero,
body.dark-mode .g12note .hero,
body.dark-mode .g12note .sn1-hero,
body.dark-mode .g12note header.hero {
  box-shadow:0 6px 18px rgba(0,0,0,.45) !important;
}

body.dark-mode .sn1-wrap .box,
body.dark-mode .sn1-wrap .summary60,
body.dark-mode .sn1-wrap .summary-final,
body.dark-mode .sn1-wrap .final,
body.dark-mode .sn1-wrap .final-tips,
body.dark-mode .snoteU2 .box,
body.dark-mode .snoteU2 .summary60,
body.dark-mode .snoteU2 .summary-final,
body.dark-mode .snoteU2 .final,
body.dark-mode .snoteU2 .final-tips,
body.dark-mode .snoteU3 .box,
body.dark-mode .snoteU3 .summary60,
body.dark-mode .snoteU3 .summary-final,
body.dark-mode .snoteU3 .final,
body.dark-mode .snoteU3 .final-tips,
body.dark-mode .snoteU4 .box,
body.dark-mode .snoteU4 .summary60,
body.dark-mode .snoteU4 .summary-final,
body.dark-mode .snoteU4 .final,
body.dark-mode .snoteU4 .final-tips,
body.dark-mode .snoteU5 .box,
body.dark-mode .snoteU5 .summary60,
body.dark-mode .snoteU5 .summary-final,
body.dark-mode .snoteU5 .final,
body.dark-mode .snoteU5 .final-tips,
body.dark-mode .snoteU6 .box,
body.dark-mode .snoteU6 .summary60,
body.dark-mode .snoteU6 .summary-final,
body.dark-mode .snoteU6 .final,
body.dark-mode .snoteU6 .final-tips,
body.dark-mode .snoteU7 .box,
body.dark-mode .snoteU7 .summary60,
body.dark-mode .snoteU7 .summary-final,
body.dark-mode .snoteU7 .final,
body.dark-mode .snoteU7 .final-tips,
body.dark-mode .g10u1 .box,
body.dark-mode .g10u1 .summary60,
body.dark-mode .g10u1 .summary-final,
body.dark-mode .g10u1 .final,
body.dark-mode .g10u1 .final-tips,
body.dark-mode .g10u2 .box,
body.dark-mode .g10u2 .summary60,
body.dark-mode .g10u2 .summary-final,
body.dark-mode .g10u2 .final,
body.dark-mode .g10u2 .final-tips,
body.dark-mode .g10u3 .box,
body.dark-mode .g10u3 .summary60,
body.dark-mode .g10u3 .summary-final,
body.dark-mode .g10u3 .final,
body.dark-mode .g10u3 .final-tips,
body.dark-mode .g10u4 .box,
body.dark-mode .g10u4 .summary60,
body.dark-mode .g10u4 .summary-final,
body.dark-mode .g10u4 .final,
body.dark-mode .g10u4 .final-tips,
body.dark-mode .g10u5 .box,
body.dark-mode .g10u5 .summary60,
body.dark-mode .g10u5 .summary-final,
body.dark-mode .g10u5 .final,
body.dark-mode .g10u5 .final-tips,
body.dark-mode .g10u6 .box,
body.dark-mode .g10u6 .summary60,
body.dark-mode .g10u6 .summary-final,
body.dark-mode .g10u6 .final,
body.dark-mode .g10u6 .final-tips,
body.dark-mode .g11u1 .box,
body.dark-mode .g11u1 .summary60,
body.dark-mode .g11u1 .summary-final,
body.dark-mode .g11u1 .final,
body.dark-mode .g11u1 .final-tips,
body.dark-mode .g11u2 .box,
body.dark-mode .g11u2 .summary60,
body.dark-mode .g11u2 .summary-final,
body.dark-mode .g11u2 .final,
body.dark-mode .g11u2 .final-tips,
body.dark-mode .g11u3 .box,
body.dark-mode .g11u3 .summary60,
body.dark-mode .g11u3 .summary-final,
body.dark-mode .g11u3 .final,
body.dark-mode .g11u3 .final-tips,
body.dark-mode .g11u4 .box,
body.dark-mode .g11u4 .summary60,
body.dark-mode .g11u4 .summary-final,
body.dark-mode .g11u4 .final,
body.dark-mode .g11u4 .final-tips,
body.dark-mode .g11u5 .box,
body.dark-mode .g11u5 .summary60,
body.dark-mode .g11u5 .summary-final,
body.dark-mode .g11u5 .final,
body.dark-mode .g11u5 .final-tips,
body.dark-mode .g11u6 .box,
body.dark-mode .g11u6 .summary60,
body.dark-mode .g11u6 .summary-final,
body.dark-mode .g11u6 .final,
body.dark-mode .g11u6 .final-tips,
body.dark-mode .g11u7 .box,
body.dark-mode .g11u7 .summary60,
body.dark-mode .g11u7 .summary-final,
body.dark-mode .g11u7 .final,
body.dark-mode .g11u7 .final-tips,
body.dark-mode .g12u1 .box,
body.dark-mode .g12u1 .summary60,
body.dark-mode .g12u1 .summary-final,
body.dark-mode .g12u1 .final,
body.dark-mode .g12u1 .final-tips,
body.dark-mode .g12u2 .box,
body.dark-mode .g12u2 .summary60,
body.dark-mode .g12u2 .summary-final,
body.dark-mode .g12u2 .final,
body.dark-mode .g12u2 .final-tips,
body.dark-mode .g12u3 .box,
body.dark-mode .g12u3 .summary60,
body.dark-mode .g12u3 .summary-final,
body.dark-mode .g12u3 .final,
body.dark-mode .g12u3 .final-tips,
body.dark-mode .g12u4 .box,
body.dark-mode .g12u4 .summary60,
body.dark-mode .g12u4 .summary-final,
body.dark-mode .g12u4 .final,
body.dark-mode .g12u4 .final-tips,
body.dark-mode .g12u5 .box,
body.dark-mode .g12u5 .summary60,
body.dark-mode .g12u5 .summary-final,
body.dark-mode .g12u5 .final,
body.dark-mode .g12u5 .final-tips,
body.dark-mode .g12note .box,
body.dark-mode .g12note .summary60,
body.dark-mode .g12note .summary-final,
body.dark-mode .g12note .final,
body.dark-mode .g12note .final-tips {
  box-shadow:0 3px 10px rgba(0,0,0,.35) !important; background:#16273a !important; border-color:#5c9fe0 !important;
}

body.dark-mode .sn1-wrap .box h2,
body.dark-mode .sn1-wrap .box h3,
body.dark-mode .snoteU2 .box h2,
body.dark-mode .snoteU2 .box h3,
body.dark-mode .snoteU3 .box h2,
body.dark-mode .snoteU3 .box h3,
body.dark-mode .snoteU4 .box h2,
body.dark-mode .snoteU4 .box h3,
body.dark-mode .snoteU5 .box h2,
body.dark-mode .snoteU5 .box h3,
body.dark-mode .snoteU6 .box h2,
body.dark-mode .snoteU6 .box h3,
body.dark-mode .snoteU7 .box h2,
body.dark-mode .snoteU7 .box h3,
body.dark-mode .g10u1 .box h2,
body.dark-mode .g10u1 .box h3,
body.dark-mode .g10u2 .box h2,
body.dark-mode .g10u2 .box h3,
body.dark-mode .g10u3 .box h2,
body.dark-mode .g10u3 .box h3,
body.dark-mode .g10u4 .box h2,
body.dark-mode .g10u4 .box h3,
body.dark-mode .g10u5 .box h2,
body.dark-mode .g10u5 .box h3,
body.dark-mode .g10u6 .box h2,
body.dark-mode .g10u6 .box h3,
body.dark-mode .g11u1 .box h2,
body.dark-mode .g11u1 .box h3,
body.dark-mode .g11u2 .box h2,
body.dark-mode .g11u2 .box h3,
body.dark-mode .g11u3 .box h2,
body.dark-mode .g11u3 .box h3,
body.dark-mode .g11u4 .box h2,
body.dark-mode .g11u4 .box h3,
body.dark-mode .g11u5 .box h2,
body.dark-mode .g11u5 .box h3,
body.dark-mode .g11u6 .box h2,
body.dark-mode .g11u6 .box h3,
body.dark-mode .g11u7 .box h2,
body.dark-mode .g11u7 .box h3,
body.dark-mode .g12u1 .box h2,
body.dark-mode .g12u1 .box h3,
body.dark-mode .g12u2 .box h2,
body.dark-mode .g12u2 .box h3,
body.dark-mode .g12u3 .box h2,
body.dark-mode .g12u3 .box h3,
body.dark-mode .g12u4 .box h2,
body.dark-mode .g12u4 .box h3,
body.dark-mode .g12u5 .box h2,
body.dark-mode .g12u5 .box h3,
body.dark-mode .g12note .box h2,
body.dark-mode .g12note .box h3 {
  color:#9dc4ee !important;
}

body.dark-mode .sn1-wrap .box.recall,
body.dark-mode .sn1-wrap .recall,
body.dark-mode .snoteU2 .box.recall,
body.dark-mode .snoteU2 .recall,
body.dark-mode .snoteU3 .box.recall,
body.dark-mode .snoteU3 .recall,
body.dark-mode .snoteU4 .box.recall,
body.dark-mode .snoteU4 .recall,
body.dark-mode .snoteU5 .box.recall,
body.dark-mode .snoteU5 .recall,
body.dark-mode .snoteU6 .box.recall,
body.dark-mode .snoteU6 .recall,
body.dark-mode .snoteU7 .box.recall,
body.dark-mode .snoteU7 .recall,
body.dark-mode .g10u1 .box.recall,
body.dark-mode .g10u1 .recall,
body.dark-mode .g10u2 .box.recall,
body.dark-mode .g10u2 .recall,
body.dark-mode .g10u3 .box.recall,
body.dark-mode .g10u3 .recall,
body.dark-mode .g10u4 .box.recall,
body.dark-mode .g10u4 .recall,
body.dark-mode .g10u5 .box.recall,
body.dark-mode .g10u5 .recall,
body.dark-mode .g10u6 .box.recall,
body.dark-mode .g10u6 .recall,
body.dark-mode .g11u1 .box.recall,
body.dark-mode .g11u1 .recall,
body.dark-mode .g11u2 .box.recall,
body.dark-mode .g11u2 .recall,
body.dark-mode .g11u3 .box.recall,
body.dark-mode .g11u3 .recall,
body.dark-mode .g11u4 .box.recall,
body.dark-mode .g11u4 .recall,
body.dark-mode .g11u5 .box.recall,
body.dark-mode .g11u5 .recall,
body.dark-mode .g11u6 .box.recall,
body.dark-mode .g11u6 .recall,
body.dark-mode .g11u7 .box.recall,
body.dark-mode .g11u7 .recall,
body.dark-mode .g12u1 .box.recall,
body.dark-mode .g12u1 .recall,
body.dark-mode .g12u2 .box.recall,
body.dark-mode .g12u2 .recall,
body.dark-mode .g12u3 .box.recall,
body.dark-mode .g12u3 .recall,
body.dark-mode .g12u4 .box.recall,
body.dark-mode .g12u4 .recall,
body.dark-mode .g12u5 .box.recall,
body.dark-mode .g12u5 .recall,
body.dark-mode .g12note .box.recall,
body.dark-mode .g12note .recall {
  background:#16273a !important; border-color:#5c9fe0 !important;
}

body.dark-mode .sn1-wrap .box.recall h2,
body.dark-mode .sn1-wrap .recall h2,
body.dark-mode .sn1-wrap .box.recall h3,
body.dark-mode .sn1-wrap .recall h3,
body.dark-mode .snoteU2 .box.recall h2,
body.dark-mode .snoteU2 .recall h2,
body.dark-mode .snoteU2 .box.recall h3,
body.dark-mode .snoteU2 .recall h3,
body.dark-mode .snoteU3 .box.recall h2,
body.dark-mode .snoteU3 .recall h2,
body.dark-mode .snoteU3 .box.recall h3,
body.dark-mode .snoteU3 .recall h3,
body.dark-mode .snoteU4 .box.recall h2,
body.dark-mode .snoteU4 .recall h2,
body.dark-mode .snoteU4 .box.recall h3,
body.dark-mode .snoteU4 .recall h3,
body.dark-mode .snoteU5 .box.recall h2,
body.dark-mode .snoteU5 .recall h2,
body.dark-mode .snoteU5 .box.recall h3,
body.dark-mode .snoteU5 .recall h3,
body.dark-mode .snoteU6 .box.recall h2,
body.dark-mode .snoteU6 .recall h2,
body.dark-mode .snoteU6 .box.recall h3,
body.dark-mode .snoteU6 .recall h3,
body.dark-mode .snoteU7 .box.recall h2,
body.dark-mode .snoteU7 .recall h2,
body.dark-mode .snoteU7 .box.recall h3,
body.dark-mode .snoteU7 .recall h3,
body.dark-mode .g10u1 .box.recall h2,
body.dark-mode .g10u1 .recall h2,
body.dark-mode .g10u1 .box.recall h3,
body.dark-mode .g10u1 .recall h3,
body.dark-mode .g10u2 .box.recall h2,
body.dark-mode .g10u2 .recall h2,
body.dark-mode .g10u2 .box.recall h3,
body.dark-mode .g10u2 .recall h3,
body.dark-mode .g10u3 .box.recall h2,
body.dark-mode .g10u3 .recall h2,
body.dark-mode .g10u3 .box.recall h3,
body.dark-mode .g10u3 .recall h3,
body.dark-mode .g10u4 .box.recall h2,
body.dark-mode .g10u4 .recall h2,
body.dark-mode .g10u4 .box.recall h3,
body.dark-mode .g10u4 .recall h3,
body.dark-mode .g10u5 .box.recall h2,
body.dark-mode .g10u5 .recall h2,
body.dark-mode .g10u5 .box.recall h3,
body.dark-mode .g10u5 .recall h3,
body.dark-mode .g10u6 .box.recall h2,
body.dark-mode .g10u6 .recall h2,
body.dark-mode .g10u6 .box.recall h3,
body.dark-mode .g10u6 .recall h3,
body.dark-mode .g11u1 .box.recall h2,
body.dark-mode .g11u1 .recall h2,
body.dark-mode .g11u1 .box.recall h3,
body.dark-mode .g11u1 .recall h3,
body.dark-mode .g11u2 .box.recall h2,
body.dark-mode .g11u2 .recall h2,
body.dark-mode .g11u2 .box.recall h3,
body.dark-mode .g11u2 .recall h3,
body.dark-mode .g11u3 .box.recall h2,
body.dark-mode .g11u3 .recall h2,
body.dark-mode .g11u3 .box.recall h3,
body.dark-mode .g11u3 .recall h3,
body.dark-mode .g11u4 .box.recall h2,
body.dark-mode .g11u4 .recall h2,
body.dark-mode .g11u4 .box.recall h3,
body.dark-mode .g11u4 .recall h3,
body.dark-mode .g11u5 .box.recall h2,
body.dark-mode .g11u5 .recall h2,
body.dark-mode .g11u5 .box.recall h3,
body.dark-mode .g11u5 .recall h3,
body.dark-mode .g11u6 .box.recall h2,
body.dark-mode .g11u6 .recall h2,
body.dark-mode .g11u6 .box.recall h3,
body.dark-mode .g11u6 .recall h3,
body.dark-mode .g11u7 .box.recall h2,
body.dark-mode .g11u7 .recall h2,
body.dark-mode .g11u7 .box.recall h3,
body.dark-mode .g11u7 .recall h3,
body.dark-mode .g12u1 .box.recall h2,
body.dark-mode .g12u1 .recall h2,
body.dark-mode .g12u1 .box.recall h3,
body.dark-mode .g12u1 .recall h3,
body.dark-mode .g12u2 .box.recall h2,
body.dark-mode .g12u2 .recall h2,
body.dark-mode .g12u2 .box.recall h3,
body.dark-mode .g12u2 .recall h3,
body.dark-mode .g12u3 .box.recall h2,
body.dark-mode .g12u3 .recall h2,
body.dark-mode .g12u3 .box.recall h3,
body.dark-mode .g12u3 .recall h3,
body.dark-mode .g12u4 .box.recall h2,
body.dark-mode .g12u4 .recall h2,
body.dark-mode .g12u4 .box.recall h3,
body.dark-mode .g12u4 .recall h3,
body.dark-mode .g12u5 .box.recall h2,
body.dark-mode .g12u5 .recall h2,
body.dark-mode .g12u5 .box.recall h3,
body.dark-mode .g12u5 .recall h3,
body.dark-mode .g12note .box.recall h2,
body.dark-mode .g12note .recall h2,
body.dark-mode .g12note .box.recall h3,
body.dark-mode .g12note .recall h3 {
  color:#9dc4ee !important;
}

body.dark-mode .sn1-wrap .box.master,
body.dark-mode .sn1-wrap .master,
body.dark-mode .sn1-wrap .box.masterkey,
body.dark-mode .sn1-wrap .masterkey,
body.dark-mode .snoteU2 .box.master,
body.dark-mode .snoteU2 .master,
body.dark-mode .snoteU2 .box.masterkey,
body.dark-mode .snoteU2 .masterkey,
body.dark-mode .snoteU3 .box.master,
body.dark-mode .snoteU3 .master,
body.dark-mode .snoteU3 .box.masterkey,
body.dark-mode .snoteU3 .masterkey,
body.dark-mode .snoteU4 .box.master,
body.dark-mode .snoteU4 .master,
body.dark-mode .snoteU4 .box.masterkey,
body.dark-mode .snoteU4 .masterkey,
body.dark-mode .snoteU5 .box.master,
body.dark-mode .snoteU5 .master,
body.dark-mode .snoteU5 .box.masterkey,
body.dark-mode .snoteU5 .masterkey,
body.dark-mode .snoteU6 .box.master,
body.dark-mode .snoteU6 .master,
body.dark-mode .snoteU6 .box.masterkey,
body.dark-mode .snoteU6 .masterkey,
body.dark-mode .snoteU7 .box.master,
body.dark-mode .snoteU7 .master,
body.dark-mode .snoteU7 .box.masterkey,
body.dark-mode .snoteU7 .masterkey,
body.dark-mode .g10u1 .box.master,
body.dark-mode .g10u1 .master,
body.dark-mode .g10u1 .box.masterkey,
body.dark-mode .g10u1 .masterkey,
body.dark-mode .g10u2 .box.master,
body.dark-mode .g10u2 .master,
body.dark-mode .g10u2 .box.masterkey,
body.dark-mode .g10u2 .masterkey,
body.dark-mode .g10u3 .box.master,
body.dark-mode .g10u3 .master,
body.dark-mode .g10u3 .box.masterkey,
body.dark-mode .g10u3 .masterkey,
body.dark-mode .g10u4 .box.master,
body.dark-mode .g10u4 .master,
body.dark-mode .g10u4 .box.masterkey,
body.dark-mode .g10u4 .masterkey,
body.dark-mode .g10u5 .box.master,
body.dark-mode .g10u5 .master,
body.dark-mode .g10u5 .box.masterkey,
body.dark-mode .g10u5 .masterkey,
body.dark-mode .g10u6 .box.master,
body.dark-mode .g10u6 .master,
body.dark-mode .g10u6 .box.masterkey,
body.dark-mode .g10u6 .masterkey,
body.dark-mode .g11u1 .box.master,
body.dark-mode .g11u1 .master,
body.dark-mode .g11u1 .box.masterkey,
body.dark-mode .g11u1 .masterkey,
body.dark-mode .g11u2 .box.master,
body.dark-mode .g11u2 .master,
body.dark-mode .g11u2 .box.masterkey,
body.dark-mode .g11u2 .masterkey,
body.dark-mode .g11u3 .box.master,
body.dark-mode .g11u3 .master,
body.dark-mode .g11u3 .box.masterkey,
body.dark-mode .g11u3 .masterkey,
body.dark-mode .g11u4 .box.master,
body.dark-mode .g11u4 .master,
body.dark-mode .g11u4 .box.masterkey,
body.dark-mode .g11u4 .masterkey,
body.dark-mode .g11u5 .box.master,
body.dark-mode .g11u5 .master,
body.dark-mode .g11u5 .box.masterkey,
body.dark-mode .g11u5 .masterkey,
body.dark-mode .g11u6 .box.master,
body.dark-mode .g11u6 .master,
body.dark-mode .g11u6 .box.masterkey,
body.dark-mode .g11u6 .masterkey,
body.dark-mode .g11u7 .box.master,
body.dark-mode .g11u7 .master,
body.dark-mode .g11u7 .box.masterkey,
body.dark-mode .g11u7 .masterkey,
body.dark-mode .g12u1 .box.master,
body.dark-mode .g12u1 .master,
body.dark-mode .g12u1 .box.masterkey,
body.dark-mode .g12u1 .masterkey,
body.dark-mode .g12u2 .box.master,
body.dark-mode .g12u2 .master,
body.dark-mode .g12u2 .box.masterkey,
body.dark-mode .g12u2 .masterkey,
body.dark-mode .g12u3 .box.master,
body.dark-mode .g12u3 .master,
body.dark-mode .g12u3 .box.masterkey,
body.dark-mode .g12u3 .masterkey,
body.dark-mode .g12u4 .box.master,
body.dark-mode .g12u4 .master,
body.dark-mode .g12u4 .box.masterkey,
body.dark-mode .g12u4 .masterkey,
body.dark-mode .g12u5 .box.master,
body.dark-mode .g12u5 .master,
body.dark-mode .g12u5 .box.masterkey,
body.dark-mode .g12u5 .masterkey,
body.dark-mode .g12note .box.master,
body.dark-mode .g12note .master,
body.dark-mode .g12note .box.masterkey,
body.dark-mode .g12note .masterkey {
  background:linear-gradient(135deg,#10221f,#0f2a2a) !important; border-color:#2fd2d2 !important;
}

body.dark-mode .sn1-wrap .box.master h2,
body.dark-mode .sn1-wrap .master h2,
body.dark-mode .sn1-wrap .box.master h3,
body.dark-mode .sn1-wrap .master h3,
body.dark-mode .sn1-wrap .box.masterkey h2,
body.dark-mode .sn1-wrap .masterkey h2,
body.dark-mode .sn1-wrap .box.masterkey h3,
body.dark-mode .sn1-wrap .masterkey h3,
body.dark-mode .snoteU2 .box.master h2,
body.dark-mode .snoteU2 .master h2,
body.dark-mode .snoteU2 .box.master h3,
body.dark-mode .snoteU2 .master h3,
body.dark-mode .snoteU2 .box.masterkey h2,
body.dark-mode .snoteU2 .masterkey h2,
body.dark-mode .snoteU2 .box.masterkey h3,
body.dark-mode .snoteU2 .masterkey h3,
body.dark-mode .snoteU3 .box.master h2,
body.dark-mode .snoteU3 .master h2,
body.dark-mode .snoteU3 .box.master h3,
body.dark-mode .snoteU3 .master h3,
body.dark-mode .snoteU3 .box.masterkey h2,
body.dark-mode .snoteU3 .masterkey h2,
body.dark-mode .snoteU3 .box.masterkey h3,
body.dark-mode .snoteU3 .masterkey h3,
body.dark-mode .snoteU4 .box.master h2,
body.dark-mode .snoteU4 .master h2,
body.dark-mode .snoteU4 .box.master h3,
body.dark-mode .snoteU4 .master h3,
body.dark-mode .snoteU4 .box.masterkey h2,
body.dark-mode .snoteU4 .masterkey h2,
body.dark-mode .snoteU4 .box.masterkey h3,
body.dark-mode .snoteU4 .masterkey h3,
body.dark-mode .snoteU5 .box.master h2,
body.dark-mode .snoteU5 .master h2,
body.dark-mode .snoteU5 .box.master h3,
body.dark-mode .snoteU5 .master h3,
body.dark-mode .snoteU5 .box.masterkey h2,
body.dark-mode .snoteU5 .masterkey h2,
body.dark-mode .snoteU5 .box.masterkey h3,
body.dark-mode .snoteU5 .masterkey h3,
body.dark-mode .snoteU6 .box.master h2,
body.dark-mode .snoteU6 .master h2,
body.dark-mode .snoteU6 .box.master h3,
body.dark-mode .snoteU6 .master h3,
body.dark-mode .snoteU6 .box.masterkey h2,
body.dark-mode .snoteU6 .masterkey h2,
body.dark-mode .snoteU6 .box.masterkey h3,
body.dark-mode .snoteU6 .masterkey h3,
body.dark-mode .snoteU7 .box.master h2,
body.dark-mode .snoteU7 .master h2,
body.dark-mode .snoteU7 .box.master h3,
body.dark-mode .snoteU7 .master h3,
body.dark-mode .snoteU7 .box.masterkey h2,
body.dark-mode .snoteU7 .masterkey h2,
body.dark-mode .snoteU7 .box.masterkey h3,
body.dark-mode .snoteU7 .masterkey h3,
body.dark-mode .g10u1 .box.master h2,
body.dark-mode .g10u1 .master h2,
body.dark-mode .g10u1 .box.master h3,
body.dark-mode .g10u1 .master h3,
body.dark-mode .g10u1 .box.masterkey h2,
body.dark-mode .g10u1 .masterkey h2,
body.dark-mode .g10u1 .box.masterkey h3,
body.dark-mode .g10u1 .masterkey h3,
body.dark-mode .g10u2 .box.master h2,
body.dark-mode .g10u2 .master h2,
body.dark-mode .g10u2 .box.master h3,
body.dark-mode .g10u2 .master h3,
body.dark-mode .g10u2 .box.masterkey h2,
body.dark-mode .g10u2 .masterkey h2,
body.dark-mode .g10u2 .box.masterkey h3,
body.dark-mode .g10u2 .masterkey h3,
body.dark-mode .g10u3 .box.master h2,
body.dark-mode .g10u3 .master h2,
body.dark-mode .g10u3 .box.master h3,
body.dark-mode .g10u3 .master h3,
body.dark-mode .g10u3 .box.masterkey h2,
body.dark-mode .g10u3 .masterkey h2,
body.dark-mode .g10u3 .box.masterkey h3,
body.dark-mode .g10u3 .masterkey h3,
body.dark-mode .g10u4 .box.master h2,
body.dark-mode .g10u4 .master h2,
body.dark-mode .g10u4 .box.master h3,
body.dark-mode .g10u4 .master h3,
body.dark-mode .g10u4 .box.masterkey h2,
body.dark-mode .g10u4 .masterkey h2,
body.dark-mode .g10u4 .box.masterkey h3,
body.dark-mode .g10u4 .masterkey h3,
body.dark-mode .g10u5 .box.master h2,
body.dark-mode .g10u5 .master h2,
body.dark-mode .g10u5 .box.master h3,
body.dark-mode .g10u5 .master h3,
body.dark-mode .g10u5 .box.masterkey h2,
body.dark-mode .g10u5 .masterkey h2,
body.dark-mode .g10u5 .box.masterkey h3,
body.dark-mode .g10u5 .masterkey h3,
body.dark-mode .g10u6 .box.master h2,
body.dark-mode .g10u6 .master h2,
body.dark-mode .g10u6 .box.master h3,
body.dark-mode .g10u6 .master h3,
body.dark-mode .g10u6 .box.masterkey h2,
body.dark-mode .g10u6 .masterkey h2,
body.dark-mode .g10u6 .box.masterkey h3,
body.dark-mode .g10u6 .masterkey h3,
body.dark-mode .g11u1 .box.master h2,
body.dark-mode .g11u1 .master h2,
body.dark-mode .g11u1 .box.master h3,
body.dark-mode .g11u1 .master h3,
body.dark-mode .g11u1 .box.masterkey h2,
body.dark-mode .g11u1 .masterkey h2,
body.dark-mode .g11u1 .box.masterkey h3,
body.dark-mode .g11u1 .masterkey h3,
body.dark-mode .g11u2 .box.master h2,
body.dark-mode .g11u2 .master h2,
body.dark-mode .g11u2 .box.master h3,
body.dark-mode .g11u2 .master h3,
body.dark-mode .g11u2 .box.masterkey h2,
body.dark-mode .g11u2 .masterkey h2,
body.dark-mode .g11u2 .box.masterkey h3,
body.dark-mode .g11u2 .masterkey h3,
body.dark-mode .g11u3 .box.master h2,
body.dark-mode .g11u3 .master h2,
body.dark-mode .g11u3 .box.master h3,
body.dark-mode .g11u3 .master h3,
body.dark-mode .g11u3 .box.masterkey h2,
body.dark-mode .g11u3 .masterkey h2,
body.dark-mode .g11u3 .box.masterkey h3,
body.dark-mode .g11u3 .masterkey h3,
body.dark-mode .g11u4 .box.master h2,
body.dark-mode .g11u4 .master h2,
body.dark-mode .g11u4 .box.master h3,
body.dark-mode .g11u4 .master h3,
body.dark-mode .g11u4 .box.masterkey h2,
body.dark-mode .g11u4 .masterkey h2,
body.dark-mode .g11u4 .box.masterkey h3,
body.dark-mode .g11u4 .masterkey h3,
body.dark-mode .g11u5 .box.master h2,
body.dark-mode .g11u5 .master h2,
body.dark-mode .g11u5 .box.master h3,
body.dark-mode .g11u5 .master h3,
body.dark-mode .g11u5 .box.masterkey h2,
body.dark-mode .g11u5 .masterkey h2,
body.dark-mode .g11u5 .box.masterkey h3,
body.dark-mode .g11u5 .masterkey h3,
body.dark-mode .g11u6 .box.master h2,
body.dark-mode .g11u6 .master h2,
body.dark-mode .g11u6 .box.master h3,
body.dark-mode .g11u6 .master h3,
body.dark-mode .g11u6 .box.masterkey h2,
body.dark-mode .g11u6 .masterkey h2,
body.dark-mode .g11u6 .box.masterkey h3,
body.dark-mode .g11u6 .masterkey h3,
body.dark-mode .g11u7 .box.master h2,
body.dark-mode .g11u7 .master h2,
body.dark-mode .g11u7 .box.master h3,
body.dark-mode .g11u7 .master h3,
body.dark-mode .g11u7 .box.masterkey h2,
body.dark-mode .g11u7 .masterkey h2,
body.dark-mode .g11u7 .box.masterkey h3,
body.dark-mode .g11u7 .masterkey h3,
body.dark-mode .g12u1 .box.master h2,
body.dark-mode .g12u1 .master h2,
body.dark-mode .g12u1 .box.master h3,
body.dark-mode .g12u1 .master h3,
body.dark-mode .g12u1 .box.masterkey h2,
body.dark-mode .g12u1 .masterkey h2,
body.dark-mode .g12u1 .box.masterkey h3,
body.dark-mode .g12u1 .masterkey h3,
body.dark-mode .g12u2 .box.master h2,
body.dark-mode .g12u2 .master h2,
body.dark-mode .g12u2 .box.master h3,
body.dark-mode .g12u2 .master h3,
body.dark-mode .g12u2 .box.masterkey h2,
body.dark-mode .g12u2 .masterkey h2,
body.dark-mode .g12u2 .box.masterkey h3,
body.dark-mode .g12u2 .masterkey h3,
body.dark-mode .g12u3 .box.master h2,
body.dark-mode .g12u3 .master h2,
body.dark-mode .g12u3 .box.master h3,
body.dark-mode .g12u3 .master h3,
body.dark-mode .g12u3 .box.masterkey h2,
body.dark-mode .g12u3 .masterkey h2,
body.dark-mode .g12u3 .box.masterkey h3,
body.dark-mode .g12u3 .masterkey h3,
body.dark-mode .g12u4 .box.master h2,
body.dark-mode .g12u4 .master h2,
body.dark-mode .g12u4 .box.master h3,
body.dark-mode .g12u4 .master h3,
body.dark-mode .g12u4 .box.masterkey h2,
body.dark-mode .g12u4 .masterkey h2,
body.dark-mode .g12u4 .box.masterkey h3,
body.dark-mode .g12u4 .masterkey h3,
body.dark-mode .g12u5 .box.master h2,
body.dark-mode .g12u5 .master h2,
body.dark-mode .g12u5 .box.master h3,
body.dark-mode .g12u5 .master h3,
body.dark-mode .g12u5 .box.masterkey h2,
body.dark-mode .g12u5 .masterkey h2,
body.dark-mode .g12u5 .box.masterkey h3,
body.dark-mode .g12u5 .masterkey h3,
body.dark-mode .g12note .box.master h2,
body.dark-mode .g12note .master h2,
body.dark-mode .g12note .box.master h3,
body.dark-mode .g12note .master h3,
body.dark-mode .g12note .box.masterkey h2,
body.dark-mode .g12note .masterkey h2,
body.dark-mode .g12note .box.masterkey h3,
body.dark-mode .g12note .masterkey h3 {
  color:#5eead4 !important;
}

body.dark-mode .sn1-wrap .box.explain,
body.dark-mode .sn1-wrap .explain,
body.dark-mode .snoteU2 .box.explain,
body.dark-mode .snoteU2 .explain,
body.dark-mode .snoteU3 .box.explain,
body.dark-mode .snoteU3 .explain,
body.dark-mode .snoteU4 .box.explain,
body.dark-mode .snoteU4 .explain,
body.dark-mode .snoteU5 .box.explain,
body.dark-mode .snoteU5 .explain,
body.dark-mode .snoteU6 .box.explain,
body.dark-mode .snoteU6 .explain,
body.dark-mode .snoteU7 .box.explain,
body.dark-mode .snoteU7 .explain,
body.dark-mode .g10u1 .box.explain,
body.dark-mode .g10u1 .explain,
body.dark-mode .g10u2 .box.explain,
body.dark-mode .g10u2 .explain,
body.dark-mode .g10u3 .box.explain,
body.dark-mode .g10u3 .explain,
body.dark-mode .g10u4 .box.explain,
body.dark-mode .g10u4 .explain,
body.dark-mode .g10u5 .box.explain,
body.dark-mode .g10u5 .explain,
body.dark-mode .g10u6 .box.explain,
body.dark-mode .g10u6 .explain,
body.dark-mode .g11u1 .box.explain,
body.dark-mode .g11u1 .explain,
body.dark-mode .g11u2 .box.explain,
body.dark-mode .g11u2 .explain,
body.dark-mode .g11u3 .box.explain,
body.dark-mode .g11u3 .explain,
body.dark-mode .g11u4 .box.explain,
body.dark-mode .g11u4 .explain,
body.dark-mode .g11u5 .box.explain,
body.dark-mode .g11u5 .explain,
body.dark-mode .g11u6 .box.explain,
body.dark-mode .g11u6 .explain,
body.dark-mode .g11u7 .box.explain,
body.dark-mode .g11u7 .explain,
body.dark-mode .g12u1 .box.explain,
body.dark-mode .g12u1 .explain,
body.dark-mode .g12u2 .box.explain,
body.dark-mode .g12u2 .explain,
body.dark-mode .g12u3 .box.explain,
body.dark-mode .g12u3 .explain,
body.dark-mode .g12u4 .box.explain,
body.dark-mode .g12u4 .explain,
body.dark-mode .g12u5 .box.explain,
body.dark-mode .g12u5 .explain,
body.dark-mode .g12note .box.explain,
body.dark-mode .g12note .explain {
  background:#16273a !important; border-color:#5c9fe0 !important;
}

body.dark-mode .sn1-wrap .box.explain h2,
body.dark-mode .sn1-wrap .explain h2,
body.dark-mode .sn1-wrap .box.explain h3,
body.dark-mode .sn1-wrap .explain h3,
body.dark-mode .snoteU2 .box.explain h2,
body.dark-mode .snoteU2 .explain h2,
body.dark-mode .snoteU2 .box.explain h3,
body.dark-mode .snoteU2 .explain h3,
body.dark-mode .snoteU3 .box.explain h2,
body.dark-mode .snoteU3 .explain h2,
body.dark-mode .snoteU3 .box.explain h3,
body.dark-mode .snoteU3 .explain h3,
body.dark-mode .snoteU4 .box.explain h2,
body.dark-mode .snoteU4 .explain h2,
body.dark-mode .snoteU4 .box.explain h3,
body.dark-mode .snoteU4 .explain h3,
body.dark-mode .snoteU5 .box.explain h2,
body.dark-mode .snoteU5 .explain h2,
body.dark-mode .snoteU5 .box.explain h3,
body.dark-mode .snoteU5 .explain h3,
body.dark-mode .snoteU6 .box.explain h2,
body.dark-mode .snoteU6 .explain h2,
body.dark-mode .snoteU6 .box.explain h3,
body.dark-mode .snoteU6 .explain h3,
body.dark-mode .snoteU7 .box.explain h2,
body.dark-mode .snoteU7 .explain h2,
body.dark-mode .snoteU7 .box.explain h3,
body.dark-mode .snoteU7 .explain h3,
body.dark-mode .g10u1 .box.explain h2,
body.dark-mode .g10u1 .explain h2,
body.dark-mode .g10u1 .box.explain h3,
body.dark-mode .g10u1 .explain h3,
body.dark-mode .g10u2 .box.explain h2,
body.dark-mode .g10u2 .explain h2,
body.dark-mode .g10u2 .box.explain h3,
body.dark-mode .g10u2 .explain h3,
body.dark-mode .g10u3 .box.explain h2,
body.dark-mode .g10u3 .explain h2,
body.dark-mode .g10u3 .box.explain h3,
body.dark-mode .g10u3 .explain h3,
body.dark-mode .g10u4 .box.explain h2,
body.dark-mode .g10u4 .explain h2,
body.dark-mode .g10u4 .box.explain h3,
body.dark-mode .g10u4 .explain h3,
body.dark-mode .g10u5 .box.explain h2,
body.dark-mode .g10u5 .explain h2,
body.dark-mode .g10u5 .box.explain h3,
body.dark-mode .g10u5 .explain h3,
body.dark-mode .g10u6 .box.explain h2,
body.dark-mode .g10u6 .explain h2,
body.dark-mode .g10u6 .box.explain h3,
body.dark-mode .g10u6 .explain h3,
body.dark-mode .g11u1 .box.explain h2,
body.dark-mode .g11u1 .explain h2,
body.dark-mode .g11u1 .box.explain h3,
body.dark-mode .g11u1 .explain h3,
body.dark-mode .g11u2 .box.explain h2,
body.dark-mode .g11u2 .explain h2,
body.dark-mode .g11u2 .box.explain h3,
body.dark-mode .g11u2 .explain h3,
body.dark-mode .g11u3 .box.explain h2,
body.dark-mode .g11u3 .explain h2,
body.dark-mode .g11u3 .box.explain h3,
body.dark-mode .g11u3 .explain h3,
body.dark-mode .g11u4 .box.explain h2,
body.dark-mode .g11u4 .explain h2,
body.dark-mode .g11u4 .box.explain h3,
body.dark-mode .g11u4 .explain h3,
body.dark-mode .g11u5 .box.explain h2,
body.dark-mode .g11u5 .explain h2,
body.dark-mode .g11u5 .box.explain h3,
body.dark-mode .g11u5 .explain h3,
body.dark-mode .g11u6 .box.explain h2,
body.dark-mode .g11u6 .explain h2,
body.dark-mode .g11u6 .box.explain h3,
body.dark-mode .g11u6 .explain h3,
body.dark-mode .g11u7 .box.explain h2,
body.dark-mode .g11u7 .explain h2,
body.dark-mode .g11u7 .box.explain h3,
body.dark-mode .g11u7 .explain h3,
body.dark-mode .g12u1 .box.explain h2,
body.dark-mode .g12u1 .explain h2,
body.dark-mode .g12u1 .box.explain h3,
body.dark-mode .g12u1 .explain h3,
body.dark-mode .g12u2 .box.explain h2,
body.dark-mode .g12u2 .explain h2,
body.dark-mode .g12u2 .box.explain h3,
body.dark-mode .g12u2 .explain h3,
body.dark-mode .g12u3 .box.explain h2,
body.dark-mode .g12u3 .explain h2,
body.dark-mode .g12u3 .box.explain h3,
body.dark-mode .g12u3 .explain h3,
body.dark-mode .g12u4 .box.explain h2,
body.dark-mode .g12u4 .explain h2,
body.dark-mode .g12u4 .box.explain h3,
body.dark-mode .g12u4 .explain h3,
body.dark-mode .g12u5 .box.explain h2,
body.dark-mode .g12u5 .explain h2,
body.dark-mode .g12u5 .box.explain h3,
body.dark-mode .g12u5 .explain h3,
body.dark-mode .g12note .box.explain h2,
body.dark-mode .g12note .explain h2,
body.dark-mode .g12note .box.explain h3,
body.dark-mode .g12note .explain h3 {
  color:#9dc4ee !important;
}

body.dark-mode .sn1-wrap .box.trick,
body.dark-mode .sn1-wrap .trick,
body.dark-mode .snoteU2 .box.trick,
body.dark-mode .snoteU2 .trick,
body.dark-mode .snoteU3 .box.trick,
body.dark-mode .snoteU3 .trick,
body.dark-mode .snoteU4 .box.trick,
body.dark-mode .snoteU4 .trick,
body.dark-mode .snoteU5 .box.trick,
body.dark-mode .snoteU5 .trick,
body.dark-mode .snoteU6 .box.trick,
body.dark-mode .snoteU6 .trick,
body.dark-mode .snoteU7 .box.trick,
body.dark-mode .snoteU7 .trick,
body.dark-mode .g10u1 .box.trick,
body.dark-mode .g10u1 .trick,
body.dark-mode .g10u2 .box.trick,
body.dark-mode .g10u2 .trick,
body.dark-mode .g10u3 .box.trick,
body.dark-mode .g10u3 .trick,
body.dark-mode .g10u4 .box.trick,
body.dark-mode .g10u4 .trick,
body.dark-mode .g10u5 .box.trick,
body.dark-mode .g10u5 .trick,
body.dark-mode .g10u6 .box.trick,
body.dark-mode .g10u6 .trick,
body.dark-mode .g11u1 .box.trick,
body.dark-mode .g11u1 .trick,
body.dark-mode .g11u2 .box.trick,
body.dark-mode .g11u2 .trick,
body.dark-mode .g11u3 .box.trick,
body.dark-mode .g11u3 .trick,
body.dark-mode .g11u4 .box.trick,
body.dark-mode .g11u4 .trick,
body.dark-mode .g11u5 .box.trick,
body.dark-mode .g11u5 .trick,
body.dark-mode .g11u6 .box.trick,
body.dark-mode .g11u6 .trick,
body.dark-mode .g11u7 .box.trick,
body.dark-mode .g11u7 .trick,
body.dark-mode .g12u1 .box.trick,
body.dark-mode .g12u1 .trick,
body.dark-mode .g12u2 .box.trick,
body.dark-mode .g12u2 .trick,
body.dark-mode .g12u3 .box.trick,
body.dark-mode .g12u3 .trick,
body.dark-mode .g12u4 .box.trick,
body.dark-mode .g12u4 .trick,
body.dark-mode .g12u5 .box.trick,
body.dark-mode .g12u5 .trick,
body.dark-mode .g12note .box.trick,
body.dark-mode .g12note .trick {
  background:#173322 !important; border-color:#4CAF77 !important;
}

body.dark-mode .sn1-wrap .box.trick h2,
body.dark-mode .sn1-wrap .trick h2,
body.dark-mode .sn1-wrap .box.trick h3,
body.dark-mode .sn1-wrap .trick h3,
body.dark-mode .snoteU2 .box.trick h2,
body.dark-mode .snoteU2 .trick h2,
body.dark-mode .snoteU2 .box.trick h3,
body.dark-mode .snoteU2 .trick h3,
body.dark-mode .snoteU3 .box.trick h2,
body.dark-mode .snoteU3 .trick h2,
body.dark-mode .snoteU3 .box.trick h3,
body.dark-mode .snoteU3 .trick h3,
body.dark-mode .snoteU4 .box.trick h2,
body.dark-mode .snoteU4 .trick h2,
body.dark-mode .snoteU4 .box.trick h3,
body.dark-mode .snoteU4 .trick h3,
body.dark-mode .snoteU5 .box.trick h2,
body.dark-mode .snoteU5 .trick h2,
body.dark-mode .snoteU5 .box.trick h3,
body.dark-mode .snoteU5 .trick h3,
body.dark-mode .snoteU6 .box.trick h2,
body.dark-mode .snoteU6 .trick h2,
body.dark-mode .snoteU6 .box.trick h3,
body.dark-mode .snoteU6 .trick h3,
body.dark-mode .snoteU7 .box.trick h2,
body.dark-mode .snoteU7 .trick h2,
body.dark-mode .snoteU7 .box.trick h3,
body.dark-mode .snoteU7 .trick h3,
body.dark-mode .g10u1 .box.trick h2,
body.dark-mode .g10u1 .trick h2,
body.dark-mode .g10u1 .box.trick h3,
body.dark-mode .g10u1 .trick h3,
body.dark-mode .g10u2 .box.trick h2,
body.dark-mode .g10u2 .trick h2,
body.dark-mode .g10u2 .box.trick h3,
body.dark-mode .g10u2 .trick h3,
body.dark-mode .g10u3 .box.trick h2,
body.dark-mode .g10u3 .trick h2,
body.dark-mode .g10u3 .box.trick h3,
body.dark-mode .g10u3 .trick h3,
body.dark-mode .g10u4 .box.trick h2,
body.dark-mode .g10u4 .trick h2,
body.dark-mode .g10u4 .box.trick h3,
body.dark-mode .g10u4 .trick h3,
body.dark-mode .g10u5 .box.trick h2,
body.dark-mode .g10u5 .trick h2,
body.dark-mode .g10u5 .box.trick h3,
body.dark-mode .g10u5 .trick h3,
body.dark-mode .g10u6 .box.trick h2,
body.dark-mode .g10u6 .trick h2,
body.dark-mode .g10u6 .box.trick h3,
body.dark-mode .g10u6 .trick h3,
body.dark-mode .g11u1 .box.trick h2,
body.dark-mode .g11u1 .trick h2,
body.dark-mode .g11u1 .box.trick h3,
body.dark-mode .g11u1 .trick h3,
body.dark-mode .g11u2 .box.trick h2,
body.dark-mode .g11u2 .trick h2,
body.dark-mode .g11u2 .box.trick h3,
body.dark-mode .g11u2 .trick h3,
body.dark-mode .g11u3 .box.trick h2,
body.dark-mode .g11u3 .trick h2,
body.dark-mode .g11u3 .box.trick h3,
body.dark-mode .g11u3 .trick h3,
body.dark-mode .g11u4 .box.trick h2,
body.dark-mode .g11u4 .trick h2,
body.dark-mode .g11u4 .box.trick h3,
body.dark-mode .g11u4 .trick h3,
body.dark-mode .g11u5 .box.trick h2,
body.dark-mode .g11u5 .trick h2,
body.dark-mode .g11u5 .box.trick h3,
body.dark-mode .g11u5 .trick h3,
body.dark-mode .g11u6 .box.trick h2,
body.dark-mode .g11u6 .trick h2,
body.dark-mode .g11u6 .box.trick h3,
body.dark-mode .g11u6 .trick h3,
body.dark-mode .g11u7 .box.trick h2,
body.dark-mode .g11u7 .trick h2,
body.dark-mode .g11u7 .box.trick h3,
body.dark-mode .g11u7 .trick h3,
body.dark-mode .g12u1 .box.trick h2,
body.dark-mode .g12u1 .trick h2,
body.dark-mode .g12u1 .box.trick h3,
body.dark-mode .g12u1 .trick h3,
body.dark-mode .g12u2 .box.trick h2,
body.dark-mode .g12u2 .trick h2,
body.dark-mode .g12u2 .box.trick h3,
body.dark-mode .g12u2 .trick h3,
body.dark-mode .g12u3 .box.trick h2,
body.dark-mode .g12u3 .trick h2,
body.dark-mode .g12u3 .box.trick h3,
body.dark-mode .g12u3 .trick h3,
body.dark-mode .g12u4 .box.trick h2,
body.dark-mode .g12u4 .trick h2,
body.dark-mode .g12u4 .box.trick h3,
body.dark-mode .g12u4 .trick h3,
body.dark-mode .g12u5 .box.trick h2,
body.dark-mode .g12u5 .trick h2,
body.dark-mode .g12u5 .box.trick h3,
body.dark-mode .g12u5 .trick h3,
body.dark-mode .g12note .box.trick h2,
body.dark-mode .g12note .trick h2,
body.dark-mode .g12note .box.trick h3,
body.dark-mode .g12note .trick h3 {
  color:#8fe3ac !important;
}

body.dark-mode .sn1-wrap .box.mnemonic,
body.dark-mode .sn1-wrap .mnemonic,
body.dark-mode .snoteU2 .box.mnemonic,
body.dark-mode .snoteU2 .mnemonic,
body.dark-mode .snoteU3 .box.mnemonic,
body.dark-mode .snoteU3 .mnemonic,
body.dark-mode .snoteU4 .box.mnemonic,
body.dark-mode .snoteU4 .mnemonic,
body.dark-mode .snoteU5 .box.mnemonic,
body.dark-mode .snoteU5 .mnemonic,
body.dark-mode .snoteU6 .box.mnemonic,
body.dark-mode .snoteU6 .mnemonic,
body.dark-mode .snoteU7 .box.mnemonic,
body.dark-mode .snoteU7 .mnemonic,
body.dark-mode .g10u1 .box.mnemonic,
body.dark-mode .g10u1 .mnemonic,
body.dark-mode .g10u2 .box.mnemonic,
body.dark-mode .g10u2 .mnemonic,
body.dark-mode .g10u3 .box.mnemonic,
body.dark-mode .g10u3 .mnemonic,
body.dark-mode .g10u4 .box.mnemonic,
body.dark-mode .g10u4 .mnemonic,
body.dark-mode .g10u5 .box.mnemonic,
body.dark-mode .g10u5 .mnemonic,
body.dark-mode .g10u6 .box.mnemonic,
body.dark-mode .g10u6 .mnemonic,
body.dark-mode .g11u1 .box.mnemonic,
body.dark-mode .g11u1 .mnemonic,
body.dark-mode .g11u2 .box.mnemonic,
body.dark-mode .g11u2 .mnemonic,
body.dark-mode .g11u3 .box.mnemonic,
body.dark-mode .g11u3 .mnemonic,
body.dark-mode .g11u4 .box.mnemonic,
body.dark-mode .g11u4 .mnemonic,
body.dark-mode .g11u5 .box.mnemonic,
body.dark-mode .g11u5 .mnemonic,
body.dark-mode .g11u6 .box.mnemonic,
body.dark-mode .g11u6 .mnemonic,
body.dark-mode .g11u7 .box.mnemonic,
body.dark-mode .g11u7 .mnemonic,
body.dark-mode .g12u1 .box.mnemonic,
body.dark-mode .g12u1 .mnemonic,
body.dark-mode .g12u2 .box.mnemonic,
body.dark-mode .g12u2 .mnemonic,
body.dark-mode .g12u3 .box.mnemonic,
body.dark-mode .g12u3 .mnemonic,
body.dark-mode .g12u4 .box.mnemonic,
body.dark-mode .g12u4 .mnemonic,
body.dark-mode .g12u5 .box.mnemonic,
body.dark-mode .g12u5 .mnemonic,
body.dark-mode .g12note .box.mnemonic,
body.dark-mode .g12note .mnemonic {
  background:#331a26 !important; border-color:#e06bb0 !important;
}

body.dark-mode .sn1-wrap .box.mnemonic h2,
body.dark-mode .sn1-wrap .mnemonic h2,
body.dark-mode .sn1-wrap .box.mnemonic h3,
body.dark-mode .sn1-wrap .mnemonic h3,
body.dark-mode .snoteU2 .box.mnemonic h2,
body.dark-mode .snoteU2 .mnemonic h2,
body.dark-mode .snoteU2 .box.mnemonic h3,
body.dark-mode .snoteU2 .mnemonic h3,
body.dark-mode .snoteU3 .box.mnemonic h2,
body.dark-mode .snoteU3 .mnemonic h2,
body.dark-mode .snoteU3 .box.mnemonic h3,
body.dark-mode .snoteU3 .mnemonic h3,
body.dark-mode .snoteU4 .box.mnemonic h2,
body.dark-mode .snoteU4 .mnemonic h2,
body.dark-mode .snoteU4 .box.mnemonic h3,
body.dark-mode .snoteU4 .mnemonic h3,
body.dark-mode .snoteU5 .box.mnemonic h2,
body.dark-mode .snoteU5 .mnemonic h2,
body.dark-mode .snoteU5 .box.mnemonic h3,
body.dark-mode .snoteU5 .mnemonic h3,
body.dark-mode .snoteU6 .box.mnemonic h2,
body.dark-mode .snoteU6 .mnemonic h2,
body.dark-mode .snoteU6 .box.mnemonic h3,
body.dark-mode .snoteU6 .mnemonic h3,
body.dark-mode .snoteU7 .box.mnemonic h2,
body.dark-mode .snoteU7 .mnemonic h2,
body.dark-mode .snoteU7 .box.mnemonic h3,
body.dark-mode .snoteU7 .mnemonic h3,
body.dark-mode .g10u1 .box.mnemonic h2,
body.dark-mode .g10u1 .mnemonic h2,
body.dark-mode .g10u1 .box.mnemonic h3,
body.dark-mode .g10u1 .mnemonic h3,
body.dark-mode .g10u2 .box.mnemonic h2,
body.dark-mode .g10u2 .mnemonic h2,
body.dark-mode .g10u2 .box.mnemonic h3,
body.dark-mode .g10u2 .mnemonic h3,
body.dark-mode .g10u3 .box.mnemonic h2,
body.dark-mode .g10u3 .mnemonic h2,
body.dark-mode .g10u3 .box.mnemonic h3,
body.dark-mode .g10u3 .mnemonic h3,
body.dark-mode .g10u4 .box.mnemonic h2,
body.dark-mode .g10u4 .mnemonic h2,
body.dark-mode .g10u4 .box.mnemonic h3,
body.dark-mode .g10u4 .mnemonic h3,
body.dark-mode .g10u5 .box.mnemonic h2,
body.dark-mode .g10u5 .mnemonic h2,
body.dark-mode .g10u5 .box.mnemonic h3,
body.dark-mode .g10u5 .mnemonic h3,
body.dark-mode .g10u6 .box.mnemonic h2,
body.dark-mode .g10u6 .mnemonic h2,
body.dark-mode .g10u6 .box.mnemonic h3,
body.dark-mode .g10u6 .mnemonic h3,
body.dark-mode .g11u1 .box.mnemonic h2,
body.dark-mode .g11u1 .mnemonic h2,
body.dark-mode .g11u1 .box.mnemonic h3,
body.dark-mode .g11u1 .mnemonic h3,
body.dark-mode .g11u2 .box.mnemonic h2,
body.dark-mode .g11u2 .mnemonic h2,
body.dark-mode .g11u2 .box.mnemonic h3,
body.dark-mode .g11u2 .mnemonic h3,
body.dark-mode .g11u3 .box.mnemonic h2,
body.dark-mode .g11u3 .mnemonic h2,
body.dark-mode .g11u3 .box.mnemonic h3,
body.dark-mode .g11u3 .mnemonic h3,
body.dark-mode .g11u4 .box.mnemonic h2,
body.dark-mode .g11u4 .mnemonic h2,
body.dark-mode .g11u4 .box.mnemonic h3,
body.dark-mode .g11u4 .mnemonic h3,
body.dark-mode .g11u5 .box.mnemonic h2,
body.dark-mode .g11u5 .mnemonic h2,
body.dark-mode .g11u5 .box.mnemonic h3,
body.dark-mode .g11u5 .mnemonic h3,
body.dark-mode .g11u6 .box.mnemonic h2,
body.dark-mode .g11u6 .mnemonic h2,
body.dark-mode .g11u6 .box.mnemonic h3,
body.dark-mode .g11u6 .mnemonic h3,
body.dark-mode .g11u7 .box.mnemonic h2,
body.dark-mode .g11u7 .mnemonic h2,
body.dark-mode .g11u7 .box.mnemonic h3,
body.dark-mode .g11u7 .mnemonic h3,
body.dark-mode .g12u1 .box.mnemonic h2,
body.dark-mode .g12u1 .mnemonic h2,
body.dark-mode .g12u1 .box.mnemonic h3,
body.dark-mode .g12u1 .mnemonic h3,
body.dark-mode .g12u2 .box.mnemonic h2,
body.dark-mode .g12u2 .mnemonic h2,
body.dark-mode .g12u2 .box.mnemonic h3,
body.dark-mode .g12u2 .mnemonic h3,
body.dark-mode .g12u3 .box.mnemonic h2,
body.dark-mode .g12u3 .mnemonic h2,
body.dark-mode .g12u3 .box.mnemonic h3,
body.dark-mode .g12u3 .mnemonic h3,
body.dark-mode .g12u4 .box.mnemonic h2,
body.dark-mode .g12u4 .mnemonic h2,
body.dark-mode .g12u4 .box.mnemonic h3,
body.dark-mode .g12u4 .mnemonic h3,
body.dark-mode .g12u5 .box.mnemonic h2,
body.dark-mode .g12u5 .mnemonic h2,
body.dark-mode .g12u5 .box.mnemonic h3,
body.dark-mode .g12u5 .mnemonic h3,
body.dark-mode .g12note .box.mnemonic h2,
body.dark-mode .g12note .mnemonic h2,
body.dark-mode .g12note .box.mnemonic h3,
body.dark-mode .g12note .mnemonic h3 {
  color:#f4a6cf !important;
}

body.dark-mode .sn1-wrap .box.attention,
body.dark-mode .sn1-wrap .attention,
body.dark-mode .snoteU2 .box.attention,
body.dark-mode .snoteU2 .attention,
body.dark-mode .snoteU3 .box.attention,
body.dark-mode .snoteU3 .attention,
body.dark-mode .snoteU4 .box.attention,
body.dark-mode .snoteU4 .attention,
body.dark-mode .snoteU5 .box.attention,
body.dark-mode .snoteU5 .attention,
body.dark-mode .snoteU6 .box.attention,
body.dark-mode .snoteU6 .attention,
body.dark-mode .snoteU7 .box.attention,
body.dark-mode .snoteU7 .attention,
body.dark-mode .g10u1 .box.attention,
body.dark-mode .g10u1 .attention,
body.dark-mode .g10u2 .box.attention,
body.dark-mode .g10u2 .attention,
body.dark-mode .g10u3 .box.attention,
body.dark-mode .g10u3 .attention,
body.dark-mode .g10u4 .box.attention,
body.dark-mode .g10u4 .attention,
body.dark-mode .g10u5 .box.attention,
body.dark-mode .g10u5 .attention,
body.dark-mode .g10u6 .box.attention,
body.dark-mode .g10u6 .attention,
body.dark-mode .g11u1 .box.attention,
body.dark-mode .g11u1 .attention,
body.dark-mode .g11u2 .box.attention,
body.dark-mode .g11u2 .attention,
body.dark-mode .g11u3 .box.attention,
body.dark-mode .g11u3 .attention,
body.dark-mode .g11u4 .box.attention,
body.dark-mode .g11u4 .attention,
body.dark-mode .g11u5 .box.attention,
body.dark-mode .g11u5 .attention,
body.dark-mode .g11u6 .box.attention,
body.dark-mode .g11u6 .attention,
body.dark-mode .g11u7 .box.attention,
body.dark-mode .g11u7 .attention,
body.dark-mode .g12u1 .box.attention,
body.dark-mode .g12u1 .attention,
body.dark-mode .g12u2 .box.attention,
body.dark-mode .g12u2 .attention,
body.dark-mode .g12u3 .box.attention,
body.dark-mode .g12u3 .attention,
body.dark-mode .g12u4 .box.attention,
body.dark-mode .g12u4 .attention,
body.dark-mode .g12u5 .box.attention,
body.dark-mode .g12u5 .attention,
body.dark-mode .g12note .box.attention,
body.dark-mode .g12note .attention {
  background:#332217 !important; border-color:#ff8a3d !important;
}

body.dark-mode .sn1-wrap .box.attention h2,
body.dark-mode .sn1-wrap .attention h2,
body.dark-mode .sn1-wrap .box.attention h3,
body.dark-mode .sn1-wrap .attention h3,
body.dark-mode .snoteU2 .box.attention h2,
body.dark-mode .snoteU2 .attention h2,
body.dark-mode .snoteU2 .box.attention h3,
body.dark-mode .snoteU2 .attention h3,
body.dark-mode .snoteU3 .box.attention h2,
body.dark-mode .snoteU3 .attention h2,
body.dark-mode .snoteU3 .box.attention h3,
body.dark-mode .snoteU3 .attention h3,
body.dark-mode .snoteU4 .box.attention h2,
body.dark-mode .snoteU4 .attention h2,
body.dark-mode .snoteU4 .box.attention h3,
body.dark-mode .snoteU4 .attention h3,
body.dark-mode .snoteU5 .box.attention h2,
body.dark-mode .snoteU5 .attention h2,
body.dark-mode .snoteU5 .box.attention h3,
body.dark-mode .snoteU5 .attention h3,
body.dark-mode .snoteU6 .box.attention h2,
body.dark-mode .snoteU6 .attention h2,
body.dark-mode .snoteU6 .box.attention h3,
body.dark-mode .snoteU6 .attention h3,
body.dark-mode .snoteU7 .box.attention h2,
body.dark-mode .snoteU7 .attention h2,
body.dark-mode .snoteU7 .box.attention h3,
body.dark-mode .snoteU7 .attention h3,
body.dark-mode .g10u1 .box.attention h2,
body.dark-mode .g10u1 .attention h2,
body.dark-mode .g10u1 .box.attention h3,
body.dark-mode .g10u1 .attention h3,
body.dark-mode .g10u2 .box.attention h2,
body.dark-mode .g10u2 .attention h2,
body.dark-mode .g10u2 .box.attention h3,
body.dark-mode .g10u2 .attention h3,
body.dark-mode .g10u3 .box.attention h2,
body.dark-mode .g10u3 .attention h2,
body.dark-mode .g10u3 .box.attention h3,
body.dark-mode .g10u3 .attention h3,
body.dark-mode .g10u4 .box.attention h2,
body.dark-mode .g10u4 .attention h2,
body.dark-mode .g10u4 .box.attention h3,
body.dark-mode .g10u4 .attention h3,
body.dark-mode .g10u5 .box.attention h2,
body.dark-mode .g10u5 .attention h2,
body.dark-mode .g10u5 .box.attention h3,
body.dark-mode .g10u5 .attention h3,
body.dark-mode .g10u6 .box.attention h2,
body.dark-mode .g10u6 .attention h2,
body.dark-mode .g10u6 .box.attention h3,
body.dark-mode .g10u6 .attention h3,
body.dark-mode .g11u1 .box.attention h2,
body.dark-mode .g11u1 .attention h2,
body.dark-mode .g11u1 .box.attention h3,
body.dark-mode .g11u1 .attention h3,
body.dark-mode .g11u2 .box.attention h2,
body.dark-mode .g11u2 .attention h2,
body.dark-mode .g11u2 .box.attention h3,
body.dark-mode .g11u2 .attention h3,
body.dark-mode .g11u3 .box.attention h2,
body.dark-mode .g11u3 .attention h2,
body.dark-mode .g11u3 .box.attention h3,
body.dark-mode .g11u3 .attention h3,
body.dark-mode .g11u4 .box.attention h2,
body.dark-mode .g11u4 .attention h2,
body.dark-mode .g11u4 .box.attention h3,
body.dark-mode .g11u4 .attention h3,
body.dark-mode .g11u5 .box.attention h2,
body.dark-mode .g11u5 .attention h2,
body.dark-mode .g11u5 .box.attention h3,
body.dark-mode .g11u5 .attention h3,
body.dark-mode .g11u6 .box.attention h2,
body.dark-mode .g11u6 .attention h2,
body.dark-mode .g11u6 .box.attention h3,
body.dark-mode .g11u6 .attention h3,
body.dark-mode .g11u7 .box.attention h2,
body.dark-mode .g11u7 .attention h2,
body.dark-mode .g11u7 .box.attention h3,
body.dark-mode .g11u7 .attention h3,
body.dark-mode .g12u1 .box.attention h2,
body.dark-mode .g12u1 .attention h2,
body.dark-mode .g12u1 .box.attention h3,
body.dark-mode .g12u1 .attention h3,
body.dark-mode .g12u2 .box.attention h2,
body.dark-mode .g12u2 .attention h2,
body.dark-mode .g12u2 .box.attention h3,
body.dark-mode .g12u2 .attention h3,
body.dark-mode .g12u3 .box.attention h2,
body.dark-mode .g12u3 .attention h2,
body.dark-mode .g12u3 .box.attention h3,
body.dark-mode .g12u3 .attention h3,
body.dark-mode .g12u4 .box.attention h2,
body.dark-mode .g12u4 .attention h2,
body.dark-mode .g12u4 .box.attention h3,
body.dark-mode .g12u4 .attention h3,
body.dark-mode .g12u5 .box.attention h2,
body.dark-mode .g12u5 .attention h2,
body.dark-mode .g12u5 .box.attention h3,
body.dark-mode .g12u5 .attention h3,
body.dark-mode .g12note .box.attention h2,
body.dark-mode .g12note .attention h2,
body.dark-mode .g12note .box.attention h3,
body.dark-mode .g12note .attention h3 {
  color:#ffb37a !important;
}

body.dark-mode .sn1-wrap .box.exam,
body.dark-mode .sn1-wrap .exam,
body.dark-mode .snoteU2 .box.exam,
body.dark-mode .snoteU2 .exam,
body.dark-mode .snoteU3 .box.exam,
body.dark-mode .snoteU3 .exam,
body.dark-mode .snoteU4 .box.exam,
body.dark-mode .snoteU4 .exam,
body.dark-mode .snoteU5 .box.exam,
body.dark-mode .snoteU5 .exam,
body.dark-mode .snoteU6 .box.exam,
body.dark-mode .snoteU6 .exam,
body.dark-mode .snoteU7 .box.exam,
body.dark-mode .snoteU7 .exam,
body.dark-mode .g10u1 .box.exam,
body.dark-mode .g10u1 .exam,
body.dark-mode .g10u2 .box.exam,
body.dark-mode .g10u2 .exam,
body.dark-mode .g10u3 .box.exam,
body.dark-mode .g10u3 .exam,
body.dark-mode .g10u4 .box.exam,
body.dark-mode .g10u4 .exam,
body.dark-mode .g10u5 .box.exam,
body.dark-mode .g10u5 .exam,
body.dark-mode .g10u6 .box.exam,
body.dark-mode .g10u6 .exam,
body.dark-mode .g11u1 .box.exam,
body.dark-mode .g11u1 .exam,
body.dark-mode .g11u2 .box.exam,
body.dark-mode .g11u2 .exam,
body.dark-mode .g11u3 .box.exam,
body.dark-mode .g11u3 .exam,
body.dark-mode .g11u4 .box.exam,
body.dark-mode .g11u4 .exam,
body.dark-mode .g11u5 .box.exam,
body.dark-mode .g11u5 .exam,
body.dark-mode .g11u6 .box.exam,
body.dark-mode .g11u6 .exam,
body.dark-mode .g11u7 .box.exam,
body.dark-mode .g11u7 .exam,
body.dark-mode .g12u1 .box.exam,
body.dark-mode .g12u1 .exam,
body.dark-mode .g12u2 .box.exam,
body.dark-mode .g12u2 .exam,
body.dark-mode .g12u3 .box.exam,
body.dark-mode .g12u3 .exam,
body.dark-mode .g12u4 .box.exam,
body.dark-mode .g12u4 .exam,
body.dark-mode .g12u5 .box.exam,
body.dark-mode .g12u5 .exam,
body.dark-mode .g12note .box.exam,
body.dark-mode .g12note .exam {
  background:#332c10 !important; border-color:#f2c94c !important;
}

body.dark-mode .sn1-wrap .box.exam h2,
body.dark-mode .sn1-wrap .exam h2,
body.dark-mode .sn1-wrap .box.exam h3,
body.dark-mode .sn1-wrap .exam h3,
body.dark-mode .snoteU2 .box.exam h2,
body.dark-mode .snoteU2 .exam h2,
body.dark-mode .snoteU2 .box.exam h3,
body.dark-mode .snoteU2 .exam h3,
body.dark-mode .snoteU3 .box.exam h2,
body.dark-mode .snoteU3 .exam h2,
body.dark-mode .snoteU3 .box.exam h3,
body.dark-mode .snoteU3 .exam h3,
body.dark-mode .snoteU4 .box.exam h2,
body.dark-mode .snoteU4 .exam h2,
body.dark-mode .snoteU4 .box.exam h3,
body.dark-mode .snoteU4 .exam h3,
body.dark-mode .snoteU5 .box.exam h2,
body.dark-mode .snoteU5 .exam h2,
body.dark-mode .snoteU5 .box.exam h3,
body.dark-mode .snoteU5 .exam h3,
body.dark-mode .snoteU6 .box.exam h2,
body.dark-mode .snoteU6 .exam h2,
body.dark-mode .snoteU6 .box.exam h3,
body.dark-mode .snoteU6 .exam h3,
body.dark-mode .snoteU7 .box.exam h2,
body.dark-mode .snoteU7 .exam h2,
body.dark-mode .snoteU7 .box.exam h3,
body.dark-mode .snoteU7 .exam h3,
body.dark-mode .g10u1 .box.exam h2,
body.dark-mode .g10u1 .exam h2,
body.dark-mode .g10u1 .box.exam h3,
body.dark-mode .g10u1 .exam h3,
body.dark-mode .g10u2 .box.exam h2,
body.dark-mode .g10u2 .exam h2,
body.dark-mode .g10u2 .box.exam h3,
body.dark-mode .g10u2 .exam h3,
body.dark-mode .g10u3 .box.exam h2,
body.dark-mode .g10u3 .exam h2,
body.dark-mode .g10u3 .box.exam h3,
body.dark-mode .g10u3 .exam h3,
body.dark-mode .g10u4 .box.exam h2,
body.dark-mode .g10u4 .exam h2,
body.dark-mode .g10u4 .box.exam h3,
body.dark-mode .g10u4 .exam h3,
body.dark-mode .g10u5 .box.exam h2,
body.dark-mode .g10u5 .exam h2,
body.dark-mode .g10u5 .box.exam h3,
body.dark-mode .g10u5 .exam h3,
body.dark-mode .g10u6 .box.exam h2,
body.dark-mode .g10u6 .exam h2,
body.dark-mode .g10u6 .box.exam h3,
body.dark-mode .g10u6 .exam h3,
body.dark-mode .g11u1 .box.exam h2,
body.dark-mode .g11u1 .exam h2,
body.dark-mode .g11u1 .box.exam h3,
body.dark-mode .g11u1 .exam h3,
body.dark-mode .g11u2 .box.exam h2,
body.dark-mode .g11u2 .exam h2,
body.dark-mode .g11u2 .box.exam h3,
body.dark-mode .g11u2 .exam h3,
body.dark-mode .g11u3 .box.exam h2,
body.dark-mode .g11u3 .exam h2,
body.dark-mode .g11u3 .box.exam h3,
body.dark-mode .g11u3 .exam h3,
body.dark-mode .g11u4 .box.exam h2,
body.dark-mode .g11u4 .exam h2,
body.dark-mode .g11u4 .box.exam h3,
body.dark-mode .g11u4 .exam h3,
body.dark-mode .g11u5 .box.exam h2,
body.dark-mode .g11u5 .exam h2,
body.dark-mode .g11u5 .box.exam h3,
body.dark-mode .g11u5 .exam h3,
body.dark-mode .g11u6 .box.exam h2,
body.dark-mode .g11u6 .exam h2,
body.dark-mode .g11u6 .box.exam h3,
body.dark-mode .g11u6 .exam h3,
body.dark-mode .g11u7 .box.exam h2,
body.dark-mode .g11u7 .exam h2,
body.dark-mode .g11u7 .box.exam h3,
body.dark-mode .g11u7 .exam h3,
body.dark-mode .g12u1 .box.exam h2,
body.dark-mode .g12u1 .exam h2,
body.dark-mode .g12u1 .box.exam h3,
body.dark-mode .g12u1 .exam h3,
body.dark-mode .g12u2 .box.exam h2,
body.dark-mode .g12u2 .exam h2,
body.dark-mode .g12u2 .box.exam h3,
body.dark-mode .g12u2 .exam h3,
body.dark-mode .g12u3 .box.exam h2,
body.dark-mode .g12u3 .exam h2,
body.dark-mode .g12u3 .box.exam h3,
body.dark-mode .g12u3 .exam h3,
body.dark-mode .g12u4 .box.exam h2,
body.dark-mode .g12u4 .exam h2,
body.dark-mode .g12u4 .box.exam h3,
body.dark-mode .g12u4 .exam h3,
body.dark-mode .g12u5 .box.exam h2,
body.dark-mode .g12u5 .exam h2,
body.dark-mode .g12u5 .box.exam h3,
body.dark-mode .g12u5 .exam h3,
body.dark-mode .g12note .box.exam h2,
body.dark-mode .g12note .exam h2,
body.dark-mode .g12note .box.exam h3,
body.dark-mode .g12note .exam h3 {
  color:#f2c94c !important;
}

body.dark-mode .sn1-wrap .box.formula,
body.dark-mode .sn1-wrap .formula,
body.dark-mode .snoteU2 .box.formula,
body.dark-mode .snoteU2 .formula,
body.dark-mode .snoteU3 .box.formula,
body.dark-mode .snoteU3 .formula,
body.dark-mode .snoteU4 .box.formula,
body.dark-mode .snoteU4 .formula,
body.dark-mode .snoteU5 .box.formula,
body.dark-mode .snoteU5 .formula,
body.dark-mode .snoteU6 .box.formula,
body.dark-mode .snoteU6 .formula,
body.dark-mode .snoteU7 .box.formula,
body.dark-mode .snoteU7 .formula,
body.dark-mode .g10u1 .box.formula,
body.dark-mode .g10u1 .formula,
body.dark-mode .g10u2 .box.formula,
body.dark-mode .g10u2 .formula,
body.dark-mode .g10u3 .box.formula,
body.dark-mode .g10u3 .formula,
body.dark-mode .g10u4 .box.formula,
body.dark-mode .g10u4 .formula,
body.dark-mode .g10u5 .box.formula,
body.dark-mode .g10u5 .formula,
body.dark-mode .g10u6 .box.formula,
body.dark-mode .g10u6 .formula,
body.dark-mode .g11u1 .box.formula,
body.dark-mode .g11u1 .formula,
body.dark-mode .g11u2 .box.formula,
body.dark-mode .g11u2 .formula,
body.dark-mode .g11u3 .box.formula,
body.dark-mode .g11u3 .formula,
body.dark-mode .g11u4 .box.formula,
body.dark-mode .g11u4 .formula,
body.dark-mode .g11u5 .box.formula,
body.dark-mode .g11u5 .formula,
body.dark-mode .g11u6 .box.formula,
body.dark-mode .g11u6 .formula,
body.dark-mode .g11u7 .box.formula,
body.dark-mode .g11u7 .formula,
body.dark-mode .g12u1 .box.formula,
body.dark-mode .g12u1 .formula,
body.dark-mode .g12u2 .box.formula,
body.dark-mode .g12u2 .formula,
body.dark-mode .g12u3 .box.formula,
body.dark-mode .g12u3 .formula,
body.dark-mode .g12u4 .box.formula,
body.dark-mode .g12u4 .formula,
body.dark-mode .g12u5 .box.formula,
body.dark-mode .g12u5 .formula,
body.dark-mode .g12note .box.formula,
body.dark-mode .g12note .formula {
  background:#241a33 !important; border-color:#c084fc !important;
}

body.dark-mode .sn1-wrap .box.formula h2,
body.dark-mode .sn1-wrap .formula h2,
body.dark-mode .sn1-wrap .box.formula h3,
body.dark-mode .sn1-wrap .formula h3,
body.dark-mode .snoteU2 .box.formula h2,
body.dark-mode .snoteU2 .formula h2,
body.dark-mode .snoteU2 .box.formula h3,
body.dark-mode .snoteU2 .formula h3,
body.dark-mode .snoteU3 .box.formula h2,
body.dark-mode .snoteU3 .formula h2,
body.dark-mode .snoteU3 .box.formula h3,
body.dark-mode .snoteU3 .formula h3,
body.dark-mode .snoteU4 .box.formula h2,
body.dark-mode .snoteU4 .formula h2,
body.dark-mode .snoteU4 .box.formula h3,
body.dark-mode .snoteU4 .formula h3,
body.dark-mode .snoteU5 .box.formula h2,
body.dark-mode .snoteU5 .formula h2,
body.dark-mode .snoteU5 .box.formula h3,
body.dark-mode .snoteU5 .formula h3,
body.dark-mode .snoteU6 .box.formula h2,
body.dark-mode .snoteU6 .formula h2,
body.dark-mode .snoteU6 .box.formula h3,
body.dark-mode .snoteU6 .formula h3,
body.dark-mode .snoteU7 .box.formula h2,
body.dark-mode .snoteU7 .formula h2,
body.dark-mode .snoteU7 .box.formula h3,
body.dark-mode .snoteU7 .formula h3,
body.dark-mode .g10u1 .box.formula h2,
body.dark-mode .g10u1 .formula h2,
body.dark-mode .g10u1 .box.formula h3,
body.dark-mode .g10u1 .formula h3,
body.dark-mode .g10u2 .box.formula h2,
body.dark-mode .g10u2 .formula h2,
body.dark-mode .g10u2 .box.formula h3,
body.dark-mode .g10u2 .formula h3,
body.dark-mode .g10u3 .box.formula h2,
body.dark-mode .g10u3 .formula h2,
body.dark-mode .g10u3 .box.formula h3,
body.dark-mode .g10u3 .formula h3,
body.dark-mode .g10u4 .box.formula h2,
body.dark-mode .g10u4 .formula h2,
body.dark-mode .g10u4 .box.formula h3,
body.dark-mode .g10u4 .formula h3,
body.dark-mode .g10u5 .box.formula h2,
body.dark-mode .g10u5 .formula h2,
body.dark-mode .g10u5 .box.formula h3,
body.dark-mode .g10u5 .formula h3,
body.dark-mode .g10u6 .box.formula h2,
body.dark-mode .g10u6 .formula h2,
body.dark-mode .g10u6 .box.formula h3,
body.dark-mode .g10u6 .formula h3,
body.dark-mode .g11u1 .box.formula h2,
body.dark-mode .g11u1 .formula h2,
body.dark-mode .g11u1 .box.formula h3,
body.dark-mode .g11u1 .formula h3,
body.dark-mode .g11u2 .box.formula h2,
body.dark-mode .g11u2 .formula h2,
body.dark-mode .g11u2 .box.formula h3,
body.dark-mode .g11u2 .formula h3,
body.dark-mode .g11u3 .box.formula h2,
body.dark-mode .g11u3 .formula h2,
body.dark-mode .g11u3 .box.formula h3,
body.dark-mode .g11u3 .formula h3,
body.dark-mode .g11u4 .box.formula h2,
body.dark-mode .g11u4 .formula h2,
body.dark-mode .g11u4 .box.formula h3,
body.dark-mode .g11u4 .formula h3,
body.dark-mode .g11u5 .box.formula h2,
body.dark-mode .g11u5 .formula h2,
body.dark-mode .g11u5 .box.formula h3,
body.dark-mode .g11u5 .formula h3,
body.dark-mode .g11u6 .box.formula h2,
body.dark-mode .g11u6 .formula h2,
body.dark-mode .g11u6 .box.formula h3,
body.dark-mode .g11u6 .formula h3,
body.dark-mode .g11u7 .box.formula h2,
body.dark-mode .g11u7 .formula h2,
body.dark-mode .g11u7 .box.formula h3,
body.dark-mode .g11u7 .formula h3,
body.dark-mode .g12u1 .box.formula h2,
body.dark-mode .g12u1 .formula h2,
body.dark-mode .g12u1 .box.formula h3,
body.dark-mode .g12u1 .formula h3,
body.dark-mode .g12u2 .box.formula h2,
body.dark-mode .g12u2 .formula h2,
body.dark-mode .g12u2 .box.formula h3,
body.dark-mode .g12u2 .formula h3,
body.dark-mode .g12u3 .box.formula h2,
body.dark-mode .g12u3 .formula h2,
body.dark-mode .g12u3 .box.formula h3,
body.dark-mode .g12u3 .formula h3,
body.dark-mode .g12u4 .box.formula h2,
body.dark-mode .g12u4 .formula h2,
body.dark-mode .g12u4 .box.formula h3,
body.dark-mode .g12u4 .formula h3,
body.dark-mode .g12u5 .box.formula h2,
body.dark-mode .g12u5 .formula h2,
body.dark-mode .g12u5 .box.formula h3,
body.dark-mode .g12u5 .formula h3,
body.dark-mode .g12note .box.formula h2,
body.dark-mode .g12note .formula h2,
body.dark-mode .g12note .box.formula h3,
body.dark-mode .g12note .formula h3 {
  color:#d8b4fe !important;
}

body.dark-mode .sn1-wrap .box.finaltip,
body.dark-mode .sn1-wrap .finaltip,
body.dark-mode .sn1-wrap .box.finaltips,
body.dark-mode .sn1-wrap .finaltips,
body.dark-mode .sn1-wrap .box.final-tips,
body.dark-mode .sn1-wrap .final-tips,
body.dark-mode .snoteU2 .box.finaltip,
body.dark-mode .snoteU2 .finaltip,
body.dark-mode .snoteU2 .box.finaltips,
body.dark-mode .snoteU2 .finaltips,
body.dark-mode .snoteU2 .box.final-tips,
body.dark-mode .snoteU2 .final-tips,
body.dark-mode .snoteU3 .box.finaltip,
body.dark-mode .snoteU3 .finaltip,
body.dark-mode .snoteU3 .box.finaltips,
body.dark-mode .snoteU3 .finaltips,
body.dark-mode .snoteU3 .box.final-tips,
body.dark-mode .snoteU3 .final-tips,
body.dark-mode .snoteU4 .box.finaltip,
body.dark-mode .snoteU4 .finaltip,
body.dark-mode .snoteU4 .box.finaltips,
body.dark-mode .snoteU4 .finaltips,
body.dark-mode .snoteU4 .box.final-tips,
body.dark-mode .snoteU4 .final-tips,
body.dark-mode .snoteU5 .box.finaltip,
body.dark-mode .snoteU5 .finaltip,
body.dark-mode .snoteU5 .box.finaltips,
body.dark-mode .snoteU5 .finaltips,
body.dark-mode .snoteU5 .box.final-tips,
body.dark-mode .snoteU5 .final-tips,
body.dark-mode .snoteU6 .box.finaltip,
body.dark-mode .snoteU6 .finaltip,
body.dark-mode .snoteU6 .box.finaltips,
body.dark-mode .snoteU6 .finaltips,
body.dark-mode .snoteU6 .box.final-tips,
body.dark-mode .snoteU6 .final-tips,
body.dark-mode .snoteU7 .box.finaltip,
body.dark-mode .snoteU7 .finaltip,
body.dark-mode .snoteU7 .box.finaltips,
body.dark-mode .snoteU7 .finaltips,
body.dark-mode .snoteU7 .box.final-tips,
body.dark-mode .snoteU7 .final-tips,
body.dark-mode .g10u1 .box.finaltip,
body.dark-mode .g10u1 .finaltip,
body.dark-mode .g10u1 .box.finaltips,
body.dark-mode .g10u1 .finaltips,
body.dark-mode .g10u1 .box.final-tips,
body.dark-mode .g10u1 .final-tips,
body.dark-mode .g10u2 .box.finaltip,
body.dark-mode .g10u2 .finaltip,
body.dark-mode .g10u2 .box.finaltips,
body.dark-mode .g10u2 .finaltips,
body.dark-mode .g10u2 .box.final-tips,
body.dark-mode .g10u2 .final-tips,
body.dark-mode .g10u3 .box.finaltip,
body.dark-mode .g10u3 .finaltip,
body.dark-mode .g10u3 .box.finaltips,
body.dark-mode .g10u3 .finaltips,
body.dark-mode .g10u3 .box.final-tips,
body.dark-mode .g10u3 .final-tips,
body.dark-mode .g10u4 .box.finaltip,
body.dark-mode .g10u4 .finaltip,
body.dark-mode .g10u4 .box.finaltips,
body.dark-mode .g10u4 .finaltips,
body.dark-mode .g10u4 .box.final-tips,
body.dark-mode .g10u4 .final-tips,
body.dark-mode .g10u5 .box.finaltip,
body.dark-mode .g10u5 .finaltip,
body.dark-mode .g10u5 .box.finaltips,
body.dark-mode .g10u5 .finaltips,
body.dark-mode .g10u5 .box.final-tips,
body.dark-mode .g10u5 .final-tips,
body.dark-mode .g10u6 .box.finaltip,
body.dark-mode .g10u6 .finaltip,
body.dark-mode .g10u6 .box.finaltips,
body.dark-mode .g10u6 .finaltips,
body.dark-mode .g10u6 .box.final-tips,
body.dark-mode .g10u6 .final-tips,
body.dark-mode .g11u1 .box.finaltip,
body.dark-mode .g11u1 .finaltip,
body.dark-mode .g11u1 .box.finaltips,
body.dark-mode .g11u1 .finaltips,
body.dark-mode .g11u1 .box.final-tips,
body.dark-mode .g11u1 .final-tips,
body.dark-mode .g11u2 .box.finaltip,
body.dark-mode .g11u2 .finaltip,
body.dark-mode .g11u2 .box.finaltips,
body.dark-mode .g11u2 .finaltips,
body.dark-mode .g11u2 .box.final-tips,
body.dark-mode .g11u2 .final-tips,
body.dark-mode .g11u3 .box.finaltip,
body.dark-mode .g11u3 .finaltip,
body.dark-mode .g11u3 .box.finaltips,
body.dark-mode .g11u3 .finaltips,
body.dark-mode .g11u3 .box.final-tips,
body.dark-mode .g11u3 .final-tips,
body.dark-mode .g11u4 .box.finaltip,
body.dark-mode .g11u4 .finaltip,
body.dark-mode .g11u4 .box.finaltips,
body.dark-mode .g11u4 .finaltips,
body.dark-mode .g11u4 .box.final-tips,
body.dark-mode .g11u4 .final-tips,
body.dark-mode .g11u5 .box.finaltip,
body.dark-mode .g11u5 .finaltip,
body.dark-mode .g11u5 .box.finaltips,
body.dark-mode .g11u5 .finaltips,
body.dark-mode .g11u5 .box.final-tips,
body.dark-mode .g11u5 .final-tips,
body.dark-mode .g11u6 .box.finaltip,
body.dark-mode .g11u6 .finaltip,
body.dark-mode .g11u6 .box.finaltips,
body.dark-mode .g11u6 .finaltips,
body.dark-mode .g11u6 .box.final-tips,
body.dark-mode .g11u6 .final-tips,
body.dark-mode .g11u7 .box.finaltip,
body.dark-mode .g11u7 .finaltip,
body.dark-mode .g11u7 .box.finaltips,
body.dark-mode .g11u7 .finaltips,
body.dark-mode .g11u7 .box.final-tips,
body.dark-mode .g11u7 .final-tips,
body.dark-mode .g12u1 .box.finaltip,
body.dark-mode .g12u1 .finaltip,
body.dark-mode .g12u1 .box.finaltips,
body.dark-mode .g12u1 .finaltips,
body.dark-mode .g12u1 .box.final-tips,
body.dark-mode .g12u1 .final-tips,
body.dark-mode .g12u2 .box.finaltip,
body.dark-mode .g12u2 .finaltip,
body.dark-mode .g12u2 .box.finaltips,
body.dark-mode .g12u2 .finaltips,
body.dark-mode .g12u2 .box.final-tips,
body.dark-mode .g12u2 .final-tips,
body.dark-mode .g12u3 .box.finaltip,
body.dark-mode .g12u3 .finaltip,
body.dark-mode .g12u3 .box.finaltips,
body.dark-mode .g12u3 .finaltips,
body.dark-mode .g12u3 .box.final-tips,
body.dark-mode .g12u3 .final-tips,
body.dark-mode .g12u4 .box.finaltip,
body.dark-mode .g12u4 .finaltip,
body.dark-mode .g12u4 .box.finaltips,
body.dark-mode .g12u4 .finaltips,
body.dark-mode .g12u4 .box.final-tips,
body.dark-mode .g12u4 .final-tips,
body.dark-mode .g12u5 .box.finaltip,
body.dark-mode .g12u5 .finaltip,
body.dark-mode .g12u5 .box.finaltips,
body.dark-mode .g12u5 .finaltips,
body.dark-mode .g12u5 .box.final-tips,
body.dark-mode .g12u5 .final-tips,
body.dark-mode .g12note .box.finaltip,
body.dark-mode .g12note .finaltip,
body.dark-mode .g12note .box.finaltips,
body.dark-mode .g12note .finaltips,
body.dark-mode .g12note .box.final-tips,
body.dark-mode .g12note .final-tips {
  background:#331018 !important; border-color:#fb7185 !important;
}

body.dark-mode .sn1-wrap .box.finaltip h2,
body.dark-mode .sn1-wrap .finaltip h2,
body.dark-mode .sn1-wrap .box.finaltip h3,
body.dark-mode .sn1-wrap .finaltip h3,
body.dark-mode .sn1-wrap .box.finaltips h2,
body.dark-mode .sn1-wrap .finaltips h2,
body.dark-mode .sn1-wrap .box.finaltips h3,
body.dark-mode .sn1-wrap .finaltips h3,
body.dark-mode .sn1-wrap .box.final-tips h2,
body.dark-mode .sn1-wrap .final-tips h2,
body.dark-mode .sn1-wrap .box.final-tips h3,
body.dark-mode .sn1-wrap .final-tips h3,
body.dark-mode .snoteU2 .box.finaltip h2,
body.dark-mode .snoteU2 .finaltip h2,
body.dark-mode .snoteU2 .box.finaltip h3,
body.dark-mode .snoteU2 .finaltip h3,
body.dark-mode .snoteU2 .box.finaltips h2,
body.dark-mode .snoteU2 .finaltips h2,
body.dark-mode .snoteU2 .box.finaltips h3,
body.dark-mode .snoteU2 .finaltips h3,
body.dark-mode .snoteU2 .box.final-tips h2,
body.dark-mode .snoteU2 .final-tips h2,
body.dark-mode .snoteU2 .box.final-tips h3,
body.dark-mode .snoteU2 .final-tips h3,
body.dark-mode .snoteU3 .box.finaltip h2,
body.dark-mode .snoteU3 .finaltip h2,
body.dark-mode .snoteU3 .box.finaltip h3,
body.dark-mode .snoteU3 .finaltip h3,
body.dark-mode .snoteU3 .box.finaltips h2,
body.dark-mode .snoteU3 .finaltips h2,
body.dark-mode .snoteU3 .box.finaltips h3,
body.dark-mode .snoteU3 .finaltips h3,
body.dark-mode .snoteU3 .box.final-tips h2,
body.dark-mode .snoteU3 .final-tips h2,
body.dark-mode .snoteU3 .box.final-tips h3,
body.dark-mode .snoteU3 .final-tips h3,
body.dark-mode .snoteU4 .box.finaltip h2,
body.dark-mode .snoteU4 .finaltip h2,
body.dark-mode .snoteU4 .box.finaltip h3,
body.dark-mode .snoteU4 .finaltip h3,
body.dark-mode .snoteU4 .box.finaltips h2,
body.dark-mode .snoteU4 .finaltips h2,
body.dark-mode .snoteU4 .box.finaltips h3,
body.dark-mode .snoteU4 .finaltips h3,
body.dark-mode .snoteU4 .box.final-tips h2,
body.dark-mode .snoteU4 .final-tips h2,
body.dark-mode .snoteU4 .box.final-tips h3,
body.dark-mode .snoteU4 .final-tips h3,
body.dark-mode .snoteU5 .box.finaltip h2,
body.dark-mode .snoteU5 .finaltip h2,
body.dark-mode .snoteU5 .box.finaltip h3,
body.dark-mode .snoteU5 .finaltip h3,
body.dark-mode .snoteU5 .box.finaltips h2,
body.dark-mode .snoteU5 .finaltips h2,
body.dark-mode .snoteU5 .box.finaltips h3,
body.dark-mode .snoteU5 .finaltips h3,
body.dark-mode .snoteU5 .box.final-tips h2,
body.dark-mode .snoteU5 .final-tips h2,
body.dark-mode .snoteU5 .box.final-tips h3,
body.dark-mode .snoteU5 .final-tips h3,
body.dark-mode .snoteU6 .box.finaltip h2,
body.dark-mode .snoteU6 .finaltip h2,
body.dark-mode .snoteU6 .box.finaltip h3,
body.dark-mode .snoteU6 .finaltip h3,
body.dark-mode .snoteU6 .box.finaltips h2,
body.dark-mode .snoteU6 .finaltips h2,
body.dark-mode .snoteU6 .box.finaltips h3,
body.dark-mode .snoteU6 .finaltips h3,
body.dark-mode .snoteU6 .box.final-tips h2,
body.dark-mode .snoteU6 .final-tips h2,
body.dark-mode .snoteU6 .box.final-tips h3,
body.dark-mode .snoteU6 .final-tips h3,
body.dark-mode .snoteU7 .box.finaltip h2,
body.dark-mode .snoteU7 .finaltip h2,
body.dark-mode .snoteU7 .box.finaltip h3,
body.dark-mode .snoteU7 .finaltip h3,
body.dark-mode .snoteU7 .box.finaltips h2,
body.dark-mode .snoteU7 .finaltips h2,
body.dark-mode .snoteU7 .box.finaltips h3,
body.dark-mode .snoteU7 .finaltips h3,
body.dark-mode .snoteU7 .box.final-tips h2,
body.dark-mode .snoteU7 .final-tips h2,
body.dark-mode .snoteU7 .box.final-tips h3,
body.dark-mode .snoteU7 .final-tips h3,
body.dark-mode .g10u1 .box.finaltip h2,
body.dark-mode .g10u1 .finaltip h2,
body.dark-mode .g10u1 .box.finaltip h3,
body.dark-mode .g10u1 .finaltip h3,
body.dark-mode .g10u1 .box.finaltips h2,
body.dark-mode .g10u1 .finaltips h2,
body.dark-mode .g10u1 .box.finaltips h3,
body.dark-mode .g10u1 .finaltips h3,
body.dark-mode .g10u1 .box.final-tips h2,
body.dark-mode .g10u1 .final-tips h2,
body.dark-mode .g10u1 .box.final-tips h3,
body.dark-mode .g10u1 .final-tips h3,
body.dark-mode .g10u2 .box.finaltip h2,
body.dark-mode .g10u2 .finaltip h2,
body.dark-mode .g10u2 .box.finaltip h3,
body.dark-mode .g10u2 .finaltip h3,
body.dark-mode .g10u2 .box.finaltips h2,
body.dark-mode .g10u2 .finaltips h2,
body.dark-mode .g10u2 .box.finaltips h3,
body.dark-mode .g10u2 .finaltips h3,
body.dark-mode .g10u2 .box.final-tips h2,
body.dark-mode .g10u2 .final-tips h2,
body.dark-mode .g10u2 .box.final-tips h3,
body.dark-mode .g10u2 .final-tips h3,
body.dark-mode .g10u3 .box.finaltip h2,
body.dark-mode .g10u3 .finaltip h2,
body.dark-mode .g10u3 .box.finaltip h3,
body.dark-mode .g10u3 .finaltip h3,
body.dark-mode .g10u3 .box.finaltips h2,
body.dark-mode .g10u3 .finaltips h2,
body.dark-mode .g10u3 .box.finaltips h3,
body.dark-mode .g10u3 .finaltips h3,
body.dark-mode .g10u3 .box.final-tips h2,
body.dark-mode .g10u3 .final-tips h2,
body.dark-mode .g10u3 .box.final-tips h3,
body.dark-mode .g10u3 .final-tips h3,
body.dark-mode .g10u4 .box.finaltip h2,
body.dark-mode .g10u4 .finaltip h2,
body.dark-mode .g10u4 .box.finaltip h3,
body.dark-mode .g10u4 .finaltip h3,
body.dark-mode .g10u4 .box.finaltips h2,
body.dark-mode .g10u4 .finaltips h2,
body.dark-mode .g10u4 .box.finaltips h3,
body.dark-mode .g10u4 .finaltips h3,
body.dark-mode .g10u4 .box.final-tips h2,
body.dark-mode .g10u4 .final-tips h2,
body.dark-mode .g10u4 .box.final-tips h3,
body.dark-mode .g10u4 .final-tips h3,
body.dark-mode .g10u5 .box.finaltip h2,
body.dark-mode .g10u5 .finaltip h2,
body.dark-mode .g10u5 .box.finaltip h3,
body.dark-mode .g10u5 .finaltip h3,
body.dark-mode .g10u5 .box.finaltips h2,
body.dark-mode .g10u5 .finaltips h2,
body.dark-mode .g10u5 .box.finaltips h3,
body.dark-mode .g10u5 .finaltips h3,
body.dark-mode .g10u5 .box.final-tips h2,
body.dark-mode .g10u5 .final-tips h2,
body.dark-mode .g10u5 .box.final-tips h3,
body.dark-mode .g10u5 .final-tips h3,
body.dark-mode .g10u6 .box.finaltip h2,
body.dark-mode .g10u6 .finaltip h2,
body.dark-mode .g10u6 .box.finaltip h3,
body.dark-mode .g10u6 .finaltip h3,
body.dark-mode .g10u6 .box.finaltips h2,
body.dark-mode .g10u6 .finaltips h2,
body.dark-mode .g10u6 .box.finaltips h3,
body.dark-mode .g10u6 .finaltips h3,
body.dark-mode .g10u6 .box.final-tips h2,
body.dark-mode .g10u6 .final-tips h2,
body.dark-mode .g10u6 .box.final-tips h3,
body.dark-mode .g10u6 .final-tips h3,
body.dark-mode .g11u1 .box.finaltip h2,
body.dark-mode .g11u1 .finaltip h2,
body.dark-mode .g11u1 .box.finaltip h3,
body.dark-mode .g11u1 .finaltip h3,
body.dark-mode .g11u1 .box.finaltips h2,
body.dark-mode .g11u1 .finaltips h2,
body.dark-mode .g11u1 .box.finaltips h3,
body.dark-mode .g11u1 .finaltips h3,
body.dark-mode .g11u1 .box.final-tips h2,
body.dark-mode .g11u1 .final-tips h2,
body.dark-mode .g11u1 .box.final-tips h3,
body.dark-mode .g11u1 .final-tips h3,
body.dark-mode .g11u2 .box.finaltip h2,
body.dark-mode .g11u2 .finaltip h2,
body.dark-mode .g11u2 .box.finaltip h3,
body.dark-mode .g11u2 .finaltip h3,
body.dark-mode .g11u2 .box.finaltips h2,
body.dark-mode .g11u2 .finaltips h2,
body.dark-mode .g11u2 .box.finaltips h3,
body.dark-mode .g11u2 .finaltips h3,
body.dark-mode .g11u2 .box.final-tips h2,
body.dark-mode .g11u2 .final-tips h2,
body.dark-mode .g11u2 .box.final-tips h3,
body.dark-mode .g11u2 .final-tips h3,
body.dark-mode .g11u3 .box.finaltip h2,
body.dark-mode .g11u3 .finaltip h2,
body.dark-mode .g11u3 .box.finaltip h3,
body.dark-mode .g11u3 .finaltip h3,
body.dark-mode .g11u3 .box.finaltips h2,
body.dark-mode .g11u3 .finaltips h2,
body.dark-mode .g11u3 .box.finaltips h3,
body.dark-mode .g11u3 .finaltips h3,
body.dark-mode .g11u3 .box.final-tips h2,
body.dark-mode .g11u3 .final-tips h2,
body.dark-mode .g11u3 .box.final-tips h3,
body.dark-mode .g11u3 .final-tips h3,
body.dark-mode .g11u4 .box.finaltip h2,
body.dark-mode .g11u4 .finaltip h2,
body.dark-mode .g11u4 .box.finaltip h3,
body.dark-mode .g11u4 .finaltip h3,
body.dark-mode .g11u4 .box.finaltips h2,
body.dark-mode .g11u4 .finaltips h2,
body.dark-mode .g11u4 .box.finaltips h3,
body.dark-mode .g11u4 .finaltips h3,
body.dark-mode .g11u4 .box.final-tips h2,
body.dark-mode .g11u4 .final-tips h2,
body.dark-mode .g11u4 .box.final-tips h3,
body.dark-mode .g11u4 .final-tips h3,
body.dark-mode .g11u5 .box.finaltip h2,
body.dark-mode .g11u5 .finaltip h2,
body.dark-mode .g11u5 .box.finaltip h3,
body.dark-mode .g11u5 .finaltip h3,
body.dark-mode .g11u5 .box.finaltips h2,
body.dark-mode .g11u5 .finaltips h2,
body.dark-mode .g11u5 .box.finaltips h3,
body.dark-mode .g11u5 .finaltips h3,
body.dark-mode .g11u5 .box.final-tips h2,
body.dark-mode .g11u5 .final-tips h2,
body.dark-mode .g11u5 .box.final-tips h3,
body.dark-mode .g11u5 .final-tips h3,
body.dark-mode .g11u6 .box.finaltip h2,
body.dark-mode .g11u6 .finaltip h2,
body.dark-mode .g11u6 .box.finaltip h3,
body.dark-mode .g11u6 .finaltip h3,
body.dark-mode .g11u6 .box.finaltips h2,
body.dark-mode .g11u6 .finaltips h2,
body.dark-mode .g11u6 .box.finaltips h3,
body.dark-mode .g11u6 .finaltips h3,
body.dark-mode .g11u6 .box.final-tips h2,
body.dark-mode .g11u6 .final-tips h2,
body.dark-mode .g11u6 .box.final-tips h3,
body.dark-mode .g11u6 .final-tips h3,
body.dark-mode .g11u7 .box.finaltip h2,
body.dark-mode .g11u7 .finaltip h2,
body.dark-mode .g11u7 .box.finaltip h3,
body.dark-mode .g11u7 .finaltip h3,
body.dark-mode .g11u7 .box.finaltips h2,
body.dark-mode .g11u7 .finaltips h2,
body.dark-mode .g11u7 .box.finaltips h3,
body.dark-mode .g11u7 .finaltips h3,
body.dark-mode .g11u7 .box.final-tips h2,
body.dark-mode .g11u7 .final-tips h2,
body.dark-mode .g11u7 .box.final-tips h3,
body.dark-mode .g11u7 .final-tips h3,
body.dark-mode .g12u1 .box.finaltip h2,
body.dark-mode .g12u1 .finaltip h2,
body.dark-mode .g12u1 .box.finaltip h3,
body.dark-mode .g12u1 .finaltip h3,
body.dark-mode .g12u1 .box.finaltips h2,
body.dark-mode .g12u1 .finaltips h2,
body.dark-mode .g12u1 .box.finaltips h3,
body.dark-mode .g12u1 .finaltips h3,
body.dark-mode .g12u1 .box.final-tips h2,
body.dark-mode .g12u1 .final-tips h2,
body.dark-mode .g12u1 .box.final-tips h3,
body.dark-mode .g12u1 .final-tips h3,
body.dark-mode .g12u2 .box.finaltip h2,
body.dark-mode .g12u2 .finaltip h2,
body.dark-mode .g12u2 .box.finaltip h3,
body.dark-mode .g12u2 .finaltip h3,
body.dark-mode .g12u2 .box.finaltips h2,
body.dark-mode .g12u2 .finaltips h2,
body.dark-mode .g12u2 .box.finaltips h3,
body.dark-mode .g12u2 .finaltips h3,
body.dark-mode .g12u2 .box.final-tips h2,
body.dark-mode .g12u2 .final-tips h2,
body.dark-mode .g12u2 .box.final-tips h3,
body.dark-mode .g12u2 .final-tips h3,
body.dark-mode .g12u3 .box.finaltip h2,
body.dark-mode .g12u3 .finaltip h2,
body.dark-mode .g12u3 .box.finaltip h3,
body.dark-mode .g12u3 .finaltip h3,
body.dark-mode .g12u3 .box.finaltips h2,
body.dark-mode .g12u3 .finaltips h2,
body.dark-mode .g12u3 .box.finaltips h3,
body.dark-mode .g12u3 .finaltips h3,
body.dark-mode .g12u3 .box.final-tips h2,
body.dark-mode .g12u3 .final-tips h2,
body.dark-mode .g12u3 .box.final-tips h3,
body.dark-mode .g12u3 .final-tips h3,
body.dark-mode .g12u4 .box.finaltip h2,
body.dark-mode .g12u4 .finaltip h2,
body.dark-mode .g12u4 .box.finaltip h3,
body.dark-mode .g12u4 .finaltip h3,
body.dark-mode .g12u4 .box.finaltips h2,
body.dark-mode .g12u4 .finaltips h2,
body.dark-mode .g12u4 .box.finaltips h3,
body.dark-mode .g12u4 .finaltips h3,
body.dark-mode .g12u4 .box.final-tips h2,
body.dark-mode .g12u4 .final-tips h2,
body.dark-mode .g12u4 .box.final-tips h3,
body.dark-mode .g12u4 .final-tips h3,
body.dark-mode .g12u5 .box.finaltip h2,
body.dark-mode .g12u5 .finaltip h2,
body.dark-mode .g12u5 .box.finaltip h3,
body.dark-mode .g12u5 .finaltip h3,
body.dark-mode .g12u5 .box.finaltips h2,
body.dark-mode .g12u5 .finaltips h2,
body.dark-mode .g12u5 .box.finaltips h3,
body.dark-mode .g12u5 .finaltips h3,
body.dark-mode .g12u5 .box.final-tips h2,
body.dark-mode .g12u5 .final-tips h2,
body.dark-mode .g12u5 .box.final-tips h3,
body.dark-mode .g12u5 .final-tips h3,
body.dark-mode .g12note .box.finaltip h2,
body.dark-mode .g12note .finaltip h2,
body.dark-mode .g12note .box.finaltip h3,
body.dark-mode .g12note .finaltip h3,
body.dark-mode .g12note .box.finaltips h2,
body.dark-mode .g12note .finaltips h2,
body.dark-mode .g12note .box.finaltips h3,
body.dark-mode .g12note .finaltips h3,
body.dark-mode .g12note .box.final-tips h2,
body.dark-mode .g12note .final-tips h2,
body.dark-mode .g12note .box.final-tips h3,
body.dark-mode .g12note .final-tips h3 {
  color:#fda4af !important;
}

/* FIX: readable body text inside final-tips/finaltips boxes in dark mode
   (the light-mode text-color fix above must not carry over to dark mode) */
body.dark-mode .sn1-wrap .box.finaltip *,
body.dark-mode .sn1-wrap .box.finaltips *,
body.dark-mode .sn1-wrap .box.final-tips *,
body.dark-mode .sn1-wrap .finaltip *,
body.dark-mode .sn1-wrap .finaltips *,
body.dark-mode .sn1-wrap .final-tips *,
body.dark-mode .snoteU2 .box.finaltip *,
body.dark-mode .snoteU2 .box.finaltips *,
body.dark-mode .snoteU2 .box.final-tips *,
body.dark-mode .snoteU2 .finaltip *,
body.dark-mode .snoteU2 .finaltips *,
body.dark-mode .snoteU2 .final-tips *,
body.dark-mode .snoteU3 .box.finaltip *,
body.dark-mode .snoteU3 .box.finaltips *,
body.dark-mode .snoteU3 .box.final-tips *,
body.dark-mode .snoteU3 .finaltip *,
body.dark-mode .snoteU3 .finaltips *,
body.dark-mode .snoteU3 .final-tips *,
body.dark-mode .snoteU4 .box.finaltip *,
body.dark-mode .snoteU4 .box.finaltips *,
body.dark-mode .snoteU4 .box.final-tips *,
body.dark-mode .snoteU4 .finaltip *,
body.dark-mode .snoteU4 .finaltips *,
body.dark-mode .snoteU4 .final-tips *,
body.dark-mode .snoteU5 .box.finaltip *,
body.dark-mode .snoteU5 .box.finaltips *,
body.dark-mode .snoteU5 .box.final-tips *,
body.dark-mode .snoteU5 .finaltip *,
body.dark-mode .snoteU5 .finaltips *,
body.dark-mode .snoteU5 .final-tips *,
body.dark-mode .snoteU6 .box.finaltip *,
body.dark-mode .snoteU6 .box.finaltips *,
body.dark-mode .snoteU6 .box.final-tips *,
body.dark-mode .snoteU6 .finaltip *,
body.dark-mode .snoteU6 .finaltips *,
body.dark-mode .snoteU6 .final-tips *,
body.dark-mode .snoteU7 .box.finaltip *,
body.dark-mode .snoteU7 .box.finaltips *,
body.dark-mode .snoteU7 .box.final-tips *,
body.dark-mode .snoteU7 .finaltip *,
body.dark-mode .snoteU7 .finaltips *,
body.dark-mode .snoteU7 .final-tips *,
body.dark-mode .g10u1 .box.finaltip *,
body.dark-mode .g10u1 .box.finaltips *,
body.dark-mode .g10u1 .box.final-tips *,
body.dark-mode .g10u1 .finaltip *,
body.dark-mode .g10u1 .finaltips *,
body.dark-mode .g10u1 .final-tips *,
body.dark-mode .g10u2 .box.finaltip *,
body.dark-mode .g10u2 .box.finaltips *,
body.dark-mode .g10u2 .box.final-tips *,
body.dark-mode .g10u2 .finaltip *,
body.dark-mode .g10u2 .finaltips *,
body.dark-mode .g10u2 .final-tips *,
body.dark-mode .g10u3 .box.finaltip *,
body.dark-mode .g10u3 .box.finaltips *,
body.dark-mode .g10u3 .box.final-tips *,
body.dark-mode .g10u3 .finaltip *,
body.dark-mode .g10u3 .finaltips *,
body.dark-mode .g10u3 .final-tips *,
body.dark-mode .g10u4 .box.finaltip *,
body.dark-mode .g10u4 .box.finaltips *,
body.dark-mode .g10u4 .box.final-tips *,
body.dark-mode .g10u4 .finaltip *,
body.dark-mode .g10u4 .finaltips *,
body.dark-mode .g10u4 .final-tips *,
body.dark-mode .g10u5 .box.finaltip *,
body.dark-mode .g10u5 .box.finaltips *,
body.dark-mode .g10u5 .box.final-tips *,
body.dark-mode .g10u5 .finaltip *,
body.dark-mode .g10u5 .finaltips *,
body.dark-mode .g10u5 .final-tips *,
body.dark-mode .g10u6 .box.finaltip *,
body.dark-mode .g10u6 .box.finaltips *,
body.dark-mode .g10u6 .box.final-tips *,
body.dark-mode .g10u6 .finaltip *,
body.dark-mode .g10u6 .finaltips *,
body.dark-mode .g10u6 .final-tips *,
body.dark-mode .g11u1 .box.finaltip *,
body.dark-mode .g11u1 .box.finaltips *,
body.dark-mode .g11u1 .box.final-tips *,
body.dark-mode .g11u1 .finaltip *,
body.dark-mode .g11u1 .finaltips *,
body.dark-mode .g11u1 .final-tips *,
body.dark-mode .g11u2 .box.finaltip *,
body.dark-mode .g11u2 .box.finaltips *,
body.dark-mode .g11u2 .box.final-tips *,
body.dark-mode .g11u2 .finaltip *,
body.dark-mode .g11u2 .finaltips *,
body.dark-mode .g11u2 .final-tips *,
body.dark-mode .g11u3 .box.finaltip *,
body.dark-mode .g11u3 .box.finaltips *,
body.dark-mode .g11u3 .box.final-tips *,
body.dark-mode .g11u3 .finaltip *,
body.dark-mode .g11u3 .finaltips *,
body.dark-mode .g11u3 .final-tips *,
body.dark-mode .g11u4 .box.finaltip *,
body.dark-mode .g11u4 .box.finaltips *,
body.dark-mode .g11u4 .box.final-tips *,
body.dark-mode .g11u4 .finaltip *,
body.dark-mode .g11u4 .finaltips *,
body.dark-mode .g11u4 .final-tips *,
body.dark-mode .g11u5 .box.finaltip *,
body.dark-mode .g11u5 .box.finaltips *,
body.dark-mode .g11u5 .box.final-tips *,
body.dark-mode .g11u5 .finaltip *,
body.dark-mode .g11u5 .finaltips *,
body.dark-mode .g11u5 .final-tips *,
body.dark-mode .g11u6 .box.finaltip *,
body.dark-mode .g11u6 .box.finaltips *,
body.dark-mode .g11u6 .box.final-tips *,
body.dark-mode .g11u6 .finaltip *,
body.dark-mode .g11u6 .finaltips *,
body.dark-mode .g11u6 .final-tips *,
body.dark-mode .g11u7 .box.finaltip *,
body.dark-mode .g11u7 .box.finaltips *,
body.dark-mode .g11u7 .box.final-tips *,
body.dark-mode .g11u7 .finaltip *,
body.dark-mode .g11u7 .finaltips *,
body.dark-mode .g11u7 .final-tips *,
body.dark-mode .g12u1 .box.finaltip *,
body.dark-mode .g12u1 .box.finaltips *,
body.dark-mode .g12u1 .box.final-tips *,
body.dark-mode .g12u1 .finaltip *,
body.dark-mode .g12u1 .finaltips *,
body.dark-mode .g12u1 .final-tips *,
body.dark-mode .g12u2 .box.finaltip *,
body.dark-mode .g12u2 .box.finaltips *,
body.dark-mode .g12u2 .box.final-tips *,
body.dark-mode .g12u2 .finaltip *,
body.dark-mode .g12u2 .finaltips *,
body.dark-mode .g12u2 .final-tips *,
body.dark-mode .g12u3 .box.finaltip *,
body.dark-mode .g12u3 .box.finaltips *,
body.dark-mode .g12u3 .box.final-tips *,
body.dark-mode .g12u3 .finaltip *,
body.dark-mode .g12u3 .finaltips *,
body.dark-mode .g12u3 .final-tips *,
body.dark-mode .g12u4 .box.finaltip *,
body.dark-mode .g12u4 .box.finaltips *,
body.dark-mode .g12u4 .box.final-tips *,
body.dark-mode .g12u4 .finaltip *,
body.dark-mode .g12u4 .finaltips *,
body.dark-mode .g12u4 .final-tips *,
body.dark-mode .g12u5 .box.finaltip *,
body.dark-mode .g12u5 .box.finaltips *,
body.dark-mode .g12u5 .box.final-tips *,
body.dark-mode .g12u5 .finaltip *,
body.dark-mode .g12u5 .finaltips *,
body.dark-mode .g12u5 .final-tips *,
body.dark-mode .g12note .box.finaltip *,
body.dark-mode .g12note .box.finaltips *,
body.dark-mode .g12note .box.final-tips *,
body.dark-mode .g12note .finaltip *,
body.dark-mode .g12note .finaltips *,
body.dark-mode .g12note .final-tips * {
  color:#ffd6dd !important;
}

body.dark-mode .sn1-wrap .box.summary,
body.dark-mode .sn1-wrap .summary,
body.dark-mode .sn1-wrap .box.summary60,
body.dark-mode .sn1-wrap .summary60,
body.dark-mode .sn1-wrap .box.summary-final,
body.dark-mode .sn1-wrap .summary-final,
body.dark-mode .snoteU2 .box.summary,
body.dark-mode .snoteU2 .summary,
body.dark-mode .snoteU2 .box.summary60,
body.dark-mode .snoteU2 .summary60,
body.dark-mode .snoteU2 .box.summary-final,
body.dark-mode .snoteU2 .summary-final,
body.dark-mode .snoteU3 .box.summary,
body.dark-mode .snoteU3 .summary,
body.dark-mode .snoteU3 .box.summary60,
body.dark-mode .snoteU3 .summary60,
body.dark-mode .snoteU3 .box.summary-final,
body.dark-mode .snoteU3 .summary-final,
body.dark-mode .snoteU4 .box.summary,
body.dark-mode .snoteU4 .summary,
body.dark-mode .snoteU4 .box.summary60,
body.dark-mode .snoteU4 .summary60,
body.dark-mode .snoteU4 .box.summary-final,
body.dark-mode .snoteU4 .summary-final,
body.dark-mode .snoteU5 .box.summary,
body.dark-mode .snoteU5 .summary,
body.dark-mode .snoteU5 .box.summary60,
body.dark-mode .snoteU5 .summary60,
body.dark-mode .snoteU5 .box.summary-final,
body.dark-mode .snoteU5 .summary-final,
body.dark-mode .snoteU6 .box.summary,
body.dark-mode .snoteU6 .summary,
body.dark-mode .snoteU6 .box.summary60,
body.dark-mode .snoteU6 .summary60,
body.dark-mode .snoteU6 .box.summary-final,
body.dark-mode .snoteU6 .summary-final,
body.dark-mode .snoteU7 .box.summary,
body.dark-mode .snoteU7 .summary,
body.dark-mode .snoteU7 .box.summary60,
body.dark-mode .snoteU7 .summary60,
body.dark-mode .snoteU7 .box.summary-final,
body.dark-mode .snoteU7 .summary-final,
body.dark-mode .g10u1 .box.summary,
body.dark-mode .g10u1 .summary,
body.dark-mode .g10u1 .box.summary60,
body.dark-mode .g10u1 .summary60,
body.dark-mode .g10u1 .box.summary-final,
body.dark-mode .g10u1 .summary-final,
body.dark-mode .g10u2 .box.summary,
body.dark-mode .g10u2 .summary,
body.dark-mode .g10u2 .box.summary60,
body.dark-mode .g10u2 .summary60,
body.dark-mode .g10u2 .box.summary-final,
body.dark-mode .g10u2 .summary-final,
body.dark-mode .g10u3 .box.summary,
body.dark-mode .g10u3 .summary,
body.dark-mode .g10u3 .box.summary60,
body.dark-mode .g10u3 .summary60,
body.dark-mode .g10u3 .box.summary-final,
body.dark-mode .g10u3 .summary-final,
body.dark-mode .g10u4 .box.summary,
body.dark-mode .g10u4 .summary,
body.dark-mode .g10u4 .box.summary60,
body.dark-mode .g10u4 .summary60,
body.dark-mode .g10u4 .box.summary-final,
body.dark-mode .g10u4 .summary-final,
body.dark-mode .g10u5 .box.summary,
body.dark-mode .g10u5 .summary,
body.dark-mode .g10u5 .box.summary60,
body.dark-mode .g10u5 .summary60,
body.dark-mode .g10u5 .box.summary-final,
body.dark-mode .g10u5 .summary-final,
body.dark-mode .g10u6 .box.summary,
body.dark-mode .g10u6 .summary,
body.dark-mode .g10u6 .box.summary60,
body.dark-mode .g10u6 .summary60,
body.dark-mode .g10u6 .box.summary-final,
body.dark-mode .g10u6 .summary-final,
body.dark-mode .g11u1 .box.summary,
body.dark-mode .g11u1 .summary,
body.dark-mode .g11u1 .box.summary60,
body.dark-mode .g11u1 .summary60,
body.dark-mode .g11u1 .box.summary-final,
body.dark-mode .g11u1 .summary-final,
body.dark-mode .g11u2 .box.summary,
body.dark-mode .g11u2 .summary,
body.dark-mode .g11u2 .box.summary60,
body.dark-mode .g11u2 .summary60,
body.dark-mode .g11u2 .box.summary-final,
body.dark-mode .g11u2 .summary-final,
body.dark-mode .g11u3 .box.summary,
body.dark-mode .g11u3 .summary,
body.dark-mode .g11u3 .box.summary60,
body.dark-mode .g11u3 .summary60,
body.dark-mode .g11u3 .box.summary-final,
body.dark-mode .g11u3 .summary-final,
body.dark-mode .g11u4 .box.summary,
body.dark-mode .g11u4 .summary,
body.dark-mode .g11u4 .box.summary60,
body.dark-mode .g11u4 .summary60,
body.dark-mode .g11u4 .box.summary-final,
body.dark-mode .g11u4 .summary-final,
body.dark-mode .g11u5 .box.summary,
body.dark-mode .g11u5 .summary,
body.dark-mode .g11u5 .box.summary60,
body.dark-mode .g11u5 .summary60,
body.dark-mode .g11u5 .box.summary-final,
body.dark-mode .g11u5 .summary-final,
body.dark-mode .g11u6 .box.summary,
body.dark-mode .g11u6 .summary,
body.dark-mode .g11u6 .box.summary60,
body.dark-mode .g11u6 .summary60,
body.dark-mode .g11u6 .box.summary-final,
body.dark-mode .g11u6 .summary-final,
body.dark-mode .g11u7 .box.summary,
body.dark-mode .g11u7 .summary,
body.dark-mode .g11u7 .box.summary60,
body.dark-mode .g11u7 .summary60,
body.dark-mode .g11u7 .box.summary-final,
body.dark-mode .g11u7 .summary-final,
body.dark-mode .g12u1 .box.summary,
body.dark-mode .g12u1 .summary,
body.dark-mode .g12u1 .box.summary60,
body.dark-mode .g12u1 .summary60,
body.dark-mode .g12u1 .box.summary-final,
body.dark-mode .g12u1 .summary-final,
body.dark-mode .g12u2 .box.summary,
body.dark-mode .g12u2 .summary,
body.dark-mode .g12u2 .box.summary60,
body.dark-mode .g12u2 .summary60,
body.dark-mode .g12u2 .box.summary-final,
body.dark-mode .g12u2 .summary-final,
body.dark-mode .g12u3 .box.summary,
body.dark-mode .g12u3 .summary,
body.dark-mode .g12u3 .box.summary60,
body.dark-mode .g12u3 .summary60,
body.dark-mode .g12u3 .box.summary-final,
body.dark-mode .g12u3 .summary-final,
body.dark-mode .g12u4 .box.summary,
body.dark-mode .g12u4 .summary,
body.dark-mode .g12u4 .box.summary60,
body.dark-mode .g12u4 .summary60,
body.dark-mode .g12u4 .box.summary-final,
body.dark-mode .g12u4 .summary-final,
body.dark-mode .g12u5 .box.summary,
body.dark-mode .g12u5 .summary,
body.dark-mode .g12u5 .box.summary60,
body.dark-mode .g12u5 .summary60,
body.dark-mode .g12u5 .box.summary-final,
body.dark-mode .g12u5 .summary-final,
body.dark-mode .g12note .box.summary,
body.dark-mode .g12note .summary,
body.dark-mode .g12note .box.summary60,
body.dark-mode .g12note .summary60,
body.dark-mode .g12note .box.summary-final,
body.dark-mode .g12note .summary-final {
  background:linear-gradient(135deg,#020617,#0f172a) !important; box-shadow:0 3px 10px rgba(0,0,0,.4) !important;
}

body.dark-mode .sn1-wrap .flag-en,
body.dark-mode .sn1-wrap .flag.en,
body.dark-mode .sn1-wrap .flag.flag-en,
body.dark-mode .sn1-wrap .sn1-flag-en,
body.dark-mode .snoteU2 .flag-en,
body.dark-mode .snoteU2 .flag.en,
body.dark-mode .snoteU2 .flag.flag-en,
body.dark-mode .snoteU2 .sn1-flag-en,
body.dark-mode .snoteU3 .flag-en,
body.dark-mode .snoteU3 .flag.en,
body.dark-mode .snoteU3 .flag.flag-en,
body.dark-mode .snoteU3 .sn1-flag-en,
body.dark-mode .snoteU4 .flag-en,
body.dark-mode .snoteU4 .flag.en,
body.dark-mode .snoteU4 .flag.flag-en,
body.dark-mode .snoteU4 .sn1-flag-en,
body.dark-mode .snoteU5 .flag-en,
body.dark-mode .snoteU5 .flag.en,
body.dark-mode .snoteU5 .flag.flag-en,
body.dark-mode .snoteU5 .sn1-flag-en,
body.dark-mode .snoteU6 .flag-en,
body.dark-mode .snoteU6 .flag.en,
body.dark-mode .snoteU6 .flag.flag-en,
body.dark-mode .snoteU6 .sn1-flag-en,
body.dark-mode .snoteU7 .flag-en,
body.dark-mode .snoteU7 .flag.en,
body.dark-mode .snoteU7 .flag.flag-en,
body.dark-mode .snoteU7 .sn1-flag-en,
body.dark-mode .g10u1 .flag-en,
body.dark-mode .g10u1 .flag.en,
body.dark-mode .g10u1 .flag.flag-en,
body.dark-mode .g10u1 .sn1-flag-en,
body.dark-mode .g10u2 .flag-en,
body.dark-mode .g10u2 .flag.en,
body.dark-mode .g10u2 .flag.flag-en,
body.dark-mode .g10u2 .sn1-flag-en,
body.dark-mode .g10u3 .flag-en,
body.dark-mode .g10u3 .flag.en,
body.dark-mode .g10u3 .flag.flag-en,
body.dark-mode .g10u3 .sn1-flag-en,
body.dark-mode .g10u4 .flag-en,
body.dark-mode .g10u4 .flag.en,
body.dark-mode .g10u4 .flag.flag-en,
body.dark-mode .g10u4 .sn1-flag-en,
body.dark-mode .g10u5 .flag-en,
body.dark-mode .g10u5 .flag.en,
body.dark-mode .g10u5 .flag.flag-en,
body.dark-mode .g10u5 .sn1-flag-en,
body.dark-mode .g10u6 .flag-en,
body.dark-mode .g10u6 .flag.en,
body.dark-mode .g10u6 .flag.flag-en,
body.dark-mode .g10u6 .sn1-flag-en,
body.dark-mode .g11u1 .flag-en,
body.dark-mode .g11u1 .flag.en,
body.dark-mode .g11u1 .flag.flag-en,
body.dark-mode .g11u1 .sn1-flag-en,
body.dark-mode .g11u2 .flag-en,
body.dark-mode .g11u2 .flag.en,
body.dark-mode .g11u2 .flag.flag-en,
body.dark-mode .g11u2 .sn1-flag-en,
body.dark-mode .g11u3 .flag-en,
body.dark-mode .g11u3 .flag.en,
body.dark-mode .g11u3 .flag.flag-en,
body.dark-mode .g11u3 .sn1-flag-en,
body.dark-mode .g11u4 .flag-en,
body.dark-mode .g11u4 .flag.en,
body.dark-mode .g11u4 .flag.flag-en,
body.dark-mode .g11u4 .sn1-flag-en,
body.dark-mode .g11u5 .flag-en,
body.dark-mode .g11u5 .flag.en,
body.dark-mode .g11u5 .flag.flag-en,
body.dark-mode .g11u5 .sn1-flag-en,
body.dark-mode .g11u6 .flag-en,
body.dark-mode .g11u6 .flag.en,
body.dark-mode .g11u6 .flag.flag-en,
body.dark-mode .g11u6 .sn1-flag-en,
body.dark-mode .g11u7 .flag-en,
body.dark-mode .g11u7 .flag.en,
body.dark-mode .g11u7 .flag.flag-en,
body.dark-mode .g11u7 .sn1-flag-en,
body.dark-mode .g12u1 .flag-en,
body.dark-mode .g12u1 .flag.en,
body.dark-mode .g12u1 .flag.flag-en,
body.dark-mode .g12u1 .sn1-flag-en,
body.dark-mode .g12u2 .flag-en,
body.dark-mode .g12u2 .flag.en,
body.dark-mode .g12u2 .flag.flag-en,
body.dark-mode .g12u2 .sn1-flag-en,
body.dark-mode .g12u3 .flag-en,
body.dark-mode .g12u3 .flag.en,
body.dark-mode .g12u3 .flag.flag-en,
body.dark-mode .g12u3 .sn1-flag-en,
body.dark-mode .g12u4 .flag-en,
body.dark-mode .g12u4 .flag.en,
body.dark-mode .g12u4 .flag.flag-en,
body.dark-mode .g12u4 .sn1-flag-en,
body.dark-mode .g12u5 .flag-en,
body.dark-mode .g12u5 .flag.en,
body.dark-mode .g12u5 .flag.flag-en,
body.dark-mode .g12u5 .sn1-flag-en,
body.dark-mode .g12note .flag-en,
body.dark-mode .g12note .flag.en,
body.dark-mode .g12note .flag.flag-en,
body.dark-mode .g12note .sn1-flag-en {
  background:#1c2b4a !important; color:#9db9f2 !important;
}

body.dark-mode .sn1-wrap .flag-am,
body.dark-mode .sn1-wrap .flag.am,
body.dark-mode .sn1-wrap .flag.flag-am,
body.dark-mode .sn1-wrap .sn1-flag-am,
body.dark-mode .snoteU2 .flag-am,
body.dark-mode .snoteU2 .flag.am,
body.dark-mode .snoteU2 .flag.flag-am,
body.dark-mode .snoteU2 .sn1-flag-am,
body.dark-mode .snoteU3 .flag-am,
body.dark-mode .snoteU3 .flag.am,
body.dark-mode .snoteU3 .flag.flag-am,
body.dark-mode .snoteU3 .sn1-flag-am,
body.dark-mode .snoteU4 .flag-am,
body.dark-mode .snoteU4 .flag.am,
body.dark-mode .snoteU4 .flag.flag-am,
body.dark-mode .snoteU4 .sn1-flag-am,
body.dark-mode .snoteU5 .flag-am,
body.dark-mode .snoteU5 .flag.am,
body.dark-mode .snoteU5 .flag.flag-am,
body.dark-mode .snoteU5 .sn1-flag-am,
body.dark-mode .snoteU6 .flag-am,
body.dark-mode .snoteU6 .flag.am,
body.dark-mode .snoteU6 .flag.flag-am,
body.dark-mode .snoteU6 .sn1-flag-am,
body.dark-mode .snoteU7 .flag-am,
body.dark-mode .snoteU7 .flag.am,
body.dark-mode .snoteU7 .flag.flag-am,
body.dark-mode .snoteU7 .sn1-flag-am,
body.dark-mode .g10u1 .flag-am,
body.dark-mode .g10u1 .flag.am,
body.dark-mode .g10u1 .flag.flag-am,
body.dark-mode .g10u1 .sn1-flag-am,
body.dark-mode .g10u2 .flag-am,
body.dark-mode .g10u2 .flag.am,
body.dark-mode .g10u2 .flag.flag-am,
body.dark-mode .g10u2 .sn1-flag-am,
body.dark-mode .g10u3 .flag-am,
body.dark-mode .g10u3 .flag.am,
body.dark-mode .g10u3 .flag.flag-am,
body.dark-mode .g10u3 .sn1-flag-am,
body.dark-mode .g10u4 .flag-am,
body.dark-mode .g10u4 .flag.am,
body.dark-mode .g10u4 .flag.flag-am,
body.dark-mode .g10u4 .sn1-flag-am,
body.dark-mode .g10u5 .flag-am,
body.dark-mode .g10u5 .flag.am,
body.dark-mode .g10u5 .flag.flag-am,
body.dark-mode .g10u5 .sn1-flag-am,
body.dark-mode .g10u6 .flag-am,
body.dark-mode .g10u6 .flag.am,
body.dark-mode .g10u6 .flag.flag-am,
body.dark-mode .g10u6 .sn1-flag-am,
body.dark-mode .g11u1 .flag-am,
body.dark-mode .g11u1 .flag.am,
body.dark-mode .g11u1 .flag.flag-am,
body.dark-mode .g11u1 .sn1-flag-am,
body.dark-mode .g11u2 .flag-am,
body.dark-mode .g11u2 .flag.am,
body.dark-mode .g11u2 .flag.flag-am,
body.dark-mode .g11u2 .sn1-flag-am,
body.dark-mode .g11u3 .flag-am,
body.dark-mode .g11u3 .flag.am,
body.dark-mode .g11u3 .flag.flag-am,
body.dark-mode .g11u3 .sn1-flag-am,
body.dark-mode .g11u4 .flag-am,
body.dark-mode .g11u4 .flag.am,
body.dark-mode .g11u4 .flag.flag-am,
body.dark-mode .g11u4 .sn1-flag-am,
body.dark-mode .g11u5 .flag-am,
body.dark-mode .g11u5 .flag.am,
body.dark-mode .g11u5 .flag.flag-am,
body.dark-mode .g11u5 .sn1-flag-am,
body.dark-mode .g11u6 .flag-am,
body.dark-mode .g11u6 .flag.am,
body.dark-mode .g11u6 .flag.flag-am,
body.dark-mode .g11u6 .sn1-flag-am,
body.dark-mode .g11u7 .flag-am,
body.dark-mode .g11u7 .flag.am,
body.dark-mode .g11u7 .flag.flag-am,
body.dark-mode .g11u7 .sn1-flag-am,
body.dark-mode .g12u1 .flag-am,
body.dark-mode .g12u1 .flag.am,
body.dark-mode .g12u1 .flag.flag-am,
body.dark-mode .g12u1 .sn1-flag-am,
body.dark-mode .g12u2 .flag-am,
body.dark-mode .g12u2 .flag.am,
body.dark-mode .g12u2 .flag.flag-am,
body.dark-mode .g12u2 .sn1-flag-am,
body.dark-mode .g12u3 .flag-am,
body.dark-mode .g12u3 .flag.am,
body.dark-mode .g12u3 .flag.flag-am,
body.dark-mode .g12u3 .sn1-flag-am,
body.dark-mode .g12u4 .flag-am,
body.dark-mode .g12u4 .flag.am,
body.dark-mode .g12u4 .flag.flag-am,
body.dark-mode .g12u4 .sn1-flag-am,
body.dark-mode .g12u5 .flag-am,
body.dark-mode .g12u5 .flag.am,
body.dark-mode .g12u5 .flag.flag-am,
body.dark-mode .g12u5 .sn1-flag-am,
body.dark-mode .g12note .flag-am,
body.dark-mode .g12note .flag.am,
body.dark-mode .g12note .flag.flag-am,
body.dark-mode .g12note .sn1-flag-am {
  background:#173322 !important; color:#8be0a4 !important;
}

body.dark-mode .sn1-wrap table,
body.dark-mode .snoteU2 table,
body.dark-mode .snoteU3 table,
body.dark-mode .snoteU4 table,
body.dark-mode .snoteU5 table,
body.dark-mode .snoteU6 table,
body.dark-mode .snoteU7 table,
body.dark-mode .g10u1 table,
body.dark-mode .g10u2 table,
body.dark-mode .g10u3 table,
body.dark-mode .g10u4 table,
body.dark-mode .g10u5 table,
body.dark-mode .g10u6 table,
body.dark-mode .g11u1 table,
body.dark-mode .g11u2 table,
body.dark-mode .g11u3 table,
body.dark-mode .g11u4 table,
body.dark-mode .g11u5 table,
body.dark-mode .g11u6 table,
body.dark-mode .g11u7 table,
body.dark-mode .g12u1 table,
body.dark-mode .g12u2 table,
body.dark-mode .g12u3 table,
body.dark-mode .g12u4 table,
body.dark-mode .g12u5 table,
body.dark-mode .g12note table {
  background:#1c211f !important;
}

body.dark-mode .sn1-wrap th,
body.dark-mode .snoteU2 th,
body.dark-mode .snoteU3 th,
body.dark-mode .snoteU4 th,
body.dark-mode .snoteU5 th,
body.dark-mode .snoteU6 th,
body.dark-mode .snoteU7 th,
body.dark-mode .g10u1 th,
body.dark-mode .g10u2 th,
body.dark-mode .g10u3 th,
body.dark-mode .g10u4 th,
body.dark-mode .g10u5 th,
body.dark-mode .g10u6 th,
body.dark-mode .g11u1 th,
body.dark-mode .g11u2 th,
body.dark-mode .g11u3 th,
body.dark-mode .g11u4 th,
body.dark-mode .g11u5 th,
body.dark-mode .g11u6 th,
body.dark-mode .g11u7 th,
body.dark-mode .g12u1 th,
body.dark-mode .g12u2 th,
body.dark-mode .g12u3 th,
body.dark-mode .g12u4 th,
body.dark-mode .g12u5 th,
body.dark-mode .g12note th {
  background:#0b2a3a !important; color:#f2fbfb !important;
}

body.dark-mode .sn1-wrap td,
body.dark-mode .snoteU2 td,
body.dark-mode .snoteU3 td,
body.dark-mode .snoteU4 td,
body.dark-mode .snoteU5 td,
body.dark-mode .snoteU6 td,
body.dark-mode .snoteU7 td,
body.dark-mode .g10u1 td,
body.dark-mode .g10u2 td,
body.dark-mode .g10u3 td,
body.dark-mode .g10u4 td,
body.dark-mode .g10u5 td,
body.dark-mode .g10u6 td,
body.dark-mode .g11u1 td,
body.dark-mode .g11u2 td,
body.dark-mode .g11u3 td,
body.dark-mode .g11u4 td,
body.dark-mode .g11u5 td,
body.dark-mode .g11u6 td,
body.dark-mode .g11u7 td,
body.dark-mode .g12u1 td,
body.dark-mode .g12u2 td,
body.dark-mode .g12u3 td,
body.dark-mode .g12u4 td,
body.dark-mode .g12u5 td,
body.dark-mode .g12note td {
  border-bottom-color:#2b3a3a !important; color:#e3e9ea !important;
}

body.dark-mode .sn1-wrap tr:nth-child(even) td,
body.dark-mode .snoteU2 tr:nth-child(even) td,
body.dark-mode .snoteU3 tr:nth-child(even) td,
body.dark-mode .snoteU4 tr:nth-child(even) td,
body.dark-mode .snoteU5 tr:nth-child(even) td,
body.dark-mode .snoteU6 tr:nth-child(even) td,
body.dark-mode .snoteU7 tr:nth-child(even) td,
body.dark-mode .g10u1 tr:nth-child(even) td,
body.dark-mode .g10u2 tr:nth-child(even) td,
body.dark-mode .g10u3 tr:nth-child(even) td,
body.dark-mode .g10u4 tr:nth-child(even) td,
body.dark-mode .g10u5 tr:nth-child(even) td,
body.dark-mode .g10u6 tr:nth-child(even) td,
body.dark-mode .g11u1 tr:nth-child(even) td,
body.dark-mode .g11u2 tr:nth-child(even) td,
body.dark-mode .g11u3 tr:nth-child(even) td,
body.dark-mode .g11u4 tr:nth-child(even) td,
body.dark-mode .g11u5 tr:nth-child(even) td,
body.dark-mode .g11u6 tr:nth-child(even) td,
body.dark-mode .g11u7 tr:nth-child(even) td,
body.dark-mode .g12u1 tr:nth-child(even) td,
body.dark-mode .g12u2 tr:nth-child(even) td,
body.dark-mode .g12u3 tr:nth-child(even) td,
body.dark-mode .g12u4 tr:nth-child(even) td,
body.dark-mode .g12u5 tr:nth-child(even) td,
body.dark-mode .g12note tr:nth-child(even) td {
  background:#1a2626 !important;
}

body.dark-mode .sn1-wrap .selfcheck,
body.dark-mode .sn1-wrap .self-check,
body.dark-mode .snoteU2 .selfcheck,
body.dark-mode .snoteU2 .self-check,
body.dark-mode .snoteU3 .selfcheck,
body.dark-mode .snoteU3 .self-check,
body.dark-mode .snoteU4 .selfcheck,
body.dark-mode .snoteU4 .self-check,
body.dark-mode .snoteU5 .selfcheck,
body.dark-mode .snoteU5 .self-check,
body.dark-mode .snoteU6 .selfcheck,
body.dark-mode .snoteU6 .self-check,
body.dark-mode .snoteU7 .selfcheck,
body.dark-mode .snoteU7 .self-check,
body.dark-mode .g10u1 .selfcheck,
body.dark-mode .g10u1 .self-check,
body.dark-mode .g10u2 .selfcheck,
body.dark-mode .g10u2 .self-check,
body.dark-mode .g10u3 .selfcheck,
body.dark-mode .g10u3 .self-check,
body.dark-mode .g10u4 .selfcheck,
body.dark-mode .g10u4 .self-check,
body.dark-mode .g10u5 .selfcheck,
body.dark-mode .g10u5 .self-check,
body.dark-mode .g10u6 .selfcheck,
body.dark-mode .g10u6 .self-check,
body.dark-mode .g11u1 .selfcheck,
body.dark-mode .g11u1 .self-check,
body.dark-mode .g11u2 .selfcheck,
body.dark-mode .g11u2 .self-check,
body.dark-mode .g11u3 .selfcheck,
body.dark-mode .g11u3 .self-check,
body.dark-mode .g11u4 .selfcheck,
body.dark-mode .g11u4 .self-check,
body.dark-mode .g11u5 .selfcheck,
body.dark-mode .g11u5 .self-check,
body.dark-mode .g11u6 .selfcheck,
body.dark-mode .g11u6 .self-check,
body.dark-mode .g11u7 .selfcheck,
body.dark-mode .g11u7 .self-check,
body.dark-mode .g12u1 .selfcheck,
body.dark-mode .g12u1 .self-check,
body.dark-mode .g12u2 .selfcheck,
body.dark-mode .g12u2 .self-check,
body.dark-mode .g12u3 .selfcheck,
body.dark-mode .g12u3 .self-check,
body.dark-mode .g12u4 .selfcheck,
body.dark-mode .g12u4 .self-check,
body.dark-mode .g12u5 .selfcheck,
body.dark-mode .g12u5 .self-check,
body.dark-mode .g12note .selfcheck,
body.dark-mode .g12note .self-check {
  background:#1c2b2c !important; border-left-color:#5eead4 !important; color:#dbe4e6 !important;
}

body.dark-mode .sn1-wrap .selfcheck b,
body.dark-mode .sn1-wrap .self-check b,
body.dark-mode .snoteU2 .selfcheck b,
body.dark-mode .snoteU2 .self-check b,
body.dark-mode .snoteU3 .selfcheck b,
body.dark-mode .snoteU3 .self-check b,
body.dark-mode .snoteU4 .selfcheck b,
body.dark-mode .snoteU4 .self-check b,
body.dark-mode .snoteU5 .selfcheck b,
body.dark-mode .snoteU5 .self-check b,
body.dark-mode .snoteU6 .selfcheck b,
body.dark-mode .snoteU6 .self-check b,
body.dark-mode .snoteU7 .selfcheck b,
body.dark-mode .snoteU7 .self-check b,
body.dark-mode .g10u1 .selfcheck b,
body.dark-mode .g10u1 .self-check b,
body.dark-mode .g10u2 .selfcheck b,
body.dark-mode .g10u2 .self-check b,
body.dark-mode .g10u3 .selfcheck b,
body.dark-mode .g10u3 .self-check b,
body.dark-mode .g10u4 .selfcheck b,
body.dark-mode .g10u4 .self-check b,
body.dark-mode .g10u5 .selfcheck b,
body.dark-mode .g10u5 .self-check b,
body.dark-mode .g10u6 .selfcheck b,
body.dark-mode .g10u6 .self-check b,
body.dark-mode .g11u1 .selfcheck b,
body.dark-mode .g11u1 .self-check b,
body.dark-mode .g11u2 .selfcheck b,
body.dark-mode .g11u2 .self-check b,
body.dark-mode .g11u3 .selfcheck b,
body.dark-mode .g11u3 .self-check b,
body.dark-mode .g11u4 .selfcheck b,
body.dark-mode .g11u4 .self-check b,
body.dark-mode .g11u5 .selfcheck b,
body.dark-mode .g11u5 .self-check b,
body.dark-mode .g11u6 .selfcheck b,
body.dark-mode .g11u6 .self-check b,
body.dark-mode .g11u7 .selfcheck b,
body.dark-mode .g11u7 .self-check b,
body.dark-mode .g12u1 .selfcheck b,
body.dark-mode .g12u1 .self-check b,
body.dark-mode .g12u2 .selfcheck b,
body.dark-mode .g12u2 .self-check b,
body.dark-mode .g12u3 .selfcheck b,
body.dark-mode .g12u3 .self-check b,
body.dark-mode .g12u4 .selfcheck b,
body.dark-mode .g12u4 .self-check b,
body.dark-mode .g12u5 .selfcheck b,
body.dark-mode .g12u5 .self-check b,
body.dark-mode .g12note .selfcheck b,
body.dark-mode .g12note .self-check b {
  color:#9dc4ee !important;
}

body.dark-mode .sn1-wrap .example,
body.dark-mode .snoteU2 .example,
body.dark-mode .snoteU3 .example,
body.dark-mode .snoteU4 .example,
body.dark-mode .snoteU5 .example,
body.dark-mode .snoteU6 .example,
body.dark-mode .snoteU7 .example,
body.dark-mode .g10u1 .example,
body.dark-mode .g10u2 .example,
body.dark-mode .g10u3 .example,
body.dark-mode .g10u4 .example,
body.dark-mode .g10u5 .example,
body.dark-mode .g10u6 .example,
body.dark-mode .g11u1 .example,
body.dark-mode .g11u2 .example,
body.dark-mode .g11u3 .example,
body.dark-mode .g11u4 .example,
body.dark-mode .g11u5 .example,
body.dark-mode .g11u6 .example,
body.dark-mode .g11u7 .example,
body.dark-mode .g12u1 .example,
body.dark-mode .g12u2 .example,
body.dark-mode .g12u3 .example,
body.dark-mode .g12u4 .example,
body.dark-mode .g12u5 .example,
body.dark-mode .g12note .example {
  background:#1a1f26 !important; border-color:#3d4b57 !important; color:#e3e9ea !important;
}

body.dark-mode .sn1-wrap .stepbox,
body.dark-mode .sn1-wrap .step,
body.dark-mode .snoteU2 .stepbox,
body.dark-mode .snoteU2 .step,
body.dark-mode .snoteU3 .stepbox,
body.dark-mode .snoteU3 .step,
body.dark-mode .snoteU4 .stepbox,
body.dark-mode .snoteU4 .step,
body.dark-mode .snoteU5 .stepbox,
body.dark-mode .snoteU5 .step,
body.dark-mode .snoteU6 .stepbox,
body.dark-mode .snoteU6 .step,
body.dark-mode .snoteU7 .stepbox,
body.dark-mode .snoteU7 .step,
body.dark-mode .g10u1 .stepbox,
body.dark-mode .g10u1 .step,
body.dark-mode .g10u2 .stepbox,
body.dark-mode .g10u2 .step,
body.dark-mode .g10u3 .stepbox,
body.dark-mode .g10u3 .step,
body.dark-mode .g10u4 .stepbox,
body.dark-mode .g10u4 .step,
body.dark-mode .g10u5 .stepbox,
body.dark-mode .g10u5 .step,
body.dark-mode .g10u6 .stepbox,
body.dark-mode .g10u6 .step,
body.dark-mode .g11u1 .stepbox,
body.dark-mode .g11u1 .step,
body.dark-mode .g11u2 .stepbox,
body.dark-mode .g11u2 .step,
body.dark-mode .g11u3 .stepbox,
body.dark-mode .g11u3 .step,
body.dark-mode .g11u4 .stepbox,
body.dark-mode .g11u4 .step,
body.dark-mode .g11u5 .stepbox,
body.dark-mode .g11u5 .step,
body.dark-mode .g11u6 .stepbox,
body.dark-mode .g11u6 .step,
body.dark-mode .g11u7 .stepbox,
body.dark-mode .g11u7 .step,
body.dark-mode .g12u1 .stepbox,
body.dark-mode .g12u1 .step,
body.dark-mode .g12u2 .stepbox,
body.dark-mode .g12u2 .step,
body.dark-mode .g12u3 .stepbox,
body.dark-mode .g12u3 .step,
body.dark-mode .g12u4 .stepbox,
body.dark-mode .g12u4 .step,
body.dark-mode .g12u5 .stepbox,
body.dark-mode .g12u5 .step,
body.dark-mode .g12note .stepbox,
body.dark-mode .g12note .step {
  background:#1c211f !important; border-color:#5c9fe0 !important; color:#e3e9ea !important;
}

body.dark-mode .sn1-wrap .formula-box,
body.dark-mode .snoteU2 .formula-box,
body.dark-mode .snoteU3 .formula-box,
body.dark-mode .snoteU4 .formula-box,
body.dark-mode .snoteU5 .formula-box,
body.dark-mode .snoteU6 .formula-box,
body.dark-mode .snoteU7 .formula-box,
body.dark-mode .g10u1 .formula-box,
body.dark-mode .g10u2 .formula-box,
body.dark-mode .g10u3 .formula-box,
body.dark-mode .g10u4 .formula-box,
body.dark-mode .g10u5 .formula-box,
body.dark-mode .g10u6 .formula-box,
body.dark-mode .g11u1 .formula-box,
body.dark-mode .g11u2 .formula-box,
body.dark-mode .g11u3 .formula-box,
body.dark-mode .g11u4 .formula-box,
body.dark-mode .g11u5 .formula-box,
body.dark-mode .g11u6 .formula-box,
body.dark-mode .g11u7 .formula-box,
body.dark-mode .g12u1 .formula-box,
body.dark-mode .g12u2 .formula-box,
body.dark-mode .g12u3 .formula-box,
body.dark-mode .g12u4 .formula-box,
body.dark-mode .g12u5 .formula-box,
body.dark-mode .g12note .formula-box {
  background:#241a33 !important; border-color:#c084fc !important; color:#e9d8fd !important;
}

body.dark-mode .sn1-wrap .red,
body.dark-mode .sn1-wrap .r,
body.dark-mode .sn1-wrap .kw,
body.dark-mode .sn1-wrap .sn1-kw,
body.dark-mode .snoteU2 .red,
body.dark-mode .snoteU2 .r,
body.dark-mode .snoteU2 .kw,
body.dark-mode .snoteU2 .sn1-kw,
body.dark-mode .snoteU3 .red,
body.dark-mode .snoteU3 .r,
body.dark-mode .snoteU3 .kw,
body.dark-mode .snoteU3 .sn1-kw,
body.dark-mode .snoteU4 .red,
body.dark-mode .snoteU4 .r,
body.dark-mode .snoteU4 .kw,
body.dark-mode .snoteU4 .sn1-kw,
body.dark-mode .snoteU5 .red,
body.dark-mode .snoteU5 .r,
body.dark-mode .snoteU5 .kw,
body.dark-mode .snoteU5 .sn1-kw,
body.dark-mode .snoteU6 .red,
body.dark-mode .snoteU6 .r,
body.dark-mode .snoteU6 .kw,
body.dark-mode .snoteU6 .sn1-kw,
body.dark-mode .snoteU7 .red,
body.dark-mode .snoteU7 .r,
body.dark-mode .snoteU7 .kw,
body.dark-mode .snoteU7 .sn1-kw,
body.dark-mode .g10u1 .red,
body.dark-mode .g10u1 .r,
body.dark-mode .g10u1 .kw,
body.dark-mode .g10u1 .sn1-kw,
body.dark-mode .g10u2 .red,
body.dark-mode .g10u2 .r,
body.dark-mode .g10u2 .kw,
body.dark-mode .g10u2 .sn1-kw,
body.dark-mode .g10u3 .red,
body.dark-mode .g10u3 .r,
body.dark-mode .g10u3 .kw,
body.dark-mode .g10u3 .sn1-kw,
body.dark-mode .g10u4 .red,
body.dark-mode .g10u4 .r,
body.dark-mode .g10u4 .kw,
body.dark-mode .g10u4 .sn1-kw,
body.dark-mode .g10u5 .red,
body.dark-mode .g10u5 .r,
body.dark-mode .g10u5 .kw,
body.dark-mode .g10u5 .sn1-kw,
body.dark-mode .g10u6 .red,
body.dark-mode .g10u6 .r,
body.dark-mode .g10u6 .kw,
body.dark-mode .g10u6 .sn1-kw,
body.dark-mode .g11u1 .red,
body.dark-mode .g11u1 .r,
body.dark-mode .g11u1 .kw,
body.dark-mode .g11u1 .sn1-kw,
body.dark-mode .g11u2 .red,
body.dark-mode .g11u2 .r,
body.dark-mode .g11u2 .kw,
body.dark-mode .g11u2 .sn1-kw,
body.dark-mode .g11u3 .red,
body.dark-mode .g11u3 .r,
body.dark-mode .g11u3 .kw,
body.dark-mode .g11u3 .sn1-kw,
body.dark-mode .g11u4 .red,
body.dark-mode .g11u4 .r,
body.dark-mode .g11u4 .kw,
body.dark-mode .g11u4 .sn1-kw,
body.dark-mode .g11u5 .red,
body.dark-mode .g11u5 .r,
body.dark-mode .g11u5 .kw,
body.dark-mode .g11u5 .sn1-kw,
body.dark-mode .g11u6 .red,
body.dark-mode .g11u6 .r,
body.dark-mode .g11u6 .kw,
body.dark-mode .g11u6 .sn1-kw,
body.dark-mode .g11u7 .red,
body.dark-mode .g11u7 .r,
body.dark-mode .g11u7 .kw,
body.dark-mode .g11u7 .sn1-kw,
body.dark-mode .g12u1 .red,
body.dark-mode .g12u1 .r,
body.dark-mode .g12u1 .kw,
body.dark-mode .g12u1 .sn1-kw,
body.dark-mode .g12u2 .red,
body.dark-mode .g12u2 .r,
body.dark-mode .g12u2 .kw,
body.dark-mode .g12u2 .sn1-kw,
body.dark-mode .g12u3 .red,
body.dark-mode .g12u3 .r,
body.dark-mode .g12u3 .kw,
body.dark-mode .g12u3 .sn1-kw,
body.dark-mode .g12u4 .red,
body.dark-mode .g12u4 .r,
body.dark-mode .g12u4 .kw,
body.dark-mode .g12u4 .sn1-kw,
body.dark-mode .g12u5 .red,
body.dark-mode .g12u5 .r,
body.dark-mode .g12u5 .kw,
body.dark-mode .g12u5 .sn1-kw,
body.dark-mode .g12note .red,
body.dark-mode .g12note .r,
body.dark-mode .g12note .kw,
body.dark-mode .g12note .sn1-kw {
  color:#ff8a80 !important;
}

body.dark-mode .sn1-wrap .subtopic-title,
body.dark-mode .snoteU2 .subtopic-title,
body.dark-mode .snoteU3 .subtopic-title,
body.dark-mode .snoteU4 .subtopic-title,
body.dark-mode .snoteU5 .subtopic-title,
body.dark-mode .snoteU6 .subtopic-title,
body.dark-mode .snoteU7 .subtopic-title,
body.dark-mode .g10u1 .subtopic-title,
body.dark-mode .g10u2 .subtopic-title,
body.dark-mode .g10u3 .subtopic-title,
body.dark-mode .g10u4 .subtopic-title,
body.dark-mode .g10u5 .subtopic-title,
body.dark-mode .g10u6 .subtopic-title,
body.dark-mode .g11u1 .subtopic-title,
body.dark-mode .g11u2 .subtopic-title,
body.dark-mode .g11u3 .subtopic-title,
body.dark-mode .g11u4 .subtopic-title,
body.dark-mode .g11u5 .subtopic-title,
body.dark-mode .g11u6 .subtopic-title,
body.dark-mode .g11u7 .subtopic-title,
body.dark-mode .g12u1 .subtopic-title,
body.dark-mode .g12u2 .subtopic-title,
body.dark-mode .g12u3 .subtopic-title,
body.dark-mode .g12u4 .subtopic-title,
body.dark-mode .g12u5 .subtopic-title,
body.dark-mode .g12note .subtopic-title {
  color:#7fd9d0 !important; border-color:#2fd2d2 !important;
}

body.dark-mode .sn1-wrap .unit-nav,
body.dark-mode .snoteU2 .unit-nav,
body.dark-mode .snoteU3 .unit-nav,
body.dark-mode .snoteU4 .unit-nav,
body.dark-mode .snoteU5 .unit-nav,
body.dark-mode .snoteU6 .unit-nav,
body.dark-mode .snoteU7 .unit-nav,
body.dark-mode .g10u1 .unit-nav,
body.dark-mode .g10u2 .unit-nav,
body.dark-mode .g10u3 .unit-nav,
body.dark-mode .g10u4 .unit-nav,
body.dark-mode .g10u5 .unit-nav,
body.dark-mode .g10u6 .unit-nav,
body.dark-mode .g11u1 .unit-nav,
body.dark-mode .g11u2 .unit-nav,
body.dark-mode .g11u3 .unit-nav,
body.dark-mode .g11u4 .unit-nav,
body.dark-mode .g11u5 .unit-nav,
body.dark-mode .g11u6 .unit-nav,
body.dark-mode .g11u7 .unit-nav,
body.dark-mode .g12u1 .unit-nav,
body.dark-mode .g12u2 .unit-nav,
body.dark-mode .g12u3 .unit-nav,
body.dark-mode .g12u4 .unit-nav,
body.dark-mode .g12u5 .unit-nav,
body.dark-mode .g12note .unit-nav {
  background:#1c2128 !important; color:#7fd9d0 !important; border-color:#5c9fe0 !important;
}

body.dark-mode .sn1-wrap .toc,
body.dark-mode .snoteU2 .toc,
body.dark-mode .snoteU3 .toc,
body.dark-mode .snoteU4 .toc,
body.dark-mode .snoteU5 .toc,
body.dark-mode .snoteU6 .toc,
body.dark-mode .snoteU7 .toc,
body.dark-mode .g10u1 .toc,
body.dark-mode .g10u2 .toc,
body.dark-mode .g10u3 .toc,
body.dark-mode .g10u4 .toc,
body.dark-mode .g10u5 .toc,
body.dark-mode .g10u6 .toc,
body.dark-mode .g11u1 .toc,
body.dark-mode .g11u2 .toc,
body.dark-mode .g11u3 .toc,
body.dark-mode .g11u4 .toc,
body.dark-mode .g11u5 .toc,
body.dark-mode .g11u6 .toc,
body.dark-mode .g11u7 .toc,
body.dark-mode .g12u1 .toc,
body.dark-mode .g12u2 .toc,
body.dark-mode .g12u3 .toc,
body.dark-mode .g12u4 .toc,
body.dark-mode .g12u5 .toc,
body.dark-mode .g12note .toc {
  background:#16273a !important; border-color:#5c9fe0 !important;
}

body.dark-mode .sn1-wrap .toc a,
body.dark-mode .snoteU2 .toc a,
body.dark-mode .snoteU3 .toc a,
body.dark-mode .snoteU4 .toc a,
body.dark-mode .snoteU5 .toc a,
body.dark-mode .snoteU6 .toc a,
body.dark-mode .snoteU7 .toc a,
body.dark-mode .g10u1 .toc a,
body.dark-mode .g10u2 .toc a,
body.dark-mode .g10u3 .toc a,
body.dark-mode .g10u4 .toc a,
body.dark-mode .g10u5 .toc a,
body.dark-mode .g10u6 .toc a,
body.dark-mode .g11u1 .toc a,
body.dark-mode .g11u2 .toc a,
body.dark-mode .g11u3 .toc a,
body.dark-mode .g11u4 .toc a,
body.dark-mode .g11u5 .toc a,
body.dark-mode .g11u6 .toc a,
body.dark-mode .g11u7 .toc a,
body.dark-mode .g12u1 .toc a,
body.dark-mode .g12u2 .toc a,
body.dark-mode .g12u3 .toc a,
body.dark-mode .g12u4 .toc a,
body.dark-mode .g12u5 .toc a,
body.dark-mode .g12note .toc a {
  color:#9dc4ee !important;
}