/* v44 — lightweight dossier entries across desktop and mobile.
   Purpose: remove the heavy bordered card architecture while preserving the
   existing intelligence-room background, overlay, colour temperature, and atmosphere. */

@media (min-width: 721px){
  .page--home .section--dossier.section--intelligence-room .orientationGrid--dossier{
    width:100% !important;
    margin-top:clamp(18px,2.15vw,32px) !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    padding:clamp(10px,1vw,16px) 0 2px !important;
    border-top:1px solid rgba(199,164,90,.26) !important;
    border-bottom:1px solid rgba(199,164,90,.18) !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard,
  .page--home .section--dossier.section--intelligence-room .orientationCard:hover{
    position:relative !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 28px !important;
    grid-template-areas:
      "icon file arrow"
      "icon title title"
      ". body body" !important;
    column-gap:14px !important;
    row-gap:8px !important;
    align-items:start !important;
    padding:clamp(16px,1.55vw,24px) clamp(18px,1.9vw,30px) clamp(16px,1.35vw,22px) 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
    transform:none !important;
    overflow:visible !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard:not(:last-child){
    border-right:1px solid rgba(199,164,90,.18) !important;
    margin-right:clamp(18px,1.8vw,28px) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard::before{
    content:attr(data-file) !important;
    grid-area:file !important;
    display:block !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:rgba(199,164,90,.78) !important;
    font-family:var(--sans) !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.24em !important;
    text-transform:uppercase !important;
    opacity:.82 !important;
    pointer-events:none !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationIcon{
    grid-area:icon !important;
    position:relative !important;
    width:38px !important;
    height:38px !important;
    margin:0 !important;
    border:1px solid rgba(199,164,90,.46) !important;
    background:rgba(0,0,0,.16) !important;
    color:rgba(199,164,90,.96) !important;
    font-size:18px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.24), inset 0 0 0 1px rgba(0,0,0,.34) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard h3{
    grid-area:title !important;
    margin:0 !important;
    max-width:100% !important;
    font-family:var(--font-literary, var(--serif)) !important;
    font-size:clamp(27px,2.25vw,38px) !important;
    line-height:.98 !important;
    font-weight:560 !important;
    letter-spacing:-.04em !important;
    color:rgba(244,234,216,.94) !important;
    text-shadow:0 3px 18px rgba(0,0,0,.72), 0 0 18px rgba(199,164,90,.08) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard p{
    grid-area:body !important;
    margin:0 !important;
    max-width:24rem !important;
    color:rgba(244,234,216,.74) !important;
    font-size:clamp(14px,1.02vw,17px) !important;
    line-height:1.45 !important;
    text-shadow:0 2px 14px rgba(0,0,0,.70) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard::after{
    content:"→" !important;
    grid-area:arrow !important;
    position:static !important;
    justify-self:end !important;
    align-self:start !important;
    margin-top:-2px !important;
    color:rgba(199,164,90,.96) !important;
    font-size:27px !important;
    line-height:1 !important;
    text-shadow:0 0 16px rgba(199,164,90,.22), 0 3px 14px rgba(0,0,0,.75) !important;
  }
}

@media (min-width: 721px) and (max-width: 1040px){
  .page--home .section--dossier.section--intelligence-room .orientationGrid--dossier{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    row-gap:0 !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard{
    padding-top:20px !important;
    padding-bottom:20px !important;
    border-bottom:1px solid rgba(199,164,90,.18) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard:nth-child(2n){
    border-right:0 !important;
    margin-right:0 !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard:nth-last-child(-n+2){
    border-bottom:0 !important;
  }
}

@media (max-width: 720px){
  .page--home .section--dossier.section--intelligence-room .orientationGrid--dossier{
    width:min(100%, calc(100vw - 36px)) !important;
    margin-top:30px !important;
    display:block !important;
    padding:2px 0 0 !important;
    gap:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard,
  .page--home .section--dossier.section--intelligence-room .orientationCard:hover{
    position:relative !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 28px !important;
    grid-template-areas:
      "icon title arrow"
      "icon body body" !important;
    column-gap:14px !important;
    row-gap:8px !important;
    align-items:start !important;
    padding:20px 0 22px !important;
    border:0 !important;
    border-radius:0 !important;
    border-bottom:1px solid rgba(199,164,90,.30) !important;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:none !important;
    transform:none !important;
    overflow:visible !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard:first-child{
    border-top:1px solid rgba(199,164,90,.24) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard::before{
    content:attr(data-file) !important;
    display:block !important;
    position:absolute !important;
    top:-8px !important;
    left:62px !important;
    padding:0 7px !important;
    color:rgba(199,164,90,.74) !important;
    background:transparent !important;
    border:0 !important;
    font-family:var(--sans) !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.24em !important;
    text-transform:uppercase !important;
    opacity:.80 !important;
    pointer-events:none !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationIcon{
    grid-area:icon !important;
    position:relative !important;
    width:42px !important;
    height:42px !important;
    margin:2px 0 0 !important;
    border:1px solid rgba(199,164,90,.52) !important;
    background:rgba(0,0,0,.20) !important;
    color:rgba(199,164,90,.94) !important;
    font-size:18px !important;
    box-shadow:0 10px 26px rgba(0,0,0,.22), inset 0 0 0 1px rgba(0,0,0,.38) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard h3{
    grid-area:title !important;
    margin:0 !important;
    max-width:100% !important;
    font-family:var(--font-literary, var(--serif)) !important;
    font-size:clamp(31px, 8.1vw, 39px) !important;
    line-height:1.01 !important;
    font-weight:560 !important;
    letter-spacing:-.035em !important;
    color:rgba(244,234,216,.94) !important;
    text-shadow:0 3px 18px rgba(0,0,0,.72), 0 0 18px rgba(199,164,90,.08) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard p{
    grid-area:body !important;
    margin:0 !important;
    max-width:30rem !important;
    color:rgba(244,234,216,.76) !important;
    font-size:15.7px !important;
    line-height:1.52 !important;
    text-shadow:0 2px 14px rgba(0,0,0,.70) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard::after{
    content:"→" !important;
    grid-area:arrow !important;
    position:static !important;
    justify-self:end !important;
    align-self:start !important;
    margin-top:2px !important;
    color:rgba(199,164,90,.96) !important;
    font-size:32px !important;
    line-height:1 !important;
    text-shadow:0 0 16px rgba(199,164,90,.22), 0 3px 14px rgba(0,0,0,.75) !important;
  }
}

@media (max-width: 430px){
  .page--home .section--dossier.section--intelligence-room .orientationGrid--dossier{
    width:min(100%, calc(100vw - 34px)) !important;
    margin-top:28px !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard,
  .page--home .section--dossier.section--intelligence-room .orientationCard:hover{
    grid-template-columns:46px minmax(0,1fr) 24px !important;
    column-gap:12px !important;
    padding:19px 0 21px !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard::before{
    left:58px !important;
    font-size:8.5px !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationIcon{
    width:40px !important;
    height:40px !important;
    font-size:17px !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard h3{
    font-size:clamp(29px, 8.5vw, 36px) !important;
  }

  .page--home .section--dossier.section--intelligence-room .orientationCard p{
    font-size:15.2px !important;
    line-height:1.50 !important;
  }
}