html,
body,
#page {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #101511;
}
@view-transition { navigation:auto; }
.site-main {
  margin: 0;
}
.ta-shell {
  position: fixed;
  inset: 0;
  display: grid;
  grid-template: 64px minmax(0, 1fr)/1fr 0;
  background: #101511;
  color: #eef2eb;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ta-topbar {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 18px;
  border-bottom: 1px solid #314036;
  background: #121914;
  z-index: 1002;
  view-transition-name: timber-explorer-header;
}
.ta-map-stage { view-transition-name:timber-explorer-stage; }
.ta-back,
.ta-about-button {
  color: #e9eee8;
  text-decoration: none;
  background: none;
  border: 0;
  font: inherit;
  cursor: pointer;
}
.ta-view-links { justify-self:end; display:flex; align-items:center; gap:8px; }
.ta-mode-switch { display:flex; padding:3px; border:1px solid #48564c; border-radius:99px; background:#0e1510; }
.ta-mode-switch button { padding:6px 10px; border:0; border-radius:99px; background:transparent; color:#aeb8b0; font:700 10px inherit; white-space:nowrap; cursor:pointer; }
.ta-mode-switch button:hover { color:#f0c66f; }
.ta-mode-switch button.is-active { background:#f3f3ec; color:#172019; }
.ta-about-button {
  justify-self: end;
}
.ta-title {
  text-align: center;
}
.ta-title strong,
.ta-title span {
  display: block;
}
.ta-title strong {
  font-family: Georgia, serif;
  font-size: 18px;
}
.ta-title span {
  color: #91a096;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-top: 3px;
}
.ta-map-stage {
  position: relative;
  grid-row: 2;
  grid-column: 1;
  min-width: 0;
  min-height: 0;
}
.ta-flow-stage { position:relative; grid-row:2; grid-column:1; min-width:0; min-height:0; overflow:hidden; visibility:hidden; opacity:0; pointer-events:none; background:#d9ddd7; transition:opacity .32s ease; }
.ta-shell.is-flow .ta-map-stage { visibility:hidden; opacity:0; pointer-events:none; }
.ta-shell.is-flow .ta-flow-stage { grid-column:1/-1; visibility:visible; opacity:1; pointer-events:auto; }
.ta-shell.is-transitioning .ta-map-stage,.ta-shell.is-transitioning .ta-flow-stage { visibility:visible; }
.ta-shell.is-transitioning .vf-svg-node,.ta-shell.is-transitioning .vf-model-edge,.ta-shell.is-transitioning .vf-national-heading,.ta-shell.is-transitioning .vf-graph-key { opacity:0 !important; }
.ta-shell .vf-svg-node,.ta-shell .vf-model-edge,.ta-shell .vf-national-heading,.ta-shell .vf-graph-key { transition:opacity .24s ease; }
.ta-entity-layer { position:relative; z-index:800; grid-row:2; grid-column:1; min-width:0; min-height:0; overflow:hidden; pointer-events:none; }
.ta-flow-entity { position:absolute!important; left:0!important; top:0!important; right:auto!important; bottom:auto!important; margin:0!important; pointer-events:auto; transform-origin:center; }
.ta-flow-entity.is-moving { transition:transform .76s cubic-bezier(.22,.75,.2,1),opacity .22s ease!important; }
.ta-entity { position:absolute; top:0; left:0; width:var(--entity-size,24px); height:var(--entity-size,24px); margin:0; padding:0; border:0; border-radius:50%; background:transparent; color:#172019; pointer-events:auto; cursor:pointer; contain:layout style; }
.ta-entity.is-moving { transition:transform .76s cubic-bezier(.22,.75,.2,1),width .76s cubic-bezier(.22,.75,.2,1),height .76s cubic-bezier(.22,.75,.2,1),opacity .22s ease; }
.ta-entity-layer.is-map-zooming .ta-entity { transition:transform .25s cubic-bezier(0,0,.25,1)!important; }
.ta-entity.is-unplaced { opacity:0; pointer-events:none; }
.ta-entity:hover,.ta-entity:focus-visible,.ta-entity.is-selected { z-index:1000; }
.ta-entity > i { display:grid; place-items:center; width:100%; height:100%; border:2px solid #101511; border-radius:50%; background:#fff5df; color:#172019; box-shadow:0 1px 4px rgba(0,0,0,.42); }
.ta-entity > i svg { width:60%; height:60%; shape-rendering:geometricPrecision; }
.ta-entity.is-port > i { border-radius:6px; background:#68d5e5; color:#17383d; }
.ta-entity.product-paper > i { background:#dce9e5; color:#24423b; }
.ta-entity.product-panel > i { background:#e3c48a; color:#352a17; }
.ta-entity.product-engineered > i { background:#f0ad68; color:#39200c; }
.ta-entity.product-fibre > i { background:#83bba3; color:#102d22; }
.ta-entity.product-woodchip > i,.ta-entity.product-timber > i { background:#d7b27a; color:#34220f; }
.ta-entity.product-distribution > i { background:#c4b7dd; color:#2b1e41; }
.ta-entity > span { display:none; position:absolute; left:50%; bottom:calc(100% + 8px); width:max-content; max-width:160px; transform:translateX(-50%); padding:4px 7px; border-radius:3px; background:rgba(16,21,17,.94); color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.4); font:700 10px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.ta-shell:not(.is-flow) .ta-entity:hover > span,.ta-shell:not(.is-flow) .ta-entity.is-selected > span { display:block; }
.ta-entity.is-selected > i { outline:3px solid #f4c967; outline-offset:3px; box-shadow:0 0 0 2px rgba(255,255,255,.82),0 2px 7px rgba(0,0,0,.5); }
.ta-shell.is-flow .ta-entity > span { display:none; }
.vf-model-node.has-shared-entity button > i { opacity:0; }
.ta-shared-flow-panel { display:none; grid-row:2; grid-column:2; min-height:0; overflow:hidden; }
.ta-shell.is-flow .ta-panel { display:none; }
.ta-shell.is-flow .ta-shared-flow-panel { display:block; }
.ta-shell .ta-flow-stage .vf-network { position:absolute; inset:0; max-width:none; margin:0; padding:0; }
.ta-shell .ta-flow-stage .vf-graph-scroll { position:absolute; inset:0; overflow:hidden; border:0; border-radius:0; }
@media (min-width:761px) {
  .ta-shell.has-map-panel { grid-template-columns:1fr minmax(330px,390px); }
  .ta-panel { visibility:hidden; opacity:0; pointer-events:none; transform:translateX(100%); transition:opacity .2s ease,transform .24s ease; }
  .ta-shell.has-map-panel .ta-panel { visibility:visible; opacity:1; pointer-events:auto; transform:translateX(0); }
  .ta-panel-close { display:block !important; }
  .ta-shell .ta-shared-flow-panel { position:fixed; z-index:1100; top:64px; right:0; bottom:0; left:auto; width:min(410px,38vw); min-width:330px; transform:translateX(calc(100% + 14px)); transition:transform .26s ease; box-shadow:-24px 0 70px rgba(0,0,0,.38); border:0; border-left:1px solid #344137; }
  .ta-shell .ta-shared-flow-panel.is-open { transform:translateX(0); }
  .ta-shell .ta-shared-flow-panel .vf-panel-close { display:block; }
}
.ta-panel {
  position: relative;
  grid-row: 2;
  grid-column: 2;
  min-width: 0;
  min-height: 0;
  background: #172019;
  border-left: 1px solid #344137;
  z-index: 1001;
}
.ta-panel-scroll {
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #536158 #172019;
  scrollbar-width: thin;
}
.ta-panel-scroll::-webkit-scrollbar { width: 7px; }
.ta-panel-scroll::-webkit-scrollbar-track { background: #172019; }
.ta-panel-scroll::-webkit-scrollbar-thumb { border: 2px solid #172019; border-radius: 999px; background: #65736a; }
@media (hover: none) and (pointer: coarse) {
  .ta-panel-scroll { scrollbar-width: none; }
  .ta-panel-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
}
.ta-photo {
  height: 210px;
  background-position: center;
  background-size: cover;
  position: relative;
}
.ta-photo:after {
  content: "";
  position: absolute;
  inset: 40% 0 0;
  background: linear-gradient(transparent, #172019);
}
.ta-photo-national,
.ta-photo-green-triangle {
  background-image: url("https://cms.onefortyone.com/wp-content/uploads/2020/03/MtGambier_256-copy-min-1024x683.jpg");
}
.ta-photo-tasmania {
  background-image: url("https://assets.huonvalley.tas.gov.au/uploads/2024/06/Sustainable-Timber-Tasmania.jpg");
}
.ta-photo-queensland {
  background-image: url("https://assets.atdw-online.com.au/images/93346dbd6f6895e0310192b80f681135.jpeg?h=1200&w=1600");
}
.ta-photo-western-australia {
  background-image: url("https://www.timberlinkaustralia.com.au/app/uploads/2022/11/download-18.jpg");
}
.ta-panel-body {
  padding: 0 26px 30px;
  margin-top: -18px;
  position: relative;
}
.ta-level-back {
  display: none;
  margin: 0 0 12px;
  padding: 7px 10px;
  border: 1px solid #66736a;
  border-radius: 99px;
  background: #202c23;
  color: #f2c66e;
  font: 600 11px inherit;
  cursor: pointer;
}
.ta-level-back.is-visible { display: inline-flex; }
.ta-eyebrow {
  color: #f1bd54;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 10px;
  font-weight: 700;
}
.ta-panel h1 {
  font-family: Georgia, serif;
  font-size: 34px;
  line-height: 1;
  margin: 0.45rem 0 0.8rem;
  letter-spacing: -0.025em;
}
.ta-deck {
  color: #b8c3ba;
  font-size: 14px;
  line-height: 1.55;
}
.ta-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 22px 0;
  background: #354139;
  border: 1px solid #354139;
}
.ta-money-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin: 10px 0 14px;
  background: #354139;
  border: 1px solid #354139;
}
.ta-money-grid div {
  padding: 11px;
  background: #1d2820;
}
.ta-money-grid strong,
.ta-money-grid span {
  display: block;
}
.ta-money-grid strong {
  color: #f0c66f;
  font-size: 17px;
}
.ta-money-grid span {
  color: #8f9d93;
  font-size: 9px;
  margin-top: 3px;
}
.ta-economy h3 {
  margin: 13px 0 7px;
  color: #8f9d93;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.ta-sales-row {
  display: grid;
  grid-template-columns: 92px 1fr 40px;
  gap: 8px;
  align-items: center;
  margin: 7px 0;
  color: #b9c3bb;
  font-size: 10px;
}
.ta-sales-row i {
  height: 7px;
  background: #2a352d;
  border-radius: 99px;
  overflow: hidden;
}
.ta-sales-row b {
  display: block;
  height: 100%;
  background: #f0c66f;
  border-radius: 99px;
}
.ta-sales-row strong {
  text-align: right;
  color: #eef2ed;
}
.ta-estimate-note,
.ta-data-limit,
.ta-unavailable {
  color: #8e9b91 !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}
.ta-data-limit {
  margin-top: 13px !important;
  padding-top: 11px;
  border-top: 1px dashed #3d4940;
}
.ta-unavailable {
  padding: 10px;
  background: #1d2820;
  border-left: 3px solid #65736a;
}
.ta-metrics div {
  background: #1d2820;
  padding: 13px;
}
.ta-metrics strong,
.ta-metrics span {
  display: block;
}
.ta-metrics strong {
  color: #fff;
  font-size: 18px;
}
.ta-metrics span {
  color: #91a096;
  font-size: 10px;
  line-height: 1.35;
  margin-top: 3px;
}
.ta-profile section {
  border-top: 1px solid #354139;
  padding: 15px 0;
}
.ta-profile h2 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #d8dfd8;
  margin: 0 0 6px;
}
.ta-profile p {
  font-size: 13px;
  line-height: 1.55;
  color: #aeb9b0;
  margin: 0;
}
.ta-species-row {
  display: grid;
  grid-template-columns: 108px 1fr 64px;
  gap: 8px;
  align-items: center;
  margin: 8px 0;
  font-size: 10px;
  color: #b9c3bb;
}
.ta-species-row > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ta-species-row > i {
  height: 7px;
  background: #2a352d;
  border-radius: 99px;
  overflow: hidden;
}
.ta-species-row b {
  display: block;
  height: 100%;
  border-radius: 99px;
}
.ta-species-row b.softwood {
  background: #ff9f16;
}
.ta-species-row b.hardwood {
  background: #00865f;
}
.ta-species-row b.other {
  background: #805bcd;
}
.ta-species-row > strong {
  text-align: right;
  color: #eef2ed;
  font-weight: 600;
}
.ta-region-tooltip {
  font-weight: 700;
  color: #152019;
}
.leaflet-selectedregion-pane path {
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.55));
}
.leaflet-selectedplantation-pane path {
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.95));
}
.ta-parcel-note {
  border-left: 3px solid #f0c66f !important;
  padding-left: 12px !important;
  background: rgba(240, 198, 111, 0.055);
}
.ta-selection-pin {
  z-index: 710 !important;
}
.ta-selection-pin i {
  display: block;
  width: 14px;
  height: 14px;
  margin: 4px;
  border: 3px solid #101511;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.9),
    0 0 18px rgba(255, 255, 255, 1);
}
.ta-credit {
  font-size: 9px;
  color: #708078;
  margin-top: 12px;
}
.ta-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 14px;
  border-top: 1px solid #354139;
}
.ta-sources span {
  width: 100%;
  color: #849188;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.ta-sources a {
  color: #f0c66f;
  font-size: 11px;
  text-decoration: none;
  border: 1px solid #455249;
  border-radius: 99px;
  padding: 6px 9px;
}
.ta-panel-close {
  display: none;
  position: absolute;
  right: 13px;
  top: 13px;
  z-index: 4;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #829087;
  background: #172019;
  color: #fff;
  font-size: 24px;
}
.ta-map-stage #timber-atlas-map {
  width: 100%;
  height: 100%;
  background: #d9ddd7;
}
.leaflet-tile-pane {
  filter: grayscale(1) contrast(0.65) brightness(1.18);
  opacity: 0.48;
}
.leaflet-overlay-pane canvas {
  filter: saturate(1.45) drop-shadow(0 0 1px rgba(0, 0, 0, 0.35));
}
.leaflet-selection-pane path {
  filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.95));
}
.leaflet-container {
  font-family: inherit;
}
.ta-filter {
  position: absolute;
  z-index: 700;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  padding: 4px;
  background: rgba(19, 27, 21, 0.94);
  border-radius: 99px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.25);
}
.ta-clear-selection {
  display: none;
  position: absolute;
  z-index: 720;
  top: 15px;
  right: 14px;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 99px;
  background: rgba(19,27,21,.96);
  color: #fff;
  font: 600 11px inherit;
  cursor: pointer;
  box-shadow: 0 3px 16px rgba(0,0,0,.25);
}
.ta-clear-selection.is-visible { display: block; }
.ta-filter button {
  border: 0;
  background: transparent;
  color: #c8d0c9;
  border-radius: 99px;
  padding: 9px 12px;
  font: 600 12px inherit;
  white-space: nowrap;
}
.ta-filter button.is-active {
  background: #f3f3ec;
  color: #172019;
}
.ta-filter i {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 5px;
}
.ta-softwood {
  background: #ffad24;
}
.ta-hardwood {
  background: #008c65;
}
.ta-scale-note {
  position: absolute;
  z-index: 650;
  left: 14px;
  bottom: 18px;
  max-width: 230px;
  background: rgba(19, 27, 21, 0.94);
  padding: 11px 13px;
  border-radius: 4px;
}
.ta-scale-note strong,
.ta-scale-note span {
  display: block;
}
.ta-scale-note strong {
  font-size: 12px;
}
.ta-scale-note span {
  color: #aeb8b0;
  font-size: 10px;
  line-height: 1.4;
  margin-top: 2px;
}
.ta-loading {
  position: absolute;
  z-index: 800;
  inset: 0;
  display: grid;
  place-items: center;
  background: #1a241d;
  color: #e4e9e3;
  font-size: 12px;
  transition: opacity 0.3s;
  pointer-events: none;
}
.ta-loading.is-hidden {
  opacity: 0;
}
.ta-about {
  max-width: 520px;
  border: 1px solid #526057;
  background: #172019;
  color: #e8eee8;
  padding: 30px;
  box-shadow: 0 30px 90px #000;
  border-radius: 8px;
}
.ta-about::backdrop {
  background: rgba(5, 9, 6, 0.72);
}
.ta-about h2 {
  font:
    28px Georgia,
    serif;
  margin: 0 30px 15px 0;
}
.ta-about p {
  color: #b7c1b9;
  line-height: 1.6;
}
.ta-about button {
  position: absolute;
  right: 12px;
  top: 10px;
  border: 0;
  background: none;
  color: #fff;
  font-size: 25px;
}
.ta-scrim {
  display: none;
}
.ta-plant-marker {
  width: 12px !important;
  height: 12px !important;
  margin: -6px !important;
  border: 2px solid #182019;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px #000;
}
.ta-plant-marker.port {
  border-radius: 2px;
  transform: rotate(45deg);
  background: #39b7cf;
}
.ta-supply-marker {
  display: grid !important;
  place-items: center;
  overflow: visible;
  background: transparent;
  border: 0;
}
.ta-supply-marker i {
  display: grid;
  place-items: center;
  width: var(--marker-size, 24px);
  height: var(--marker-size, 24px);
  border: 3px solid #101511;
  border-radius: var(--entity-radius, 50%);
  background: var(--entity-fill, #fff5df);
  color: var(--entity-ink, #172019);
  box-shadow: 0 2px 10px rgba(0,0,0,.55);
  font: 800 13px/1 sans-serif;
}
.ta-supply-marker i svg { width:58%; height:58%; }
.ta-supply-marker:not(.is-active) i {
  border-width: 2px;
  font-size: 9px;
  opacity: .82;
  box-shadow: 0 1px 4px rgba(0,0,0,.45);
}
.ta-supply-marker:not(.is-active) i:after {
  display:none;
}
.ta-supply-marker.port:not(.is-active) i:after { border-radius: 1px; }
.ta-supply-marker.port i { border-radius: 5px; background: #68d5e5; }
.ta-supply-marker.port.has-no-volume i,.ta-facility-list i.port.has-no-volume { border-style:solid; background:#68d5e5; color:#17383d; }
.ta-supply-label { z-index:1; }
.ta-supply-label strong,.ta-supply-label span { display:block; }
.ta-supply-label span { margin-top:2px; color:#d6e1da; font-size:9px; font-weight:600; }
.ta-supply-marker.product-paper i,.ta-facility-list i.product-paper { background:#dce9e5; color:#24423b; }
.ta-supply-marker.product-panel i,.ta-facility-list i.product-panel { background:#e3c48a; color:#352a17; }
.ta-supply-marker.product-engineered i,.ta-facility-list i.product-engineered { background:#f0ad68; color:#39200c; }
.ta-supply-marker.product-fibre i,.ta-facility-list i.product-fibre { background:#83bba3; color:#102d22; }
.ta-supply-marker.product-woodchip i,.ta-facility-list i.product-woodchip { background:#d7b27a; color:#34220f; }
.ta-supply-marker.product-distribution i,.ta-facility-list i.product-distribution { background:#c4b7dd; color:#2b1e41; }
.ta-supply-marker.is-active span {
  position: absolute;
  left: 50%;
  bottom: calc(var(--marker-size, 24px) + 9px);
  width: max-content;
  max-width: 150px;
  transform: translateX(-50%);
  padding: 4px 7px;
  border-radius: 3px;
  background: rgba(16,21,17,.92);
  color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,.4);
  font: 700 10px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-align: center;
  white-space: normal;
  pointer-events: none;
}
.ta-supply-marker.is-selected i {
  outline: 3px solid #f4c967;
  outline-offset: 3px;
  transform: scale(1.12);
}
.ta-region-return {
  border: 1px solid #59675d;
  border-radius: 99px;
  background: #202c23;
  color: #f2c66e;
  padding: 7px 10px;
  font: 600 11px inherit;
  cursor: pointer;
}
.ta-facility-list > p { margin-bottom: 10px !important; }
.ta-facility-list button {
  width: 100%;
  display: grid;
  grid-template-columns: 28px 1fr auto;
  gap: 9px;
  align-items: center;
  padding: 9px 0;
  border: 0;
  border-top: 1px solid #303d33;
  background: transparent;
  color: #eef2ed;
  text-align: left;
  cursor: pointer;
}
.ta-facility-list button > i { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#fff5df; color:#172019; font:800 11px/1 sans-serif; }
.ta-facility-list button > i svg { width:14px; height:14px; }
.ta-facility-list button > i.scale-4 { width:27px; height:27px; margin-left:-2px; }
.ta-facility-list button > i.scale-3 { width:24px; height:24px; }
.ta-facility-list button > i.port { border-radius:5px; background:#68d5e5; }
.ta-facility-list button span,.ta-facility-list button strong,.ta-facility-list button small { display:block; }
.ta-facility-list button strong { font-size:11px; }
.ta-facility-list button small { margin-top:2px; color:#8e9b91; font-size:9px; }
.ta-facility-list button b { color:#f0c66f; font-size:10px; }
.ta-national-ranking button b { max-width:72px; text-align:right; }
.ta-facility-list button:hover strong { color:#f0c66f; }

.ta-value-chain > header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.ta-value-chain > header h2 { margin-bottom:3px; }
.ta-value-chain > header p { margin:0 !important; color:#8e9b91; font-size:9px !important; }
.ta-value-chain > header > span { flex:0 0 auto; padding:5px 7px; border:1px solid rgba(104,213,229,.28); border-radius:99px; color:#b9eaf0; font:700 8px/1 sans-serif; }
.ta-chain-context { display:grid; grid-template-columns:1fr; gap:6px; margin-top:12px; }
.ta-chain-context article { min-width:0; align-self:stretch; overflow:hidden; padding:0 0 11px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(255,255,255,.045); }
.ta-chain-context .stage-selected { position:relative; border-color:rgba(240,198,111,.7); background:linear-gradient(155deg,rgba(240,198,111,.15),rgba(255,255,255,.045)); box-shadow:0 0 0 2px rgba(240,198,111,.08); }
.ta-chain-context figure { height:108px; margin:0 0 9px; background-repeat:no-repeat; }
.ta-chain-context .chain-image { background-position:center; background-size:cover; }
.ta-chain-context .image-forest { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/forest.png'); }
.ta-chain-context .image-logs { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/logs.png'); }
.ta-chain-context .image-timber { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/sawmill.png'); }
.ta-chain-context .image-woodchip { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/woodchips.png'); }
.ta-chain-context .image-fibre { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/recovered-fibre.png'); }
.ta-chain-context .image-engineered { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/engineered.png'); }
.ta-chain-context .image-panel { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/panels.png'); }
.ta-chain-context .image-paper { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/paper.png'); }
.ta-chain-context .image-export { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/port.png'); }
.ta-chain-context .image-port { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/port.png'); }
.ta-chain-context .image-construction { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/construction.png'); }
.ta-chain-context .image-packaging,.ta-chain-context .image-distribution { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/packaging.png'); }
.ta-chain-context .image-furniture { background-image:linear-gradient(0deg,rgba(10,16,12,.24),rgba(10,16,12,0)),url('/timber-atlas/images/value-chain/furniture.png'); }
.ta-value-chain figure { position:relative; }
.ta-value-chain figure > i { position:absolute; right:7px; bottom:7px; display:grid; place-items:center; width:26px; height:26px; border:2px solid rgba(16,21,17,.85); border-radius:50%; background:#eef3ef; color:#172019; box-shadow:0 2px 8px rgba(0,0,0,.38); font:800 14px/1 sans-serif; }
.ta-value-chain figure > i svg { width:16px; height:16px; }
.ta-value-chain .stage-icon-forest figure > i { background:#d9ead8; color:#24452c; }
.ta-value-chain .stage-icon-timber figure > i,.ta-value-chain .stage-icon-woodchip figure > i { background:#e4c18b; color:#3c2812; }
.ta-value-chain .stage-icon-fibre figure > i { background:#9bcab2; color:#17392a; }
.ta-value-chain .stage-icon-paper figure > i,.ta-value-chain .stage-icon-packaging figure > i { background:#dce9e5; color:#24423b; }
.ta-value-chain .stage-icon-construction figure > i { background:#f0ad68; color:#39200c; }
.ta-value-chain .stage-icon-furniture figure > i { background:#e3c48a; color:#352a17; }
.ta-value-chain .stage-icon-export figure > i { border-radius:6px; background:#68d5e5; color:#17383d; }
.ta-value-chain .stage-icon-distribution figure > i { background:#c4b7dd; color:#2b1e41; }
.ta-value-chain .stage-selected figure { height:132px; }
.ta-value-chain .stage-selected figure[style] { background-size:100% 100%,cover; background-position:center; }
.ta-value-chain small,.ta-value-chain strong,.ta-value-chain article > span { display:block; }
.ta-value-chain small { margin:0 8px 6px; color:#8e9b91; font:700 8px/1.2 sans-serif; letter-spacing:.08em; }
.ta-value-chain strong { margin:0 8px; color:#eef2ed; font:700 10px/1.35 sans-serif; }
.ta-value-chain article > span { margin:5px 8px 0; color:#98a49b; font:9px/1.4 sans-serif; }
.ta-value-chain .stage-market > span { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.ta-chain-context > b { display:flex; justify-content:center; align-items:center; gap:7px; padding:1px 0; color:#f0c66f; font-size:15px; }
.ta-chain-context > b span { color:#77847b; font:700 7px/1 sans-serif; text-transform:uppercase; white-space:nowrap; }
.ta-selected-label { position:absolute; z-index:1; top:8px; left:8px; padding:5px 7px; border-radius:4px; background:#f0c66f; color:#172019; font:800 7px/1 sans-serif; letter-spacing:.08em; }
.ta-value-chain h3 { margin:0 8px 6px; color:#f0c66f; font:600 15px/1.15 Georgia,serif; }
.ta-chain-context footer { display:flex; justify-content:space-between; gap:8px; margin:10px 8px 0; padding-top:8px; border-top:1px solid rgba(255,255,255,.12); }
.ta-chain-context footer b { color:#f0c66f; font:700 9px/1.2 sans-serif; }
.ta-chain-context footer span { color:#7f8c83; font:8px/1.2 sans-serif; }
.ta-product-items { display:flex; flex-wrap:wrap; gap:3px; margin:7px 8px 0; }
.ta-product-items span { padding:3px 5px; border-radius:4px; background:rgba(255,255,255,.09); color:#bec8c0; font:700 7px/1.2 sans-serif; }
.ta-image-credit { display:block; margin:5px 8px 0; color:#7f8c83; font:italic 7px/1.3 sans-serif; }
.ta-material-streams > p { color:#98a49b !important; font-size:9px !important; }
.ta-material-streams > div { display:grid; gap:7px; margin-top:10px; }
.ta-material-streams article { display:grid; grid-template-columns:92px 1fr; min-width:0; overflow:hidden; border-radius:9px; background:#101711; }
.ta-material-streams figure { min-height:86px; margin:0; background-position:center; background-size:cover; }
.ta-material-streams .image-timber { background-image:url('/timber-atlas/images/value-chain/sawmill.png'); }
.ta-material-streams .image-woodchip { background-image:url('/timber-atlas/images/value-chain/woodchips.png'); }
.ta-material-streams .image-fibre { background-image:url('/timber-atlas/images/value-chain/recovered-fibre.png'); }
.ta-material-streams .image-paper { background-image:url('/timber-atlas/images/value-chain/paper.png'); }
.ta-material-streams .image-panel { background-image:url('/timber-atlas/images/value-chain/panels.png'); }
.ta-material-streams .image-engineered { background-image:url('/timber-atlas/images/value-chain/engineered.png'); }
.ta-material-streams article > div { min-width:0; padding:9px 10px; }
.ta-material-streams small,.ta-material-streams strong,.ta-material-streams span,.ta-material-streams em { display:block; }
.ta-material-streams small { color:#849188; font:700 7px/1 sans-serif; letter-spacing:.08em; }
.ta-material-streams strong { margin-top:6px; color:#f0c66f; font:700 11px/1.25 sans-serif; }
.ta-material-streams span { margin-top:4px; color:#aeb8b0; font:9px/1.3 sans-serif; }
.ta-material-streams em { margin-top:6px; color:#77cbd5; font:italic 8px/1.2 sans-serif; }
.ta-site-economics > div { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:7px; align-items:stretch; margin-top:10px; }
.ta-site-economics article { min-width:0; padding:11px; border-radius:9px; background:#101711; }
.ta-site-economics article small,.ta-site-economics article strong,.ta-site-economics article span { display:block; }
.ta-site-economics article small { margin-bottom:7px; color:#849188; font:700 8px/1 sans-serif; letter-spacing:.08em; }
.ta-site-economics article strong { color:#f0c66f; font:700 12px/1.2 sans-serif; }
.ta-site-economics article span { margin-top:5px; color:#99a59c; font:9px/1.35 sans-serif; }
.ta-site-economics > div > b { align-self:center; color:#66736a; }
.ta-site-economics > p { margin-top:9px !important; color:#9da9a0 !important; font-size:9px !important; }
.ta-facility-facts > div { display:grid; gap:7px; margin-top:10px; }
.ta-facility-facts article { padding:11px 12px; border-radius:9px; background:#101711; }
.ta-facility-facts h3 { margin:0 0 6px; color:#f0c66f; font:700 9px/1.2 sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.ta-facility-facts p { margin:0 !important; color:#aeb8b0 !important; font-size:10px !important; line-height:1.5 !important; }
.ta-destination-tags { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 12px; }
.ta-destination-tags span { padding:5px 7px; border:1px solid rgba(104,213,229,.3); border-radius:999px; background:rgba(104,213,229,.08); color:#b9eaf0; font:700 9px/1 sans-serif; }
.ta-destination-mix { margin-top:14px; padding-top:11px; border-top:1px solid rgba(255,255,255,.1); }
.ta-destination-mix h3 { margin:0 0 9px; color:#eef2ed; font-size:10px; }
.ta-national-trade { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:10px 0 13px; border:1px solid #354139; background:#354139; }
.ta-national-trade article { padding:10px; background:#1d2820; }
.ta-national-trade strong,.ta-national-trade span { display:block; }
.ta-national-trade strong { color:#f0c66f; font-size:14px; }
.ta-national-trade span { margin-top:3px; color:#8f9d93; font-size:8px; line-height:1.3; }
.ta-port-comparison h3 { margin:15px 0 9px; color:#8f9d93; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.ta-port-ranking > div { display:grid; grid-template-columns:minmax(105px,1.2fr) minmax(70px,1fr) 72px; gap:8px; align-items:center; margin:7px 0; padding:3px 5px; border-radius:5px; color:#aeb9b0; font-size:9px; }
.ta-port-ranking > div.is-selected { background:rgba(104,213,229,.1); color:#eef5f3; }
.ta-port-ranking i { height:7px; overflow:hidden; border-radius:99px; background:#2a352d; }
.ta-port-ranking i b { display:block; height:100%; border-radius:99px; background:#68d5e5; }
.ta-port-ranking strong { text-align:right; color:#eef2ed; font-size:9px; }

@media (max-width: 420px) {
  .ta-value-chain > header { display:block; }
  .ta-value-chain > header > span { display:inline-block; margin-top:8px; }
  .ta-chain-context > b { justify-self:center; }
  .ta-chain-context > b span { display:none; }
  .ta-value-chain figure { height:105px; }
  .ta-species-row { grid-template-columns:minmax(82px,1fr) minmax(70px,1.2fr) 58px; gap:6px; }
}
.ta-measure-note { color:#9ba89d !important; font-size:10px !important; }
.ta-size-key { gap:3px !important; }
.ta-size-key i { display:inline-block !important; border:1px solid #172019 !important; border-radius:50% !important; background:#fff5df !important; }
.ta-size-key i:nth-child(1) { width:6px !important; height:6px !important; }
.ta-size-key i:nth-child(2) { width:10px !important; height:10px !important; }
.ta-size-key i:nth-child(3) { width:14px !important; height:14px !important; }
.ta-supply-tooltip { max-width: 230px; }
.ta-supply-tooltip strong, .ta-supply-tooltip span { display: block; }
.ta-supply-tooltip span { margin-top: 3px; color: #526057; font-size: 10px; }
.ta-supply-tooltip small { display:block; margin-top:6px; color:#7b887e; }
.ta-supply-label {
  padding: 4px 7px;
  border: 0;
  border-radius: 3px;
  background: rgba(16,21,17,.9);
  color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,.4);
  font: 700 10px/1.2 inherit;
}
.ta-supply-label:before { display: none; }
.ta-map-legend {
  position: absolute;
  z-index: 650;
  right: 14px;
  bottom: 18px;
  display: flex;
  gap: 12px;
  padding: 9px 11px;
  border-radius: 4px;
  background: rgba(19,27,21,.94);
  color: #cbd4cc;
  font-size: 10px;
}
.ta-map-legend span { display: flex; align-items: center; gap: 5px; }
.ta-map-legend i { width: 10px; height: 10px; border-radius: 50%; background: #fff5df; }
.ta-map-legend .is-port { border-radius: 2px; background: #68d5e5; }
@media (max-width: 760px) {
  .ta-site-economics > div { grid-template-columns:1fr; }
  .ta-site-economics > div > b { justify-self:center; transform:rotate(90deg); }
  .ta-shell {
    grid-template: 54px 1fr/1fr;
  }
  .ta-topbar {
    padding: 0 12px;
  }
  .ta-title strong {
    font-size: 15px;
  }
  .ta-title span {
    display: none;
  }
  .ta-view-links .ta-about-button { display:none; }
  .ta-back span {
    display: none;
  }
  .ta-panel {
    position: fixed;
    z-index: 1100;
    left: 0;
    right: 0;
    width: 100vw;
    max-width: none;
    box-sizing: border-box;
    bottom: 0;
    height: min(60dvh, 560px);
    border: 0;
    border-radius: 18px 18px 0 0;
    transform: translateY(calc(100% + 10px));
    transition: transform 0.28s ease;
    box-shadow: 0 -20px 70px rgba(0, 0, 0, 0.4);
  }
  .ta-panel.is-open {
    transform: translateY(0);
  }
  .ta-panel-close {
    display: block;
  }
  .ta-photo {
    height: 145px;
    border-radius: 18px 18px 0 0;
  }
  .ta-panel-body {
    padding: 0 20px 24px;
  }
  .ta-panel h1 {
    font-size: 29px;
  }
  .ta-scrim {
    display: block;
    position: fixed;
    z-index: 1090;
    inset: 54px 0 0;
    background: rgba(5, 8, 6, 0.36);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s;
  }
  .ta-scrim.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .ta-filter {
    top: 10px;
  }
  .ta-clear-selection {
    top: 58px;
    right: 9px;
    padding: 8px 10px;
  }
  .ta-filter button {
    padding: 8px 10px;
  }
  .ta-scale-note {
    left: 10px;
    bottom: 22px;
    max-width: 190px;
  }
  .ta-map-legend { right: 9px; bottom: 22px; padding: 8px; }
  .ta-map-legend span { font-size: 0; gap: 0; }
  .leaflet-control-zoom {
    margin-top: 62px !important;
  }
  .ta-about {
    max-width: calc(100% - 24px);
    box-sizing: border-box;
    padding: 23px;
  }
  .ta-about h2 {
    font-size: 24px;
  }
}