:root{
  --bg:#101512;
  --bg-soft:#141c17;
  --panel:#19231d;
  --panel-2:#1d2922;
  --panel-light:#e8eadf;
  --ink:#f1f2e9;
  --muted:#9caa9f;
  --line:rgba(222,232,220,.13);
  --green:#b6d68a;
  --green-deep:#78995c;
  --teal:#66c4ad;
  --amber:#e7bf66;
  --terra:#e18462;
  --red:#dd6b6b;
  --cream:#e9eadf;
  --shadow:0 22px 60px rgba(0,0,0,.2);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}
button,input,select,a{font:inherit}
button{color:inherit}
a{color:inherit}
.site-header{
  position:sticky;
  top:0;
  z-index:30;
  min-height:76px;
  padding:0 clamp(18px,5vw,76px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border-bottom:1px solid var(--line);
  background:rgba(16,21,18,.9);
  backdrop-filter:blur(18px);
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  min-width:max-content;
}
.brand>span:last-child{display:flex;flex-direction:column}
.brand strong{font-size:15px;letter-spacing:.02em}
.brand small{font-size:9px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}
.brand-mark{display:flex;align-items:flex-end;gap:3px;height:25px}
.brand-mark i{width:5px;border-radius:2px;background:var(--green)}
.brand-mark i:nth-child(1){height:11px}
.brand-mark i:nth-child(2){height:24px}
.brand-mark i:nth-child(3){height:17px}
.site-header nav{display:flex;gap:24px}
.site-header nav a{font-size:12px;color:var(--muted);text-decoration:none}
.site-header nav a:hover{color:var(--ink)}
.header-live{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:10px;
  white-space:nowrap;
}
.header-live i,.global-status i{
  width:8px;height:8px;border-radius:50%;background:#667268;
}
.header-live b{font-weight:500;color:var(--muted)}
.header-live.ok i,.global-status.ok i{background:var(--green)}
.header-live.warn i,.global-status.warn i{background:var(--amber)}
.header-live.error i,.global-status.error i{background:var(--red)}
.hero{
  min-height:680px;
  padding:100px clamp(22px,7vw,116px) 84px;
  display:grid;
  grid-template-columns:1.15fr .65fr;
  align-items:center;
  gap:80px;
  background:
    radial-gradient(circle at 84% 20%,rgba(182,214,138,.12),transparent 28%),
    linear-gradient(180deg,#101512 0%,#111914 100%);
}
.overline{
  margin:0 0 13px;
  color:var(--green);
  font-size:10px;
  font-weight:750;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hero h1{
  margin:0 0 30px;
  font-size:clamp(50px,7.2vw,102px);
  font-weight:540;
  letter-spacing:-.068em;
  line-height:.92;
}
.hero h1 em{font-style:normal;color:var(--green)}
.hero-copy{
  max-width:780px;
  color:var(--muted);
  font-size:18px;
  line-height:1.75;
}
.hero-actions{display:flex;gap:10px;margin-top:34px}
.primary-button,.secondary-button,.history-controls button,.csv-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:8px;
  text-decoration:none;
  cursor:pointer;
}
.primary-button,.history-controls button{
  border:1px solid var(--green);
  background:var(--green);
  color:#172014;
  font-weight:700;
}
.secondary-button,.csv-button{
  border:1px solid var(--line);
  background:transparent;
  color:var(--ink);
}
.now-panel{
  padding:30px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(25,35,29,.82);
  box-shadow:var(--shadow);
}
.now-head{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:.1em}
.now-panel>strong{display:block;margin:28px 0 13px;font-size:28px;letter-spacing:-.035em}
.now-panel>p{color:var(--muted);font-size:13px;line-height:1.7}
.now-sources{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}
.now-sources span{
  display:flex;align-items:center;gap:8px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--muted);
  font-size:10px;
}
.now-sources i{width:7px;height:7px;border-radius:50%;background:#67746a}
.now-sources span.ok i{background:var(--green)}
.now-sources span.warn i{background:var(--amber)}
.now-sources span.error i{background:var(--red)}
.update-bar{
  padding:16px clamp(22px,7vw,116px);
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:30px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#121a15;
  font-size:11px;
}
.global-status{display:flex;align-items:center;gap:9px}
.update-bar>div:nth-child(2){display:flex;gap:9px}
.update-bar span{color:var(--muted)}
.update-bar button{
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:7px;
  background:transparent;
  cursor:pointer;
}
.update-bar button:hover{border-color:var(--green)}
.section{
  padding:96px clamp(22px,7vw,116px);
  border-bottom:1px solid var(--line);
}
.section-heading{
  margin-bottom:42px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:50px;
}
.section-heading h2{
  margin:0;
  font-size:clamp(34px,4.4vw,62px);
  font-weight:540;
  letter-spacing:-.055em;
  line-height:1;
}
.section-heading>p{
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}
.live-section{background:#121915}
.metric-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.metric-card{
  min-height:222px;
  padding:23px;
  text-align:left;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
  cursor:pointer;
  transition:transform .18s,border-color .18s,background .18s;
}
.metric-card:hover{
  transform:translateY(-3px);
  border-color:rgba(182,214,138,.45);
  background:var(--panel-2);
}
.metric-card.accent{background:#232a1d}
.metric-card>span{font-size:11px;color:var(--muted)}
.metric-card strong{display:flex;align-items:baseline;gap:8px;margin:25px 0 18px}
.metric-card strong em{
  font-style:normal;
  font-size:clamp(36px,4vw,56px);
  line-height:1;
  letter-spacing:-.06em;
  font-weight:580;
}
.metric-card strong small{font-size:11px;color:var(--green)}
.metric-card p{margin:0;color:#839187;font-size:10px;line-height:1.55}
.reference-line{
  height:8px;
  margin-bottom:15px;
  border-radius:999px;
  background:rgba(255,255,255,.065);
  overflow:hidden;
}
.reference-line i{
  display:block;height:100%;width:0;
  border-radius:999px;background:var(--green);
  transition:width .5s;
}
.accent .reference-line i{background:var(--amber)}
.frequency-scale{
  position:relative;height:12px;margin:24px 0 17px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--amber),var(--green) 35% 65%,var(--amber));
}
.frequency-scale b{
  position:absolute;top:17px;font-size:8px;color:#748178;font-weight:500;
}
.frequency-scale b:first-child{left:0}
.frequency-scale b:last-child{right:0}
.frequency-scale i{
  position:absolute;top:-5px;left:50%;
  width:3px;height:22px;background:var(--ink);
  box-shadow:0 0 0 3px var(--panel);
  transition:left .45s;
}
.live-layout{
  margin-top:14px;
  display:grid;
  grid-template-columns:1.45fr .55fr;
  gap:12px;
}
.data-panel{
  padding:25px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel);
}
.panel-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:25px;
  margin-bottom:22px;
}
.panel-heading h3{margin:0;font-size:17px;font-weight:620}
.panel-heading p{margin:5px 0 0;color:var(--muted);font-size:10px}
.panel-heading a{font-size:10px;color:var(--green);text-decoration:none}
.legend{display:flex;flex-wrap:wrap;gap:13px;color:var(--muted);font-size:9px}
.legend span{display:flex;align-items:center;gap:6px}
.legend i{width:18px;height:3px;background:var(--green)}
.legend .forecast{background:var(--amber)}
.legend .production{background:var(--teal)}
.legend .water{background:var(--teal)}
.legend .temperature{background:var(--terra)}
.chart{display:block;width:100%;height:auto;overflow:visible}
.chart text{fill:#819087;font-size:10px}
.chart-grid{stroke:rgba(235,240,229,.1);stroke-width:1}
.chart-load{fill:none;stroke:var(--green);stroke-width:3}
.chart-forecast{fill:none;stroke:var(--amber);stroke-width:2;stroke-dasharray:7 7}
.chart-production{fill:none;stroke:var(--teal);stroke-width:3}
.chart-secondary{fill:none;stroke:var(--terra);stroke-width:2.5}
.chart-area{fill:rgba(182,214,138,.07)}
.mix-list{display:grid;gap:10px}
.mix-item{font-size:11px}
.mix-item>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}
.mix-item span:last-child{color:var(--muted)}
.mix-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.mix-bar i{display:block;height:100%;border-radius:inherit;background:var(--green)}
.empty{color:var(--muted);font-size:12px}
.flow-section{background:#0f1612}
.flow-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:12px;
}
.map-panel{
  position:relative;
  min-height:610px;
  border:1px solid var(--line);
  border-radius:15px;
  background:
    radial-gradient(circle at 48% 48%,rgba(182,214,138,.09),transparent 35%),
    #151e19;
  overflow:hidden;
}
.map-panel>img,.flow-lines{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
}
.map-panel>img{opacity:.9}
.flow-lines{pointer-events:none}
.flow-lines path{
  fill:none;
  stroke:#75817a;
  stroke-width:3;
  stroke-dasharray:8 9;
  opacity:.1;
}
.flow-lines path.active{opacity:.78;animation:flowDash 2s linear infinite}
.flow-lines path.import{stroke:var(--terra);marker-end:url(#arrowImport)}
.flow-lines path.export{stroke:var(--teal);marker-start:url(#arrowExport);animation-direction:reverse}
.flow-lines marker path{fill:context-stroke}
@keyframes flowDash{to{stroke-dashoffset:-34}}
.country-nodes{position:absolute;inset:0}
.country-nodes button{
  position:absolute;
  transform:translate(-50%,-50%);
  min-width:104px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(17,24,20,.92);
  text-align:left;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.country-nodes button:hover{border-color:var(--green)}
.country-nodes button.import{border-color:rgba(225,132,98,.55)}
.country-nodes button.export{border-color:rgba(102,196,173,.55)}
.country-nodes b{display:inline-block;margin-right:5px;color:var(--green);font-size:10px}
.country-nodes span{font-size:10px;color:var(--muted)}
.country-nodes strong{display:block;margin-top:5px;font-size:14px}
.country-nodes small{font-size:8px;color:#7c8a80}
.country-nodes button.import small{color:var(--terra)}
.country-nodes button.export small{color:var(--teal)}
.map-center{
  position:absolute;
  left:48%;top:51%;
  transform:translate(-50%,-50%);
  padding:14px 18px;
  border:1px solid rgba(182,214,138,.45);
  border-radius:9px;
  background:rgba(17,25,20,.93);
  text-align:center;
  pointer-events:none;
}
.map-center span{display:block;font-size:8px;letter-spacing:.13em;color:var(--green)}
.map-center strong{display:block;margin:4px 0;font-size:20px}
.map-center small{font-size:8px;color:var(--muted)}
.flow-summary{display:grid;gap:10px}
.flow-summary article{
  padding:22px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
}
.flow-summary span{font-size:10px;color:var(--muted)}
.flow-summary strong{display:block;margin:10px 0;font-size:27px;letter-spacing:-.045em}
.flow-summary p{margin:0;color:#839188;font-size:10px;line-height:1.6}
.flow-summary .explain-card{background:#20281d}
.flow-table-panel{margin-top:12px}
.source-tag{
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:9px;
}
.flow-table-wrap{overflow-x:auto}
.flow-table{width:100%;border-collapse:collapse;font-size:11px}
.flow-table th{
  padding:11px 12px;
  text-align:left;
  color:var(--muted);
  font-size:9px;
  font-weight:600;
  border-bottom:1px solid var(--line);
}
.flow-table td{padding:14px 12px;border-bottom:1px solid var(--line)}
.flow-table tr:last-child td{border-bottom:0}
.flow-table button{
  padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer;
}
.direction{display:inline-flex;align-items:center;gap:6px}
.direction i{width:7px;height:7px;border-radius:50%}
.direction.import i{background:var(--terra)}
.direction.export i{background:var(--teal)}
.paks-section{background:#121915}
.paks-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:12px}
.block-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.block-grid>div{
  padding:20px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#151e19;
}
.block-grid span,.water-kpis span{font-size:10px;color:var(--muted)}
.block-grid strong,.water-kpis strong{display:block;margin:10px 0;font-size:27px}
.block-grid>div>div{height:7px;border-radius:999px;background:rgba(255,255,255,.06)}
.block-grid i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .5s}
.block-grid small,.water-kpis small{font-size:8px;color:#738178}
.source-note{margin:18px 0 0;color:var(--muted);font-size:10px;line-height:1.65}
.water-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.water-kpis>div{padding:18px;border:1px solid var(--line);border-radius:9px;background:#151e19}
.water-kpis>div:first-child{grid-column:1/-1}
.temp-reference{margin:25px 0}
.temp-reference>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}
.temp-reference>div:last-child{
  position:relative;height:9px;margin-top:8px;border-radius:999px;
  background:linear-gradient(90deg,var(--teal),var(--green) 45%,var(--amber) 75%,var(--terra));
}
.temp-reference i{
  position:absolute;left:0;top:-5px;width:3px;height:19px;background:var(--ink);
  box-shadow:0 0 0 3px var(--panel);transition:left .5s;
}
.assessment{margin:0;padding:13px;border:1px solid rgba(182,214,138,.2);border-radius:8px;background:rgba(182,214,138,.06);font-size:11px;line-height:1.6}
.water-history-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:12px}
.forecast-list{display:grid;gap:7px}
.forecast-item{
  display:grid;grid-template-columns:1fr auto;gap:8px;
  padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#151e19;
}
.forecast-item span{font-size:10px;color:var(--muted)}
.forecast-item strong{font-size:13px}
.history-section{background:#0f1612}
.history-controls{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr auto auto;
  gap:10px;
  align-items:end;
  padding:18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
}
.history-controls label{
  display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:9px;
}
.history-controls select,.history-controls input{
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:7px;
  padding:0 11px;
  background:#121914;
  color:var(--ink);
  color-scheme:dark;
}
.csv-button{font-size:11px}
.preset-row{display:flex;gap:7px;margin:10px 0 12px}
.preset-row button{
  padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-size:10px;
}
.preset-row button:hover{border-color:var(--green)}
.history-panel{min-height:500px}
.history-stats{display:flex;flex-wrap:wrap;gap:7px}
.history-stats span{
  padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;
}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.knowledge-grid article{
  min-height:230px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--panel);
}
.knowledge-grid span{color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.knowledge-grid h3{margin:18px 0 10px;font-size:18px}
.knowledge-grid p{color:var(--muted);font-size:11px;line-height:1.7}
.sources-section{background:#121915}
.source-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.source-card{
  padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);
}
.source-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.source-card h3{margin:0;font-size:13px}
.source-card .status-dot{width:9px;height:9px;border-radius:50%;background:#67736b}
.source-card.ok .status-dot{background:var(--green)}
.source-card.warn .status-dot{background:var(--amber)}
.source-card.error .status-dot{background:var(--red)}
.source-card p{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.source-card b{font-weight:600;color:var(--ink)}
.methodology{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.methodology article{padding:20px;border-top:1px solid var(--line)}
.methodology b{font-size:12px}
.methodology p{color:var(--muted);font-size:10px;line-height:1.7}
.methodology a{color:var(--green);font-size:10px;text-decoration:none}
.modal[hidden]{display:none}
.modal{
  position:fixed;inset:0;z-index:60;
  display:grid;place-items:center;padding:20px;
}
.modal-backdrop{position:absolute;inset:0;background:rgba(4,8,5,.8);backdrop-filter:blur(7px)}
.modal-box{
  position:relative;
  width:min(740px,100%);
  max-height:88vh;
  overflow:auto;
  padding:34px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#19231d;
  box-shadow:var(--shadow);
}
.modal-box>button{
  position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;cursor:pointer;
}
.modal-box h2{margin:0 0 20px;font-size:34px;letter-spacing:-.045em}
.modal-box p,.modal-box li{color:var(--muted);font-size:12px;line-height:1.75}
.modal-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}
.modal-kpis div{padding:15px;border:1px solid var(--line);border-radius:8px}
.modal-kpis span{display:block;color:var(--muted);font-size:9px}
.modal-kpis strong{display:block;margin-top:7px;font-size:19px}
.modal-chart{margin-top:20px}
footer{
  padding:52px clamp(22px,7vw,116px);
  display:grid;
  grid-template-columns:1fr 1.5fr auto;
  gap:40px;
  align-items:center;
  color:var(--muted);
  font-size:10px;
}
footer p{line-height:1.7}
footer>a{color:var(--green);text-decoration:none}
@media(max-width:1120px){
  .site-header nav{display:none}
  .hero{grid-template-columns:1fr}
  .now-panel{max-width:700px}
  .metric-grid{grid-template-columns:1fr 1fr}
  .live-layout,.paks-layout,.water-history-layout{grid-template-columns:1fr}
  .flow-layout{grid-template-columns:1fr}
  .flow-summary{grid-template-columns:repeat(3,1fr)}
  .flow-summary .explain-card{grid-column:1/-1}
  .history-controls{grid-template-columns:1fr 1fr 1fr}
  .source-cards{grid-template-columns:1fr 1fr}
  .methodology{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .site-header{min-height:66px;padding:0 16px}
  .header-live span,.header-live b{display:none}
  .hero{min-height:auto;padding:72px 18px 58px;gap:38px}
  .hero h1{font-size:51px}
  .hero-copy{font-size:15px}
  .hero-actions{flex-direction:column}
  .now-sources{grid-template-columns:1fr}
  .update-bar{grid-template-columns:1fr auto;padding:13px 18px}
  .update-bar>div:nth-child(2){display:none}
  .section{padding:68px 18px}
  .section-heading{align-items:flex-start;flex-direction:column;gap:20px}
  .metric-grid{grid-template-columns:1fr}
  .map-panel{min-height:470px}
  .country-nodes button{min-width:78px;padding:7px}
  .country-nodes span{display:none}
  .country-nodes strong{font-size:11px}
  .map-center{left:48%;top:51%;padding:10px}
  .flow-summary{grid-template-columns:1fr}
  .flow-summary .explain-card{grid-column:auto}
  .block-grid,.water-kpis{grid-template-columns:1fr}
  .water-kpis>div:first-child{grid-column:auto}
  .history-controls{grid-template-columns:1fr}
  .preset-row{overflow-x:auto;padding-bottom:4px}
  .preset-row button{white-space:nowrap}
  .knowledge-grid,.source-cards,.methodology{grid-template-columns:1fr}
  .modal-kpis{grid-template-columns:1fr}
  footer{grid-template-columns:1fr;gap:20px}
}


/* v5: source outage, news and resilient-data states */
.source-outage{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:-10px 0 22px;padding:18px 20px;border:1px solid rgba(224,178,88,.32);background:rgba(224,178,88,.08);border-radius:10px}.source-outage b{font-size:13px}.source-outage p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.source-outage a{flex:none;padding:10px 13px;border:1px solid rgba(224,178,88,.35);border-radius:7px;color:var(--text);text-decoration:none;font-size:11px}.news-section{background:#101713}.news-head{display:flex;align-items:center;justify-content:space-between;margin:-12px 0 18px;color:var(--muted);font-size:11px}.news-head button{border:1px solid var(--line);background:transparent;color:var(--text);padding:9px 12px;border-radius:7px;cursor:pointer}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.news-card{min-height:240px;display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.news-card>div{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.news-card h3{font-size:17px;line-height:1.35;margin:24px 0 12px}.news-card p{color:var(--muted);font-size:11px;line-height:1.65;margin:0 0 16px}.news-card a{margin-top:auto;color:var(--accent);font-size:11px;text-decoration:none}.source-card.warn p:last-child{color:#d8bd7d}@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.source-outage{align-items:flex-start;flex-direction:column}.news-grid{grid-template-columns:1fr}.news-head{align-items:flex-start;gap:12px;flex-direction:column}}