/* Source: /explain-first-v395.css */

/* v395 Explain-First Public Architecture */
.iq395-explain{padding:56px 28px;background:linear-gradient(180deg,#08111b,#0a1622);border-top:1px solid rgba(95,214,227,.18);border-bottom:1px solid rgba(242,193,91,.18)}
.iq395-wrap{max-width:1180px;margin:auto}.iq395-k{font:700 .68rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#f2c15b;margin-bottom:10px}.iq395-explain h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.4vw,4rem);line-height:1.03;margin:0 0 16px;color:#f7fbff;max-width:1000px}.iq395-lead{font-size:1.08rem;line-height:1.75;color:#b8c7d6;max-width:930px;margin:0 0 30px}.iq395-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.iq395-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);padding:22px;border-radius:14px}.iq395-card b{display:block;color:#72d9e5;font:700 .66rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;margin-bottom:8px}.iq395-card h3{margin:0 0 9px;color:#fff;font-size:1.2rem;line-height:1.28}.iq395-card p{margin:0;color:#9fb0c0;line-height:1.65}.iq395-rule{margin:26px 0;padding:20px 22px;border-left:3px solid #f2c15b;background:rgba(242,193,91,.055);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;color:#f7fbff}.iq395-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:22px}.iq395-step{padding:14px 12px;border:1px solid rgba(95,214,227,.16);background:rgba(95,214,227,.025);border-radius:10px}.iq395-step span{display:block;color:#6fe0eb;font:700 .61rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;margin-bottom:6px}.iq395-step strong{display:block;color:#fff;font-size:.93rem;line-height:1.3}.iq395-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.iq395-actions a{display:inline-flex;padding:11px 15px;border:1px solid rgba(95,214,227,.36);border-radius:9px;color:#dffcff;font-weight:750}.iq395-actions a:first-child{background:#d7f8fb;color:#051017;border-color:#d7f8fb}.iq395-layers{padding:52px 28px;background:#071019;border-bottom:1px solid rgba(255,255,255,.06)}.iq395-layers .iq395-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.iq395-layer{padding:20px;border-top:2px solid rgba(95,214,227,.36);background:rgba(255,255,255,.018)}.iq395-layer h3{margin:0 0 8px;color:#fff;font-size:1.05rem}.iq395-layer p{margin:0;color:#9fb0c0;line-height:1.58;font-size:.94rem}.iq395-banner{max-width:1180px;margin:24px auto;padding:18px 20px;border:1px solid rgba(242,193,91,.22);background:rgba(242,193,91,.045);border-radius:12px}.iq395-banner strong{display:block;color:#ffe09a;margin-bottom:6px}.iq395-banner p{margin:0;color:#aebdcc;line-height:1.65}.iq395-simple-main{max-width:1120px;margin:auto;padding:64px 28px}.iq395-simple-main h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,6vw,5rem);line-height:1;margin:0 0 18px}.iq395-simple-main h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,4vw,3rem);margin:50px 0 14px}.iq395-simple-main p{color:#aebdcc;line-height:1.75;max-width:900px}.iq395-table{width:100%;border-collapse:collapse;margin:22px 0}.iq395-table th,.iq395-table td{padding:14px;border:1px solid rgba(255,255,255,.09);vertical-align:top;text-align:left}.iq395-table th{color:#fff;background:rgba(95,214,227,.05)}.iq395-table td{color:#aebdcc}.iq395-em{font-size:1.2rem;color:#f6fbff!important;border-left:3px solid #f2c15b;padding-left:18px}.iq395-hierarchy{display:grid;grid-template-columns:1fr;gap:9px;margin:24px 0}.iq395-hierarchy div{padding:13px 16px;border:1px solid rgba(95,214,227,.14);background:rgba(95,214,227,.025);color:#d8e8f0;border-radius:8px}.iq395-hierarchy b{color:#fff}.iq395-note{padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#aebdcc;line-height:1.7;border-radius:10px}
@media(max-width:900px){.iq395-grid,.iq395-layers .iq395-grid{grid-template-columns:1fr 1fr}.iq395-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.iq395-explain,.iq395-layers{padding:38px 18px}.iq395-grid,.iq395-layers .iq395-grid,.iq395-flow{grid-template-columns:1fr}.iq395-explain h2{font-size:2.25rem}.iq395-card{padding:18px}.iq395-actions a{width:100%;justify-content:center}.iq395-simple-main{padding:44px 18px}.iq395-table{font-size:.84rem}.iq395-table th,.iq395-table td{padding:10px}}

/* Source: /v438-mobile-final.css */
/* v438 FINAL MOBILE STABILITY LAYER
   Loaded last. Prevents legacy/specialized CSS from reintroducing
   horizontal page overflow or clipped system/evidence visuals. */
@media (max-width:900px){
  html,body{max-width:100%!important;overflow-x:clip!important}
  body{width:100%!important}
  #nav{max-width:100%!important;overflow:visible!important}
  #nav .mobile-primary-nav.v436-mobile-primary{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;max-width:100%!important;overflow:visible!important;
    touch-action:pan-y!important;overscroll-behavior-x:none!important
  }
  #nav .mobile-primary-nav.v436-mobile-primary .mobile-primary-link{
    min-width:0!important;width:auto!important;max-width:100%!important;
    white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;
    overflow-wrap:normal!important;word-break:normal!important;touch-action:manipulation!important
  }
  #hamburger{position:relative!important;z-index:1005!important;pointer-events:auto!important;touch-action:manipulation!important}
  #mobile-menu.v436-mobile-menu{max-width:100vw!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important}

  /* Generic visual containment without hiding content */
  main,main section,main article,main div,main figure{min-width:0}
  main img,main svg,main video,main canvas{max-width:100%!important;height:auto!important}
  .iq-main-visual,.iq431-premium-evidence,.v396-visual,.v420-sector-explainer,.eri351,.iqcat,.iqcat-shell{
    max-width:100%!important;min-width:0!important;overflow-x:visible!important
  }
  .iq-main-visual img,.iq431-premium-evidence img,.v396-visual img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
  table{max-width:100%!important}
  pre{max-width:100%!important;overflow-x:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
  code{overflow-wrap:anywhere!important;word-break:break-word!important}

  /* Evidence registry: keep every record inside the viewport */
  .reg-hero{padding-left:18px!important;padding-right:18px!important;max-width:100%!important;overflow:hidden!important}
  .reg-body{width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important;overflow:visible!important}
  .reg-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:22px 18px!important;overflow:hidden!important}
  .reg-card-top,.reg-badges,.reg-actions{min-width:0!important;max-width:100%!important}
  .reg-card-id,.reg-card-title,.reg-meta-val,.reg-arch-line,.reg-result-box,.reg-claim-boundary{
    max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important
  }
  .reg-meta{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .reg-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important}
  .reg-actions a{width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;text-align:center!important;justify-content:center!important;overflow-wrap:anywhere!important}
  .reg-result-box,.reg-arch-line{padding-left:12px!important;padding-right:12px!important}
  .reg-future{max-width:100%!important;padding-left:18px!important;padding-right:18px!important}

  /* Serverless process chain: full sequence visible, no horizontal swipe required */
  .iqcat-chain{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:0!important;width:100%!important;max-width:100%!important;
    overflow:visible!important;margin-left:0!important;margin-right:0!important;padding:8px 0 18px!important
  }
  .iqcat-chain-item{flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:15px 14px!important}
  .iqcat-arrow{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:24px!important;transform:rotate(90deg)!important;transform-origin:center!important;font-size:1.05rem!important}
  .iqcat-grid,.iqcat-grid.two,.iqcat-grid.four,.iqcat-steps,.iqcat-contrast,.iqcat-evidence,.iqcat-boundaries{min-width:0!important;max-width:100%!important}
  .iqcat-card,.iqcat-step,.iqcat-doctrine{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}

  /* Inline grid sections used across Serverless: collapse before they can clip */
  [data-tom-v400="1"]>div,[data-sra-v397="1"]>div{max-width:100%!important;min-width:0!important}
}
@media (max-width:520px){
  #nav .mobile-primary-nav.v436-mobile-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #nav .mobile-primary-nav.v436-mobile-primary .mobile-primary-link{min-height:44px!important;font-size:.68rem!important;padding:7px 6px!important}
  .reg-hero{padding-top:112px!important;padding-bottom:34px!important}
  .reg-body{padding-top:32px!important;padding-bottom:64px!important}
  .reg-card{padding:20px 15px!important}
  .iqcat-chain-item{padding:14px 12px!important}
}
