/* Ask Carlat AI (ask-carlat.js), 2026-11-10. Mockup Option 2 in Carlat Publishing's look, taken from
   thecarlatreport.com: deep teal #006773, charcoal #29333C, Source Serif Pro headings, Inter text.
   Everything here is scoped to .askc except the menu's "New" pill. Carlat's chat box draws itself. */
.askc{--ak-teal:#006773;--ak-teal2:#0A8391;--ak-ink:#29333C;--ak-ink2:#4A5763;--ak-tint:#E6F1F4;--ak-tint2:#D5E9EE;
  --ak-line:#D5E3E7;--ak-card:#FFFFFF;--ak-tipText:#29333C;
  max-width:1080px;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.55;color:var(--ak-ink);padding-bottom:24px}
html.u2[data-theme="dark"] .askc{--ak-ink:#EEF3F5;--ak-ink2:#C3CED4;--ak-tint:#173A41;--ak-tint2:#1E4952;--ak-line:#2C4A51;
  --ak-card:var(--surface,#2B161A);--ak-tipText:#EEF3F5}
.askc h1,.askc h2,.askc h3{font-family:'Source Serif Pro',Georgia,serif;font-weight:600;letter-spacing:-.01em;color:var(--ak-ink)}
.askc a{color:var(--ak-teal)}
html.u2[data-theme="dark"] .askc a{color:#7FD0DA}

.askc-hero{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#00545E 0%,#006773 45%,#0A8391 100%);
  color:#fff;padding:30px 34px 32px;margin:8px 0 14px}
.askc-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;border:40px solid rgba(255,255,255,.06)}
.askc-logo{display:inline-block;background:#fff;border-radius:6px;padding:10px 14px;margin:0 0 20px}
.askc-logo img{display:block;width:200px;height:auto}
.askc .askc-hero h1{color:#fff;font-size:36px;line-height:1.12;margin:0 0 10px}
.askc-hero p{position:relative;z-index:1;margin:0;max-width:640px;color:rgba(255,255,255,.92);font-size:15.5px}
.askc-sub{margin:0 0 18px;color:var(--ak-ink2);font-size:13px}
.askc-note{margin:0 0 18px;padding:10px 14px;border-radius:8px;background:#FFF6E5;border:1px dashed #E7B45A;color:#6B4A0E;font-size:13.5px}
html.u2[data-theme="dark"] .askc-note{background:#3A2E15;border-color:#8A6A2A;color:#F2DFB4}
.askc-chat{min-width:0;margin:0 0 28px;scroll-margin-top:calc(var(--hdrH,0px) + 12px)}
.askc .askc-h2{font-size:22px;margin:0 0 4px}
.askc-lede{margin:0 0 16px;color:var(--ak-ink2);font-size:14px}
.askc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px}
.askc-topic{border:1px solid var(--ak-line);border-radius:8px;padding:14px;background:var(--ak-card)}
.askc .askc-topic h3{font:600 12px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ak-teal);margin:0 0 10px}
html.u2[data-theme="dark"] .askc .askc-topic h3{color:#7FD0DA}
.askc-q{display:block;width:100%;text-align:left;border:0;background:var(--ak-tint);color:var(--ak-ink);border-radius:6px;padding:10px 12px;
  font:500 13.5px/1.35 Inter,sans-serif;cursor:pointer}
.askc-q+.askc-q{margin-top:8px}
.askc-q:hover{background:var(--ak-tint2)}
.askc-q:focus-visible{outline:3px solid var(--ak-teal);outline-offset:2px}
.askc-q i{font-style:normal;color:var(--ak-teal);font-weight:700;margin-right:4px}
.askc-off{opacity:.45;filter:saturate(.6);pointer-events:none}
.askc-off .askc-q{cursor:default}

/* Carlat's tips, word for word */
.askc-tips{background:var(--ak-tint);border:1px solid var(--ak-line);border-left:4px solid var(--ak-teal);border-radius:6px;padding:16px 18px;
  font-size:13.5px;color:var(--ak-tipText)}
.askc .askc-tips h2{font-size:17px;margin:0 0 8px}
.askc-tips ol{margin:0;padding-left:1.4em}
.askc-tips li+li{margin-top:8px}

/* the locked preview (Bootcamp and other plans without the Fellowship) */
.askc-lock{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;border:1px solid var(--ak-line);border-top:4px solid var(--ak-teal);
  border-radius:8px;background:var(--ak-card);padding:22px 24px;margin:0 0 26px;box-shadow:0 8px 24px rgba(0,61,69,.08)}
.askc-lockIc{width:48px;height:48px;border-radius:50%;background:var(--ak-tint);color:var(--ak-teal);display:grid;place-items:center}
.askc .askc-lock h2{font-size:24px;margin:0 0 6px}
.askc-lock p{margin:0 0 16px;color:var(--ak-ink2)}
.askc-btns{display:flex;gap:10px;flex-wrap:wrap}
.askc .askc-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:4px;background:var(--ak-teal);color:#fff;
  font:600 13px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.askc .askc-btn.ghost{background:transparent;color:var(--ak-teal);box-shadow:inset 0 0 0 1.5px var(--ak-teal)}
html.u2[data-theme="dark"] .askc .askc-btn.ghost{color:#7FD0DA;box-shadow:inset 0 0 0 1.5px #7FD0DA}

/* the menu's "New" pill (portal-v2.js navBadge) */
.u2New{margin-left:auto;flex:none;font:700 10px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#006773;
  padding:5px 7px;border-radius:999px}
.u2Tab2 .u2New{position:absolute;top:4px;left:calc(50% + 4px);margin:0;padding:3px 5px;font-size:8.5px;box-shadow:0 0 0 2px var(--bg)}

@media(max-width:899px){
  .askc-hero{padding:20px 18px 22px;border-radius:8px}
  .askc-logo img{width:160px}
  .askc .askc-hero h1{font-size:27px}
  .askc-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .askc-lock{grid-template-columns:minmax(0,1fr);padding:18px}
  .askc-btns .askc-btn{width:100%}
}

/* The menu item and phone tab in Carlat Publishing's look (Ryan picked option A, 2026-11-10): Carlat's mark (a white
   serif "C" on their teal, from portal-v2.js navIcon), the name in their serif and teal, and a teal tint instead of
   the maroon one on hover and when open. */
.askcMark{width:22px;height:22px;border-radius:6px;background:#006773;color:#fff;display:grid;place-items:center;flex:none;
  font:700 17px/1 'Source Serif Pro',Georgia,serif}
.u2NavBtn[data-nav="carlat"]{color:#006773}
.u2NavBtn[data-nav="carlat"] .u3NavTx>span{font:700 16.5px/1.15 'Source Serif Pro',Georgia,serif;color:#006773}
.u2NavBtn[data-nav="carlat"] .u3NavTx small{color:#3E6E75}
.u2NavBtn[data-nav="carlat"]:hover{background:#EEF6F7}
.u2NavBtn[data-nav="carlat"].on{background:#E6F1F4}
.u2NavBtn[data-nav="carlat"]:focus-visible{outline-color:#006773}
.u2Tab2[data-nav="carlat"]{color:#006773}
.u2Tab2 .askcMark{width:24px;height:24px;font-size:18px}
html.u2[data-theme="dark"] .askcMark{background:#0A8391}
html.u2[data-theme="dark"] .u2NavBtn[data-nav="carlat"],
html.u2[data-theme="dark"] .u2NavBtn[data-nav="carlat"] .u3NavTx>span,
html.u2[data-theme="dark"] .u2Tab2[data-nav="carlat"]{color:#7FD0DA}
html.u2[data-theme="dark"] .u2NavBtn[data-nav="carlat"] .u3NavTx small{color:#A9CDD3}
html.u2[data-theme="dark"] .u2NavBtn[data-nav="carlat"]:hover{background:rgba(10,131,145,.18)}
html.u2[data-theme="dark"] .u2NavBtn[data-nav="carlat"].on{background:rgba(10,131,145,.30)}