/* ==== 5.11.0 Reading layout — editorial splits, lists, link clouds ==== */
.asm-read{padding:clamp(64px,8vw,110px) 0 !important;background:#fff}
.asm-read:nth-of-type(4n+1){background:#f3f8f8}
.asm-read .asm-read__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,80px);align-items:start}
.asm-read--flip .asm-read__side{order:2}
.asm-read__side{position:sticky;top:130px;text-align:left}
.asm-read__side h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,3vw,42px) !important;line-height:1.12 !important;letter-spacing:-.02em;color:#0c1b22;margin:14px 0 18px !important;text-align:left !important}
.asm-read__rule{display:block;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,#0E9E8E,#00E0C6);margin:0 0 28px}
.asm-read__fig{position:relative;margin-top:8px}
.asm-read__fig::before{content:"";position:absolute;inset:16px -16px -16px 16px;border:2px solid rgba(14,158,142,.35);border-radius:24px;z-index:0}
.asm-read__fig img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:0 26px 54px -26px rgba(8,40,44,.45)}
.asm-read__body{text-align:left !important;max-width:70ch}
.asm-read__body p{line-height:1.85 !important;color:#3b4a54;margin:0 0 18px}
.asm-read__lead{border-left:3px solid #0E9E8E;padding:4px 0 4px 22px;margin:0 0 26px}
.asm-read__lead p{font-size:17px !important;line-height:1.7 !important;color:#0c1b22 !important;font-weight:500}
.asm-read__body h3,.asm-read__body h4{font-family:'Space Grotesk',sans-serif;color:#0c1b22;font-size:20px;margin:30px 0 10px;padding-left:14px;border-left:3px solid #00E0C6;text-align:left}

/* Prose lists — teal check bullets (both templates) */
.asm-prose ul:not([class]),.p18x ul:not([class]){list-style:none;padding-left:0 !important;margin:0 0 22px}
.asm-prose ul:not([class]) > li,.p18x ul:not([class]) > li{position:relative;padding:0 0 0 30px;margin:0 0 11px;line-height:1.7;text-align:left}
.asm-prose ul:not([class]) > li::before,.p18x ul:not([class]) > li::before{content:"";position:absolute;left:0;top:.28em;width:18px;height:18px;border-radius:50%;background:rgba(14,158,142,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E9E8E' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.asm-prose ol:not([class]),.p18x ol:not([class]){counter-reset:asmol;list-style:none;padding-left:0 !important}
.asm-prose ol:not([class]) > li,.p18x ol:not([class]) > li{counter-increment:asmol;position:relative;padding-left:40px;margin:0 0 14px;line-height:1.7;text-align:left}
.asm-prose ol:not([class]) > li::before,.p18x ol:not([class]) > li::before{content:counter(asmol);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#0E9E8E,#00E0C6);color:#fff;font:700 13px/26px 'Space Grotesk',sans-serif;text-align:center}
.asm-prose--invert ul:not([class]) > li::before{background-color:rgba(0,224,198,.16)}

/* Link cloud — runs of link-only paragraphs become chips */
.asm-linkcloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:26px 0;text-align:left}
.asm-linkcloud > p{margin:0 !important;display:inline-flex}
.asm-linkcloud > p > a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(14,158,142,.3);background:rgba(14,158,142,.07);color:#0b6f65 !important;font:600 13px/1.3 'Inter',sans-serif;text-decoration:none !important;transition:background .2s,border-color .2s,transform .2s}
.asm-linkcloud > p > a::before{content:"";width:6px;height:6px;border-radius:50%;background:#00E0C6}
.asm-linkcloud > p > a:hover{background:#0E9E8E;color:#fff !important;border-color:#0E9E8E;transform:translateY(-2px)}
[class*="band-teal"] .asm-linkcloud > p > a,.asm-houston .asm-linkcloud > p > a,.asm-mission .asm-linkcloud > p > a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#e7fbf8 !important}

/* Related box */
.asm-relbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:28px 0;text-align:left}
.asm-relbox > p{margin:0 !important;background:#fff;border:1px solid rgba(12,27,34,.09);border-left:3px solid #0E9E8E;border-radius:14px;padding:14px 16px;line-height:1.55 !important;box-shadow:0 10px 24px -20px rgba(8,40,44,.45);color:#3b4a54}
.asm-relbox > p strong{display:block;font:700 11px/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0E9E8E !important;margin-bottom:6px}
.asm-relbox > p a{color:#0c1b22 !important;font-weight:700;text-decoration:none}
.asm-relbox > p a:hover{color:#0E9E8E !important}

/* Dark "Houston" prose bands — calmer plate, readable measure */
.asm-houston .asm-parallax-bg{opacity:.28 !important;filter:saturate(.7)}
.asm-houston::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,17,.92) 0%,rgba(5,14,17,.78) 55%,rgba(5,14,17,.55) 100%);pointer-events:none;z-index:0}
.asm-houston > .asm-wrap{position:relative;z-index:1}
.asm-houston .asm-prose{max-width:68ch}
.asm-houston .asm-prose p{line-height:1.85 !important}
.asm-houston__links img{border-radius:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}

/* Dark theme */
html[data-theme="dark"] .asm-read{background:#0a1216}
html[data-theme="dark"] .asm-read:nth-of-type(4n+1){background:#0f1a1f}
html[data-theme="dark"] .asm-read__side h2,html[data-theme="dark"] .asm-read__lead p,html[data-theme="dark"] .asm-read__body h3,html[data-theme="dark"] .asm-read__body h4{color:#eef5f6 !important}
html[data-theme="dark"] .asm-read__body p{color:#b7c6cc}
html[data-theme="dark"] .asm-relbox > p{background:#122026;border-color:rgba(255,255,255,.08);color:#b7c6cc}
html[data-theme="dark"] .asm-relbox > p a{color:#eef5f6 !important}
html[data-theme="dark"] .asm-linkcloud > p > a{background:rgba(0,224,198,.08);border-color:rgba(0,224,198,.25);color:#bff5ee !important}

@media (max-width:900px){
  .asm-read .asm-read__grid{grid-template-columns:1fr;gap:28px}
  .asm-read--flip .asm-read__side{order:0}
  .asm-read__side{position:static}
  .asm-read__fig{max-width:520px}
  .asm-read__fig::before{inset:10px -8px -10px 8px}
  .asm-houston::after{background:linear-gradient(180deg,rgba(5,14,17,.9),rgba(5,14,17,.82))}
}
@media (prefers-reduced-motion:reduce){.asm-linkcloud > p > a{transition:none}}
/* Dark bands (CTA band, teal plates, Houston/mission bands) */
.p18x-ctab .asm-linkcloud,.p18x--ctaband .asm-linkcloud{justify-content:center}
.p18x-ctab .asm-linkcloud > p > a,.p18x--ctaband .asm-linkcloud > p > a,.asm-cta .asm-linkcloud > p > a,.asm-houston .asm-linkcloud > p > a,.asm-mission .asm-linkcloud > p > a,[class*="band-teal"] .asm-linkcloud > p > a{background:rgba(255,255,255,.07) !important;border-color:rgba(0,224,198,.35) !important;color:#e9fbf8 !important}
.p18x-ctab .asm-linkcloud > p > a:hover,.p18x--ctaband .asm-linkcloud > p > a:hover,.asm-cta .asm-linkcloud > p > a:hover{background:#00E0C6 !important;color:#062a27 !important}
.p18x-ctab .asm-relbox > p,.p18x--ctaband .asm-relbox > p,.asm-cta .asm-relbox > p,.asm-houston .asm-relbox > p,.asm-mission .asm-relbox > p,[class*="band-teal"] .asm-relbox > p{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.12) !important;border-left-color:#00E0C6 !important;color:#c3d6d8 !important;box-shadow:none}
.p18x-ctab .asm-relbox > p a,.p18x--ctaband .asm-relbox > p a,.asm-cta .asm-relbox > p a,.asm-houston .asm-relbox > p a,.asm-mission .asm-relbox > p a,[class*="band-teal"] .asm-relbox > p a{color:#fff !important}
.p18x-ctab .asm-relbox > p strong,.p18x--ctaband .asm-relbox > p strong,.asm-cta .asm-relbox > p strong,.asm-houston .asm-relbox > p strong,.asm-mission .asm-relbox > p strong,[class*="band-teal"] .asm-relbox > p strong{color:#00E0C6 !important}
.p18x-ctab .asm-relbox,.p18x--ctaband .asm-relbox{max-width:1000px;margin-left:auto;margin-right:auto}


/* 2026-10-09: list items (and other prose text) inside dark "invert" sections inherited the
   light-theme ink colour (.asm-prose ul li { color: var(--ink-2) }) and were unreadable. */
.asm-prose--invert li,
.asm-prose--invert ul li,
.asm-prose--invert ol li,
.asm-prose--invert td,
.asm-prose--invert dd,
.asm-prose--invert figcaption { color: #C3DAD7; }
.asm-prose--invert th,
.asm-prose--invert dt,
.asm-prose--invert blockquote p { color: #F4FBFA; }


/* 2026-10-09: Our Locations child pages (Clear Lake, Friendswood, Kingwood) darken the closing
   CTA band, but its badge, subtitle and note kept the dark-on-teal colours and vanished. */
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-cta--band .asm-cta__copy p,
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-cta--band .asm-cta__copy p *:not(a),
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-cta--band .asm-cta__note,
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-cta--band .asm-cta__action > p { color: rgba(232,247,245,.82) !important; opacity: 1 !important; }
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-ai-article > section.asm-cta--band .asm-cta__copy p a { color: #7FFFEC !important; }
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-cta--band .asm-cta__badge { color: #00E0C6 !important; background: rgba(0,224,198,.10) !important; border-color: rgba(0,224,198,.42) !important; }
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-cta--band .asm-cta__ping { background: #00E0C6 !important; }
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-ai-article > section.asm-cta--band a.asm-cta__btn { background: #00E0C6 !important; color: #04121A !important; border-color: #00E0C6 !important; }
body:is(.parent-pageid-182:not(.page-id-189), .page-id-182) .asm-ai-article > section.asm-cta--band a.asm-cta__btn:hover { background: #7FFFEC !important; border-color: #7FFFEC !important; }

/* 2026-10-09: image cards (.p18x-igc) always have a dark ground (#0f1822), but in light mode the
   cine-p18 location template sets text to #3b4a54, so card copy was dark-on-dark. */
ul.p18x-igs > li.p18x-igc,
ul.p18x-igs > li.p18x-igc li,
ul.p18x-igs > li.p18x-igc p { color: #C3DAD7 !important; }
ul.p18x-igs > li.p18x-igc strong,
ul.p18x-igs > li.p18x-igc h3,
ul.p18x-igs > li.p18x-igc h4 { color: #F4FBFA !important; }