/* dashboard/app/css/pages.css: the four inline <style> blocks index.html used
   to carry, moved out verbatim under the repo's 800-line split-when-touched rule.

   ORDER IS LOAD-BEARING. These blocks are concatenated in the exact order they
   appeared in the document, and index.html links this file immediately after the
   head <style> that stayed behind, so every cascade tie is decided the same way
   it was. `.scope-content .pg` and `.tab .pg` have EQUAL specificity (0,2,0),
   source order is the only thing separating them. Do not reorder these sections,
   and do not move the <link> above that head <style>.
*/

/* ===== #page-content (was an inline <style> inside .tab.scope-content) ===== */
.scope-content .pg { --line:#e3e8ef; --ink:#1d2733; --mut:#6b7785; --blue:#962f2c; --bluebg:#f6eceb; --red:#b00020; --redbg:#fdecef; --amber:#b06000; --amberbg:#fff4e6; --green:#137333; --greenbg:#e7f4ec; --grey:#5b6675; --bg:#eef1f6; }
.scope-content .pg { background:var(--bg); margin:-16px; padding:18px 20px 22px; border-radius:12px; color:var(--ink); font-size:13px; }
.scope-content .pg *{box-sizing:border-box}
.scope-content .pg .page{max-width:1200px;margin:0 auto}
.scope-content .pg .ttl { font-size:11px; font-weight:800; letter-spacing:.03em; text-transform:uppercase; color:var(--mut); }
.scope-content .pg .sub { font-size:10.5px; color:var(--mut); line-height:1.6; }
.scope-content .pg .box { background:linear-gradient(180deg,#ffffff 0%,#f6eceb 100%); border:1px solid #e6cbc9; border-radius:16px; box-shadow:0 16px 36px -26px rgba(30,60,120,.5); padding:15px 16px; }
.scope-content .pg .btn { display:inline-block; background:var(--blue); color:#fff; font-size:11.5px; font-weight:700; border-radius:9px; padding:9px 14px; text-decoration:none; }
.scope-content .pg .btn.danger{background:var(--red)}
.scope-content .pg .btnghost { display:inline-block; background:#fff; color:var(--blue); font-size:11.5px; font-weight:700; border-radius:9px; padding:8px 13px; border:1px solid #d9b3b0; text-decoration:none; }
.scope-content .pg .chip{font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:7px;border:1px solid #d7dfea;background:#fff;color:var(--mut)}
.scope-content .pg .chip.g{background:var(--greenbg);color:var(--green);border-color:#bfe3cc}.scope-content .pg .chip.a{background:var(--amberbg);color:var(--amber);border-color:#f0d6a8}.scope-content .pg .chip.r{background:var(--redbg);color:var(--red);border-color:#f3c2cc}
.scope-content .pg .code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;background:#f1f4f8;border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--blue)}

/* header */
.scope-content .pg .hdr{display:flex;align-items:center;gap:18px;padding:2px 4px 14px;border-bottom:1px solid #dde3ec;margin-bottom:18px}
.scope-content .pg .brand{font-weight:800;font-size:15px}
.scope-content .pg .brand .h{color:var(--blue)}
.scope-content .pg .links{display:flex;gap:16px;font-size:12.5px;color:var(--mut)}
.scope-content .pg .links a{text-decoration:none;color:var(--mut)}
.scope-content .pg .links .on{color:var(--ink);font-weight:700;position:relative}
.scope-content .pg .links .on:after{content:'';position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--blue)}
.scope-content .pg .hr{margin-left:auto;display:flex;align-items:center;gap:12px}
.scope-content .pg .alive{font-size:12px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:6px}
.scope-content .pg .alive .d{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #d6f0df}
.scope-content .pg .nb{background:var(--redbg);color:var(--red);border:1px solid #f3c2cc;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:700}

/* page intro */
.scope-content .pg .phead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}
.scope-content .pg .ph{font-size:22px;font-weight:800;margin:0}
.scope-content .pg .psum{font-size:12px;color:var(--mut)}

/* tab strip */
.scope-content .pg .tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid #dde3ec;padding-bottom:0}
.scope-content .pg .tab{padding:8px 14px;font-size:12.5px;font-weight:700;color:var(--mut);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.scope-content .pg .tab.on{color:var(--ink);border-bottom-color:var(--blue)}
.scope-content .pg .tab .ct{margin-left:5px;color:var(--mut);font-weight:700;font-size:11px;background:#eaf0f7;padding:1px 6px;border-radius:10px;border:1px solid #d6dee8}
.scope-content .pg .tab.on .ct{background:var(--bluebg);color:var(--blue);border-color:#e0c2c0}

/* hero box for draft */
.scope-content .pg .dhero{display:flex;gap:18px;align-items:center}
.scope-content .pg .dscore{flex:none;text-align:center}
.scope-content .pg .dscore .sub{margin-top:6px}
.scope-content .pg .dmain{flex:1;min-width:0}
.scope-content .pg .dtitle{font-size:18px;font-weight:800;margin:0 0 4px;line-height:1.25}
.scope-content .pg .dmeta{font-size:11px;color:var(--mut);margin-bottom:9px}
.scope-content .pg .dmeta b{color:var(--ink);font-weight:700}
.scope-content .pg .dstatus{display:inline-block;background:var(--amberbg);color:var(--amber);border:1px solid #f0d6a8;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:6px;margin-bottom:11px}
.scope-content .pg .dacts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.scope-content .pg .dhint{font-size:10.5px;color:var(--mut);margin-top:8px}

/* two col */
.scope-content .pg .r2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}

/* score breakdown */
.scope-content .pg .scrow{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #eaf0f7;font-size:11.5px}
.scope-content .pg .scrow:first-of-type{border-top:none}
.scope-content .pg .scname{flex:1;font-weight:600;color:var(--ink)}
.scope-content .pg .scbar{width:130px;height:6px;background:#edf0f4;border-radius:6px;overflow:hidden;flex:none}
.scope-content .pg .scbar i{display:block;height:100%;border-radius:6px}
.scope-content .pg .scnum{width:36px;font-weight:700;font-size:11.5px;color:var(--ink);text-align:right;flex:none}
.scope-content .pg .fg{background:linear-gradient(90deg,#137333,#5bb27b)}.scope-content .pg .fa{background:linear-gradient(90deg,#b06000,#d09040)}.scope-content .pg .fr{background:var(--red)}

/* safety check */
.scope-content .pg .schk{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-top:1px solid #eaf0f7;font-size:11.5px}
.scope-content .pg .schk:first-of-type{border-top:none}
.scope-content .pg .schk .ic{flex:none;font-size:13px;font-weight:800;line-height:1.1;width:18px;text-align:center}
.scope-content .pg .schk .ic.g{color:var(--green)}.scope-content .pg .schk .ic.a{color:var(--amber)}.scope-content .pg .schk .ic.r{color:var(--red)}
.scope-content .pg .schk .ck{flex:1}
.scope-content .pg .schk .cl{font-weight:700;font-size:11.5px;color:var(--ink)}
.scope-content .pg .schk .cn{font-size:10.5px;color:var(--mut);margin-top:1px;line-height:1.4}

/* excerpt */
.scope-content .pg .exc{font-size:12.5px;line-height:1.65;color:#3b4757;background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 16px;max-height:230px;overflow-y:auto;margin-top:10px}
.scope-content .pg .exc p{margin:0 0 11px}
.scope-content .pg .exc h4{margin:0 0 8px;font-size:14px;color:var(--ink)}

/* sources */
.scope-content .pg .src{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px solid #eaf0f7;font-size:11.5px}
.scope-content .pg .src:first-of-type{border-top:none}
.scope-content .pg .src .stp{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:5px;background:#f6eceb;color:var(--blue);border:1px solid #e6cbc9;flex:none;margin-top:1px;min-width:54px;text-align:center}
.scope-content .pg .src .sct{flex:1;min-width:0}
.scope-content .pg .src .scl{font-weight:600;font-size:11.5px}
.scope-content .pg .src .scd{font-size:10px;color:var(--mut);margin-top:1px}


/* ===== #page-prgate (was an inline <style> inside .tab.scope-prgate) ===== */
.scope-prgate .pg { --line:#e3e8ef; --ink:#1d2733; --mut:#6b7785; --blue:#962f2c; --bluebg:#f6eceb; --red:#b00020; --redbg:#fdecef; --amber:#b06000; --amberbg:#fff4e6; --green:#137333; --greenbg:#e7f4ec; --grey:#5b6675; --bg:#eef1f6;
  /* github-ish */
  --gh-open:#1a7f37; --gh-open-bg:#dafbe1; --gh-merged:#8250df; --gh-merged-bg:#fbefff; --gh-draft:#6e7781; --gh-draft-bg:#eaeef2; --gh-await:#9a6700; --gh-await-bg:#fff8c5; --gh-closed:#cf222e; --gh-closed-bg:#ffebe9; --gh-blocked:#cf222e; --gh-blocked-bg:#ffebe9; --gh-border:#d0d7de; --gh-meta:#57606a; --gh-link:#0969da;
}
.scope-prgate .pg { background:#fff; margin:-16px; padding:18px 22px 32px; border-radius:12px; color:var(--ink); font-size:13px; line-height:1.5; }
.scope-prgate .pg *{box-sizing:border-box}
.scope-prgate .pg code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;background:#f6f8fa;border:1px solid #d0d7de;border-radius:5px;padding:1px 6px;color:var(--gh-link)}

/* header (hidden in SPA but present for standalone) */
.scope-prgate .pg .hdr{display:flex;align-items:center;gap:18px;padding:2px 4px 14px;border-bottom:1px solid #dde3ec;margin-bottom:18px}
.scope-prgate .pg .brand{font-weight:800;font-size:15px}
.scope-prgate .pg .brand .h{color:var(--blue)}
.scope-prgate .pg .links{display:flex;gap:16px;font-size:12.5px;color:var(--mut)}
.scope-prgate .pg .links a{text-decoration:none;color:var(--mut)}
.scope-prgate .pg .links .on{color:var(--ink);font-weight:700;position:relative}
.scope-prgate .pg .links .on:after{content:'';position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--blue)}
.scope-prgate .pg .hr{margin-left:auto;display:flex;align-items:center;gap:12px}
.scope-prgate .pg .alive{font-size:12px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:6px}
.scope-prgate .pg .alive .d{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #d6f0df}
.scope-prgate .pg .nb{background:var(--redbg);color:var(--red);border:1px solid #f3c2cc;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:700}

/* page intro */
.scope-prgate .pg .phead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}
.scope-prgate .pg .ph{font-size:22px;font-weight:800;margin:0}
.scope-prgate .pg .psum{font-size:11.5px;color:var(--gh-meta)}

/* tabs (github-ish) */
.scope-prgate .pg .prtabs{display:flex;gap:0;margin-bottom:18px;border-bottom:1px solid var(--gh-border)}
.scope-prgate .pg .prtab{padding:10px 14px;font-size:13px;font-weight:600;color:var(--gh-meta);cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px;margin-bottom:-1px}
.scope-prgate .pg .prtab.on{color:var(--ink);font-weight:700;border-bottom-color:#fd8c73}
.scope-prgate .pg .prtab .cn{background:#d0d7de40;color:var(--gh-meta);font-size:11px;font-weight:700;padding:0 6px;border-radius:10px}
.scope-prgate .pg .prtab.on .cn{background:#d0d7de;color:var(--ink)}

/* list container */
.scope-prgate .pg .prlist{border:1px solid var(--gh-border);border-radius:8px;background:#fff;overflow:hidden}
.scope-prgate .pg .pritem{border-top:1px solid var(--gh-border)}
.scope-prgate .pg .pritem:first-child{border-top:none}

/* row head */
.scope-prgate .pg .prhead{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;cursor:pointer;user-select:none;background:#fff;transition:background .12s}
.scope-prgate .pg .prhead:hover{background:#f6f8fa}
.scope-prgate .pg .pritem.open .prhead{background:#f6f8fa;border-bottom:1px solid var(--gh-border)}

/* PR icon (state) */
.scope-prgate .pg .pricon{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;margin-top:1px}
.scope-prgate .pg .pricon svg{width:14px;height:14px;fill:currentColor}
.scope-prgate .pg .pricon.state-open{color:var(--gh-open)}
.scope-prgate .pg .pricon.state-merged{color:var(--gh-merged)}
.scope-prgate .pg .pricon.state-await{color:var(--gh-await)}
.scope-prgate .pg .pricon.state-blocked{color:var(--gh-blocked)}
.scope-prgate .pg .pricon.state-draft{color:var(--gh-draft)}

/* title block */
.scope-prgate .pg .prtb{flex:1;min-width:0}
.scope-prgate .pg .prtitle{font-size:14px;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:3px}
.scope-prgate .pg .prtitle .label{font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.03em;margin-left:6px;vertical-align:middle;border:1px solid transparent}
.scope-prgate .pg .lb-await{background:var(--gh-await-bg);color:var(--gh-await);border-color:#d4a72c}
.scope-prgate .pg .lb-blocked{background:var(--gh-blocked-bg);color:var(--gh-blocked);border-color:#ff818266}
.scope-prgate .pg .lb-open{background:var(--gh-open-bg);color:var(--gh-open);border-color:#1a7f3733}
.scope-prgate .pg .lb-merged{background:var(--gh-merged-bg);color:var(--gh-merged);border-color:#8250df33}
.scope-prgate .pg .prmeta{font-size:11.5px;color:var(--gh-meta)}
.scope-prgate .pg .prmeta b{color:var(--ink);font-weight:600}
.scope-prgate .pg .prmeta code{font-size:10.5px;background:#f6f8fa;border:1px solid #d0d7de;padding:0 5px;border-radius:4px;color:var(--gh-link)}

/* stage badges (a/b/c/d) on the row */
.scope-prgate .pg .prstages{display:flex;gap:5px;flex:none;margin-top:1px}
.scope-prgate .pg .stg{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--gh-border);background:#fff;color:var(--gh-meta);font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;text-transform:lowercase;position:relative}
.scope-prgate .pg .stg.done{background:var(--gh-open-bg);border-color:var(--gh-open);color:var(--gh-open)}
.scope-prgate .pg .stg.pending{background:#fff;border-color:var(--gh-border);color:#a0a8b3}
.scope-prgate .pg .stg.blocked{background:var(--gh-blocked-bg);border-color:var(--gh-blocked);color:var(--gh-blocked)}
.scope-prgate .pg .stg.await{background:var(--gh-await-bg);border-color:var(--gh-await);color:var(--gh-await)}
.scope-prgate .pg .stg.merged{background:var(--gh-merged-bg);border-color:var(--gh-merged);color:var(--gh-merged)}

/* 8-stage compact progress on row */
.scope-prgate .pg .prprog{display:flex;align-items:center;gap:4px;flex:none;padding:4px 9px;border:1px solid var(--gh-border);border-radius:20px;background:#fafbfc}
.scope-prgate .pg .pdot{width:7px;height:7px;border-radius:50%;background:#d0d7de;flex:none}
.scope-prgate .pg .pdot.done{background:var(--gh-open)}
.scope-prgate .pg .pdot.current{background:var(--gh-await);box-shadow:0 0 0 2px var(--gh-await-bg)}
.scope-prgate .pg .pdot.blocked{background:var(--gh-blocked)}
.scope-prgate .pg .pdot.merged{background:var(--gh-merged)}
.scope-prgate .pg .ptxt{font-size:10px;color:var(--gh-meta);font-weight:700;margin-left:7px;font-family:ui-monospace,Menlo,Consolas,monospace}

/* 8-stage timeline tighter to fit */
.scope-prgate .pg .pgtl8 .pgs{padding:0 2px}
.scope-prgate .pg .pgtl8 .pgs .cir{width:26px;height:26px;font-size:10px;border-width:2px}
.scope-prgate .pg .pgtl8 .pgs .conn{top:12px}
.scope-prgate .pg .pgtl8 .pgs .pn{font-size:10.5px;line-height:1.2}
.scope-prgate .pg .pgtl8 .pgs .pd{font-size:9.5px}

/* expand button */
.scope-prgate .pg .prchev{flex:none;width:24px;height:24px;border:1px solid var(--gh-border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gh-meta);font-weight:600;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.scope-prgate .pg .pritem.open .prchev{transform:rotate(45deg);background:var(--bluebg);border-color:#d9b3b0;color:var(--blue)}

/* expand body */
.scope-prgate .pg .prbody{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1)}
.scope-prgate .pg .pritem.open .prbody{grid-template-rows:1fr}
.scope-prgate .pg .prbody>.prinner{overflow:hidden;min-height:0;opacity:0;transform:translateY(-6px);transition:opacity .3s ease .06s,transform .35s cubic-bezier(.22,1,.36,1) .06s}
.scope-prgate .pg .pritem.open .prbody>.prinner{opacity:1;transform:translateY(0)}
.scope-prgate .pg .prdetail{padding:16px 20px 18px 49px;background:#f6f8fa}

/* sections inside expanded */
.scope-prgate .pg .sec{margin-bottom:16px}
.scope-prgate .pg .sec:last-child{margin-bottom:0}
.scope-prgate .pg .seclbl{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--gh-meta);margin-bottom:6px;display:flex;align-items:center;gap:7px}
.scope-prgate .pg .seclbl .ic{width:18px;height:18px;border-radius:5px;background:#fff;border:1px solid var(--gh-border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;color:var(--gh-meta)}
.scope-prgate .pg .problem{background:#fff;border:1px solid var(--gh-border);border-left:3px solid #fd8c73;border-radius:6px;padding:10px 13px;font-size:12px;line-height:1.55;color:var(--ink)}
.scope-prgate .pg .solution{background:#fff;border:1px solid var(--gh-border);border-left:3px solid var(--gh-open);border-radius:6px;padding:10px 13px;font-size:12px;line-height:1.55;color:var(--ink)}

/* progress timeline */
.scope-prgate .pg .pgtl{display:flex;align-items:flex-start;gap:0;background:#fff;border:1px solid var(--gh-border);border-radius:6px;padding:14px 12px}
.scope-prgate .pg .pgs{flex:1;text-align:center;position:relative;padding:0 4px}
.scope-prgate .pg .pgs .conn{position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--gh-border);z-index:0}
.scope-prgate .pg .pgs .conn.done{background:var(--gh-open)}
.scope-prgate .pg .pgs .conn.blocked{background:repeating-linear-gradient(90deg,var(--gh-blocked) 0 5px,transparent 5px 10px)}
.scope-prgate .pg .pgs:last-child .conn{display:none}
.scope-prgate .pg .pgs .cir{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid var(--gh-border);display:flex;align-items:center;justify-content:center;margin:0 auto 6px;font-weight:800;font-size:11px;color:var(--gh-meta)}
.scope-prgate .pg .pgs.done .cir{background:var(--gh-open);border-color:var(--gh-open);color:#fff}
.scope-prgate .pg .pgs.current .cir{background:#fff;border-color:var(--gh-await);color:var(--gh-await);box-shadow:0 0 0 4px var(--gh-await-bg)}
.scope-prgate .pg .pgs.blocked .cir{background:var(--gh-blocked);border-color:var(--gh-blocked);color:#fff}
.scope-prgate .pg .pgs.merged .cir{background:var(--gh-merged);border-color:var(--gh-merged);color:#fff}
.scope-prgate .pg .pgs .pn{font-size:11px;font-weight:700;color:var(--ink)}
.scope-prgate .pg .pgs .pd{font-size:10px;color:var(--gh-meta);margin-top:1px;font-family:ui-monospace,Menlo,Consolas,monospace}
.scope-prgate .pg .pgs.pending .pn{color:var(--gh-meta);font-weight:600}
.scope-prgate .pg .pgs.blocked .pn{color:var(--gh-blocked)}

/* per-PR specifics grid */
.scope-prgate .pg .specs{background:#fff;border:1px solid var(--gh-border);border-radius:6px;padding:2px 0}
.scope-prgate .pg .spec{display:flex;gap:11px;padding:9px 14px;border-top:1px solid #eaeef2;font-size:11.5px;align-items:flex-start}
.scope-prgate .pg .spec:first-child{border-top:none}
.scope-prgate .pg .spk{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--gh-meta);width:120px;flex:none;padding-top:2px}
.scope-prgate .pg .spv{flex:1;color:var(--ink);font-size:11.5px}
.scope-prgate .pg .spv b{font-weight:700}
.scope-prgate .pg .spv .ok{color:var(--gh-open);font-weight:700}
.scope-prgate .pg .spv .pend{color:var(--gh-meta);font-style:italic}
.scope-prgate .pg .spv .bad{color:var(--gh-blocked);font-weight:700}

/* files */
.scope-prgate .pg .files{background:#fff;border:1px solid var(--gh-border);border-radius:6px;overflow:hidden}
.scope-prgate .pg .filehd{padding:7px 13px;background:#f6f8fa;border-bottom:1px solid var(--gh-border);font-size:10.5px;color:var(--gh-meta);font-weight:700;display:flex;justify-content:space-between}
.scope-prgate .pg .filerow{display:flex;align-items:center;gap:11px;padding:7px 13px;border-top:1px solid #eaeef2;font-size:11px}
.scope-prgate .pg .filerow:first-of-type{border-top:none}
.scope-prgate .pg .ft{font-size:8.5px;font-weight:800;padding:1px 6px;border-radius:4px;text-transform:uppercase;width:46px;text-align:center;flex:none}
.scope-prgate .pg .ft.add{background:var(--gh-open-bg);color:var(--gh-open);border:1px solid #1a7f3733}
.scope-prgate .pg .ft.mod{background:#fff8c5;color:#9a6700;border:1px solid #d4a72c}
.scope-prgate .pg .ft.del{background:var(--gh-blocked-bg);color:var(--gh-blocked);border:1px solid #ff818266}
.scope-prgate .pg .fp{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scope-prgate .pg .fs{font-size:10.5px;font-family:ui-monospace,Menlo,Consolas,monospace;flex:none;color:var(--gh-meta)}
.scope-prgate .pg .fs .pl{color:var(--gh-open)}.scope-prgate .pg .fs .mn{color:var(--gh-blocked)}

/* checklist */
.scope-prgate .pg .checklist{background:#fff;border:1px solid var(--gh-border);border-radius:6px;padding:11px 14px}
.scope-prgate .pg .ck{display:flex;gap:9px;padding:5px 0;font-size:11.5px;align-items:flex-start}
.scope-prgate .pg .ck .cb{flex:none;width:14px;height:14px;border:1.5px solid #d0d7de;border-radius:3px;margin-top:1px}
.scope-prgate .pg .ck .cl{flex:1;line-height:1.45;color:var(--ink)}
.scope-prgate .pg .ck .cl .exp{display:block;font-size:10.5px;color:var(--gh-meta);margin-top:1px}

/* approval phrase */
.scope-prgate .pg .cmdbox{background:#0e1620;border:1px solid #1d2a3a;border-radius:6px;padding:9px 12px;display:flex;align-items:center;gap:10px}
.scope-prgate .pg .cmdline{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#9bcb4d;flex:1;min-width:0;overflow-x:auto;white-space:nowrap}
.scope-prgate .pg .cmdline b{color:#fff}
.scope-prgate .pg .cmdbtn{background:#22344a;color:#cfd9e7;border:none;font-size:10.5px;font-weight:700;border-radius:5px;padding:5px 10px;cursor:pointer;flex:none}
.scope-prgate .pg .cmdbtn:hover{background:#2d4263}
.scope-prgate .pg .cmdalt{font-size:10.5px;color:var(--gh-meta);margin-top:6px;font-style:italic}
.scope-prgate .pg .cmdalt code{background:#f6f8fa;color:var(--gh-blocked)}

/* media */
@media(max-width:780px){.scope-prgate .pg .prdetail{padding:14px}.scope-prgate .pg .prstages{display:none}.scope-prgate .pg .pgtl{flex-wrap:wrap}}

/* ===== #page-learning (was an inline <style> inside .tab.scope-learning) ===== */
.scope-learning .pg { --line:#e3e8ef; --ink:#1d2733; --mut:#6b7785; --blue:#962f2c; --bluebg:#f6eceb; --red:#b00020; --redbg:#fdecef; --amber:#b06000; --amberbg:#fff4e6; --green:#137333; --greenbg:#e7f4ec; --grey:#5b6675; --bg:#eef1f6; --purple:#8a5cd6; --purplebg:#f1ebfb; }
.scope-learning .pg { background:var(--bg); margin:-16px; padding:18px 20px 22px; border-radius:12px; color:var(--ink); font-size:13px; }
.scope-learning .pg *{box-sizing:border-box}
.scope-learning .pg .page{max-width:1200px;margin:0 auto}
.scope-learning .pg .ttl{font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--mut)}
.scope-learning .pg .sub{font-size:11px;color:var(--mut);line-height:1.6}
.scope-learning .pg .box{background:linear-gradient(180deg,#ffffff 0%,#f6eceb 100%);border:1px solid #e6cbc9;border-radius:16px;box-shadow:0 16px 36px -26px rgba(30,60,120,.5);padding:15px 16px}

/* header */
.scope-learning .pg .hdr{display:flex;align-items:center;gap:18px;padding:2px 4px 14px;border-bottom:1px solid #dde3ec;margin-bottom:18px}
.scope-learning .pg .brand{font-weight:800;font-size:15px}
.scope-learning .pg .brand .h{color:var(--blue)}
.scope-learning .pg .links{display:flex;gap:16px;font-size:12.5px;color:var(--mut)}
.scope-learning .pg .links a{text-decoration:none;color:var(--mut)}
.scope-learning .pg .links .on{color:var(--ink);font-weight:700;position:relative}
.scope-learning .pg .links .on:after{content:'';position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--blue)}
.scope-learning .pg .hr{margin-left:auto;display:flex;align-items:center;gap:12px}
.scope-learning .pg .alive{font-size:12px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:6px}
.scope-learning .pg .alive .d{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #d6f0df}
.scope-learning .pg .nb{background:var(--redbg);color:var(--red);border:1px solid #f3c2cc;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:700}

/* page intro */
.scope-learning .pg .phead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}
.scope-learning .pg .ph{font-size:22px;font-weight:800;margin:0}
.scope-learning .pg .psum{font-size:11.5px;color:var(--mut)}
.scope-learning .pg .advisory{background:var(--purplebg);border:1px solid #d9c8f0;color:#5d3a99;border-radius:10px;padding:9px 13px;font-size:11.5px;margin-bottom:18px;display:flex;align-items:center;gap:9px}
.scope-learning .pg .advisory b{font-weight:800}

/* phase hero */
.scope-learning .pg .phase{display:flex;align-items:stretch;gap:0;margin-top:12px}
.scope-learning .pg .pstep{flex:1;text-align:center;position:relative;padding:14px 6px 10px}
.scope-learning .pg .pstep .pcirc{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #c7d0db;color:#9aa4b1;display:flex;align-items:center;justify-content:center;margin:0 auto 7px;font-weight:800;font-size:13px;position:relative;z-index:2}
.scope-learning .pg .pstep.on .pcirc{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 0 0 5px var(--purplebg)}
.scope-learning .pg .pstep.done .pcirc{background:var(--green);border-color:var(--green);color:#fff}
.scope-learning .pg .pstep.blocked .pcirc{background:var(--red);border-color:var(--red);color:#fff}
.scope-learning .pg .pstep .pname{font-size:12px;font-weight:700}
.scope-learning .pg .pstep .pdesc{font-size:10px;color:var(--mut);margin-top:2px;line-height:1.3}
.scope-learning .pg .pstep .pconn{position:absolute;top:31px;left:50%;width:100%;height:2px;background:#e1e7ef;z-index:1}
.scope-learning .pg .pstep:last-child .pconn{display:none}

.scope-learning .pg .gradbar{margin-top:14px}
.scope-learning .pg .gradlbl{display:flex;justify-content:space-between;font-size:11px;color:var(--mut);margin-bottom:5px;font-weight:600}
.scope-learning .pg .gradlbl b{color:var(--ink)}
.scope-learning .pg .bar{height:8px;border-radius:6px;background:#edf0f4;overflow:hidden}
.scope-learning .pg .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),#aa86e3);border-radius:6px}

/* two col grids */
.scope-learning .pg .r2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}

/* topic types progress */
.scope-learning .pg .trow{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid #eaf0f7;font-size:11.5px}
.scope-learning .pg .trow:first-of-type{border-top:none}
.scope-learning .pg .tname{flex:1;font-weight:600;color:var(--ink)}
.scope-learning .pg .tbar{width:130px;height:6px;background:#edf0f4;border-radius:6px;overflow:hidden;flex:none}
.scope-learning .pg .tbar i{display:block;height:100%;border-radius:6px;background:#c5cdd9}
.scope-learning .pg .tnum{width:42px;font-size:10.5px;font-weight:700;color:var(--mut);text-align:right;flex:none;font-family:ui-monospace,Menlo,Consolas,monospace}

/* score signals */
.scope-learning .pg .srow{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px solid #eaf0f7;font-size:11.5px}
.scope-learning .pg .srow:first-of-type{border-top:none}
.scope-learning .pg .slbl{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);width:128px;flex:none;margin-top:3px}
.scope-learning .pg .sval{flex:1;font-size:12px;color:var(--ink);font-weight:600}
.scope-learning .pg .sval .sw{font-size:10px;color:var(--mut);font-weight:500;margin-top:2px}

/* empty state */
.scope-learning .pg .empty{text-align:center;padding:22px 16px;color:var(--mut);font-size:11.5px;line-height:1.65}
.scope-learning .pg .empty .big{font-size:24px;color:#c1cbd8;margin-bottom:6px}
.scope-learning .pg .empty b{color:var(--ink)}

/* stuck list */
.scope-learning .pg .blkrow{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-top:1px solid #eaf0f7;font-size:11.5px}
.scope-learning .pg .blkrow:first-of-type{border-top:none}
.scope-learning .pg .blkrow .bic{width:22px;flex:none;text-align:center;color:var(--red);font-weight:800;font-size:14px;line-height:1.1;margin-top:1px}
.scope-learning .pg .blkrow .bk{flex:1}
.scope-learning .pg .blkrow .bkt{font-weight:700}
.scope-learning .pg .blkrow .bks{font-size:10.5px;color:var(--mut);margin-top:2px;line-height:1.5}

.scope-learning .pg .badge-cold{background:var(--purplebg);color:var(--purple);border:1px solid #d9c8f0;font-size:10px;font-weight:800;padding:2px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}
.scope-learning .pg code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;background:#f1f4f8;border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--blue)}

/* ===== Learning redesign ===== */
.scope-learning .pg{--ai:#4a57d6;--aibg:#eef0ff;--ailine:#d4d9fb;--green2:#1a7f43;--greenbg2:#e7f5ec;--amber2:#b97400;--amberbg2:#fff5e3;--red2:#c0203a}
.scope-learning .pg .lrn-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.scope-learning .pg .lrn-h1{font-size:21px;font-weight:800;margin:0}
.scope-learning .pg .lrn-phase{font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:var(--aibg);color:var(--ai);border:1px solid var(--ailine);border-radius:20px;padding:4px 12px}
.scope-learning .pg .lrn-advisory{font-size:11px;color:#5a6472;background:var(--amberbg2);border:1px solid #f0dcae;border-radius:10px;padding:9px 13px;margin:10px 0 18px;display:flex;gap:8px;align-items:center}
.scope-learning .pg .lrn-advisory b{color:var(--amber2)}
.scope-learning .pg .lrn-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.scope-learning .pg .lrn-grad{margin-bottom:16px}
.scope-learning .pg .lrn-steps{display:flex;align-items:flex-start;margin-bottom:18px}
.scope-learning .pg .lrn-step{flex:1;text-align:center;position:relative;padding:0 6px}
.scope-learning .pg .lrn-conn{position:absolute;top:18px;left:50%;width:100%;height:2px;background:#e3e7ee;z-index:0}
.scope-learning .pg .lrn-step.on .lrn-conn{background:var(--ai)}
.scope-learning .pg .lrn-circ{width:38px;height:38px;border-radius:50%;border:2px solid #dde2ea;background:#fff;color:#aab3c0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;position:relative;z-index:1;margin:0 auto}
.scope-learning .pg .lrn-step.on .lrn-circ{border-color:var(--ai);background:var(--aibg);color:var(--ai)}
.scope-learning .pg .lrn-step.cur .lrn-circ{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ai)}
.scope-learning .pg .lrn-sname{font-size:12px;font-weight:700;margin-top:9px}
.scope-learning .pg .lrn-sdesc{font-size:9.5px;color:var(--mut);margin-top:2px;line-height:1.35}
.scope-learning .pg .lrn-step.off .lrn-sname,.scope-learning .pg .lrn-step.off .lrn-sdesc{color:#aab3c0}
.scope-learning .pg .lrn-gradbar .lrn-gl{display:flex;justify-content:space-between;font-size:10.5px;color:var(--mut);margin-bottom:6px}
.scope-learning .pg .lrn-gradbar .lrn-gl b{color:var(--ink)}
.scope-learning .pg .lrn-bar{height:9px;background:#eef1f6;border-radius:6px;overflow:hidden}
.scope-learning .pg .lrn-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ai),#7b86ec);border-radius:6px}
.scope-learning .pg .lrn-lf{margin-bottom:16px}
.scope-learning .pg .lrn-lf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}
.scope-learning .pg .lrn-teach{font-size:11px;font-weight:700;border:1px solid var(--ailine);background:var(--aibg);color:var(--ai);border-radius:9px;padding:7px 12px;cursor:pointer;flex:none}
.scope-learning .pg .lrn-lf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.scope-learning .pg .lrn-lfcol{border:1px solid var(--line);border-radius:12px;padding:12px 13px}
.scope-learning .pg .lrn-lfcol.do{background:#f4fbf6;border-color:#bfe3cc}
.scope-learning .pg .lrn-lfcol.avoid{background:#fdf4f6;border-color:#f3c2cc}
.scope-learning .pg .lrn-lfcol.learned{background:#f4f7fd;border-color:#d3def2}
.scope-learning .pg .lrn-lfh{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:9px}
.scope-learning .pg .lrn-lfcol.do .lrn-lfh{color:var(--green2)}.scope-learning .pg .lrn-lfcol.avoid .lrn-lfh{color:var(--red2)}.scope-learning .pg .lrn-lfcol.learned .lrn-lfh{color:var(--blue)}
.scope-learning .pg .lrn-chip{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.4;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 9px;margin-bottom:7px}
.scope-learning .pg .lrn-chip .lrn-ico{flex:none;font-weight:800}
.scope-learning .pg .lrn-lfcol.do .lrn-ico{color:var(--green2)}.scope-learning .pg .lrn-lfcol.avoid .lrn-ico{color:var(--red2)}.scope-learning .pg .lrn-lfcol.learned .lrn-ico{color:var(--blue)}
.scope-learning .pg .lrn-txt{flex:1}
.scope-learning .pg .lrn-chip.off{background:#f7f8fa}.scope-learning .pg .lrn-chip.off .lrn-txt{color:#aab3c0;text-decoration:line-through}.scope-learning .pg .lrn-chip.off .lrn-ico{opacity:.35}
.scope-learning .pg .lrn-sw{width:26px;height:15px;border-radius:10px;background:#cdd3dd;position:relative;border:none;flex:none;cursor:pointer}
.scope-learning .pg .lrn-sw.on{background:var(--green2)}
.scope-learning .pg .lrn-sw:after{content:'';position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff}
.scope-learning .pg .lrn-sw.on:after{left:13px}
.scope-learning .pg .lrn-mini,.scope-learning .pg .lrn-info{flex:none;width:19px;height:19px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--mut);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}
.scope-learning .pg .lrn-info{border-radius:50%;font-style:italic;font-family:Georgia,serif}
.scope-learning .pg .lrn-mini:hover,.scope-learning .pg .lrn-info:hover{border-color:var(--ai);color:var(--ai)}
.scope-learning .pg .lrn-extend{width:100%;text-align:center;font-size:10.5px;font-weight:700;color:var(--ai);background:none;border:1px dashed var(--ailine);border-radius:8px;padding:6px;margin-top:3px;cursor:pointer}
.scope-learning .pg .lrn-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}
.scope-learning .pg .lrn-inf{border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:9px;cursor:pointer}
.scope-learning .pg .lrn-inf-top{display:flex;align-items:center;gap:8px}
.scope-learning .pg .lrn-inf-t{font-size:12px;font-weight:700;flex:1}
.scope-learning .pg .lrn-inf-state{font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:6px;flex:none}
.scope-learning .pg .lrn-inf-state.confirmed{background:var(--greenbg2);color:var(--green2)}
.scope-learning .pg .lrn-inf-state.proposed{background:var(--amberbg2);color:var(--amber2)}
.scope-learning .pg .lrn-inf-body{font-size:10.5px;color:#4b5563;line-height:1.5;margin-top:7px;display:none}
.scope-learning .pg .lrn-inf.open .lrn-inf-body{display:block}
.scope-learning .pg .lrn-inf-body .do{color:var(--green2);font-weight:700}.scope-learning .pg .lrn-inf-body .av{color:var(--red2);font-weight:700}
.scope-learning .pg .lrn-sigrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f0f2f6;font-size:11.5px}
.scope-learning .pg .lrn-sigrow:first-of-type{border-top:none}
.scope-learning .pg .lrn-sigrow .sk{flex:1;font-weight:600}
.scope-learning .pg .lrn-sigrow .sv{font-weight:800}
.scope-learning .pg .lrn-sigrow .sv.muted{color:var(--mut);font-weight:600}
.scope-learning .pg .lrn-trow{display:flex;align-items:center;gap:9px;font-size:11px;padding:5px 0}
.scope-learning .pg .lrn-trow .tn{flex:1;font-weight:600}.scope-learning .pg .lrn-trow .tnum{font-size:10px;color:var(--mut);font-weight:700}
.scope-learning .pg .lrn-tbar{width:100px;height:6px;background:#eef1f6;border-radius:5px;overflow:hidden;flex:none}
.scope-learning .pg .lrn-tbar i{display:block;height:100%;background:var(--ai);border-radius:5px}
.scope-learning .pg .lrn-blk{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-top:1px solid #f0f2f6}
.scope-learning .pg .lrn-blk:first-of-type{border-top:none}
.scope-learning .pg .lrn-blk .bic{width:18px;height:18px;border-radius:5px;background:var(--amberbg2);color:var(--amber2);font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;font-size:11px}
.scope-learning .pg .lrn-blk .bt{font-size:11.5px;font-weight:700}.scope-learning .pg .lrn-blk .bs{font-size:10px;color:var(--mut)}
@media(max-width:760px){.scope-learning .pg .lrn-lf-grid,.scope-learning .pg .lrn-cols{grid-template-columns:1fr}}
/* learning modals (appended to body - unscoped) */
.lrn-mbg{position:fixed;inset:0;background:rgba(20,28,40,.5);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px;font-family:Inter,system-ui,sans-serif}
.lrn-mbg.on{display:flex}
.lrn-modal{background:#fff;border-radius:16px;max-width:440px;width:100%;box-shadow:0 40px 80px -20px rgba(0,0,0,.5)}
.lrn-mh{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #e6eaf1;font-size:15px;font-weight:800}
.lrn-mx{margin-left:auto;width:28px;height:28px;border-radius:8px;border:1px solid #e6eaf1;background:#fff;font-size:15px;cursor:pointer}
.lrn-mb{padding:18px 20px;font-size:12.5px;color:#4b5563;line-height:1.6}
.lrn-det-rule{font-size:13.5px;font-weight:800;color:#1d2733;margin-bottom:6px}
.lrn-det-lbl{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7a838f;margin-top:14px;margin-bottom:3px}
.lrn-det-val{font-size:12px;color:#4b5563;line-height:1.55}
.lrn-det-val.when{color:#1d2733;font-weight:600}
.lrn-ta{width:100%;border:1px solid #e6eaf1;border-radius:10px;padding:10px;font-family:inherit;font-size:12px;resize:vertical;min-height:54px;box-sizing:border-box}
.lrn-mfoot{display:flex;gap:9px;margin-top:13px}
.lrn-btn{font-size:12px;font-weight:700;border-radius:10px;padding:9px 16px;border:1px solid #e6eaf1;background:#fff;cursor:pointer}
.lrn-btn.primary{background:#4a57d6;color:#fff;border-color:#4a57d6}
.lrn-seg{display:flex;gap:7px;margin-bottom:12px}
.lrn-segb{flex:1;text-align:center;font-size:11.5px;font-weight:700;border:1.5px solid #e6eaf1;border-radius:9px;padding:8px;color:#7a838f;background:#fff;cursor:pointer}
.lrn-segb.on{border-color:#4a57d6;background:#eef0ff;color:#4a57d6}

/* ===== the global Apple theme layer (was <style id="hc-apple-theme">) ===== */
/* ===== Apple-style theme layer =================================================
   Taste baseline from Apple's design language: SF Pro typography (Inter substitute
   on non-Apple OSes), a single Action Blue (#962f2c), parchment canvas (#f5f5f7),
   near-black ink (#1d1d1f) for real contrast, hairlines instead of drop-shadows,
   weight 600 (not 800), pill CTAs, and no decorative side-stripes or gradients.
   One contained layer so the original per-page styles stay intact underneath. */
:root, .tab .pg{
  --ink:#1d1d1f !important; --mut:#6e6e73 !important; --blue:#962f2c !important;
  --bluebg:#e8f1fd !important; --line:#d8d8dd !important; --bg:#f5f5f7 !important;
  --grey:#6e6e73 !important;
}
html, body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter",system-ui,"Segoe UI",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  background:#f5f5f7 !important; color:#1d1d1f;
}
.tab .pg{ font-family:inherit !important; }
/* Top nav: frosted parchment, hairline divider, tight tracking */
.appnav{ background:rgba(245,245,247,.8) !important; -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px); border-bottom:1px solid #d2d2d7 !important; }
.appnav-brand{ font-weight:600; letter-spacing:-0.02em; }
.appnav-brand .h{ color:#962f2c; }
.appnav-links a{ letter-spacing:-0.01em; font-weight:500; }
.appnav-links a.active{ font-weight:600; border-bottom-color:#962f2c; }
/* Cards: flat white, hairline border, soft radius, no gradient, no drop-shadow */
.tab .pg .box{ background:#fff !important; border:1px solid #d8d8dd !important; border-radius:16px !important; box-shadow:0 1px 2px rgba(17,24,39,.05), 0 1px 3px rgba(17,24,39,.045) !important; }
.tab .pg .box:hover{ border-color:#cbcbd2 !important; }
/* Eyebrows + headings: SF weights and Apple-tight tracking */
.tab .pg .ttl{ font-weight:600 !important; color:#6e6e73; letter-spacing:.02em; }
.tab .pg .hd{ font-weight:600 !important; letter-spacing:-0.01em; }
.tab .pg h1, .tab .pg .ph, .tab .pg .dt, .tab .pg .dtitle, .tab .pg .heronum, .tab .pg .lbl2{ font-weight:600 !important; letter-spacing:-0.02em !important; }
/* Buttons: Action Blue pills with press-scale */
.tab .pg .btn{ background:#962f2c !important; border-radius:980px !important; box-shadow:none !important; font-weight:500; }
.tab .pg .btnghost{ border-radius:980px !important; border-color:#962f2c !important; color:#962f2c !important; font-weight:500; }
.tab .pg .btn:active, .tab .pg .btnghost:active{ transform:scale(.96); }
/* Learning: human instructions + explicit AXS inferences */
.scope-learning .hi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:4px; }
.scope-learning .hi-col{ background:#fafafc; border:1px solid #d8d8dd; border-radius:14px; padding:13px 14px; }
.scope-learning .hi-h{ font-size:11px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; margin-bottom:8px; }
.scope-learning .hi-col.l .hi-h{ color:#962f2c; } .scope-learning .hi-col.d .hi-h{ color:#137333; } .scope-learning .hi-col.a .hi-h{ color:#d70015; }
.scope-learning .hi-ul{ margin:0; padding-left:16px; }
.scope-learning .hi-ul li{ font-size:12px; color:#1d1d1f; line-height:1.45; margin-bottom:8px; }
.scope-learning .hi-note{ display:block; font-size:11px; color:#6e6e73; margin-top:2px; }
.scope-learning .hi-empty{ list-style:none; margin-left:-16px; color:#6e6e73; }
.scope-learning .inf-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:4px; }
.scope-learning .inf{ background:#fff; border:1px solid #d8d8dd; border-radius:14px; padding:13px 14px; }
.scope-learning .inf-top{ display:flex; align-items:center; gap:8px; }
.scope-learning .inf-ttl{ flex:1; font-weight:600; font-size:13px; color:#1d1d1f; letter-spacing:-0.01em; }
.scope-learning .inf-state{ font-size:9.5px; font-weight:700; text-transform:uppercase; border-radius:980px; padding:2px 9px; background:#eef2f8; color:#6e6e73; }
.scope-learning .inf-state.confirmed{ background:#e7f4ec; color:#137333; } .scope-learning .inf-state.candidate{ background:#fff4e6; color:#b06000; }
.scope-learning .inf-inf{ font-size:12px; color:#424248; line-height:1.5; margin-top:7px; }
.scope-learning .inf-do{ font-size:11.5px; color:#137333; margin-top:7px; line-height:1.45; }
.scope-learning .inf-av{ font-size:11.5px; color:#b00020; margin-top:5px; line-height:1.45; }
.scope-learning .inf-date{ font-size:10px; color:#a0a0a6; margin-top:7px; }
/* PR verify button */
.hc-verify{ background:#962f2c !important; color:#fff !important; border:none !important; padding:8px 16px !important; }
.hc-verify:hover{ background:#0055b3 !important; }
@media(max-width:760px){ .scope-learning .hi-grid, .scope-learning .inf-list{ grid-template-columns:1fr; } }