/* ============================================================
   Ask Mentor - guided course/career wizard (paid feature)
   Loaded on the app home page; scoped to its own components so
   it never touches the rest of the app. Mobile-first; on desktop
   the app already centres .screen content, so this fits both.
   ============================================================ */
:root { --askm: #1261a6; --askm-green: #16815b; --askm-gold: #c88718; --askm-ink: #142033; --askm-muted: #607086; --askm-line: #dfe7f0; }

/* ---- Mentor two-option chooser ---- */
#mentor-choice-view { padding: 16px 14px; }
#mentor-choice-view .mtc-head { font-weight: 800; font-size: 1.05rem; color: #1a2a6c; margin: 4px 2px 14px; }
.mt-choice {
  display: flex; align-items: center; gap: 13px; width: 100%; text-align: left;
  background: #fff; border: 1.5px solid var(--askm-line); border-radius: 16px;
  padding: 16px 15px; margin-bottom: 12px; cursor: pointer;
  box-shadow: 0 6px 20px rgba(18,32,51,.07); transition: transform .14s, box-shadow .14s, border-color .14s;
}
.mt-choice:active { transform: scale(.99); }
.mt-choice:hover { border-color: #b9cbe6; box-shadow: 0 10px 26px rgba(18,32,51,.12); }
.mt-choice .mt-choice-ic { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; font-size: 1.4rem; flex: none; }
.mt-choice.c-chat .mt-choice-ic { background: linear-gradient(135deg,#1a2a6c,#3b5bdb); }
.mt-choice.c-ask  .mt-choice-ic { background: linear-gradient(135deg,var(--askm),var(--askm-green)); }
.mt-choice .mt-choice-tx { flex: 1; min-width: 0; }
.mt-choice .mt-choice-tx b { display: block; font-size: 1rem; color: #1a2a6c; }
.mt-choice .mt-choice-tx small { display: block; color: var(--askm-muted); font-size: .8rem; margin-top: 2px; line-height: 1.35; }
.mt-choice .mt-choice-go { color: #b9c4d6; font-size: 1.4rem; font-weight: 700; flex: none; }
.mt-choice-badge { display: inline-block; margin-left: 6px; background: var(--askm-gold); color: #fff; font-size: .58rem; font-weight: 900; letter-spacing: .6px; padding: 2px 7px; border-radius: 20px; vertical-align: middle; }

/* ---- Ask Mentor screen shell ---- */
#screen-ask-mentor { background: #f2f6fa; }
.askm-wrap { max-width: 560px; margin: 0 auto; padding: 8px 0 40px; font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; color: var(--askm-ink); }

/* header */
.askm-top { display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
.askm-back { width: 38px; height: 38px; border-radius: 12px; border: 1px solid var(--askm-line); background: #fff; color: var(--askm-ink); font-size: 1.1rem; cursor: pointer; display: grid; place-items: center; flex: none; }
.askm-top .askm-title { flex: 1; min-width: 0; }
.askm-top .askm-title b { display: block; font-size: 1rem; }
.askm-top .askm-title span { display: block; font-size: .72rem; color: var(--askm-muted); }

/* progress */
.askm-progress { padding: 4px 16px 0; }
.askm-progress .lbl { display: flex; justify-content: space-between; font-size: .72rem; font-weight: 800; color: var(--askm-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: .4px; }
.askm-bar { height: 6px; border-radius: 20px; background: #dde6f0; overflow: hidden; }
.askm-bar > i { display: block; height: 100%; border-radius: 20px; background: linear-gradient(90deg,var(--askm),var(--askm-green)); transition: width .25s ease; }

/* question step */
.askm-step { padding: 18px 16px 8px; }
.askm-step h2 { font-size: 1.5rem; line-height: 1.15; margin: 6px 0 6px; }
.askm-step p.sub { color: var(--askm-muted); font-size: .9rem; margin: 0 0 16px; line-height: 1.45; }
.askm-opt {
  display: flex; align-items: center; gap: 12px; width: 100%; text-align: left;
  background: #fff; border: 1.5px solid var(--askm-line); border-radius: 13px;
  padding: 15px 14px; margin-bottom: 10px; cursor: pointer; font-size: .96rem; font-weight: 650; color: var(--askm-ink);
  transition: border-color .12s, box-shadow .12s, transform .12s;
}
.askm-opt:hover { border-color: #b9cbe6; }
.askm-opt:active { transform: scale(.99); }
.askm-opt.sel { border-color: var(--askm); box-shadow: 0 0 0 3px rgba(18,97,166,.12); background: #f5faff; }
.askm-opt .dot { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #cdd8e6; flex: none; display: grid; place-items: center; }
.askm-opt.sel .dot { border-color: var(--askm); background: var(--askm); }
.askm-opt.sel .dot::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #fff; }
.askm-opt .tx b { display: block; }
.askm-opt .tx small { display: block; color: var(--askm-muted); font-size: .78rem; font-weight: 600; margin-top: 2px; }
.askm-oimg { display: none; } /* option thumbnails show on desktop web only (desktop.css) */

/* footer nav */
.askm-foot { display: flex; gap: 10px; padding: 12px 16px calc(14px + env(safe-area-inset-bottom)); position: sticky; bottom: 0; background: linear-gradient(180deg, rgba(242,246,250,0), #f2f6fa 40%); }
.askm-foot .askm-prev { flex: none; min-width: 52px; border: 1px solid var(--askm-line); background: #fff; border-radius: 12px; font-size: 1.1rem; cursor: pointer; }
.askm-foot .askm-next { flex: 1; border: 0; border-radius: 12px; padding: 14px; background: linear-gradient(135deg,var(--askm),var(--askm-green)); color: #fff; font-weight: 800; font-size: .95rem; cursor: pointer; box-shadow: 0 10px 22px rgba(18,97,166,.24); }
.askm-foot .askm-next:disabled { opacity: .45; box-shadow: none; cursor: not-allowed; }

/* ---- Results ---- */
.askm-rhead { position: relative; min-height: 190px; border-radius: 16px; overflow: hidden; margin: 4px 14px 0; color: #fff; background: #101d2f; }
.askm-rhead img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.askm-rhead::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,24,38,.1), rgba(13,24,38,.92)); }
.askm-rcopy { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 2; }
.askm-chip { display: inline-flex; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); font-size: .66rem; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.askm-rcopy h2 { margin: 10px 0 5px; font-size: 1.5rem; line-height: 1.1; }
.askm-rcopy p { margin: 0; color: rgba(255,255,255,.85); font-size: .82rem; line-height: 1.4; }
.askm-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: -20px 14px 12px; position: relative; z-index: 4; }
.askm-meta .m { background: #fff; border: 1px solid var(--askm-line); border-radius: 10px; padding: 10px 6px; text-align: center; box-shadow: 0 8px 20px rgba(18,32,51,.10); }
.askm-meta .m b { display: block; font-size: .82rem; }
.askm-meta .m span { display: block; font-size: .64rem; color: var(--askm-muted); margin-top: 2px; }
.askm-ptabs { display: flex; gap: 7px; overflow-x: auto; padding: 4px 14px 8px; scrollbar-width: none; }
.askm-ptabs::-webkit-scrollbar { display: none; }
.askm-ptab { border: 1px solid var(--askm-line); background: #fff; border-radius: 999px; padding: 7px 12px; font-size: .76rem; font-weight: 800; color: #53637a; white-space: nowrap; cursor: pointer; }
.askm-ptab.on { color: #fff; background: var(--askm); border-color: transparent; }
.askm-pcard { background: #fff; border: 1px solid var(--askm-line); border-radius: 14px; margin: 0 14px; padding: 16px; box-shadow: 0 10px 26px rgba(18,32,51,.08); }
.askm-kicker { display: flex; justify-content: space-between; color: var(--askm); font-size: .68rem; font-weight: 900; text-transform: uppercase; letter-spacing: .6px; margin-bottom: 8px; }
.askm-pcard h3 { margin: 0 0 8px; font-size: 1.2rem; }
.askm-pcard > p { color: #35465f; font-size: .9rem; line-height: 1.55; margin: 0 0 10px; }
.askm-ic { border: 1px solid var(--askm-line); border-radius: 12px; padding: 12px; background: linear-gradient(180deg,#fff,#fbfdff); margin: 9px 0; }
.askm-ic b { display: block; font-size: .92rem; margin-bottom: 4px; }
.askm-ic p { margin: 0 0 6px; color: #35465f; font-size: .85rem; line-height: 1.5; }
.askm-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.askm-tag { background: #eaf2fb; color: var(--askm); border: 1px solid #cfe0f3; border-radius: 999px; padding: 4px 8px; font-size: .68rem; font-weight: 800; }
.askm-more { border: 0; background: transparent; color: var(--askm); font-weight: 800; padding: 3px 0 0; cursor: pointer; font-size: .78rem; }
.askm-detail { display: none; margin-top: 6px; }
.askm-ic.open .askm-detail { display: block; }
.askm-alink { display: inline-flex; text-decoration: none; color: #fff; background: var(--askm); border-radius: 10px; padding: 9px 12px; font-weight: 800; font-size: .78rem; margin-top: 8px; }
.askm-note { border-left: 4px solid var(--askm); background: #f6f9fd; border-radius: 8px; padding: 10px 12px; color: #40516b; font-size: .78rem; line-height: 1.45; margin-top: 12px; }
/* "Your mentor explains" strip - plain-words guidance at the top of every page */
.askm-guide { display: flex; gap: 12px; align-items: flex-start; background: #f1f8f3; border: 1px solid #cde5d6; border-radius: 14px; padding: 13px 15px; margin: 2px 0 14px; }
.askm-guide-ava { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, var(--askm-green), var(--askm)); display: grid; place-items: center; font-size: 1.25rem; flex: 0 0 auto; }
.askm-guide b { display: block; font-size: .72rem; color: var(--askm-green); text-transform: uppercase; letter-spacing: .6px; margin-bottom: 3px; }
.askm-guide p { margin: 0; font-size: .9rem; line-height: 1.6; color: #26402f; }

/* ---- Parent Answer Sheet components ---- */
.askm-vcards { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0 0 14px; }
.askm-vcards .vc { border-radius: 14px; padding: 12px 15px; border: 1px solid var(--askm-line); background: #fbfdff; }
.askm-vcards .vc span { display: block; font-size: .66rem; font-weight: 900; text-transform: uppercase; letter-spacing: .6px; color: var(--askm-muted); margin-bottom: 3px; }
.askm-vcards .vc b { display: block; font-size: 1rem; margin-bottom: 4px; }
.askm-vcards .vc p { margin: 0; font-size: .8rem; line-height: 1.5; color: #47586f; }
.askm-vcards .vc.good { background: #eaf7ef; border-color: #bfe3cc; }
.askm-vcards .vc.good b { color: #1b5e34; }
.askm-vcards .vc.maybe { background: #fff7e6; border-color: #f3ddaa; }
.askm-vcards .vc.maybe b { color: #8a5a00; }
.askm-lines p { margin: 0 0 9px; font-size: .95rem; line-height: 1.65; color: #243040; }
.askm-suit { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 4px 0 8px; }
.askm-suit .s { border-radius: 14px; padding: 13px 16px; }
.askm-suit .s b { display: block; font-size: .88rem; margin-bottom: 7px; }
.askm-suit .s ul { margin: 0; padding-left: 18px; font-size: .9rem; line-height: 1.7; }
.askm-suit .s.good { background: #eaf7ef; border: 1px solid #bfe3cc; color: #1b5e34; }
.askm-suit .s.warn { background: #fdf0ee; border: 1px solid #f2cfca; color: #8f3a2f; }
.askm-tl { list-style: none; margin: 6px 0 8px; padding: 0; }
.askm-tl li { position: relative; padding: 0 0 18px 36px; font-size: .93rem; line-height: 1.5; color: #243040; }
.askm-tl li::before { content: attr(data-n); position: absolute; left: 0; top: 0; width: 25px; height: 25px; border-radius: 50%; background: var(--askm); color: #fff; font-size: .74rem; font-weight: 800; display: grid; place-items: center; }
.askm-tl li::after { content: ""; position: absolute; left: 11px; top: 27px; bottom: 3px; width: 2px; background: #dbe5f0; }
.askm-tl li:last-child::after { display: none; }
.askm-feerow { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border: 1px solid var(--askm-line); border-radius: 11px; padding: 11px 15px; margin-bottom: 8px; font-size: .9rem; background: #fbfdff; }
.askm-feerow b { color: #142033; }
.askm-feerow span { color: var(--askm); font-weight: 800; white-space: nowrap; }
.askm-jobrow { display: flex; flex-direction: column; gap: 2px; border: 1px solid var(--askm-line); border-radius: 11px; padding: 11px 15px; margin-bottom: 8px; background: #fbfdff; }
.askm-jobrow b { font-size: .92rem; color: #142033; }
.askm-jobrow span { font-size: .82rem; color: #52627a; line-height: 1.45; }
.askm-nextsteps { margin: 6px 0 12px; padding: 0; list-style: none; counter-reset: ns; }
.askm-nextsteps li { position: relative; padding: 0 0 14px 42px; font-size: .95rem; line-height: 1.55; color: #243040; counter-increment: ns; }
.askm-nextsteps li::before { content: counter(ns); position: absolute; left: 0; top: -3px; width: 29px; height: 29px; border-radius: 10px; background: var(--askm-gold); color: #fff; font-weight: 900; display: grid; place-items: center; }
.askm-mentorbtn { display: inline-flex; border: 0; border-radius: 12px; padding: 13px 24px; background: linear-gradient(135deg, var(--askm), var(--askm-green)); color: #fff; font-weight: 800; font-size: .95rem; cursor: pointer; margin: 2px 0 8px; box-shadow: 0 8px 20px rgba(18, 97, 166, .22); }
.askm-details { margin: 12px 0 4px; border: 1px dashed var(--askm-line); border-radius: 12px; padding: 11px 15px; background: #fbfdff; }
.askm-details summary { cursor: pointer; font-weight: 800; color: var(--askm); font-size: .88rem; }
.askm-detbtn { display: block; width: 100%; margin: 14px 0 4px; border: 1.5px dashed var(--askm-line); background: #fbfdff; color: var(--askm); font-weight: 800; font-size: .9rem; border-radius: 12px; padding: 13px 16px; cursor: pointer; text-align: left; }
.askm-detbtn:hover { border-color: var(--askm); }
/* --- parent decision dashboard --- */
.askm-verd { border-radius: 14px; padding: 13px 16px; margin: 12px 0 0; }
.askm-verd.good { background: #eaf7ef; border: 1px solid #bfe3cc; }
.askm-verd.maybe { background: #fff7e6; border: 1px solid #f3ddaa; }
.askm-verd b { display: block; font-size: 1rem; margin-bottom: 4px; }
.askm-verd.good b { color: #1b5e34; }
.askm-verd.maybe b { color: #8a5a00; }
.askm-verd p { margin: 0; font-size: .85rem; line-height: 1.5; color: #3c4c5e; }
.askm-action { border: 1.5px dashed var(--askm-line); border-radius: 14px; padding: 12px 16px; margin: 12px 0 0; background: #fbfdff; }
.askm-action b { display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .6px; color: var(--askm-muted); margin-bottom: 3px; }
.askm-action p { margin: 0; font-weight: 700; font-size: .92rem; color: #142033; }
.askm-w100 { width: 100%; justify-content: center; margin-top: 12px; }
.askm-dlbtn { width: 100%; margin-top: 8px; border: 1.5px solid var(--askm-line); background: #fff; color: var(--askm); border-radius: 12px; padding: 12px; font-weight: 800; font-size: .9rem; cursor: pointer; }
.askm-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin: 2px 14px 12px; }
.askm-chips .chip { border-radius: 13px; padding: 11px 14px; border: 1px solid var(--askm-line); background: #fff; }
.askm-chips .chip span { display: block; font-size: .64rem; font-weight: 900; text-transform: uppercase; letter-spacing: .5px; color: var(--askm-muted); margin-bottom: 3px; }
.askm-chips .chip b { font-size: .9rem; }
.askm-chips .chip.green { background: #eaf7ef; border-color: #bfe3cc; } .askm-chips .chip.green b { color: #1b5e34; }
.askm-chips .chip.amber { background: #fff7e6; border-color: #f3ddaa; } .askm-chips .chip.amber b { color: #8a5a00; }
.askm-chips .chip.red { background: #fdf0ee; border-color: #f2cfca; } .askm-chips .chip.red b { color: #8f3a2f; }
.askm-chips .chip.blue { background: #eef4ff; border-color: #d5e3fb; } .askm-chips .chip.blue b { color: #1a3a7a; }
.askm-snavbar { display: flex; flex-wrap: wrap; gap: 7px; padding: 2px 14px 10px; position: sticky; top: 0; background: linear-gradient(180deg, #f2f6fa 82%, rgba(242,246,250,0)); z-index: 5; }
.askm-snav { border: 1px solid var(--askm-line); background: #fff; border-radius: 999px; padding: 7px 12px; font-size: .76rem; font-weight: 800; color: #53637a; cursor: pointer; }
.askm-snav:hover { border-color: var(--askm); color: var(--askm); }
.askm-sec { margin-bottom: 14px !important; scroll-margin-top: 70px; }
.askm-duo { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }
.askm-duo > div { border: 1px solid var(--askm-line); border-radius: 12px; padding: 11px 14px; background: #fbfdff; }
.askm-duo b { display: block; font-size: .7rem; text-transform: uppercase; letter-spacing: .5px; color: var(--askm); margin-bottom: 3px; }
.askm-duo p { margin: 0; font-size: .86rem; line-height: 1.55; color: #2c3a4e; }
.askm-src { margin-top: 10px; font-size: .8rem; color: var(--askm-muted); }
.askm-src a { color: var(--askm); font-weight: 800; text-decoration: none; }
.askm-srclink { color: var(--askm); font-weight: 800; text-decoration: none; }
.askm-empty { border: 1px dashed var(--askm-line); border-radius: 10px; padding: 14px; color: var(--askm-muted); background: #fbfdff; font-size: .85rem; }
.askm-loading { text-align: center; padding: 60px 20px; color: var(--askm-muted); font-weight: 700; }

/* ============ Paged walkthrough (one idea per page) ============ */
.askm-pgprog { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:2px 4px 0; }
.askm-dots { display:flex; gap:5px; flex-wrap:wrap; }
.askm-dot { width:7px; height:7px; border-radius:50%; background:#dbe1ee; transition:background .2s, transform .2s; }
.askm-dot.on { background:#1a2a6c; transform:scale(1.25); }
.askm-dot.done { background:#8aa0e0; }
.askm-pgnum { font-size:.72rem; font-weight:800; color:#8a93a6; white-space:nowrap; }
.askm-page { padding:6px 2px 96px; max-width:720px; }        /* bottom pad clears the sticky footer */
.askm-eyebrow { font-size:.68rem; font-weight:900; letter-spacing:.8px; text-transform:uppercase; color:#b45309; margin:10px 0 4px; }
.askm-ph { font-size:1.3rem; font-weight:900; color:#1a2a6c; line-height:1.18; margin:0 0 10px; }
.askm-pbody { font-size:.92rem; color:#374151; }
.askm-pbody h3 { font-size:.95rem; color:#1a2a6c; margin:14px 0 6px; }
.askm-pbody .askm-lines p { margin:0 0 8px; line-height:1.6; }
.askm-pbody ul, .askm-pbody ol { margin:6px 0; padding-left:20px; }
.askm-pbody li { margin:0 0 5px; line-height:1.5; }
/* the mentor note is compact inside a page */
.askm-page .askm-guide { padding:11px 13px; margin:8px 0 12px; }
.askm-page .askm-guide p { font-size:.9rem; line-height:1.55; margin:3px 0 0; }
.askm-page .askm-suit { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:4px 0; }
.askm-page .askm-suit .s { padding:11px 13px; }
.askm-page .askm-suit .s b { font-size:.86rem; }
.askm-page .askm-suit .s ul { margin:6px 0 0; }
.askm-page .askm-suit .s li { font-size:.84rem; }
.askm-pgfoot { position:sticky; bottom:0; display:flex; gap:10px; padding:12px 2px calc(12px + env(safe-area-inset-bottom)); background:linear-gradient(to top,#f4f6fb 62%,rgba(244,246,251,0)); margin-top:0; }
.askm-pgbtn { flex:1; border:none; border-radius:12px; padding:13px; font-size:.94rem; font-weight:900; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.askm-pgbtn.ghost { flex:0 0 32%; background:#eef1f7; color:#475569; }
.askm-pgbtn.solid { background:linear-gradient(135deg,#1a2a6c,#2d4fad); color:#fff; }
.askm-pgbtn:active { opacity:.86; }
.askm-scard { background:#fff; border:1.5px solid #e8ecf5; border-radius:14px; padding:13px 14px; box-shadow:0 2px 8px rgba(15,23,42,.05); }
.askm-scard b { display:block; color:#1a2a6c; font-size:.98rem; }
.askm-scard .sub { display:block; color:#64748b; margin-top:4px; font-size:.79rem; }
.askm-scard .suit { display:block; color:#0e7490; margin-top:7px; font-size:.83rem; line-height:1.5; }
.askm-scard .door { display:block; color:#475569; margin-top:7px; font-size:.83rem; line-height:1.5; }
.askm-factgrid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:2px 0 12px; }
.askm-fact { background:#fff; border:1.5px solid #e8ecf5; border-radius:12px; padding:9px 11px; }
.askm-fact span { display:block; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:#8a93a6; }
.askm-fact b { display:block; font-size:.9rem; color:#1a2a6c; margin-top:2px; }
.askm-pbody .askm-jobrow, .askm-pbody .askm-feerow { padding:9px 0; }
/* desktop: content centered, comfortable, and the footer sits under it */
@media (min-width:992px) {
  .askm-page { max-width:780px; margin:0 auto; padding-bottom:88px; }
  .askm-pgfoot { max-width:780px; margin:0 auto; }
  .askm-factgrid { grid-template-columns:repeat(4,1fr); }
  .askm-ph { font-size:1.45rem; }
  .askm-pbody { font-size:.96rem; }
}

/* ============ Lighter type - less bold everywhere ============ */
.askm-opt .tx b { font-weight: 600; }                 /* option labels: medium, not black */
.askm-step h2 { font-weight: 700; }                   /* question heading */
.askm-ph { font-weight: 700; }                        /* page heading */
.askm-eyebrow { font-weight: 700; color:#b45309; }    /* eyebrow */
.askm-pgbtn.solid { font-weight: 700; }
.askm-pgbtn.ghost { font-weight: 600; }
.askm-pgbtn { font-weight: 700; }
.askm-kicker { font-weight: 700; }
.askm-guide b { font-weight: 700; }                   /* "Your mentor" label */
.askm-scard b { font-weight: 700; }
.askm-fact b { font-weight: 700; }
.askm-verd b { font-weight: 700; }
.askm-pbody h3 { font-weight: 700; }
.askm-suit .s b { font-weight: 700; }
.askm-progress .lbl { font-weight: 700; }
/* keep genuine emphasis inside sentences readable but not heavy */
.askm-pbody b, .askm-lines b { font-weight: 600; }

/* action buttons inside a page - clean secondary style (the footer holds the one primary CTA) */
.askm-actbtn { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; margin:10px 0 0; background:#fff; color:#1a2a6c; border:1.5px solid #cdd8ec; border-radius:12px; padding:13px 15px; font-size:.92rem; font-weight:700; text-align:left; cursor:pointer; -webkit-tap-highlight-color:transparent; box-shadow:0 1px 3px rgba(15,23,42,.05); }
.askm-actbtn::after { content:"\2192"; color:#8a93a6; font-weight:700; }
.askm-actbtn:hover { border-color:#1a2a6c; background:#f7f9ff; }
.askm-actbtn:active { opacity:.88; }
.askm-actbtn.ghost { background:#f4f6fb; border-color:#e3e8f2; color:#55617a; }
.askm-plainlist { margin:8px 0 4px; padding-left:20px; }
.askm-plainlist li { margin:0 0 7px; line-height:1.5; color:#374151; }

/* copy-ready search prompt */
.askm-prompt { background:#f5f8ff; border:1.5px dashed #b9cbe6; border-radius:12px; padding:12px 13px; margin:6px 0 4px; }
.askm-prompt-tx { font-size:.86rem; color:#26324d; line-height:1.55; font-style:italic; }
.askm-copy { margin-top:10px; background:#1a2a6c; color:#fff; border:none; border-radius:9px; padding:8px 14px; font-size:.8rem; font-weight:700; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.askm-copy:active { opacity:.85; }

/* page hero visual (reuses the career thumbnail library) */
.askm-hero { position:relative; width:100%; height:150px; border-radius:16px; background-size:cover; background-position:center; margin:2px 0 12px; box-shadow:0 3px 12px rgba(15,23,42,.1); overflow:hidden; }
.askm-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(19,42,99,0) 40%,rgba(19,42,99,.35)); }
.askm-hero.flat { height:auto; background:none; box-shadow:none; display:block; padding:0; margin:6px 0 2px; }
.askm-hero-badge { position:absolute; left:12px; bottom:10px; width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,.94); display:flex; align-items:center; justify-content:center; font-size:1.4rem; z-index:2; box-shadow:0 2px 8px rgba(15,23,42,.18); }
.askm-hero-badge.big { position:static; width:46px; height:46px; font-size:1.5rem; box-shadow:0 2px 8px rgba(15,23,42,.12); }
@media (min-width:992px){ .askm-hero { height:170px; } }


/* Point lists as neat rectangle cards, side by side (not one long box) */
.askm-pbody ul.askm-plainlist { display:grid; grid-template-columns:1fr; gap:10px; margin:6px 0 2px; padding:0; list-style:none; }
.askm-pbody ul.askm-plainlist li { background:#fff; border:1.5px solid #e8ecf5; border-radius:12px; padding:12px 14px; margin:0; line-height:1.5; list-style:none; box-shadow:0 1px 3px rgba(15,23,42,.05); }
.askm-pbody ul.askm-plainlist li::marker { content:none; }
@media (min-width:640px) { .askm-pbody ul.askm-plainlist { grid-template-columns:1fr 1fr; } }
@media (min-width:992px) { .askm-page ul.askm-plainlist { grid-template-columns:1fr 1fr; } }

/* label/value rows (fees, jobs, college groups, exam facts) as side-by-side cards */
.askm-rowgrid { display:grid; grid-template-columns:1fr; gap:9px; margin:8px 0 4px; }
@media (min-width:640px) { .askm-rowgrid { grid-template-columns:1fr 1fr; } }
.askm-rowgrid .askm-jobrow, .askm-rowgrid .askm-feerow {
  display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  background:#fff; border:1.5px solid #e8ecf5; border-radius:12px; padding:12px 14px; margin:0;
  box-shadow:0 1px 3px rgba(15,23,42,.05);
}
.askm-rowgrid .askm-jobrow b, .askm-rowgrid .askm-feerow b { font-size:.86rem; color:#1a2a6c; font-weight:700; }
.askm-rowgrid .askm-jobrow span, .askm-rowgrid .askm-feerow span { font-size:.83rem; color:#475569; line-height:1.45; text-align:left; }

/* inline official links inside guidance */
.askm-link { color:#1a56c4; font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.askm-link:hover { color:#1a2a6c; }

/* tappable cards (country guide, free-learning platforms) */
a.askm-jobrow { text-decoration:none; color:inherit; }
.askm-rowgrid .askm-jobrow.tap { cursor:pointer; position:relative; padding-right:32px; -webkit-tap-highlight-color:transparent; }
.askm-rowgrid .askm-jobrow.tap::after { content:'\2192'; position:absolute; right:12px; top:50%; transform:translateY(-50%); color:#8fa1bd; font-weight:800; font-size:.95rem; }
.askm-rowgrid .askm-jobrow.tap:hover { border-color:#b9c8e8; box-shadow:0 3px 10px rgba(15,23,42,.09); }
.askm-rowgrid .askm-jobrow.tap:active { background:#f2f6ff; }

/* world ranking tables */
.askm-tblwrap { overflow-x:auto; margin:8px 0 6px; border:1.5px solid #e8ecf5; border-radius:12px; background:#fff; box-shadow:0 1px 3px rgba(15,23,42,.05); }
.askm-tbl { width:100%; border-collapse:collapse; font-size:.83rem; min-width:340px; }
.askm-tbl th { text-align:left; background:#f3f6fc; color:#1a2a6c; font-size:.7rem; text-transform:uppercase; letter-spacing:.5px; padding:9px 10px; }
.askm-tbl td { padding:9px 10px; border-top:1px solid #eef1f7; color:#334155; vertical-align:top; line-height:1.4; }
.askm-tbl td.rk { font-weight:800; color:#1a2a6c; width:34px; }
.askm-tbl td.cty { white-space:nowrap; }
.askm-tbl a { color:#1a56c4; font-weight:700; text-decoration:none; }
.askm-tbl a:hover { text-decoration:underline; }
.askm-tbl tr.hit td { background:#fffaeb; }