/* ============================================================================
   "How to Price a Stock" course — shared styles (learn-pas.css)

   Built on the site's cream palette variables from styles.css (--bg, --navy-light,
   --navy-mid, --slate, --green, --text-*) so the course inherits the redesign
   instead of carrying its own dark colours. Same approach as learn-mym.css.

   Visual language: values in green, prices in blue, warnings in amber,
   advanced material in violet.
   ============================================================================ */
:root{
  --pas-green:#1F6F4F;
  --pas-green-2:#16523A;
  --pas-green-soft:rgba(31,111,79,.09);
  --pas-green-line:rgba(31,111,79,.35);
  --pas-blue:#2E6C9E;
  --pas-blue-soft:rgba(46,108,158,.09);
  --pas-blue-line:rgba(46,108,158,.32);
  --pas-amber:#9A6B18;
  --pas-amber-soft:rgba(197,146,44,.13);
  --pas-amber-line:rgba(154,107,24,.35);
  --pas-red:#B0452F;
  --pas-red-soft:rgba(176,69,47,.09);
  --pas-red-line:rgba(176,69,47,.3);
  --pas-violet:#6B4FA8;
  --pas-violet-soft:rgba(107,79,168,.1);
  --pas-violet-line:rgba(107,79,168,.32);
  --pas-paper:var(--navy-light,#FFFFFF);
  --pas-paper-2:var(--navy-mid,#F1ECE2);
  --pas-rule:var(--slate,#DED7C9);
}
.pas-wrap{max-width:1180px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px}
.pas-main{min-width:0}
@media(max-width:900px){.pas-wrap{grid-template-columns:1fr}}

/* ---- module chrome ---- */
.pas-crumbs{font-size:.82rem;color:var(--text-muted);margin:18px 0 4px}
.pas-crumbs a{color:var(--pas-green);text-decoration:none}
.pas-crumbs a:hover{text-decoration:underline}
.pas-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:20px;background:var(--pas-green-soft);color:var(--pas-green-2);border:1px solid var(--pas-green-line);vertical-align:middle}
.pas-badge.core{background:var(--pas-blue-soft);color:var(--pas-blue);border-color:var(--pas-blue-line)}
.pas-badge.adv{background:var(--pas-violet-soft);color:var(--pas-violet);border-color:var(--pas-violet-line)}
.pas-badge.mastery{background:var(--pas-amber-soft);color:var(--pas-amber);border-color:var(--pas-amber-line)}
.pas-h1{font-size:2.3rem;line-height:1.15;margin:12px 0 10px;color:var(--text-primary)}
.pas-lede{font-size:1.12rem;color:var(--text-secondary);margin:0 0 8px}
.pas-meta{font-size:.82rem;color:var(--text-muted);margin-bottom:22px;border-bottom:1px solid var(--pas-rule);padding-bottom:14px}
.pas-status{font-weight:600}
.pas-status.done{color:var(--pas-green)}

/* ---- lesson body ---- */
.pas-main h2{font-size:1.55rem;margin:34px 0 12px;scroll-margin-top:80px;color:var(--text-primary)}
.pas-main h3{font-size:1.2rem;margin:24px 0 8px;color:var(--text-primary)}
.pas-main p,.pas-main li{font-size:1.04rem;line-height:1.7;color:var(--text-secondary)}
.pas-main ul,.pas-main ol{padding-left:22px}
.pas-main li{margin:6px 0}
.pas-main a{color:var(--pas-green)}
.pas-main strong{color:var(--text-primary)}
.pas-obj{background:var(--pas-paper);border:1px solid var(--pas-rule);border-left:3px solid var(--pas-green);border-radius:10px;padding:14px 18px;margin:0 0 22px}
.pas-obj h4{margin:0 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--pas-green)}
.pas-obj ul{margin:0;padding-left:20px}
.pas-key{border-bottom:1px dotted var(--pas-green);cursor:help}
.pas-term{color:var(--pas-green-2);font-weight:600}
.pas-callout{background:var(--pas-paper);border:1px solid var(--pas-rule);border-radius:10px;padding:14px 18px;margin:18px 0}
.pas-callout.warn{border-color:var(--pas-amber-line);background:var(--pas-amber-soft)}
.pas-callout.warn b{color:var(--pas-amber)}
.pas-callout.ca{border-color:var(--pas-blue-line);background:var(--pas-blue-soft)}
.pas-callout.ca .lbl{color:var(--pas-blue)}
.pas-callout .lbl{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;margin-bottom:4px}
.pas-formula{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;background:var(--pas-paper-2);border:1px solid var(--pas-rule);border-radius:8px;padding:12px 14px;margin:14px 0;overflow-x:auto;color:var(--text-primary);font-size:1.02rem}

/* ---- figures / diagrams ---- */
.pas-fig{margin:22px 0;border:1px solid var(--pas-rule);border-radius:12px;padding:16px;background:var(--pas-paper)}
.pas-fig svg{width:100%;height:auto;display:block}
.pas-fig figcaption{font-size:.85rem;color:var(--text-muted);margin-top:10px;text-align:center;line-height:1.5}

/* ---- tables ---- */
.pas-table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--pas-rule);border-radius:12px;background:var(--pas-paper)}
table.pas-table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:440px}
table.pas-table th,table.pas-table td{border-bottom:1px solid var(--pas-rule);padding:9px 12px;text-align:right;color:var(--text-secondary)}
table.pas-table th:first-child,table.pas-table td:first-child{text-align:left;color:var(--text-primary)}
table.pas-table thead th{background:var(--pas-paper-2);color:var(--pas-green-2);font-weight:700}
table.pas-table tbody tr:last-child td{border-bottom:0}
table.pas-table tr.total td{font-weight:700;border-top:2px solid var(--pas-green-line);color:var(--text-primary)}
.val{color:var(--pas-green-2);font-weight:600} .price{color:var(--pas-blue);font-weight:600} .warncell{color:var(--pas-amber);font-weight:600}

/* ---- affiliate block ---- */
.pas-affil{border:1px dashed var(--pas-rule);border-radius:12px;padding:14px 18px;margin:26px 0;font-size:.95rem;color:var(--text-muted)}
.pas-affil a{color:var(--pas-green);font-weight:600}

/* ---- notes sidebar ---- */
.pas-side{position:sticky;top:70px;align-self:start}
.pas-notes{background:var(--pas-paper);border:1px solid var(--pas-rule);border-radius:12px;padding:14px}
.pas-notes h4{margin:0 0 6px;font-size:.95rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary)}
.pas-notes textarea{width:100%;min-height:200px;resize:vertical;border:1px solid var(--pas-rule);background:var(--bg);color:var(--text-primary);border-radius:8px;padding:10px;font-size:.9rem;line-height:1.5;font-family:inherit}
.pas-notes .saved{font-size:.72rem;color:var(--pas-green);opacity:0;transition:opacity .2s;font-weight:600}
.pas-notes .saved.show{opacity:1}
.pas-notes .disclose{font-size:.72rem;color:var(--text-muted);margin-top:6px}
.pas-notes .row{display:flex;gap:8px;margin-top:8px}
.pas-notes .row button{flex:1;font-size:.78rem;padding:6px;border:1px solid var(--pas-rule);background:var(--pas-paper-2);color:var(--text-secondary);border-radius:7px;cursor:pointer;font-family:inherit}
.pas-notes .row button:hover{border-color:var(--pas-green);color:var(--pas-green)}
.pas-side .toc{margin-top:14px;font-size:.88rem}
.pas-side .toc a{display:block;color:var(--text-muted);text-decoration:none;padding:3px 0}
.pas-side .toc a:hover{color:var(--pas-green)}
@media(max-width:900px){.pas-side{position:static}.pas-notes textarea{min-height:120px}}

/* ---- quiz ---- */
.pas-quiz{background:var(--pas-paper);border:1px solid var(--pas-rule);border-radius:14px;padding:20px;margin:34px 0}
.pas-quiz h2{margin:0 0 4px}
.pas-quiz .sub{color:var(--text-muted);font-size:.9rem;margin:0 0 14px}
.pas-q{border-top:1px solid var(--pas-rule);padding:16px 0}
.pas-q .qnum{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--pas-green);font-weight:700}
.pas-q .qtext{font-size:1.04rem;margin:4px 0 10px;font-weight:600;color:var(--text-primary)}
.pas-opt{display:block;width:100%;text-align:left;padding:10px 13px;margin:6px 0;border:1px solid var(--pas-rule);background:var(--bg);color:var(--text-secondary);border-radius:9px;cursor:pointer;font-size:.98rem;font-family:inherit;line-height:1.5}
.pas-opt:hover{border-color:var(--pas-green);color:var(--text-primary)}
.pas-opt.sel{border-color:var(--pas-blue);background:var(--pas-blue-soft);color:var(--text-primary)}
.pas-opt.correct{border-color:var(--pas-green);background:var(--pas-green-soft);color:var(--pas-green-2);font-weight:600}
.pas-opt.wrong{border-color:var(--pas-red-line);background:var(--pas-red-soft);color:var(--pas-red)}
.pas-opt.disabled{cursor:default;opacity:.85}
.pas-num{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pas-num input{width:150px;padding:9px 11px;border:1px solid var(--pas-rule);background:var(--bg);color:var(--text-primary);border-radius:8px;font-size:1rem;font-family:inherit}
.pas-num .unit{color:var(--text-muted);font-size:.88rem}
.pas-why{font-size:.92rem;margin-top:10px;padding:10px 13px;border-radius:9px;background:var(--pas-paper-2);border:1px solid var(--pas-rule);display:none;color:var(--text-secondary);line-height:1.6}
.pas-why.show{display:block}
.pas-why.ok{border-color:var(--pas-green-line)}.pas-why.no{border-color:var(--pas-amber-line)}
.pas-why a{color:var(--pas-green);font-weight:600}
.pas-qbtns{display:flex;gap:10px;margin-top:10px}
.pas-qbtns button{padding:8px 14px;border-radius:8px;border:0;cursor:pointer;font-weight:600;font-family:inherit}
.pas-check{background:var(--pas-blue);color:#fff}
.pas-submit-quiz{background:var(--pas-green);color:#fff;padding:12px 20px;border:0;border-radius:10px;font-weight:700;cursor:pointer;margin-top:14px;font-size:1rem;font-family:inherit}
.pas-submit-quiz:hover{background:var(--pas-green-2);color:#fff}
.pas-quiz-result{margin-top:16px;padding:16px;border-radius:12px;border:1px solid var(--pas-rule);display:none}
.pas-quiz-result.show{display:block}
.pas-quiz-result.pass{border-color:var(--pas-green-line);background:var(--pas-green-soft)}
.pas-quiz-result.fail{border-color:var(--pas-amber-line);background:var(--pas-amber-soft)}
.pas-quiz-result .score{font-size:2rem;font-weight:800;color:var(--text-primary)}

/* ---- module nav ---- */
.pas-modnav{display:flex;justify-content:space-between;gap:12px;margin:30px 0;flex-wrap:wrap}
.pas-modnav a{flex:1;min-width:200px;border:1px solid var(--pas-rule);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--text-primary);background:var(--pas-paper)}
.pas-modnav a:hover{border-color:var(--pas-green)}
.pas-modnav .dir{font-size:.75rem;color:var(--text-muted)}
.pas-modnav .t{display:block;font-weight:600;margin-top:3px}
.pas-modnav a.next{text-align:right}

/* ---- landing / syllabus ---- */
.pas-hero{text-align:center;padding:44px 0 10px}
.pas-hero h1{font-size:2.5rem;margin:0 0 12px;color:var(--text-primary)}
.pas-hero .tag{font-size:1.2rem;color:var(--text-secondary);max-width:640px;margin:0 auto 8px;line-height:1.6}
.pas-progress{max-width:560px;margin:22px auto}
.pas-progress .bar{height:12px;border-radius:8px;background:var(--pas-paper-2);border:1px solid var(--pas-rule);overflow:hidden}
.pas-progress .fill{height:100%;background:linear-gradient(90deg,var(--pas-green-2),var(--pas-green));width:0}
.pas-progress .lbl{font-size:.85rem;color:var(--text-muted);margin-top:6px;text-align:center}
.pas-syllabus{display:grid;gap:12px;margin:26px 0}
.pas-mod-card{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--pas-rule);border-radius:12px;padding:16px 18px;background:var(--pas-paper);text-decoration:none;color:var(--text-primary)}
.pas-mod-card:hover{border-color:var(--pas-green)}
.pas-mod-card .no{font-size:1.4rem;font-weight:800;color:var(--pas-green);min-width:34px}
.pas-mod-card .body{flex:1}
.pas-mod-card .title{font-weight:700;font-size:1.08rem}
.pas-mod-card .desc{color:var(--text-secondary);font-size:.92rem;margin:3px 0}
.pas-mod-card .rt{font-size:.78rem;color:var(--text-muted)}
.pas-mod-card .chk{font-size:1.3rem;color:var(--pas-green);opacity:.25}
.pas-mod-card.done .chk{opacity:1}
.pas-outcomes{background:var(--pas-paper);border:1px solid var(--pas-rule);border-radius:12px;padding:18px 22px;margin:24px 0}
.pas-outcomes li{margin:6px 0}
.pas-notes-hub{margin:24px 0}
.pas-disclaim{font-size:.82rem;color:var(--text-muted);border-top:1px solid var(--pas-rule);margin-top:26px;padding-top:14px;line-height:1.65}