/**
 * Marina Dusk Homepage Styles — Direction A
 *
 * Source: home-16-direction-A-marina-dusk.html
 * Palette: Inky Deep Sea + Soft Aqua + Coral + Sand
 *
 * The teal/aqua direction the user wanted.
 * All class names prefixed with `ll-mr-` to coexist with the
 * Direction B (editorial) styles in style-home-editorial.css.
 *
 * Enqueued ONLY when page-home-marina.php template is active.
 */

body.home-marina {
  --ll-mr-primary: #0A2540;        /* Inky Deep Sea */
  --ll-mr-primary-deep: #06182A;
  --ll-mr-aqua: #4FD1C5;           /* Soft Aqua (the teal!) */
  --ll-mr-aqua-deep: #2FA8B5;
  --ll-mr-sand: #F5E6CA;           /* Warm Sand */
  /* User request 2026-05-12: replace all coral with teal.
     Coral roles (drop cap, eyebrows, accent borders, FAQ toggles,
     send button, hero "build it" emphasis) now use teal instead. */
  --ll-mr-coral: #2FA8B5;          /* was #F76B6B — now Aqua Deep for readable accent */
  --ll-mr-coral-deep: #1A7A85;     /* was #D04A4A — now a deeper teal for hover/depth */
  --ll-mr-slate: #0A2540;
  --ll-mr-slate-2: #1A3550;
  --ll-mr-slate-soft: #5A6B82;
  --ll-mr-bg: #FAFBFC;
  --ll-mr-paper: #FFFFFF;
  --ll-mr-paper-warm: #FBF8F1;
  --ll-mr-line: #E2E8F0;

  font: 18px/1.7 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  color: var(--ll-mr-slate);
  background: var(--ll-mr-bg);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
body.home-marina * { box-sizing: border-box; }
body.home-marina a { color: inherit; text-decoration: none; }

.ll-mr-wrap { max-width: 1200px; margin: 0 auto; padding: 0 28px; }
.ll-mr-wide { max-width: 1240px; margin: 0 auto; padding: 0 36px; }
.ll-mr-read { max-width: 760px; margin: 0 auto; padding: 0 36px; }

/* TOP UTILITY BAR — REMOVED sitewide 2026-05-15 per owner request.
   Markup also deleted from page-home-marina.php + page-marina-inner.php,
   but keeping the !important defensive hide in case any cached templates
   still emit .ll-mr-bar markup. */
.ll-mr-bar { display: none !important; }
.ll-mr-bar-row { display: none !important; }
.ll-mr-pulse { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--ll-mr-aqua); margin-right: 6px; animation: ll-mr-pulse 1.5s ease-in-out infinite; }
@keyframes ll-mr-pulse { 0%,100% { opacity: 1; } 50% { opacity: .4; } }

/* HEADER */
.ll-mr-top { background: #fff; border-bottom: 1px solid var(--ll-mr-line); position: sticky; top: 0; z-index: 50; }
.ll-mr-top-row { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; gap: 24px; }
.ll-mr-brand { font-family: "Iowan Old Style",Georgia,serif; font-weight: 700; font-size: 24px; color: var(--ll-mr-primary); }
.ll-mr-brand em { font-style: italic; color: var(--ll-mr-aqua-deep); font-weight: 400; }
.ll-mr-nav { display: flex; gap: 28px; font-family: -apple-system,BlinkMacSystemFont,sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.ll-mr-nav a { color: var(--ll-mr-slate-soft); }
.ll-mr-nav a:hover { color: var(--ll-mr-primary); }

/* BUTTONS */
.ll-mr-btn { font-family: -apple-system,sans-serif; display: inline-block; padding: 11px 22px; border-radius: 6px; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; border: 2px solid transparent; cursor: pointer; }
/* Edit #1 2026-05-14: default state was Inky Deep Sea (#0A2540) which
   disappeared against dark hero. Promoted teal hover to default;
   deeper-teal becomes the hover. Contrast stays AAA (white on teal). */
.ll-mr-btn-primary { background: var(--ll-mr-coral); color: #fff; border-color: var(--ll-mr-coral); }
.ll-mr-btn-primary:hover { background: var(--ll-mr-coral-deep); border-color: var(--ll-mr-coral-deep); }
.ll-mr-btn-ghost { background: transparent; color: var(--ll-mr-primary); border-color: var(--ll-mr-primary); }
.ll-mr-btn-ghost:hover { background: var(--ll-mr-primary); color: #fff; }

/* HERO */
.ll-mr-hero { background: linear-gradient(180deg, #fff 0%, var(--ll-mr-bg) 100%); padding: 92px 0 70px; border-bottom: 1px solid var(--ll-mr-line); }
.ll-mr-hero h1 { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size: 56px; line-height: 1.08; letter-spacing: -.02em; margin-bottom: 22px; max-width: 920px; color: var(--ll-mr-slate); font-weight: 800; }
.ll-mr-hero h1 em { font-style: normal; color: var(--ll-mr-primary); }
.ll-mr-hero h1 .ll-mr-alt { color: var(--ll-mr-coral); }
.ll-mr-hero .ll-mr-lede { font-family: -apple-system,sans-serif; font-size: 20px; line-height: 1.55; color: var(--ll-mr-slate-soft); max-width: 680px; margin-bottom: 34px; }
.ll-mr-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; }
.ll-mr-meta { font-family: -apple-system,sans-serif; font-size: 14px; color: var(--ll-mr-slate-soft); display: flex; gap: 24px; flex-wrap: wrap; }
.ll-mr-meta strong { color: var(--ll-mr-slate); }
.ll-mr-meta span::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--ll-mr-aqua); margin-right: 8px; vertical-align: middle; }
.ll-mr-meta span:first-child::before { display: none; }
@media (max-width: 760px) { .ll-mr-hero h1 { font-size: 38px; } .ll-mr-hero .ll-mr-lede { font-size: 17px; } }

/* HERO SPLIT — 2-column hero with Lake iframe (2026-05-15)
   Replaces .ll-mr-hero on the homepage. Desktop: text left, Lake right,
   columns visually balanced. Mobile: stacks with Lake under text. */
.ll-mr-hero-split { background: var(--ll-mr-paper-warm); padding: 90px 0 72px; border-bottom: 1px solid var(--ll-mr-line); }
.ll-mr-hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 36px; align-items: stretch; }
.ll-mr-hero-left { display: flex; flex-direction: column; justify-content: space-between; min-height: 480px; }
.ll-mr-hero-left-top { display: block; }
.ll-mr-hero-eyebrow { font-family: -apple-system,BlinkMacSystemFont,sans-serif; font-size: 13px; color: var(--ll-mr-aqua-deep); text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin: 0 0 18px; }
.ll-mr-hero-left h1 { font-family: "Iowan Old Style",Georgia,serif; font-size: 52px; line-height: 1.05; letter-spacing: -0.02em; color: var(--ll-mr-primary); font-weight: 700; margin: 0 0 22px; max-width: none; }
.ll-mr-hero-left h1 em { color: var(--ll-mr-aqua-deep); font-style: italic; font-weight: 400; }
.ll-mr-hero-left .ll-mr-lede { font-family: -apple-system,BlinkMacSystemFont,sans-serif; font-size: 17px; line-height: 1.6; color: var(--ll-mr-slate); margin: 0 0 28px; max-width: 540px; }
.ll-mr-hero-left .ll-mr-ctas { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 0; }
.ll-mr-hero-meta { padding-top: 22px; margin-top: 24px; border-top: 1px solid var(--ll-mr-line); display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; font-family: -apple-system,sans-serif; font-size: 13px; color: var(--ll-mr-slate-soft); }
.ll-mr-hero-meta span::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--ll-mr-aqua); margin-right: 8px; vertical-align: middle; }
.ll-mr-hero-meta strong { color: var(--ll-mr-primary); font-weight: 700; }
.ll-mr-hero-right { display: flex; flex-direction: column; justify-content: stretch; }

/* LAKE HERO IFRAME — real widget v2 in inline hero mode (2026-05-16 rev 2) */
.ll-mr-lake-hero-iframe {
  width: 100%;
  min-height: 520px;
  height: 100%;
  border: 1px solid var(--ll-mr-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 32px rgba(10,37,64,0.10);
  display: block;
  color-scheme: normal;
}

/* Hide the sitewide floating Lake bubble on the homepage only — the inline
   hero iframe replaces it. Keeps it on every inner page. */
body.home-marina.page-template-page-home-marina #ll-lake-widget { display: none !important; }

@media (max-width: 760px) {
  .ll-mr-hero-split { padding: 50px 0 44px; }
  .ll-mr-hero-grid { grid-template-columns: 1fr; gap: 28px; align-items: start; }
  .ll-mr-hero-left { min-height: auto; }
  .ll-mr-hero-left h1 { font-size: 34px; }
  .ll-mr-hero-left .ll-mr-lede { font-size: 15px; }
  .ll-mr-hero-eyebrow { font-size: 11px; }
  .ll-mr-hero-meta { grid-template-columns: 1fr; gap: 10px; margin-top: 18px; padding-top: 18px; }
  .ll-mr-lake-hero-iframe { min-height: 560px; }
  /* On mobile, restore the floating bubble (inline iframe stacks below text — bubble is useful again) */
  body.home-marina.page-template-page-home-marina #ll-lake-widget { display: block !important; }
}

/* TRUST STRIP */
.ll-mr-trust { background: var(--ll-mr-paper); border-bottom: 1px solid var(--ll-mr-line); padding: 32px 0; }
.ll-mr-trust-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
.ll-mr-trust-row b { display: block; font-family: -apple-system,sans-serif; font-size: 32px; color: var(--ll-mr-primary); font-weight: 800; margin-bottom: 4px; }
.ll-mr-trust-row span { font-family: -apple-system,sans-serif; font-size: 13px; color: var(--ll-mr-slate-soft); text-transform: uppercase; letter-spacing: .04em; }
@media (max-width: 760px) { .ll-mr-trust-row { grid-template-columns: repeat(2, 1fr); } }

/* MANIFESTO */
.ll-mr-manifesto { padding: 110px 0; background: var(--ll-mr-paper-warm); border-bottom: 1px solid var(--ll-mr-line); }
.ll-mr-pull { font-size: 36px; line-height: 1.25; color: var(--ll-mr-slate); max-width: 760px; margin-bottom: 54px; font-weight: 400; }
.ll-mr-pull em { color: var(--ll-mr-aqua-deep); }
.ll-mr-manifesto p { font-size: 19px; line-height: 1.75; margin-bottom: 22px; max-width: 680px; color: var(--ll-mr-slate-2); }
.ll-mr-dropcap::first-letter { font-size: 78px; font-weight: 700; float: left; line-height: .85; margin: 8px 14px 0 0; color: var(--ll-mr-coral); font-family: "Iowan Old Style",Georgia,serif; }

/* SERVICES */
.ll-mr-svc-section { padding: 110px 0; background: var(--ll-mr-bg); border-bottom: 1px solid var(--ll-mr-line); }
.ll-mr-eyebrow { font-family: -apple-system,sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: .18em; color: var(--ll-mr-coral-deep); font-weight: 700; margin-bottom: 24px; display: inline-block; }
.ll-mr-eyebrow-aqua { color: var(--ll-mr-aqua) !important; }
.ll-mr-svc-section h2 { font-size: 54px; line-height: 1.1; letter-spacing: -.015em; margin-bottom: 18px; max-width: 760px; font-weight: 400; }
.ll-mr-svc-section h2 em { color: var(--ll-mr-aqua-deep); font-style: italic; }
.ll-mr-svc-section .ll-mr-lede { font-size: 21px; color: var(--ll-mr-slate-2); max-width: 660px; margin-bottom: 64px; font-style: italic; }
.ll-mr-svc-row { display: grid; grid-template-columns: 1fr; border-top: 2px solid var(--ll-mr-primary); }
.ll-mr-svc-item { display: grid; grid-template-columns: 140px 1fr 200px; gap: 36px; padding: 42px 0; border-bottom: 1px solid var(--ll-mr-line); align-items: start; }
.ll-mr-svc-num { font-family: -apple-system,sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .18em; color: var(--ll-mr-coral-deep); text-transform: uppercase; padding-top: 8px; }
.ll-mr-svc-body h3 { font-size: 32px; line-height: 1.2; letter-spacing: -.01em; margin-bottom: 14px; font-weight: 400; }
.ll-mr-svc-body p { font-size: 17px; color: var(--ll-mr-slate-2); line-height: 1.65; max-width: 560px; }
.ll-mr-tiers { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.ll-mr-tier-tag { font-family: -apple-system,sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; padding: 4px 10px; background: var(--ll-mr-sand); color: var(--ll-mr-primary); border-radius: 3px; }
.ll-mr-svc-link { font-family: -apple-system,sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ll-mr-slate); border-bottom: 2px solid var(--ll-mr-coral); padding-bottom: 3px; justify-self: end; align-self: start; margin-top: 14px; }
.ll-mr-svc-link:hover { color: var(--ll-mr-coral); border-color: var(--ll-mr-primary); }
@media (max-width: 820px) { .ll-mr-svc-item { grid-template-columns: 1fr; gap: 14px; } .ll-mr-svc-link { justify-self: start; } }

/* WHY (dark Inky Deep Sea section with aqua-to-coral photo frame gradient) */
.ll-mr-why { padding: 110px 0; background: var(--ll-mr-primary); color: var(--ll-mr-sand); border-bottom: 1px solid var(--ll-mr-primary-deep); }
.ll-mr-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; align-items: start; }
.ll-mr-photo-frame { aspect-ratio: 4/5; background: linear-gradient(135deg, var(--ll-mr-aqua) 0%, var(--ll-mr-coral) 100%); border-radius: 2px; display: flex; align-items: center; justify-content: center; }
.ll-mr-photo-frame svg { width: 64%; opacity: .85; }
.ll-mr-col-photo .ll-mr-cap { font-family: -apple-system,sans-serif; font-size: 13px; color: #9CB5C5; margin-top: 16px; letter-spacing: .04em; }
.ll-mr-why h2 { font-size: 48px; line-height: 1.15; margin-bottom: 28px; font-weight: 400; color: #fff; }
.ll-mr-why h2 em { color: var(--ll-mr-coral); font-style: italic; }
.ll-mr-why p { font-size: 19px; line-height: 1.75; color: #CBD5E1; margin-bottom: 18px; }
.ll-mr-sig-block { font-family: -apple-system,sans-serif; font-size: 14px; color: #9CB5C5; margin-top: 36px; border-top: 1px solid var(--ll-mr-slate-2); padding-top: 24px; }
.ll-mr-sig-block b { color: #fff; font-weight: 600; display: block; margin-bottom: 4px; }
@media (max-width: 820px) { .ll-mr-grid { grid-template-columns: 1fr; } .ll-mr-why h2 { font-size: 32px; } }

/* FAQ */
.ll-mr-faq { padding: 110px 0; background: var(--ll-mr-paper-warm); border-bottom: 1px solid var(--ll-mr-line); }
.ll-mr-faq h2 { font-size: 54px; line-height: 1.1; margin-bottom: 54px; font-weight: 400; }
.ll-mr-faq h2 em { color: var(--ll-mr-aqua-deep); font-style: italic; }
.ll-mr-faq-list { display: grid; max-width: 880px; border-top: 1px solid var(--ll-mr-line); }
details.ll-mr-q { border-bottom: 1px solid var(--ll-mr-line); }
details.ll-mr-q summary { padding: 28px 0; cursor: pointer; font-size: 24px; color: var(--ll-mr-slate); list-style: none; display: flex; justify-content: space-between; align-items: center; font-weight: 400; }
details.ll-mr-q summary::-webkit-details-marker { display: none; }
details.ll-mr-q summary::after { content: "+"; font-size: 28px; color: var(--ll-mr-coral); font-family: -apple-system,sans-serif; }
details.ll-mr-q[open] summary::after { content: "–"; }
details.ll-mr-q .ll-mr-ans { padding: 0 0 28px; color: var(--ll-mr-slate-2); font-size: 18px; line-height: 1.7; max-width: 680px; }

/* ASK LAKE */
.ll-mr-ask { padding: 110px 0; background: var(--ll-mr-bg); border-bottom: 1px solid var(--ll-mr-line); }
.ll-mr-ask h2 { font-size: 54px; line-height: 1.1; letter-spacing: -.015em; margin-bottom: 18px; font-weight: 400; max-width: 760px; }
.ll-mr-ask h2 em { color: var(--ll-mr-aqua-deep); font-style: italic; }
.ll-mr-ask .ll-mr-lede { font-size: 21px; color: var(--ll-mr-slate-2); max-width: 680px; margin-bottom: 48px; font-style: italic; }
.ll-mr-lake-frame { background: #fff; border: 1px solid var(--ll-mr-line); border-radius: 6px; max-width: 760px; overflow: hidden; box-shadow: 0 4px 24px rgba(10,37,64,.08); }
.ll-mr-lake-header { background: var(--ll-mr-primary); color: var(--ll-mr-sand); padding: 16px 22px; display: flex; justify-content: space-between; align-items: center; font-family: -apple-system,sans-serif; font-size: 13px; }
.ll-mr-lake-status { display: flex; align-items: center; gap: 8px; font-weight: 600; color: #fff; }
.ll-mr-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ll-mr-aqua); animation: ll-mr-pulse 1.5s ease-in-out infinite; }
.ll-mr-lake-meta { color: #9CB5C5; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.ll-mr-lake-thread { padding: 28px 24px; display: flex; flex-direction: column; gap: 14px; background: #fff; font-family: -apple-system,sans-serif; font-size: 15px; line-height: 1.55; max-height: 380px; overflow-y: auto; }
.ll-mr-msg { padding: 12px 18px; border-radius: 14px; max-width: 85%; }
.ll-mr-msg-user { background: var(--ll-mr-primary); color: #fff; align-self: flex-end; border-bottom-right-radius: 4px; }
.ll-mr-msg-lake { background: var(--ll-mr-bg); color: var(--ll-mr-slate); align-self: flex-start; border-bottom-left-radius: 4px; border: 1px solid var(--ll-mr-line); }
.ll-mr-msg-lake .ll-mr-cite { display: block; margin-top: 8px; font-size: 11px; color: var(--ll-mr-slate-soft); text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.ll-mr-msg-lake a { color: var(--ll-mr-coral-deep); font-weight: 700; text-decoration: underline; }
.ll-mr-lake-input { display: flex; gap: 8px; padding: 14px 18px; background: #fff; border-top: 1px solid var(--ll-mr-line); }
.ll-mr-lake-input input { flex: 1; font-family: -apple-system,sans-serif; font-size: 15px; padding: 11px 14px; border: 1.5px solid var(--ll-mr-line); border-radius: 6px; background: var(--ll-mr-bg); color: var(--ll-mr-slate); }
.ll-mr-lake-input button { font-family: -apple-system,sans-serif; background: var(--ll-mr-coral); color: #fff; border: none; padding: 11px 22px; border-radius: 6px; font-weight: 700; font-size: 14px; cursor: pointer; }
.ll-mr-lake-input button:hover { background: var(--ll-mr-coral-deep); }
.ll-mr-lake-note { font-family: -apple-system,sans-serif; font-size: 13px; color: var(--ll-mr-slate-soft); margin-top: 24px; max-width: 680px; line-height: 1.55; }

/* CLOSING CTA */
.ll-mr-cta-final { padding: 120px 0; background: var(--ll-mr-paper-warm); text-align: center; border-bottom: 1px solid var(--ll-mr-line); }
.ll-mr-quote { font-size: 52px; line-height: 1.15; letter-spacing: -.015em; max-width: 880px; margin: 0 auto 40px; font-weight: 400; color: var(--ll-mr-slate); }
.ll-mr-quote em { color: var(--ll-mr-aqua-deep); font-style: italic; }
.ll-mr-row { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
@media (max-width: 760px) { .ll-mr-quote { font-size: 30px; } }

/* ─────────────────────────────────────────────
   INNER PAGE STYLES (body.marina-inner)
   Used by page-marina-inner.php — gives Services/About/Contact/AI Stack/
   Case Studies the Marina chrome around their existing Gutenberg content.
   ───────────────────────────────────────────── */

body.marina-inner .ll-mr-page-hero {
  background: linear-gradient(180deg, #fff 0%, var(--ll-mr-bg) 100%);
  padding: 70px 0 50px;
  border-bottom: 1px solid var(--ll-mr-line);
}
body.marina-inner .ll-mr-page-hero .ll-mr-eyebrow {
  margin-bottom: 16px;
}
body.marina-inner .ll-mr-page-hero h1 {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: -.015em;
  font-weight: 800;
  color: var(--ll-mr-slate);
  max-width: 880px;
  margin: 0;
}
@media (max-width: 760px) {
  body.marina-inner .ll-mr-page-hero h1 { font-size: 32px; }
  body.marina-inner .ll-mr-page-hero { padding: 50px 0 36px; }
}

body.marina-inner .ll-mr-page-content {
  background: var(--ll-mr-paper);
  padding: 70px 0 90px;
  border-bottom: 1px solid var(--ll-mr-line);
}
body.marina-inner .ll-mr-page-content .ll-mr-wrap {
  max-width: 880px;
}
/* Make the_content() typography readable on cream */
body.marina-inner .ll-mr-page-content h2 {
  font-size: 36px;
  line-height: 1.15;
  margin: 48px 0 16px;
  color: var(--ll-mr-slate);
  font-weight: 400;
  letter-spacing: -.015em;
}
body.marina-inner .ll-mr-page-content h2:first-child { margin-top: 0; }
body.marina-inner .ll-mr-page-content h3 {
  font-size: 22px;
  line-height: 1.25;
  margin: 36px 0 12px;
  color: var(--ll-mr-slate);
  font-weight: 700;
}
body.marina-inner .ll-mr-page-content p {
  font-size: 18px;
  line-height: 1.75;
  color: var(--ll-mr-slate-2);
  margin-bottom: 18px;
  max-width: 720px;
}
body.marina-inner .ll-mr-page-content ul,
body.marina-inner .ll-mr-page-content ol {
  font-size: 18px;
  line-height: 1.8;
  color: var(--ll-mr-slate-2);
  margin: 0 0 24px 24px;
  max-width: 720px;
}
body.marina-inner .ll-mr-page-content li { margin-bottom: 8px; }
body.marina-inner .ll-mr-page-content a {
  color: var(--ll-mr-aqua-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.marina-inner .ll-mr-page-content a:hover { color: var(--ll-mr-slate); }
body.marina-inner .ll-mr-page-content strong { color: var(--ll-mr-slate); }
/* Override GenerateBlocks brand-color refs to use Marina equivalents inside
   inner pages — keeps existing GB containers from looking off-palette.
   EXCEPTION: case-study sections (ll-cs-*) and any element with its own
   inline background-color set their backgrounds intentionally (e.g.,
   the navy CTA on each case study page). Without the :not() scope, the
   transparent !important wins and the navy CTA renders as white-bg with
   white H2 text — invisible. Bug surfaced 2026-05-15. */
body.marina-inner .ll-mr-page-content .gb-container:not([class*="ll-cs-"]),
body.marina-inner .ll-mr-page-content section:not([class*="ll-cs-"]) {
  background: transparent !important;
}

/* FOOTER */
.ll-mr-footer { background: var(--ll-mr-primary); color: #9CB5C5; padding: 54px 0 30px; font-family: -apple-system,sans-serif; font-size: 14px; }
.ll-mr-foot-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 36px; margin-bottom: 30px; }
.ll-mr-footer h4 { color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 14px; font-weight: 700; }
.ll-mr-footer ul { list-style: none; margin: 0; padding: 0; }
.ll-mr-footer li { margin-bottom: 8px; }
.ll-mr-footer a:hover { color: #fff; }
.ll-mr-foot-brand { font-family: "Iowan Old Style",Georgia,serif; font-size: 22px; color: #fff; font-weight: 700; }
.ll-mr-foot-brand em { color: var(--ll-mr-aqua); font-style: italic; font-weight: 400; }
.ll-mr-foot-bot { border-top: 1px solid var(--ll-mr-slate-2); padding-top: 20px; display: flex; justify-content: space-between; font-size: 13px; color: #7E8FA0; }
@media (max-width: 760px) { .ll-mr-foot-grid { grid-template-columns: 1fr 1fr; } }

/* ============================
   MOBILE FIXES — 2026-05-14
   Walkthrough edit log #8 / #9 / #10:
   - #8: Hide top utility bar below 760px
   - #9: Header brand/nav overflow — let top row wrap + shrink nav
   - #10: Reorder Lake section (.ll-mr-ask) to render directly after
          Manifesto on mobile (originally renders after FAQ)
   Single delimited block for easy review/rollback.
   ============================ */
@media (max-width: 760px) {
  /* #8 — hide top utility bar on mobile */
  body.home-marina .ll-mr-bar { display: none; }

  /* #9 — header layout fix: stack rows vertically + center on mobile (2026-05-15)
     Was: wrap horizontal — items collapsed left-aligned and nav was unusable.
     Now: stack the three header rows (brand / nav / CTA) and center each.
     Applies to home AND inner page templates (both use body.home-marina). */
  body.home-marina .ll-mr-top-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 12px;
    padding: 14px 0;
  }
  body.home-marina .ll-mr-brand { font-size: 22px; }
  body.home-marina .ll-mr-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 14px 18px;
    font-size: 13px;
  }
  body.home-marina .ll-mr-nav a { padding: 4px 2px; }
  body.home-marina .ll-mr-top-row > .ll-mr-btn-primary {
    font-size: 12px;
    padding: 10px 18px;
    letter-spacing: .04em;
  }

  /* #10 — move Lake (.ll-mr-ask) section to render directly after Manifesto */
  body.home-marina main { display: flex; flex-direction: column; }
  body.home-marina .ll-mr-hero          { order: 1; }
  body.home-marina .ll-mr-trust         { order: 2; }
  body.home-marina .ll-mr-manifesto     { order: 3; }
  body.home-marina .ll-mr-ask           { order: 4; }
  body.home-marina .ll-mr-svc-section   { order: 5; }
  body.home-marina .ll-mr-why           { order: 6; }
  body.home-marina .ll-mr-faq           { order: 7; }
  body.home-marina .ll-mr-cta-final     { order: 8; }
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE REBUILD 2026-05-16 — Phase A: Foundation & safety net
   Sitewide compression of mobile section paddings + typography,
   hide redundant Lake mockup, add sticky bottom CTA bar.
   Applies to body.home-marina AND body.marina-inner.
   Rollback: delete from PHASE-A-START to PHASE-A-END (this comment block too).
   ═══════════════════════════════════════════════════════════════ */
/* PHASE-A-START */
@media (max-width: 760px) {

  /* 1) Section padding compression — cuts ~1,100px of mobile scroll instantly */
  body.home-marina .ll-mr-manifesto    { padding: 48px 0; }
  body.home-marina .ll-mr-svc-section  { padding: 48px 0; }
  body.home-marina .ll-mr-why          { padding: 48px 0; }
  body.home-marina .ll-mr-faq          { padding: 48px 0; }
  body.home-marina .ll-mr-ask          { padding: 48px 0; }
  body.home-marina .ll-mr-cta-final    { padding: 56px 0; }
  body.home-marina .ll-mr-trust        { padding: 24px 0; }

  /* Inner page sections (page-marina-inner.php) */
  body.marina-inner .ll-mr-page-hero    { padding: 36px 0 24px; }
  body.marina-inner .ll-mr-page-content { padding: 40px 0 48px; }
  body.marina-inner .ll-mr-cta-final    { padding: 56px 0; }

  /* 2) Section H2 + body type compression — mobile is scan, not essay */
  body.home-marina .ll-mr-svc-section h2,
  body.home-marina .ll-mr-faq h2,
  body.home-marina .ll-mr-ask h2        { font-size: 28px; line-height: 1.15; margin-bottom: 12px; }
  body.home-marina .ll-mr-svc-section .ll-mr-lede,
  body.home-marina .ll-mr-ask .ll-mr-lede        { font-size: 16px; margin-bottom: 24px; }
  body.home-marina .ll-mr-manifesto .ll-mr-pull  { font-size: 22px; line-height: 1.3; margin-bottom: 24px; }
  body.home-marina .ll-mr-manifesto p            { font-size: 16px; line-height: 1.6; margin-bottom: 14px; }
  body.home-marina .ll-mr-why h2                 { font-size: 26px; line-height: 1.15; margin-bottom: 14px; }
  body.home-marina .ll-mr-why p                  { font-size: 16px; line-height: 1.6; margin-bottom: 14px; }
  body.home-marina .ll-mr-faq h2                 { margin-bottom: 24px; }
  body.home-marina .ll-mr-faq details.ll-mr-q summary { font-size: 18px; padding: 18px 0; }
  body.home-marina .ll-mr-faq details.ll-mr-q .ll-mr-ans { font-size: 15px; padding-bottom: 18px; }

  /* 3) Hide redundant static Lake chat mockup on mobile.
        Hero iframe + floating bubble already cover this job — three Lakes
        on one viewport is visual chaos and consumes ~600px of scroll. */
  body.home-marina .ll-mr-ask { display: none !important; }

  /* 4) Body bottom padding so sticky CTA bar doesn't cover footer/content */
  body.home-marina { padding-bottom: 68px; }

  /* 5) Sticky mobile CTA bar — markup injected via wp_footer hook */
  #ll-mobile-sticky-cta {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;  /* below Lake widget (99999), above page content */
    background: var(--ll-mr-primary);
    padding: 10px 14px env(safe-area-inset-bottom, 10px);
    box-shadow: 0 -2px 14px rgba(10, 37, 64, 0.28);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #ll-mobile-sticky-cta a {
    flex: 1;
    max-width: 360px;
    background: var(--ll-mr-coral);
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: center;
    padding: 14px 22px;
    border-radius: 6px;
    text-decoration: none !important;
    line-height: 1.2;
    min-height: 48px;  /* meets WCAG 2.5.5 target size */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #ll-mobile-sticky-cta a:active,
  #ll-mobile-sticky-cta a:hover { background: var(--ll-mr-coral-deep); }

  /* Lake bubble bottom offset now handled in functions.php JS (state-aware) —
     closed bubble sits 68px above sticky bar, expanded bubble drops to 0 so
     the chat window can use the full viewport. */
}

/* Desktop — sticky CTA bar hidden entirely */
@media (min-width: 761px) {
  #ll-mobile-sticky-cta { display: none !important; }
}
/* PHASE-A-END */

/* ============================
   TABLET-NAV (2026-09-29) — six nav links + brand + CTA must fit 761–1140px
   without wrapping. Desktop (>1140) and mobile (<=760) untouched.
   ============================ */
@media (min-width: 761px) and (max-width: 1140px) {
  .ll-mr-top-row { gap: 16px; }
  .ll-mr-nav { gap: 16px; font-size: 13px; letter-spacing: .02em; white-space: nowrap; }
  .ll-mr-top-row > .ll-mr-btn-primary { font-size: 12px; padding: 10px 16px; white-space: nowrap; }
}
@media (min-width: 761px) and (max-width: 980px) {
  /* same stacked header as the proven <=760px layout */
  .ll-mr-top-row { flex-direction: column; align-items: center; text-align: center; row-gap: 12px; padding: 14px 0; }
  .ll-mr-nav { justify-content: center; flex-wrap: wrap; width: 100%; gap: 12px 18px; white-space: normal; }
}
/* header side gutter: the header wrap had 0 side padding, so below ~1240px the brand touched the window edge */
@media (min-width: 761px) and (max-width: 1240px) {
  .ll-mr-top .ll-mr-wrap { padding-left: 24px; padding-right: 24px; }
}
/* TABLET-NAV-END */

/* ============================
   MOBILE-PROOF-FIRST (2026-09-29) — phones only (<=760px).
   Order inside the hero: eyebrow, H1, proof points, buttons, then the paragraph.
   The in-hero Lake panel (560px) is hidden on phones; the floating Lake bubble
   (every page) stays, so Lake is still one tap away. Desktop/tablet untouched.
   ============================ */
@media (max-width: 760px) {
  body.home-marina .ll-mr-hero-left { display: flex; flex-direction: column; }
  body.home-marina .ll-mr-hero-left-top { display: contents; }
  body.home-marina .ll-mr-hero-eyebrow { order: 1; }
  body.home-marina .ll-mr-hero-left h1 { order: 2; margin-bottom: 16px; }
  body.home-marina .ll-mr-hero-meta { order: 3; margin-top: 0; padding-top: 0; border-top: 0; margin-bottom: 20px; }
  body.home-marina .ll-mr-hero-left .ll-mr-ctas { order: 4; margin-bottom: 20px; }
  body.home-marina .ll-mr-hero-left .ll-mr-lede { order: 5; margin-bottom: 0; }
  body.home-marina .ll-mr-hero-right { display: none; }
}
/* MOBILE-PROOF-FIRST-END */

/* ============================
   THE-PATH timeline (2026-09-29) — homepage #path section
   ============================ */
.ll-mr-path { padding: 88px 0; background: #fff; border-bottom: 1px solid var(--ll-mr-line); }
.ll-mr-path h2 { font-family: "Iowan Old Style",Georgia,serif; font-size: 40px; line-height: 1.12; color: var(--ll-mr-primary); margin: 10px 0 36px; }
.ll-mr-path h2 em { color: var(--ll-mr-aqua-deep); font-style: italic; font-weight: 400; }
.ll-mr-timeline { list-style: none; margin: 0; padding: 0 0 0 28px; border-left: 2px solid var(--ll-mr-line); }
.ll-mr-timeline li { position: relative; display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 0 0 26px; }
.ll-mr-timeline li::before { content: ""; position: absolute; left: -36px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid var(--ll-mr-aqua); }
.ll-mr-timeline li:nth-last-child(-n+3)::before { background: var(--ll-mr-aqua); }
.ll-mr-tl-when { font: 700 13px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; text-transform: uppercase; letter-spacing: .06em; color: var(--ll-mr-aqua-deep); }
.ll-mr-tl-what { font: 400 16px/1.6 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-slate); }
.ll-mr-tl-what strong { color: var(--ll-mr-primary); }
.ll-mr-path-cta { margin: 8px 0 0; font: 600 15px -apple-system,BlinkMacSystemFont,sans-serif; }
.ll-mr-path-cta a { color: var(--ll-mr-aqua-deep); }
@media (max-width: 760px) {
  .ll-mr-path { padding: 56px 0; }
  .ll-mr-path h2 { font-size: 30px; margin-bottom: 26px; }
  .ll-mr-timeline { padding-left: 22px; }
  .ll-mr-timeline li { grid-template-columns: 1fr; gap: 4px; padding-bottom: 22px; }
  .ll-mr-timeline li::before { left: -30px; }
  .ll-mr-tl-what { font-size: 15px; }
}
/* THE-PATH-END */

/* ============================
   CASE-BEATS (2026-09-29) — four-beat case cards + before/after figures (case-studies hub)
   ============================ */
.ll-cs-beats { display: grid; grid-template-columns: 130px 1fr; gap: 8px 18px; margin: 0 0 22px; padding: 18px 0 0; border-top: 1px solid var(--ll-mr-line); font: 400 15px/1.55 -apple-system,BlinkMacSystemFont,sans-serif; }
.ll-cs-beats dt { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--ll-mr-aqua-deep); padding-top: 2px; }
.ll-cs-beats dd { margin: 0; color: var(--ll-mr-slate); }
.ll-cs-beats dt:last-of-type, .ll-cs-beats dd:last-of-type { font-weight: 700; color: var(--ll-mr-primary); }
.ll-cs-ba { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0 0 22px; }
.ll-cs-ba.ll-cs-ba-one { grid-template-columns: 1fr; max-width: 560px; }
.ll-cs-ba img { width: 100%; height: auto; display: block; border: 1px solid var(--ll-mr-line); border-radius: 6px; }
.ll-cs-ba figcaption { font: 600 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-slate); opacity: .8; margin-top: 6px; }
.ll-hiw-dash { margin: 22px 0 0; }
.ll-hiw-dash img { width: 100%; height: auto; display: block; border: 1px solid var(--ll-mr-line); border-radius: 6px; box-shadow: 0 10px 30px rgba(10,37,64,.08); }
.ll-hiw-dash figcaption { font: 600 13px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-slate); margin-top: 8px; }
@media (max-width: 760px) {
  .ll-cs-beats { grid-template-columns: 1fr; gap: 2px; }
  .ll-cs-beats dd { margin-bottom: 10px; }
  .ll-cs-ba { grid-template-columns: 1fr; }
}
/* CASE-BEATS-END */

/* ============================
   WHY-ME (2026-10-11) — homepage #path rewritten as "Why me" + skills map
   (.ll-mr-map, also on About). New classes only; nothing existing changes.
   ============================ */
.ll-mr-map { width: 100%; max-width: 900px; border-collapse: collapse; margin: 8px 0 28px; font: 400 16px/1.55 -apple-system,BlinkMacSystemFont,sans-serif; }
.ll-mr-map th { text-align: left; font: 700 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif; text-transform: uppercase; letter-spacing: .06em; color: var(--ll-mr-aqua-deep); padding: 0 20px 10px 0; border-bottom: 2px solid var(--ll-mr-line); }
.ll-mr-map td { width: 50%; vertical-align: top; padding: 14px 20px 14px 0; border-bottom: 1px solid var(--ll-mr-line); color: var(--ll-mr-slate); }
.ll-mr-map td:first-child { color: var(--ll-mr-primary); font-weight: 600; }
.ll-mr-map, .ll-mr-map th, .ll-mr-map td { border-left: 0; border-right: 0; border-top: 0; }
.ll-mr-map { border: 0; }
@media (max-width: 760px) {
  body.home-marina .ll-mr-whyme { order: 3; }
  .ll-mr-map, .ll-mr-map tbody, .ll-mr-map tr, .ll-mr-map td { display: block; width: 100%; }
  .ll-mr-map thead { display: none; }
  .ll-mr-map tr { padding: 12px 0; border-bottom: 1px solid var(--ll-mr-line); }
  .ll-mr-map td { border: 0; padding: 2px 0; font-size: 15px; }
  .ll-mr-map td::before { content: attr(data-label); display: block; font: 700 11px/1.4 -apple-system,BlinkMacSystemFont,sans-serif; text-transform: uppercase; letter-spacing: .06em; color: var(--ll-mr-aqua-deep); margin-top: 6px; }
}
/* WHY-ME-END */

/* ============================
   FOUND-CHECK (2026-10-11) — /found/ live check + client gallery; Home teaser. New classes only.
   ============================ */
.ll-found-form { margin: 18px 0 8px; max-width: 900px; }
.ll-found-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; margin-bottom: 16px; }
.ll-found-fields label { display: flex; flex-direction: column; gap: 6px; font: 600 13px/1.4 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-primary); }
.ll-found-fields input { font: 400 16px/1.4 -apple-system,BlinkMacSystemFont,sans-serif; padding: 11px 13px; border: 1.5px solid var(--ll-mr-line); border-radius: 6px; background: #fff; color: var(--ll-mr-slate); }
.ll-found-fields input:focus { outline: 2px solid var(--ll-mr-aqua); outline-offset: 1px; border-color: var(--ll-mr-aqua); }
.ll-found-opt { font-weight: 400; color: var(--ll-mr-slate); opacity: .8; }
.ll-found-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.ll-found-form button[disabled] { opacity: .6; cursor: wait; }
.ll-found-note { font: 400 13px/1.55 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-slate); opacity: .85; margin: 10px 0 0; max-width: 760px; }
.ll-found-status { font: 600 15px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-aqua-deep); min-height: 1.5em; margin: 12px 0; }
.ll-found-results { margin-top: 10px; }
.ll-found-score { font-family: "Iowan Old Style",Georgia,serif; font-size: 28px; line-height: 1.2; color: var(--ll-mr-primary); margin: 0 0 4px; }
.ll-found-when { font: 400 13px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-slate); opacity: .8; margin: 0 0 16px; }
.ll-found-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.ll-found-card { border: 1px solid var(--ll-mr-line); border-top: 4px solid var(--ll-mr-line); border-radius: 6px; padding: 16px 18px; background: #fff; font: 400 15px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-slate); }
.ll-found-card.is-hit { border-top-color: var(--ll-mr-aqua); }
.ll-found-card.is-miss { border-top-color: #E07A5F; }
.ll-found-engine { font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--ll-mr-aqua-deep); margin: 0 0 6px; }
.ll-found-q { margin: 0 0 8px; color: var(--ll-mr-primary); }
.ll-found-verdict { font-weight: 700; font-size: 18px; margin: 0 0 8px; color: var(--ll-mr-primary); }
.ll-found-said { margin: 0 0 8px; padding-left: 12px; border-left: 3px solid var(--ll-mr-aqua); font-style: italic; }
.ll-found-others { margin: 0; font-size: 14px; }
.ll-found-cta { margin-top: 22px; }
.ll-found-cta p { font: 600 16px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-primary); }
.ll-found-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin: 18px 0 22px; }
.ll-found-shot { margin: 0; background: #fff; border: 1px solid var(--ll-mr-line); border-radius: 6px; padding: 12px; box-shadow: 0 6px 20px rgba(10,37,64,.06); }
.ll-found-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--ll-mr-line); border-radius: 4px; }
.ll-found-shot figcaption { font: 400 14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-slate); margin-top: 10px; }
.ll-found-shot figcaption span { display: block; font-size: 12px; opacity: .8; margin-top: 4px; }
.ll-found-quote blockquote { margin: 0; padding: 14px 16px; background: var(--ll-mr-bg); border-left: 3px solid var(--ll-mr-aqua); border-radius: 4px; font: 400 16px/1.55 "Iowan Old Style",Georgia,serif; color: var(--ll-mr-slate); }
@media (max-width: 760px) {
  .ll-found-fields, .ll-found-cards, .ll-found-grid { grid-template-columns: 1fr; }
  .ll-found-score { font-size: 22px; }
}
.ll-found-client { font: 600 15px/1.55 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-primary); background: var(--ll-mr-bg); border-left: 3px solid var(--ll-mr-aqua); padding: 10px 14px; border-radius: 4px; margin: 0 0 16px; }
.ll-found-client a { color: var(--ll-mr-aqua-deep); }
/* FOUND-CHECK-END */

/* ─────────────────────────────────────────────
   Case studies 2026-10-11: summary + key facts (inc/case-studies.php)
   and the hub's at-a-glance table. Append to style-home-marina.css.
   ───────────────────────────────────────────── */
.ll-cs-facts-auto { max-width: 860px; margin: 0 auto 36px; }
.ll-cs-summary { font: 500 18px/1.6 -apple-system,BlinkMacSystemFont,sans-serif; color: var(--ll-mr-primary); margin: 0 0 20px; padding: 0 0 0 16px; border-left: 3px solid var(--ll-mr-aqua-deep); }
.ll-cs-facts-auto .ll-cs-facts-table,
.ll-cs-glance { width: 100%; border: 0; border-collapse: collapse; font: 400 15px/1.5 -apple-system,BlinkMacSystemFont,sans-serif; margin: 0 0 8px; }
.ll-cs-facts-auto .ll-cs-facts-table caption,
.ll-cs-glance caption { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--ll-mr-aqua-deep); padding: 0 0 8px; }
.ll-cs-facts-auto .ll-cs-facts-table th,
.ll-cs-facts-auto .ll-cs-facts-table td,
.ll-cs-glance th,
.ll-cs-glance td { text-align: left; vertical-align: top; padding: 9px 12px 9px 0; border: 0; border-top: 1px solid var(--ll-mr-line); background: transparent; }
.ll-cs-facts-auto .ll-cs-facts-table th { width: 140px; font-weight: 700; color: var(--ll-mr-slate); }
.ll-cs-facts-auto .ll-cs-facts-table td { color: var(--ll-mr-primary); }
.ll-cs-glance thead th { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--ll-mr-slate); border-top: 0; }
.ll-cs-glance td a { color: var(--ll-mr-aqua-deep); font-weight: 700; text-decoration: none; }
.ll-cs-hub-glance { max-width: 1200px; margin: 0 auto; }
.ll-cs-glance td:nth-child(4) { min-width: 92px; }
@media (max-width: 720px) {
  .ll-cs-facts-auto .ll-cs-facts-table th { width: 100px; }
  .ll-cs-glance thead { display: none; }
  .ll-cs-glance tr { display: block; padding: 10px 0; border-top: 1px solid var(--ll-mr-line); }
  .ll-cs-glance td { display: block; border-top: 0; padding: 2px 0; min-width: 0; }
  .ll-cs-glance td:nth-child(2), .ll-cs-glance td:nth-child(3), .ll-cs-glance td:nth-child(4) { font-size: 13px; color: var(--ll-mr-slate); }
  .ll-cs-glance td:last-child { font-weight: 600; }
}