@charset "UTF-8";
:root{
  color-scheme:dark;
  --bg:#0c1012;
  --panel:#12181b;
  --panel-raised:#171e22;
  --line:#293237;
  --line-soft:#222b30;
  --text:#e7edef;
  --muted:#929fa6;
  --faint:#829198;
  --teal:#83d7c7;
  --purple:#b3a1de;
  --warning:#e7bc7b;
  --red:#f19c97;
  --radius:10px;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-synthesis:none
}
*{
  box-sizing:border-box
}
html{
  scroll-behavior:smooth
}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-size:14px;
  line-height:1.5
}
body:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:580px;
  z-index:-1;
  background:radial-gradient(ellipse at 80% 0,#223a3a34,transparent 60%)
}
button,input,select{
  font:inherit
}
button,a,input,select,summary{
  -webkit-tap-highlight-color:transparent
}
button{
  cursor:pointer
}
button:disabled{
  cursor:wait;
  opacity:.5
}
button,a,summary{
  touch-action:manipulation
}
a{
  color:inherit;
  text-decoration:none
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:4px
}
button{
  transition:background .15s,border-color .15s
}
button:hover{
  border-color:#61757e
}
button:disabled:hover{
  border-color:var(--line)
}
h1,h2,h3,h4,p{
  margin:0
}
h1{
  font-size:clamp(30px,4vw,43px);
  font-weight:550;
  letter-spacing:-1.6px;
  line-height:1.2
}
h2{
  font-weight:550
}
h3{
  font-size:21px;
  font-weight:550;
  letter-spacing:-.5px
}
h4{
  font-size:15px;
  font-weight:600
}
svg{
  display:block
}
[hidden]{
  display:none!important
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.skip-link{
  position:fixed;
  top:8px;
  left:8px;
  z-index:100;
  transform:translateY(-160%);
  background:var(--teal);
  color:var(--bg);
  padding:10px 18px
}
.skip-link:focus{
  transform:none
}
.app-shell{
  max-width:1240px;
  padding:0 48px;
  margin:0 auto
}
.masthead{
  height:108px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--line-soft)
}
.brand{
  display:flex;
  align-items:center;
  gap:13px
}
.brand-mark{
  width:32px;
  height:40px;
  fill:#b3a1de12;
  stroke:var(--purple);
  stroke-width:1.3
}
.brand>span{
  font-size:24px;
  font-weight:650;
  letter-spacing:4.4px;
  line-height:1.3
}
.brand small{
  display:block;
  font-size:8px;
  font-weight:500;
  letter-spacing:2px;
  color:var(--muted);
  margin-top:3px
}
.masthead-meta{
  display:flex;
  align-items:center;
  gap:28px;
  font-size:11px;
  color:var(--muted)
}
.network-label{
  font-size:9px;
  letter-spacing:1.4px;
  display:flex;
  align-items:center;
  gap:8px
}
.network-label i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 12px #83d7c74a
}
.masthead-meta a:hover{
  color:var(--text)
}
.masthead-meta a span{
  padding-left:6px
}
main{
  padding-top:42px
}
.page-heading{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  margin-bottom:30px
}
.eyebrow{
  font-size:9px;
  font-weight:650;
  letter-spacing:1.65px;
  color:var(--muted);
  margin-bottom:10px
}
.page-heading .eyebrow{
  color:var(--teal)
}
.intro{
  margin-top:12px;
  color:var(--muted);
  font-size:13px
}
.coverage{
  display:flex;
  align-items:center;
  gap:13px;
  color:var(--muted);
  font-size:9px;
  font-weight:600;
  letter-spacing:1.6px
}
.coverage-number{
  font-size:42px;
  font-weight:300;
  line-height:1;
  color:#8b9f9f;
  letter-spacing:-2px
}
.coverage-hubs{
  display:block;
  font-size:10px;
  letter-spacing:0;
  font-weight:400;
  color:var(--faint);
  margin-top:5px
}
.search-panel{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:22px 24px;
  position:relative
}
.section-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:15px
}
.section-top h2{
  font-size:14px;
  font-weight:600
}
.subtle-label{
  font-size:9px;
  letter-spacing:1.2px;
  color:var(--faint)
}
.search-row{
  display:flex;
  gap:10px
}
.search-field{
  flex:1;
  position:relative;
  display:flex;
  align-items:center;
  min-width:0
}
.search-field>svg{
  width:18px;
  height:18px;
  stroke:var(--muted);
  fill:none;
  stroke-width:1.6;
  position:absolute;
  left:16px;
  pointer-events:none
}
.search-field input{
  padding-left:46px;
  padding-right:44px;
  width:100%;
  height:49px
}
.search-field:has(.search-clear:not([hidden])) kbd{
  display:none
}
.search-field .search-clear{
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  color:var(--muted);
  font-size:24px;
  line-height:1;
  cursor:pointer
}
.search-field .search-clear[hidden]{
  display:none
}
.search-field .search-clear:hover,
.search-field .search-clear:focus-visible{
  color:var(--text);
  background:#1a282d
}
.search-field kbd{
  position:absolute;
  right:15px;
  border:1px solid #344148;
  border-radius:3px;
  line-height:19px;
  width:20px;
  text-align:center;
  color:var(--faint);
  font-size:11px;
  pointer-events:none
}
input,select{
  border:1px solid #344148;
  border-radius:5px;
  background:#0e1417;
  color:var(--text);
  padding:11px 12px;
  width:100%;
  min-width:0
}
input::placeholder{
  color:#75858e;
  opacity:1
}
input:focus,select:focus{
  border-color:var(--teal);
  outline:none
}
#item-query::-webkit-search-cancel-button{
  display:none
}
select{
  padding-right:28px
}
button{
  color:var(--text);
  border:1px solid var(--line);
  border-radius:5px;
  background:var(--panel-raised);
  padding:10px 15px
}
button:hover{
  background:#222d32
}
.button-primary{
  background:var(--teal);
  border-color:var(--teal);
  color:#102420;
  font-size:12px;
  font-weight:650;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:12px 19px;
  min-height:43px
}
.button-primary:hover{
  background:#9de6d8;
  border-color:#9de6d8
}
.button-primary>span{
  font-size:18px;
  font-weight:400
}
.button-quiet{
  background:transparent;
  font-size:11px;
  min-height:36px
}
.button-icon{
  padding:5px 10px;
  min-width:36px;
  min-height:36px;
  background:transparent;
  font-size:20px;
  line-height:1
}
.status{
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
  margin-top:12px;
  min-height:18px
}
.status.error{
  color:var(--red)
}
.status.warning{
  color:var(--warning)
}
.suggestions{
  position:absolute;
  top:118px;
  left:24px;
  right:24px;
  z-index:20;
  background:#172024;
  border:1px solid #405359;
  border-radius:7px;
  max-height:340px;
  overflow:auto;
  padding:5px;
  box-shadow:0 20px 50px #0008
}
.search-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  text-align:left;
  width:100%;
  padding:11px 13px;
  border:0;
  border-radius:4px;
  background:transparent
}
.search-result:hover,.search-result[aria-selected=true]{
  background:#27383d
}
.search-result-name{
  font-size:13px;
  color:var(--text);
  display:block
}
.search-result-meta{
  font-size:10px;
  color:var(--muted);
  display:block;
  margin-top:2px
}
.search-result-arrow{
  color:var(--teal)
}
.search-results:not(:empty){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  padding-top:13px;
  border-top:1px solid var(--line-soft);
  margin-top:13px
}
.search-results .search-result{
  background:#0d1417;
  border:1px solid var(--line-soft)
}
.saved-searches{
  border-top:1px solid var(--line-soft);
  padding-top:15px;
  margin-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:13px 24px
}
.saved-searches>div{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0
}
.saved-label{
  font-size:8px;
  font-weight:600;
  letter-spacing:1px;
  color:var(--faint)
}
.chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px
}
.chip{
  border:1px solid var(--line);
  border-radius:4px;
  padding:4px 8px;
  font-size:10px;
  color:var(--muted);
  background:transparent;
  max-width:200px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.chip:hover{
  color:var(--text)
}
.empty-state{
  text-align:center;
  padding:33px 20px 41px;
  margin-top:24px;
  background:linear-gradient(180deg,#11191c70,#0d121440);
  border:1px dashed #29363c;
  border-radius:var(--radius)
}
.empty-visual{
  position:relative;
  width:164px;
  height:112px;
  margin:0 auto 17px
}
.orbit{
  position:absolute;
  border:1px solid #31424a;
  border-radius:50%;
  transform:rotate(-25deg)
}
.orbit-one{
  width:150px;
  height:60px;
  left:7px;
  top:24px
}
.orbit-two{
  width:90px;
  height:90px;
  left:37px;
  top:8px;
  border-style:dashed;
  opacity:.5
}
.orbit-center{
  position:absolute;
  left:65px;
  top:32px;
  width:36px;
  height:42px;
  font-size:18px;
  font-weight:300;
  color:var(--teal);
  border:1px solid #425c60;
  background:#142022;
  line-height:40px;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)
}
.node{
  position:absolute;
  width:6px;
  height:6px;
  background:#83d7c7;
  border-radius:50%;
  box-shadow:0 0 10px #83d7c733
}
.n1{
  left:13px;
  top:60px
}
.n2{
  left:109px;
  top:20px
}
.n3{
  left:145px;
  top:40px
}
.n4{
  left:49px;
  top:94px
}
.n5{
  left:50px;
  top:11px;
  background:var(--purple)
}
.empty-state .eyebrow{
  font-size:8px;
  color:var(--faint)
}
.empty-state h2{
  font-size:24px;
  letter-spacing:-.5px;
  margin-bottom:10px
}
.empty-state>p:not(.eyebrow){
  color:var(--muted);
  font-size:12px;
  line-height:1.9
}
.empty-capabilities{
  display:flex;
  justify-content:center;
  gap:26px;
  margin-top:24px;
  font-size:10px;
  color:#a1b0b6
}
.empty-capabilities b{
  font-size:8px;
  color:var(--faint);
  font-weight:500;
  margin-right:7px
}
.empty-state .empty-note{
  margin-top:22px;
  font-size:10px!important;
  color:var(--faint)!important
}
.selected-item{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:29px;
  margin-bottom:20px
}
.item-emblem{
  height:64px;
  width:64px;
  flex:0 0 64px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:27px;
  color:var(--purple);
  background:#282333;
  border:1px solid #443b56;
  border-radius:6px
}
.item-emblem img{
  display:block;
  width:64px;
  height:64px;
  object-fit:contain
}
.item-emblem img[hidden]{
  display:none
}
.selected-title{
  flex:1;
  min-width:0
}
.selected-title .eyebrow{
  font-size:8px;
  margin-bottom:3px;
  overflow-wrap:anywhere
}
.selected-title h2{
  font-size:25px;
  letter-spacing:-.6px;
  overflow-wrap:anywhere
}
.selected-item .button-quiet[aria-pressed=true]{
  color:var(--purple);
  border-color:#635575
}
.inline-loading{
  color:var(--muted);
  font-size:12px;
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:5px;
  background:var(--panel)
}
.best-prices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px
}
.best-card{
  padding:21px 24px 18px;
  border:1px solid #35564f;
  border-radius:var(--radius);
  background:linear-gradient(115deg,#14272390,#14201d50)
}
.best-card.highest{
  border-color:#4d465f;
  background:linear-gradient(115deg,#24212d90,#1b1c2550)
}
.card-heading{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.metric-label{
  font-size:9px;
  font-weight:650;
  letter-spacing:1.4px;
  color:var(--teal)
}
.highest .metric-label{
  color:var(--purple)
}
.direction-icon{
  font-size:23px;
  color:#5f8e84;
  line-height:1
}
.highest .direction-icon{
  color:#817197
}
.best-value{
  font-size:clamp(24px,3.8vw,35px);
  letter-spacing:-.9px;
  font-weight:500;
  font-variant-numeric:tabular-nums;
  line-height:1.2;
  margin:16px 0 18px;
  color:#d9efe8;
  overflow-wrap:anywhere
}
.highest .best-value{
  color:#e4def0
}
.best-value .price-unit{
  font-size:12px;
  font-weight:400;
  letter-spacing:0;
  color:var(--muted);
  margin-left:7px
}
.best-card-bottom{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:10px;
  color:var(--muted)
}
.best-hub{
  font-weight:600;
  color:var(--teal)
}
.highest .best-hub{
  color:var(--purple)
}
.market-status{
  margin:10px 0 19px;
  font-size:10px
}
.workspace-panel{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden
}
.tabs{
  display:flex;
  padding:0 24px;
  gap:30px;
  border-bottom:1px solid var(--line);
  overflow:auto;
  scrollbar-width:thin
}
.tab{
  position:relative;
  border:0;
  border-radius:0;
  padding:19px 0 17px;
  font-size:12px;
  white-space:nowrap;
  background:transparent;
  color:var(--muted)
}
.tab:hover{
  color:var(--text);
  background:transparent
}
.tab[aria-selected=true]{
  color:var(--teal)
}
.tab[aria-selected=true]:after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:2px;
  background:var(--teal)
}
.tab-panel{
  padding:26px 24px
}
.panel-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px
}
.panel-heading .eyebrow{
  font-size:8px;
  margin-bottom:5px;
  color:var(--faint)
}
.unit-label{
  font-size:8px;
  letter-spacing:1px;
  color:var(--faint)
}
.market-table-wrap{
  overflow-x:auto
}
.market-table{
  border-collapse:collapse;
  width:100%;
  font-variant-numeric:tabular-nums
}
.market-table th{
  text-align:right;
  padding:0 10px 12px;
  color:var(--faint);
  font-size:9px;
  font-weight:500;
  white-space:nowrap
}
.market-table th:first-child,.market-table td:first-child{
  text-align:left;
  padding-left:0
}
.market-table th:last-child,.market-table td:last-child{
  padding-right:0
}
.market-table th span{
  display:block;
  font-size:8px;
  color:var(--faint)
}
.market-table td{
  border-top:1px solid var(--line-soft);
  padding:17px 10px;
  text-align:right;
  font-size:12px;
  white-space:nowrap
}
.hub-name{
  display:block;
  font-weight:600;
  color:var(--text)
}
.hub-region{
  display:block;
  color:var(--faint);
  font-size:9px;
  margin-top:3px
}
.best-buy{
  color:var(--purple)
}
.best-sell{
  color:var(--teal)
}
.freshness{
  font-size:9px!important
}
.freshness strong{
  font-weight:500;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
  color:var(--muted)
}
.freshness strong:before{
  content:"";
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--teal)
}
.freshness time{
  display:block;
  color:var(--faint);
  font-size:8px;
  margin-top:4px
}
.freshness.stale strong{
  color:var(--warning)
}
.freshness.stale strong:before{
  background:var(--warning)
}
.freshness.unavailable strong{
  color:var(--red)
}
.freshness.unavailable strong:before{
  background:var(--red)
}
.market-cards{
  display:none
}
.data-note{
  display:flex;
  gap:9px;
  border-top:1px solid var(--line-soft);
  padding-top:16px;
  margin-top:6px;
  color:var(--faint);
  font-size:10px;
  line-height:1.7
}
.data-note>span{
  color:var(--muted)
}
.compact-field{
  display:flex;
  gap:10px;
  align-items:center;
  font-size:10px;
  color:var(--muted)
}
.compact-field select{
  width:auto;
  font-size:11px;
  padding:7px 25px 7px 9px
}
.subsection-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:14px
}
.support-text{
  color:var(--muted);
  font-size:11px;
  line-height:1.8
}
.analysis-block>.support-text{
  margin-bottom:14px
}
.chart-container{
  width:100%;
  min-height:100px;
  background:#0d1417;
  border:1px solid var(--line-soft);
  border-radius:6px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center
}
.chart-empty{
  font-size:12px;
  color:var(--faint);
  padding:30px;
  text-align:center
}
.chart-container svg{
  width:100%;
  height:auto;
  max-height:280px;
  overflow:visible
}
.chart-axis{
  font-size:10px;
  fill:#8a9aa1;
  font-family:inherit
}
.chart-grid{
  stroke:#27333a;
  stroke-width:1;
  stroke-dasharray:3 5
}
.chart-buy{
  stroke:var(--purple);
  fill:#b3a1de12;
  stroke-width:2
}
.chart-sell{
  stroke:var(--teal);
  fill:#83d7c712;
  stroke-width:2
}
.chart-history{
  stroke:var(--teal);
  stroke-width:2;
  fill:none
}
.chart-volume{
  fill:#334c50
}
.data-details{
  font-size:10px;
  color:var(--muted);
  margin-top:13px
}
.data-details summary{
  cursor:pointer;
  display:list-item;
  padding:4px 0;
  list-style-position:inside
}
.table-scroll{
  overflow:auto;
  margin-top:12px;
  max-height:300px
}
.detail-table{
  width:100%;
  border-collapse:collapse;
  font-size:10px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums
}
.detail-table th{
  color:var(--muted);
  font-weight:500;
  background:#141e23;
  position:sticky;
  top:0
}
.detail-table th,.detail-table td{
  text-align:right;
  padding:9px;
  border-bottom:1px solid var(--line-soft)
}
.detail-table th:first-child,.detail-table td:first-child{
  text-align:left
}
.history-block{
  border-top:1px solid var(--line);
  margin-top:27px;
  padding-top:26px
}
.history-block .support-text{
  margin-top:4px
}
.history-block .status{
  margin-bottom:12px
}
.tag{
  font-size:8px;
  font-weight:600;
  letter-spacing:1px;
  color:var(--purple);
  border:1px solid #494257;
  background:#272332;
  padding:4px 8px;
  border-radius:3px
}
.form-intro{
  max-width:760px;
  margin-top:-10px;
  margin-bottom:22px
}
.calculator-form{
  max-width:800px
}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px
}
.field{
  display:flex;
  flex-direction:column;
  gap:7px
}
.field label{
  font-size:11px;
  color:#bac7cc
}
.field label span{
  font-size:10px;
  color:var(--faint);
  margin-left:5px;
  font-weight:400
}
.field input,.field select{
  font-size:12px;
  height:43px
}
.field small{
  font-size:10px;
  color:var(--faint);
  line-height:1.6
}
.field-wide{
  grid-column:1/-1
}
.calculator-form>.support-text{
  margin:18px 0
}
.calculator-form>.button-primary{
  margin-top:23px
}
.calculator-form>.support-text+.button-primary{
  margin-top:0
}
.calculation-result{
  border-top:1px solid var(--line);
  padding-top:23px;
  margin-top:23px
}
.result-heading{
  font-size:14px;
  font-weight:600;
  margin-bottom:17px
}
.result-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
.result-metric{
  background:#0d1417;
  border:1px solid var(--line-soft);
  padding:15px;
  border-radius:6px
}
.result-metric-label{
  font-size:9px;
  color:var(--muted);
  display:block
}
.result-metric-value{
  font-size:20px;
  letter-spacing:-.5px;
  margin-top:9px;
  display:block;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}
.result-metric.positive .result-metric-value{
  color:var(--teal)
}
.result-metric.negative .result-metric-value{
  color:var(--red)
}
.result-detail{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 20px;
  max-width:570px;
  margin:20px 0;
  font-size:11px
}
.result-detail dt{
  color:var(--muted)
}
.result-detail dd{
  margin:0;
  text-align:right;
  font-variant-numeric:tabular-nums
}
.result-warnings{
  margin:14px 0 0;
  padding-left:17px;
  color:var(--warning);
  font-size:11px;
  line-height:1.8
}
.result-assumptions{
  margin-top:16px;
  padding:12px 14px;
  border-left:2px solid #47565f;
  background:#0e1518;
  font-size:10px;
  line-height:1.8;
  color:var(--muted)
}
.material-fieldset{
  padding:0 0 22px;
  margin:0 0 22px;
  border:0;
  border-bottom:1px solid var(--line-soft)
}
.material-fieldset legend{
  font-size:12px;
  font-weight:600;
  padding:0;
  margin-bottom:14px
}
.material-head,.material-row{
  display:grid;
  grid-template-columns:1fr 1fr 1.4fr 34px;
  gap:10px
}
.material-head{
  font-size:9px;
  color:var(--faint);
  margin-bottom:6px
}
.material-row{
  margin-bottom:10px;
  align-items:start
}
.material-row input{
  font-size:12px;
  padding:10px
}
.material-row label{
  display:none
}
.material-row .remove-material{
  padding:7px 0;
  font-size:18px;
  height:40px;
  background:transparent;
  color:var(--muted)
}
.material-fieldset>.button-quiet{
  font-size:10px;
  margin-top:3px
}
footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-top:1px solid var(--line-soft);
  padding:23px 0 30px;
  margin-top:36px;
  color:var(--faint);
  font-size:9px
}
footer>div{
  display:flex;
  align-items:center;
  gap:16px
}
.footer-brand{
  font-size:11px;
  font-weight:650;
  letter-spacing:2px;
  color:#9aa8af
}
footer p{
  font-size:9px
}
@media(min-width:1400px){
  .app-shell{
    max-width:1300px;
    padding:0 56px
  }
  main{
    padding-top:48px
  }
  .page-heading{
    margin-bottom:36px
  }
  .empty-state{
    padding-top:42px;
    padding-bottom:48px
  }
}
@media(max-width:1000px){
  .app-shell{
    padding:0 28px
  }
  .coverage{
    display:none
  }
  .masthead-meta .network-label{
    display:none
  }
  .market-table td{
    font-size:11px
  }
  .market-table th,.market-table td{
    padding-left:8px;
    padding-right:8px
  }
  .hub-region{
    font-size:8px
  }
  .best-card-bottom{
    font-size:9px
  }
  .result-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  footer{
    align-items:flex-start
  }
  footer>div{
    display:block
  }
  footer>div>span{
    display:block
  }
  .footer-brand{
    margin-bottom:4px
  }
}
@media(max-width:700px){
  .app-shell{
    padding:0 20px
  }
  .masthead{
    height:88px
  }
  .brand>span{
    font-size:21px;
    letter-spacing:3.5px
  }
  .brand small{
    font-size:7px;
    letter-spacing:1.6px
  }
  .brand-mark{
    width:27px;
    height:35px
  }
  .masthead-meta{
    font-size:10px
  }
  main{
    padding-top:29px
  }
  .page-heading{
    margin-bottom:23px
  }
  .page-heading .eyebrow{
    font-size:8px
  }
  h1{
    letter-spacing:-1px
  }
  .intro{
    font-size:11px;
    max-width:280px;
    line-height:1.8;
    margin-top:10px
  }
  .search-panel{
    padding:19px
  }
  .section-top .subtle-label{
    display:none
  }
  .search-row{
    gap:8px
  }
  .search-field input{
    font-size:12px;
    padding-left:37px;
    padding-right:48px
  }
  .search-field>svg{
    width:15px;
    left:13px
  }
  .search-field kbd{
    display:none
  }
  .search-row .button-primary{
    font-size:0;
    gap:0;
    width:48px;
    flex:none;
    padding:8px
  }
  .search-row .button-primary>span{
    font-size:24px
  }
  .search-panel .status{
    font-size:10px
  }
  .suggestions{
    left:19px;
    right:19px;
    top:114px
  }
  .search-results:not(:empty){
    grid-template-columns:1fr
  }
  .saved-searches{
    gap:14px
  }
  .saved-searches>div{
    display:block
  }
  .saved-label{
    display:block;
    margin-bottom:6px
  }
  .empty-state{
    margin-top:18px;
    padding:24px 15px 29px
  }
  .empty-visual{
    transform:scale(.88);
    margin-top:-7px;
    margin-bottom:5px
  }
  .empty-state h2{
    font-size:21px
  }
  .empty-state>p:not(.eyebrow){
    font-size:11px
  }
  .empty-capabilities{
    flex-direction:column;
    gap:10px;
    margin-top:22px
  }
  .empty-note{
    margin-top:18px!important
  }
  .selected-item{
    gap:10px;
    flex-wrap:wrap;
    margin-top:24px
  }
  .selected-title h2{
    font-size:22px
  }
  .selected-title .eyebrow{
    font-size:7px
  }
  .item-emblem{
    font-size:23px
  }
  .selected-item .button-quiet{
    font-size:0;
    padding:7px 10px;
    width:36px
  }
  .selected-item .button-quiet:before{
    content:"☆";
    font-size:18px
  }
  .selected-item .button-quiet[aria-pressed=true]:before{
    content:"★"
  }
  .best-prices{
    gap:10px
  }
  .best-card{
    padding:15px
  }
  .metric-label{
    font-size:7px;
    letter-spacing:.8px
  }
  .direction-icon{
    font-size:19px
  }
  .best-value{
    font-size:24px;
    letter-spacing:-.8px;
    margin:14px 0
  }
  .best-value .price-unit{
    display:block;
    font-size:9px;
    margin:4px 0 0;
    letter-spacing:.4px
  }
  .best-card-bottom{
    display:block
  }
  .best-card-bottom>span{
    display:block
  }
  .best-hub{
    font-size:11px;
    margin-bottom:3px
  }
  .best-card-bottom>span:last-child{
    font-size:8px
  }
  .market-status{
    font-size:9px
  }
  .tabs{
    gap:23px;
    padding:0 19px
  }
  .tab{
    font-size:11px;
    padding:16px 0
  }
  .tab-panel{
    padding:23px 19px
  }
  .panel-heading{
    gap:12px;
    margin-bottom:20px
  }
  .panel-heading h3{
    font-size:19px
  }
  .unit-label{
    display:none
  }
  .market-table-wrap{
    display:none
  }
  .market-cards{
    display:grid;
    gap:10px
  }
  .hub-card{
    padding:14px;
    border:1px solid var(--line);
    background:#0e1518;
    border-radius:6px
  }
  .hub-card-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px
  }
  .hub-card .hub-name{
    font-size:13px
  }
  .hub-card .hub-region{
    font-size:9px
  }
  .hub-card .freshness{
    text-align:right
  }
  .hub-card-prices{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
  }
  .hub-card-prices>div>span{
    display:block;
    font-size:8px;
    color:var(--muted);
    margin-bottom:5px
  }
  .hub-card-prices>div>strong{
    font-size:15px;
    font-weight:500;
    font-variant-numeric:tabular-nums
  }
  .hub-card-bottom{
    display:flex;
    justify-content:space-between;
    border-top:1px solid var(--line-soft);
    margin-top:14px;
    padding-top:10px;
    font-size:9px;
    color:var(--muted)
  }
  .data-note{
    font-size:9px;
    margin-top:15px
  }
  .compact-field{
    display:block
  }
  .compact-field label{
    display:block;
    font-size:8px;
    margin-bottom:4px
  }
  .compact-field select{
    font-size:10px;
    padding:6px 22px 6px 7px
  }
  .subsection-heading{
    align-items:flex-start
  }
  .subsection-heading .support-text{
    font-size:10px
  }
  .subsection-heading .compact-field{
    flex:none
  }
  .subsection-heading h4{
    font-size:13px
  }
  .chart-container{
    min-height:120px
  }
  .chart-container svg{
    min-height:180px
  }
  .form-grid{
    gap:15px 12px
  }
  .field label{
    font-size:10px
  }
  .field label span{
    font-size:9px;
    display:block;
    margin-left:0
  }
  .field input,.field select{
    font-size:11px
  }
  .form-intro{
    font-size:10px
  }
  .result-grid{
    gap:9px
  }
  .result-metric{
    padding:12px
  }
  .result-metric-label{
    font-size:8px
  }
  .result-metric-value{
    font-size:18px
  }
  .material-head{
    display:none
  }
  .material-row{
    grid-template-columns:1fr 1fr 34px;
    gap:8px;
    padding-bottom:13px;
    border-bottom:1px solid var(--line-soft);
    margin-bottom:13px
  }
  .material-row>div:nth-child(3){
    grid-column:1/3;
    grid-row:2
  }
  .material-row .remove-material{
    grid-column:3;
    grid-row:1/3;
    margin-top:20px
  }
  .material-row label{
    display:block;
    color:var(--muted);
    font-size:9px;
    margin-bottom:4px
  }
  .material-row input{
    font-size:11px
  }
  footer{
    display:block;
    margin-top:27px;
    padding-bottom:23px
  }
  footer>div{
    display:flex;
    align-items:center;
    gap:12px
  }
  .footer-brand{
    margin:0
  }
  footer p{
    margin-top:8px;
    font-size:8px
  }
}
@media(max-width:370px){
  .app-shell{
    padding:0 13px
  }
  .masthead-meta a{
    font-size:8px
  }
  .brand>span{
    font-size:19px
  }
  .best-card{
    padding:12px
  }
  .best-value{
    font-size:21px
  }
  .tabs{
    gap:17px;
    padding:0 15px
  }
  .tab-panel{
    padding:20px 15px
  }
  .selected-item .button-icon{
    display:none
  }
}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto
  }
  *{
    transition:none!important;
    animation:none!important
  }
}
.catalog-notice{
  font-size:10px;
  color:var(--muted);
  border-left:2px solid #47565f;
  padding-left:9px;
  margin-top:12px;
  line-height:1.7
}
.catalog-notice.partial{
  border-left-color:#8d724e;
  color:#c2ab89
}
/* Essential market data and controls stay readable at every viewport. */
.skip-link{
  transform:none;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  padding:0
}
.skip-link:focus{
  width:auto;
  height:auto;
  clip-path:none;
  padding:10px 18px
}
.direction-icon{
  display:block;
  transform:rotate(135deg)
}
.highest .direction-icon{
  transform:rotate(-45deg)
}
.metric-label{
  font-size:10px
}
.market-table th{
  font-size:11px
}
.market-table th span{
  font-size:10px
}
.market-table td{
  font-size:13px
}
.hub-region{
  font-size:10px
}
.freshness{
  font-size:11px!important
}
.freshness strong{
  font-size:11px
}
.freshness time{
  font-size:10px
}
.market-status,.data-note,.data-details,.catalog-notice{
  font-size:11px
}
.support-text,.form-intro{
  font-size:12px
}
.field label{
  font-size:12px
}
.field label span,.field small{
  font-size:11px
}
.field input,.field select,.material-row input{
  font-size:14px
}
.material-head{
  font-size:11px
}
.result-detail,.result-warnings{
  font-size:12px
}
.result-assumptions{
  font-size:11px
}
@media(max-width:1000px){
  .market-table td{
    font-size:13px
  }
  .hub-region{
    font-size:10px
  }
}
@media(max-width:700px){
  .search-field input,.field input,.field select,.material-row input{
    font-size:16px
  }
  .search-panel .status,.market-status,.data-note,.data-details,.catalog-notice{
    font-size:11px
  }
  .metric-label{
    font-size:9px
  }
  .best-card-bottom>span:last-child{
    font-size:10px
  }
  .best-value .price-unit{
    font-size:10px
  }
  .hub-card .hub-name{
    font-size:14px
  }
  .hub-card .hub-region{
    font-size:10px
  }
  .hub-card-prices>div>span{
    font-size:11px
  }
  .hub-card-prices>div>strong{
    font-size:17px
  }
  .hub-card-bottom{
    font-size:10px;
    flex-wrap:wrap;
    gap:5px 10px
  }
  .subsection-heading .support-text,.form-intro{
    font-size:12px
  }
  .support-text{
    font-size:12px
  }
  .field label{
    font-size:12px
  }
  .field label span,.field small,.material-row label{
    font-size:11px
  }
  .compact-field label{
    font-size:10px
  }
  .compact-field select{
    font-size:14px
  }
  .material-row .remove-material{
    margin-top:22px
  }
}
.tab-panel:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:-3px
}
/* Focused v0.6 controls preserve the existing workspace and palette. */
.trade-hubs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}
.reverse-button {
  width: 38px;
  height: 43px;
  padding: 8px;
}
.reverse-button svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  width: 20px;
  height: 20px;
}
.numeric-hint {
  margin-top: 16px;
}
.form-help {
  line-height: 1.8;
  max-width: 720px;
}
.form-help p {
  padding: 8px 0;
}
.execution-block, .manual-workspace {
  border-top: 1px solid var(--line);
  margin-top: 28px;
  padding-top: 25px;
}
.recipe-workspace > .support-text {
  margin-top: 8px;
}
.recipe-search-row {
  margin-top: 16px;
}
.recipe-search-row input {
  flex: 1;
}
#recipe-reference {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #0e1518;
  margin-top: 23px;
}
.recipe-reference-data {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 19px 0 22px;
}
.recipe-reference-block h5 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
}
.recipe-reference-note {
  grid-column: 1 / -1;
  padding-top: 12px;
  border-top: 1px solid var(--line-soft);
}
.manual-workspace .form-intro {
  margin-top: 0;
}
.material-head, .material-row {
  grid-template-columns: 1.7fr 1fr 1.2fr 34px;
}
.material-picker {
  position: relative;
  min-width: 0;
}
.material-id-line {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 7px;
  font-size: 10px;
  color: var(--muted);
}
.material-id-line label {
  display: block;
  font-size: 10px;
  white-space: nowrap;
}
.material-id-line input {
  font-size: 11px;
  padding: 5px 8px;
  width: 100%;
  max-width: 140px;
}
.material-suggestions {
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  z-index: 10;
  border: 1px solid #405359;
  border-radius: 6px;
  background: #172024;
  box-shadow: 0 10px 30px #0007;
  max-height: 280px;
  overflow-y: auto;
}
.material-suggestions .search-result-name {
  font-size: 12px;
  overflow-wrap: anywhere;
}
.result-detail dd {
  overflow-wrap: anywhere;
  max-width: 400px;
}
.result-metric-value {
  font-size: clamp(15px, 2vw, 20px);
}
@media (max-width: 700px) {
  .trade-hubs {
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
  }
  .reverse-button {
    width: 34px;
  }
  .material-head, .material-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px;
  }
  .material-row .material-picker {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  .material-row > div:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .material-row > div:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
  .material-row .remove-material {
    grid-column: 3;
    grid-row: 1;
  }
  .material-suggestions {
    top: 66px;
  }
  .material-id-line label {
    margin: 0;
  }
  .material-id-line input {
    font-size: 16px;
  }
  .recipe-search-row {
    flex-direction: column;
  }
  .recipe-search-row input {
    font-size: 16px;
  }
  #recipe-reference {
    padding: 15px;
  }
  .recipe-reference-data {
    grid-template-columns: minmax(0, 1fr);
  }
  .result-detail {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
  }
}

input:disabled,
select:disabled {
  color: #829198;
  border-color: #293237;
  background: #10171a;
  cursor: not-allowed;
}

/* SVG user units track narrow containers, so chart labels retain their size. */
.chart-container svg {
  max-height: none;
  min-height: 0;
  flex: none;
}
.chart-axis {
  font-size: 11px;
}
.chart-buy-label {
  fill: var(--purple);
}
.chart-sell-label {
  fill: var(--teal);
}

.chart-container svg.chart-wide {
  max-height: 280px;
}

/* Search-selected buy/sell guidance, layered above the existing market workspace. */
.intelligence-panel {
  --intent-accent: var(--teal);
  margin: 0 0 19px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}
.intelligence-panel[data-intent="sell"] {
  --intent-accent: var(--purple);
}
.intelligence-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line-soft);
}
.intelligence-header .eyebrow {
  margin-bottom: 5px;
  color: var(--intent-accent);
}
.intelligence-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: min(100%, 520px);
  min-width: 430px;
  margin: 0;
  padding: 0;
  border: 0;
}
.intelligence-mode legend {
  grid-column: 1 / -1;
  margin: 0 0 5px;
  padding: 0;
  color: var(--muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.intelligence-mode label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 9px 11px;
  border: 1px solid #344148;
  border-radius: 6px;
  background: #0e1417;
  cursor: pointer;
}
.intelligence-mode label:hover {
  border-color: #61757e;
}
.intelligence-mode input {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin: 0;
  padding: 0;
  accent-color: var(--teal);
}
.intelligence-mode #intent-sell {
  accent-color: var(--purple);
}
.intelligence-mode input:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 3px;
}
.intelligence-mode #intent-sell:focus-visible {
  outline-color: var(--purple);
}
.intelligence-mode strong,
.intelligence-mode small {
  display: block;
}
.intelligence-mode strong {
  color: var(--text);
  font-size: 12px;
  font-weight: 600;
}
.intelligence-mode small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}
.intelligence-mode #intent-buy:checked + span strong {
  color: var(--teal);
}
.intelligence-mode #intent-sell:checked + span strong {
  color: var(--purple);
}
.intelligence-results {
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.55fr);
  gap: 18px;
  padding-top: 20px;
}
.intelligence-best-card,
.intelligence-comparison {
  min-width: 0;
  border: 1px solid var(--line-soft);
  border-radius: 7px;
  background: #0d1417;
}
.intelligence-best-card {
  padding: 19px;
  border-color: color-mix(in srgb, var(--intent-accent) 32%, var(--line));
  background: linear-gradient(145deg, color-mix(in srgb, var(--intent-accent) 9%, #0d1417), #0d1417 62%);
}
.intelligence-best-card .metric-label {
  color: var(--intent-accent);
  line-height: 1.5;
}
.intelligence-best-card h4 {
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
}
.intelligence-best-hub {
  margin-top: 20px;
  color: var(--text);
  font-size: clamp(21px, 3vw, 29px);
  font-weight: 550;
  line-height: 1.2;
  letter-spacing: -.6px;
  overflow-wrap: anywhere;
}
.intelligence-best-price {
  margin: 10px 0 15px;
  color: var(--intent-accent);
  font-size: clamp(20px, 2.7vw, 27px);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.intelligence-best-price .price-unit {
  margin-left: 6px;
  color: var(--muted);
  font-size: 11px;
}
.intelligence-best-detail {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.intelligence-best-detail + .intelligence-best-detail {
  margin-top: 5px;
}
.intelligence-comparison {
  padding: 16px 18px;
}
.intelligence-ranking-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 9px;
}
.intelligence-ranking-heading h4 {
  font-size: 12px;
}
.intelligence-ranking-heading span {
  flex: none;
  color: var(--faint);
  font-size: 10px;
  letter-spacing: 1px;
}
.intelligence-ranking,
.intelligence-unranked {
  margin: 0;
  padding: 0;
  list-style: none;
}
.intelligence-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1.35fr) minmax(100px, .8fr) minmax(110px, .8fr);
  gap: 11px;
  align-items: center;
  min-height: 64px;
  padding: 10px 0;
  border-top: 1px solid var(--line-soft);
}
.intelligence-rank {
  color: var(--intent-accent);
  font-size: 12px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}
.intelligence-row-hub,
.intelligence-row-station,
.intelligence-row-label,
.intelligence-row-value {
  display: block;
}
.intelligence-row-hub {
  color: var(--text);
  font-size: 12px;
  font-weight: 600;
}
.intelligence-row-station,
.intelligence-row-label {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.intelligence-row-value {
  color: #c7d1d5;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.intelligence-row-price {
  text-align: right;
}
.intelligence-row-price .intelligence-row-value {
  color: var(--intent-accent);
  font-size: 13px;
}
.intelligence-tie {
  display: inline-block;
  margin: 4px 0 0 7px;
  padding: 2px 5px;
  border: 1px solid color-mix(in srgb, var(--intent-accent) 45%, var(--line));
  border-radius: 3px;
  color: var(--intent-accent);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .5px;
  vertical-align: top;
  text-transform: uppercase;
}
.intelligence-unranked-section {
  margin-top: 11px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.intelligence-unranked-section h5 {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
}
.intelligence-unranked-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
  gap: 12px;
  padding: 7px 0;
  color: var(--muted);
  font-size: 11px;
}
.intelligence-unranked-row + .intelligence-unranked-row {
  border-top: 1px solid var(--line-soft);
}
.intelligence-unranked-reason {
  text-align: right;
}
.intelligence-unranked-row.stale .intelligence-unranked-reason {
  color: var(--warning);
}
.intelligence-unranked-row.unavailable .intelligence-unranked-reason {
  color: var(--red);
}
.intelligence-feedback {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}
.intelligence-status {
  flex: 1;
  margin-top: 0;
}
.intelligence-status:focus-visible {
  outline: 2px solid var(--intent-accent);
  outline-offset: 4px;
}
.intelligence-refresh {
  flex: none;
  min-height: 34px;
  color: var(--text);
  border-color: var(--red);
}
.intelligence-scope {
  padding-top: 11px;
  border-top: 1px solid var(--line-soft);
  color: var(--muted);
  font-size: 11px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  .intelligence-header {
    display: block;
  }
  .intelligence-mode {
    min-width: 0;
    margin-top: 16px;
  }
  .intelligence-results {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  }
  .intelligence-row {
    grid-template-columns: 32px minmax(0, 1fr) minmax(105px, auto);
  }
  .intelligence-row-volume {
    grid-column: 2;
  }
  .intelligence-row-price {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 700px) {
  .intelligence-panel {
    padding: 19px;
  }
  .intelligence-mode label {
    min-height: 58px;
  }
  .intelligence-mode strong {
    font-size: 13px;
  }
  .intelligence-mode small,
  .intelligence-best-detail,
  .intelligence-row-station,
  .intelligence-row-label,
  .intelligence-scope {
    font-size: 11px;
  }
  .intelligence-results {
    grid-template-columns: minmax(0, 1fr);
  }
  .intelligence-best-card,
  .intelligence-comparison {
    padding: 15px;
  }
  .intelligence-best-hub {
    font-size: 24px;
  }
  .intelligence-row {
    grid-template-columns: 30px minmax(0, 1fr) minmax(92px, auto);
    gap: 8px;
  }
  .intelligence-row-price .intelligence-row-value {
    font-size: 12px;
  }
  .intelligence-unranked-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }
  .intelligence-unranked-reason {
    text-align: left;
  }
  .intelligence-feedback {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 370px) {
  .intelligence-mode {
    grid-template-columns: minmax(0, 1fr);
  }
  .intelligence-ranking-heading span {
    display: none;
  }
}