/* fxa core (group B): site header on phone, eyebrow wrapping, lede measure, back-to-top */
.lede{text-wrap:pretty}
@media (max-width:640px){
  header.site .wrap{padding-top:10px;padding-bottom:10px;row-gap:8px}
  header.site .brand{gap:10px;min-width:0}
  header.site .brand img{height:30px;width:auto}
  header.site .brand span{font-size:11px;letter-spacing:.07em;padding-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  header.site nav{display:flex;flex-wrap:nowrap;column-gap:18px;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  header.site nav::-webkit-scrollbar{display:none}
  header.site nav a{flex:0 0 auto;white-space:nowrap;margin:0;font-size:14px;line-height:1.25;padding:6px 0}
  header.site nav a:last-child{margin-right:28px}
  header.site.fxa-more .wrap{position:relative}
  header.site.fxa-more .wrap::after{content:"\203A";position:absolute;right:0;bottom:10px;width:44px;height:29px;line-height:27px;
    text-align:right;padding-right:14px;box-sizing:border-box;background:#0A244B;color:#fff;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:24px;font-weight:600;pointer-events:none}
  .eyebrow{font-size:12px;letter-spacing:.06em;text-wrap:balance}
  main .hero{padding-top:0}
  main .hero h1{margin-top:0}
}
.fxa-top{position:fixed;right:16px;bottom:16px;z-index:40;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:14px;font-weight:600;
  color:#fff;background:#0A244B;border:1px solid #0A244B;border-radius:2px;padding:10px 14px;text-decoration:none;min-height:44px;box-sizing:border-box;
  display:inline-flex;align-items:center}
.fxa-top:hover{text-decoration:underline;color:#fff}
.fxa-top:focus-visible{outline:3px solid #B13630;outline-offset:2px}
.fxa-top[hidden]{display:none}
@media print{.fxa-top{display:none!important}}
.fxa-nw{white-space:nowrap}
.fxa-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* site */
/* row 7: deck at full ink, lead heading with room between its lines */
.hero .lede{color:var(--ink)}
.latest h2{line-height:1.3;font-size:1.15rem;margin:0 0 .6rem}
/* row 3: both top columns are panels that end on the same line */
.latest{align-items:stretch}
.latest > section{background:var(--paper-2);border-left:4px solid var(--navy);padding:16px 20px}
.latest > section:first-child{border-left-color:var(--crimson)}
/* row 2: words never split mid word inside the holdings table */
#deals td,#deals th{overflow-wrap:normal;word-break:normal;hyphens:manual}
/* row 8 */
#deals caption{text-align:left;caption-side:top;padding:0 0 8px}
/* row 4: one aligned filter row on desktop, Clear at its end */
@media (min-width:1000px){
  .filters{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,.75fr) auto;gap:12px;align-items:end}
  .filters label{min-width:0}
  .filters select,.filters input{max-width:none;width:100%;min-height:38px;box-sizing:border-box}
  .filters .btn{min-height:38px;white-space:nowrap}
}
@media (max-width:999px){
  .filters{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 12px;align-items:end}
  .filters > *{grid-column:span 3}
  .filters > :nth-child(5),.filters > :nth-child(6){grid-column:span 5}
  .filters > .btn{grid-column:span 2}
  .filters label{min-width:0}
  .filters select,.filters input{max-width:none;width:100%;min-height:38px;box-sizing:border-box}
  .filters .btn{min-height:38px}
}
@media (max-width:600px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters > *,.filters > :nth-child(5),.filters > :nth-child(6){grid-column:span 1}.filters > .btn{grid-column:1/-1}}
/* rows 1 and 2: below 900px each holding is a labelled card: investor and target on top, details in two columns */
@media (max-width:900px){
  #deals thead{position:absolute;left:-9999px}
  #deals,#deals tbody{display:block;width:100%}
  #deals tr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:6px;border-bottom:2px solid var(--rule);padding:12px 0;width:auto}
  #deals tr[hidden]{display:none!important}
  #deals td{display:block!important;width:auto!important;border:0!important;padding:0!important;text-align:left;min-width:0;font-size:14px}
  #deals td:nth-child(2){grid-column:1/-1;order:-2;font-weight:600;font-size:15px}
  #deals td:nth-child(4){grid-column:1/-1;order:-1;font-weight:600;font-size:15px}
  #deals td::before{display:block;font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5B6B85}
  #deals td:nth-child(1)::before{content:"Disclosed"}
  #deals td:nth-child(2)::before{content:"Investor"}
  #deals td:nth-child(3)::before{content:"State"}
  #deals td:nth-child(4)::before{content:"Target"}
  #deals td:nth-child(5)::before{content:"Target country"}
  #deals td:nth-child(6)::before{content:"Sector"}
  #deals td:nth-child(7)::before{content:"Disclosure"}
  #deals td:nth-child(8)::before{content:"Stake"}
  #deals td:nth-child(9)::before{content:"Source"}
  #deals caption{display:block;width:100%}
}