/*
 * BAOI 5.3.35.6 — Archive Hub & Port Reference Visual Convergence
 * Exact-route scope: 198 archive/discovery + 108 port/protocol reference pages.
 */

body.baoi-atypical-lowrisk-v5356{
  --baoi-5356-bg:#07111f;
  --baoi-5356-panel:#0d192a;
  --baoi-5356-panel-2:#101f33;
  --baoi-5356-line:rgba(126,177,214,.22);
  --baoi-5356-line-strong:rgba(83,216,255,.38);
  --baoi-5356-text:#f4f8fc;
  --baoi-5356-muted:#a7bacb;
  --baoi-5356-cyan:#53d8ff;
  --baoi-5356-blue:#5b9dff;
  --baoi-5356-radius:17px;
  background:var(--baoi-5356-bg);
}

/* -----------------------------------------------------------
 * Archive / taxonomy discovery surfaces
 * ----------------------------------------------------------- */
body.baoi-atypical-archive-v5356 .site-main{
  width:min(100%,1360px)!important;
  max-width:1360px!important;
  margin-inline:auto!important;
}

body.baoi-atypical-archive-v5356 :where(
  .page-header,.archive-header,.taxonomy-header,
  .wp-block-query-title,.archive-title
){
  margin:0 0 18px!important;
  padding:clamp(20px,2.8vw,30px)!important;
  border:1px solid var(--baoi-5356-line)!important;
  border-radius:var(--baoi-5356-radius)!important;
  background:
    radial-gradient(circle at 90% 5%,rgba(83,216,255,.08),transparent 34%),
    linear-gradient(145deg,#101e32,#0a1525)!important;
  box-shadow:none!important;
}

body.baoi-atypical-archive-v5356 :where(
  .page-header,.archive-header,.taxonomy-header,
  .wp-block-query-title,.archive-title
) :where(h1,.page-title,.archive-title),
body.baoi-atypical-archive-v5356 :where(h1.page-title,h1.archive-title){
  margin:0!important;
  color:var(--baoi-5356-text)!important;
  font-size:clamp(2rem,4vw,3rem)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}

body.baoi-atypical-archive-v5356 :where(
  .taxonomy-description,.archive-description,.term-description
){
  max-width:78ch;
  margin-top:10px!important;
  color:var(--baoi-5356-muted)!important;
  line-height:1.65!important;
}

/* Native WordPress archive loops: card treatment only, no renderer replacement. */
body.baoi-atypical-archive-v5356 .site-main > article{
  margin:0 0 14px!important;
  padding:18px 20px!important;
  border:1px solid var(--baoi-5356-line)!important;
  border-radius:14px!important;
  background:var(--baoi-5356-panel)!important;
  box-shadow:none!important;
}

body.baoi-atypical-archive-v5356 .site-main > article:hover{
  border-color:var(--baoi-5356-line-strong)!important;
  background:var(--baoi-5356-panel-2)!important;
}

body.baoi-atypical-archive-v5356 .site-main > article :where(
  .entry-title,.wp-block-post-title,h2
){
  margin:0 0 8px!important;
  color:var(--baoi-5356-text)!important;
  font-size:clamp(1.15rem,2vw,1.42rem)!important;
  line-height:1.18!important;
}

body.baoi-atypical-archive-v5356 .site-main > article :where(
  p,.entry-summary,.entry-content
){
  color:#d4e1ec;
  line-height:1.58;
}

body.baoi-atypical-archive-v5356 :where(
  .wp-block-post-template,.wp-block-query .wp-block-post-template
){
  gap:14px!important;
}

body.baoi-atypical-archive-v5356 :where(
  .wp-block-post-template>li,.wp-block-query .wp-block-post
){
  padding:18px!important;
  border:1px solid var(--baoi-5356-line)!important;
  border-radius:14px!important;
  background:var(--baoi-5356-panel)!important;
  box-shadow:none!important;
}

body.baoi-atypical-archive-v5356 :where(
  .wp-block-post-title,.wp-block-post-title a,
  .entry-title a
){
  color:var(--baoi-5356-text)!important;
  text-decoration:none!important;
}

body.baoi-atypical-archive-v5356 :where(
  .wp-block-post-title a,.entry-title a
):hover{
  color:var(--baoi-5356-cyan)!important;
}

/* Existing BAOI family cards, when archive owners emit them. */
body.baoi-atypical-archive-v5356 :where(
  .boai-error-card,.boai-guide-card,.boai-panne-card,.boai-memo-card,
  .boai-port-card,.boai-dictionary-card,.boai-procedure-card
){
  border-color:var(--baoi-5356-line)!important;
  border-radius:14px!important;
  background:var(--baoi-5356-panel)!important;
  box-shadow:none!important;
}

body.baoi-atypical-archive-v5356 :where(
  .boai-error-card,.boai-guide-card,.boai-panne-card,.boai-memo-card,
  .boai-port-card,.boai-dictionary-card,.boai-procedure-card
):hover{
  border-color:var(--baoi-5356-line-strong)!important;
  background:var(--baoi-5356-panel-2)!important;
}

/* Port-family taxonomy archives keep port-card semantics but align chrome. */
body.baoi-atypical-taxonomy-boai_port_family-v5356 :where(
  .boai-port-card,.site-main>article
){
  border-color:rgba(83,216,255,.24)!important;
}

/* Pagination/navigation becomes a compact utility row. */
body.baoi-atypical-archive-v5356 :where(
  .navigation.pagination,.posts-navigation,.post-navigation,.wp-block-query-pagination
){
  margin:20px 0 34px!important;
  padding:10px 12px!important;
  border:1px solid var(--baoi-5356-line)!important;
  border-radius:12px!important;
  background:rgba(13,25,42,.72)!important;
}
body.baoi-atypical-archive-v5356 :where(
  .navigation.pagination,.posts-navigation,.post-navigation,.wp-block-query-pagination
) a{
  color:var(--baoi-5356-cyan)!important;
}

/* -----------------------------------------------------------
 * Port / protocol reference pages
 * ----------------------------------------------------------- */
body.baoi-atypical-port-reference-v5356 .site-main{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin-inline:auto!important;
}

body.baoi-atypical-port-reference-v5356 :where(
  .entry-header,.page-header
){
  margin:0 0 18px!important;
}

body.baoi-atypical-port-reference-v5356 :where(
  h1.entry-title,.entry-header h1,.page-title
){
  color:var(--baoi-5356-text)!important;
  font-size:clamp(2rem,4.6vw,3.15rem)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}

body.baoi-atypical-port-reference-v5356 .boai-port-summary{
  gap:10px!important;
  margin:0 0 18px!important;
}

body.baoi-atypical-port-reference-v5356 .boai-port-summary>div{
  min-width:0;
  padding:14px 15px!important;
  border:1px solid var(--baoi-5356-line)!important;
  border-radius:12px!important;
  background:var(--baoi-5356-panel)!important;
}

body.baoi-atypical-port-reference-v5356 .boai-port-summary span{
  color:var(--baoi-5356-muted)!important;
  opacity:1!important;
}
body.baoi-atypical-port-reference-v5356 .boai-port-summary strong{
  color:var(--baoi-5356-text)!important;
  overflow-wrap:anywhere;
}

body.baoi-atypical-port-reference-v5356 .boai-port-sheet{
  color:#d7e4ee;
}

body.baoi-atypical-port-reference-v5356 .boai-port-hero{
  margin-bottom:20px!important;
  padding:18px 20px!important;
  border:1px solid var(--baoi-5356-line)!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(83,216,255,.075),transparent 34%),
    linear-gradient(145deg,#101e32,#0a1525)!important;
}

body.baoi-atypical-port-reference-v5356 .boai-port-number{
  color:var(--baoi-5356-text)!important;
  font-size:clamp(1.3rem,3vw,1.7rem)!important;
}
body.baoi-atypical-port-reference-v5356 .boai-port-transport{
  border:1px solid rgba(83,216,255,.26);
  background:rgba(83,216,255,.10)!important;
  color:#a8ecff!important;
}

body.baoi-atypical-port-reference-v5356 .boai-port-hero p{
  margin:0!important;
  color:#d1deea!important;
  line-height:1.62!important;
}

body.baoi-atypical-port-reference-v5356 .boai-port-sheet h2{
  margin:26px 0 11px!important;
  padding:10px 12px!important;
  border-left:3px solid var(--baoi-5356-cyan);
  border-radius:0 10px 10px 0;
  background:rgba(83,216,255,.045);
  color:var(--baoi-5356-text)!important;
  font-size:clamp(1.28rem,2.6vw,1.62rem)!important;
  line-height:1.18!important;
}

body.baoi-atypical-port-reference-v5356 .boai-port-sheet p{
  margin:0 0 14px!important;
  color:#d7e4ee;
  line-height:1.7!important;
}

body.baoi-atypical-port-reference-v5356 .boai-port-warning{
  margin:8px 0 18px!important;
  padding:16px 18px!important;
  border:1px solid rgba(242,175,71,.28)!important;
  border-left:4px solid #f2af47!important;
  border-radius:11px!important;
  background:rgba(242,175,71,.075)!important;
  color:#f1e1c4!important;
  line-height:1.62!important;
}

body.baoi-atypical-port-reference-v5356 .boai-port-sheet pre{
  overflow:auto!important;
  margin:10px 0 14px!important;
  padding:15px 16px!important;
  border:1px solid var(--baoi-5356-line)!important;
  border-radius:11px!important;
  background:#05101d!important;
  color:#d9f5ff!important;
  box-shadow:none!important;
  white-space:pre;
  -webkit-overflow-scrolling:touch;
}

body.baoi-atypical-port-reference-v5356 .boai-port-sheet code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

body.baoi-atypical-port-reference-v5356 .boai-port-note{
  margin-top:24px!important;
  padding-top:14px!important;
  border-top:1px solid var(--baoi-5356-line)!important;
  color:var(--baoi-5356-muted)!important;
  opacity:1!important;
}

/* Shared focus / motion safety. */
body.baoi-atypical-lowrisk-v5356 :where(a,button,input,select,textarea):focus-visible{
  outline:2px solid var(--baoi-5356-cyan)!important;
  outline-offset:2px!important;
}

@media(max-width:782px){
  body.baoi-atypical-lowrisk-v5356{
    --baoi-5356-radius:15px;
  }

  body.baoi-atypical-archive-v5356 .site-main,
  body.baoi-atypical-port-reference-v5356 .site-main{
    max-width:100%!important;
  }

  body.baoi-atypical-archive-v5356 :where(
    .page-header,.archive-header,.taxonomy-header,.wp-block-query-title,.archive-title
  ){
    padding:18px 15px!important;
  }

  body.baoi-atypical-archive-v5356 .site-main > article,
  body.baoi-atypical-archive-v5356 :where(
    .wp-block-post-template>li,.wp-block-query .wp-block-post
  ){
    padding:15px!important;
  }

  body.baoi-atypical-port-reference-v5356 .boai-port-summary{
    grid-template-columns:1fr!important;
  }

  body.baoi-atypical-port-reference-v5356 .boai-port-hero{
    padding:16px!important;
  }

  body.baoi-atypical-port-reference-v5356 .boai-port-hero>div{
    align-items:flex-start!important;
    flex-wrap:wrap;
  }

  body.baoi-atypical-port-reference-v5356 .boai-port-sheet h2{
    margin-top:22px!important;
    padding:9px 10px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.baoi-atypical-lowrisk-v5356 *{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}