/* Public CAMP reference pages (Glossary / SAR-STR Guide / Rules & Typologies).
   Standalone stylesheet — deliberately not the app.css bundle, since these
   pages are public and should load fast with no dependency on the gated
   simulation's JS. Brand colors per the Riskpro Learning brand book. */

/* -------------------------------------------------------------------------
   Host-page cleanup (riskprolearning.com / tagDiv Newspaper theme).
   These 3 pages use the theme's page-template-default with a WooCommerce
   "Products" widget sidebar and a breadcrumb bar — neither belongs on a
   reference page whose whole point is to read as clean, authoritative
   editorial content. This stylesheet only loads on pages carrying one of
   the three public-page shortcodes (see enqueue_assets()'s has_shortcode
   check), so these selectors never affect any other page on the site.
   Selectors confirmed against the live markup on /camp-glossary/:
   .td-pb-span4.td-main-sidebar wraps the sidebar widgets (including
   #woocommerce_products-4), .td-pb-span8.td-main-content is the content
   column. If the theme's page-builder markup changes, these may need
   re-checking against the live page.
   ------------------------------------------------------------------------- */
.td-crumb-container,
.td-page-header{
  display:none !important;
}
.td-pb-span4.td-main-sidebar{
  display:none !important;
}
.td-pb-span8.td-main-content{
  width:100% !important;
  float:none !important;
}
.td-container.tdc-content-wrap{
  max-width:1400px !important;
}

.rlms-sim-pub{
  --navy:#392D7D; --gold:#F1B51C; --cherry:#E31F26; --text:#231F20; --text-2:#5c5763; --border:#e6e3ee; --surface:#f7f6fb;
  font-family:'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  color:var(--text); font-size:16px; line-height:1.7; max-width:1180px; margin:0 auto; padding:8px 4px 40px;
}
.rlms-sim-pub *{box-sizing:border-box;}
.rlms-sim-pub-head{border-bottom:3px solid var(--gold); padding-bottom:18px; margin-bottom:24px;}
.rlms-sim-pub-kicker{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--navy);}
.rlms-sim-pub-title{font-size:clamp(24px,4vw,34px); font-weight:900; letter-spacing:-.01em; margin:6px 0 10px; color:var(--text);}
.rlms-sim-pub-intro{font-size:16px; color:var(--text-2); margin:0; max-width:640px;}

.rlms-sim-pub-toc{background:var(--surface); border-left:3px solid var(--navy); padding:12px 16px; font-size:13.5px; margin-bottom:28px; line-height:1.9;}
.rlms-sim-pub-toc a{color:var(--navy); text-decoration:none; font-weight:600;}
.rlms-sim-pub-toc a:hover{text-decoration:underline;}

.rlms-sim-pub-h2{font-size:21px; font-weight:800; color:var(--navy); margin:34px 0 12px; padding-top:8px; border-top:1px solid var(--border); scroll-margin-top:20px;}
.rlms-sim-pub-h2:first-of-type{border-top:none;}
.rlms-sim-pub-body{font-size:15.5px; color:var(--text); max-width:760px;}

/* Two-column, dictionary-style layout for reference lists (glossary terms,
   FAQ, monitoring rules) — these are naturally list-like entries, so they
   read better and scan faster in columns than as one long single-column
   scroll. Long-form prose (the SAR/STR guide's section bodies) stays
   single-column via max-width above, since columnar text hurts readability
   for continuous narrative. */
.rlms-sim-pub-glossary{margin:0; columns:2; column-gap:36px;}
.rlms-sim-pub-term{padding:12px 0; border-bottom:1px solid var(--border); break-inside:avoid;}
.rlms-sim-pub-term dt{font-weight:800; font-size:15.5px; color:var(--text); scroll-margin-top:20px;}
.rlms-sim-pub-term dd{margin:4px 0 0; font-size:14.5px; color:var(--text-2); line-height:1.6;}

.rlms-sim-pub-rules-grid{columns:2; column-gap:36px;}
.rlms-sim-pub-rule{padding:16px 0; border-bottom:1px solid var(--border); break-inside:avoid;}
.rlms-sim-pub-rule h3{font-size:15.5px; margin:0 0 4px; color:var(--text);}
.rlms-sim-pub-rule-meta{font-size:12.5px; color:var(--text-2); margin:0 0 8px; text-transform:uppercase; letter-spacing:.02em;}
.rlms-sim-pub-redflags{margin:0; padding-left:20px; font-size:14px; color:var(--text-2);}
.rlms-sim-pub-redflags li{margin-bottom:4px;}

/* ---------- main content + cross-link hub, side by side ---------- */
.rlms-sim-pub-layout{display:grid; grid-template-columns:1fr 300px; gap:40px; align-items:start;}
.rlms-sim-pub-main{min-width:0;}

.rlms-sim-pub-hub{background:var(--surface); border:1px solid var(--border); border-top:4px solid var(--gold); padding:20px; font-size:13px; position:sticky; top:16px;}
.rlms-sim-pub-hub h3{font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--navy); font-weight:800; margin:20px 0 8px;}
.rlms-sim-pub-hub h3:first-child{margin-top:0;}
.rlms-sim-pub-hub ul{list-style:none; margin:0; padding:0;}
.rlms-sim-pub-hub li{margin-bottom:8px; line-height:1.4;}
.rlms-sim-pub-hub a{color:var(--text); text-decoration:none; font-size:12.5px;}
.rlms-sim-pub-hub a:hover{color:var(--navy); text-decoration:underline;}
.rlms-sim-pub-hub a.rlms-sim-pub-hub-current{color:var(--navy); font-weight:800; pointer-events:none;}
.rlms-sim-pub-hub-btn{display:block; margin-top:2px; background:var(--gold); color:var(--text); text-align:center; font-weight:800; padding:9px; border-radius:2px; text-decoration:none !important; font-size:12px;}
.rlms-sim-pub-hub-btn:hover{opacity:.88;}
.rlms-sim-pub-hub-note{font-size:11.5px; color:var(--text-2); font-style:italic; margin:0 0 4px;}

.rlms-sim-pub-cta{margin-top:36px; padding:18px 20px; background:var(--navy); color:#fff; font-size:14px; border-radius:2px;}
.rlms-sim-pub-cta p{margin:0 0 12px;}
.rlms-sim-pub-cta strong{color:var(--gold);}

.rlms-sim-pub-cta-btn{display:inline-block; background:var(--gold); color:var(--text); font-weight:800; font-size:13.5px; text-decoration:none; padding:10px 20px; border-radius:2px; letter-spacing:.02em;}
.rlms-sim-pub-cta-btn:hover{opacity:.88;}

/* ---------- simulator promo block (video + blurb + CTA) ---------- */
.rlms-sim-pub-promo{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; background:var(--surface); border:1px solid var(--border); border-left:4px solid var(--navy); padding:22px; margin:24px 0 32px;}
.rlms-sim-pub-video{position:relative; width:100%; padding-top:56.25%; background:#000; border-radius:2px; overflow:hidden;}
.rlms-sim-pub-video iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.rlms-sim-pub-promo-text h2.rlms-sim-pub-h2{margin-top:0; padding-top:0; border-top:none; font-size:18px;}
.rlms-sim-pub-promo-text p{font-size:14px; color:var(--text-2); line-height:1.6; margin:0 0 14px;}

@media (max-width:980px){
  .rlms-sim-pub-layout{grid-template-columns:1fr;}
  .rlms-sim-pub-hub{position:static; margin-top:8px;}
  .rlms-sim-pub-glossary,
  .rlms-sim-pub-rules-grid{columns:1;}
}

@media (max-width:640px){
  .rlms-sim-pub{font-size:15px; padding:4px 2px 32px;}
  .rlms-sim-pub-title{font-size:22px;}
  .rlms-sim-pub-promo{grid-template-columns:1fr;}
}