/* Website-only styles. The organiser portal and existing Moon renderer are separate. */
#tas-future { --tw-ink:#17263b; --tw-muted:#5b6574; --tw-paper:#f8f9fb; --tw-line:#dfe4eb; --tw-gold:#e8d7b4; }
#tas-future .tf-header { background:#101c2e; }
#tas-future .tf-header .tf-brand { min-width:0; }
#tas-future .tf-header .tf-logo { flex-shrink:0; }
#tas-future .tf-header .tf-name { display:block; min-width:0; font-size:13px; line-height:1.4; letter-spacing:.15px; }
#tas-future .tf-header .tw-english-name { display:block; white-space:nowrap; }
#tas-future .tf-header .tw-maori-name {
  display:block;
  margin-top:4px;
  color:#c3cfdd;
  font-size:10.5px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:.15px;
  white-space:nowrap;
}
#tas-future .nav-join { background:var(--tw-gold); color:#17263b; }
#tas-future .tf-actions .tf-button { background:var(--tw-gold); color:#17263b; }
#tas-future .tf-cta { background:#e9edf4; color:var(--tw-ink); }
#tas-future .tf-cta .tf-button { background:var(--tw-ink); color:#fff; }
#tas-future .site-footer { background:#101c2e; }
#tas-future .tas-web { color:var(--tw-ink); background:var(--tw-paper); font-family:inherit; }
#tas-future .tas-web * { box-sizing:border-box; }
#tas-future .tas-web .tw-section { padding:55px 5%; margin:0; }
#tas-future .tas-web h1,#tas-future .tas-web h2,#tas-future .tas-web h3 { color:var(--tw-ink); font-family:inherit; font-weight:500; }
#tas-future .tas-web h2 { font-size:clamp(26px,3.2vw,38px); line-height:1.16; letter-spacing:-1.1px; margin:12px 0 18px; }
#tas-future .tas-web h3 { font-size:19px; line-height:1.35; letter-spacing:-.3px; margin:12px 0; }
#tas-future .tas-web p { font-size:14px; line-height:1.85; color:var(--tw-muted); margin:0 0 17px; }
#tas-future .tas-web p:last-child { margin-bottom:0; }
#tas-future .tas-web .tw-small { font-size:11px; line-height:1.75; color:var(--tw-muted); margin-top:15px; }
#tas-future .tas-web .tw-kicker { display:block; font-size:10px; font-weight:600; letter-spacing:1.3px; text-transform:uppercase; line-height:1.7; color:#657183; }
#tas-future .tas-web .tw-section-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; margin-bottom:24px; }
#tas-future .tas-web .tw-section-head h2 { margin-bottom:0; }
#tas-future .tas-web .tw-text-link { color:var(--tw-ink); font-size:12px; font-weight:600; text-decoration:underline; text-underline-offset:4px; line-height:1.8; }
#tas-future .tas-web .tw-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:46px; padding:13px 22px; border-radius:28px; background:var(--tw-ink); color:white; font-size:12px; font-weight:600; text-decoration:none; }
#tas-future .tas-web .tw-button:hover { filter:brightness(1.12); }
#tas-future .tas-web .tw-button-light { background:var(--tw-gold); color:var(--tw-ink); }
#tas-future .tas-web .tw-event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
#tas-future .tas-web .tw-event-card { padding:24px; border:1px solid var(--tw-line); border-radius:14px; background:white; min-width:0; overflow-wrap:anywhere; }
#tas-future .tas-web .tw-event-card h3 { margin-top:11px; }
#tas-future .tas-web .tw-status { display:inline-block; background:#f7ecd4; color:#715215; padding:5px 10px; border-radius:20px; font-size:10px; }
#tas-future .tas-web .tw-groups { background:#fff; }
#tas-future .tas-web .tw-group-intro { display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:center; }
#tas-future .tas-web .tw-group-intro img { width:100%; border-radius:16px; aspect-ratio:1.55; object-fit:cover; }
#tas-future .tas-web .tw-group-intro p { max-width:480px; }
#tas-future .tas-web .tw-group-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:38px; }
#tas-future .tas-web .tw-group-grid article { padding-top:22px; border-top:1px solid var(--tw-line); }
#tas-future .tas-web .tw-number { font-size:11px; color:#8a7041; }
#tas-future .tas-web .tw-sky-link { background:#17263b; display:flex; justify-content:space-between; align-items:center; gap:30px; }
#tas-future .tas-web .tw-sky-link h2 { color:#fff; }
#tas-future .tas-web .tw-sky-link p,#tas-future .tas-web .tw-sky-link .tw-kicker { color:#c0cbda; }
#tas-future .tas-web .tw-sky-link .tw-button { flex-shrink:0; }
#tas-future .tas-web .tw-sky-intro { background:#eef1f6; }
#tas-future .tas-web .tw-sky-intro h1 { font-size:clamp(48px,7vw,82px); line-height:1.05; letter-spacing:-3px; margin:18px 0 22px; }
#tas-future .tas-web .tw-sky-intro h1 span { color:#a1844d; }
#tas-future .tas-web .tw-sky-intro p { max-width:600px; }
#tas-future .tas-web .tw-jump-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
#tas-future .tas-web .tw-jump-links a { font-size:11px; color:var(--tw-ink); background:#fff; border:1px solid var(--tw-line); border-radius:22px; padding:10px 16px; text-decoration:none; }
#tas-future .tas-web .tw-local-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
#tas-future .tas-web .tw-panel { border:1px solid var(--tw-line); border-radius:16px; padding:28px; background:#fff; min-width:0; }
#tas-future .tas-web .tw-panel h2 { font-size:26px; }
#tas-future .tas-web .tw-temperature { display:flex; align-items:center; gap:20px; margin:25px 0; }
#tas-future .tas-web .tw-temperature>strong { font-size:56px; font-weight:500; line-height:1; letter-spacing:-2px; }
#tas-future .tas-web .tw-temperature>span { font-size:13px; color:var(--tw-muted); }
#tas-future .tas-web .tw-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; padding:22px 0; border-top:1px solid var(--tw-line); border-bottom:1px solid var(--tw-line); }
#tas-future .tas-web .tw-metrics span { display:block; color:var(--tw-muted); font-size:10px; margin-bottom:8px; }
#tas-future .tas-web .tw-metrics strong { display:block; font-size:20px; font-weight:500; }
#tas-future .tas-web .large-moon { margin:24px 0; }
#tas-future .tas-web .large-moon p { margin:0; }
#tas-future .tas-web .sky-line { font-size:12px; }
#tas-future .tas-web .planet-item { padding:22px; border:1px solid var(--tw-line); border-radius:13px; background:white; }
#tas-future .tas-web .planet-item h3 { margin-top:0; }
#tas-future .tas-web .planet-item p { font-size:12px; }
#tas-future .tas-web .tw-sun { background:#fff; }
#tas-future .tas-web .tw-solar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:28px; }
#tas-future .tas-web .tw-solar-grid figure { margin:0; min-width:0; }
#tas-future .tas-web .tw-solar-grid a { display:flex; align-items:center; justify-content:center; min-height:160px; aspect-ratio:1; background:#090d15; border-radius:14px; overflow:hidden; }
#tas-future .tas-web .tw-solar-grid img { width:100%; height:100%; object-fit:contain; }
#tas-future .tas-web .tw-solar-grid img[hidden] { display:none; }
#tas-future .tas-web .tw-solar-grid figcaption { padding:17px 0 0; font-size:11px; line-height:1.8; color:var(--tw-muted); }
#tas-future .tas-web .tw-solar-grid figcaption strong { display:block; color:var(--tw-ink); font-size:16px; font-weight:500; }
#tas-future .tas-web .tw-solar-grid figcaption span { display:block; }
#tas-future .tas-web .tw-space-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
#tas-future .tas-web .tw-space-grid article>span { display:block; font-size:12px; color:var(--tw-muted); }
#tas-future .tas-web .tw-space-grid article>strong { display:block; font-size:32px; font-weight:500; margin-top:17px; }
@media(max-width:980px) {
  #tas-future .tf-header { flex-wrap:wrap; gap:13px; }
  #tas-future .tf-header .tf-brand { flex:1 1 0; }
  #tas-future .tf-header .tf-name { max-width:none; }
  #tas-future .menu-toggle { display:block; margin-left:auto; }
  #tas-future .tf-nav { display:none; width:100%; flex-wrap:wrap; gap:18px; padding:15px 0 4px; }
  #tas-future .tf-nav.is-open { display:flex; }
  #tas-future .tas-web .tw-group-intro { gap:30px; }
}
@media(max-width:560px) {
  #tas-future .tf-header { gap:8px; }
  #tas-future .tf-header .tf-brand { gap:8px; }
  #tas-future .tf-header .tf-logo { width:64px; height:40px; }
  #tas-future .tf-header .tf-name { font-size:12.5px; letter-spacing:0; }
  #tas-future .tf-header .tw-maori-name { font-size:9.5px; line-height:1.45; margin-top:4px; }
  #tas-future .tf-header .menu-toggle { width:44px; min-width:44px; height:44px; padding:8px; font-size:0; }
  #tas-future .tf-header .menu-toggle span { font-size:18px; line-height:1; }
}
@media(max-width:380px) {
  #tas-future .tf-header { gap:8px; }
  #tas-future .tf-header .tf-logo { width:40px; height:32px; }
  #tas-future .tf-header .tf-name { font-size:clamp(10.5px,3vw,11.5px); }
  #tas-future .tf-header .tw-maori-name { font-size:9px; letter-spacing:0; }
}
@media(max-width:760px) {
  #tas-future .tas-web .tw-section { padding:36px 5%; }
  #tas-future .tas-web .tw-event-grid,#tas-future .tas-web .tw-group-grid { grid-template-columns:1fr; gap:16px; }
  #tas-future .tas-web .tw-group-intro,#tas-future .tas-web .tw-local-grid { grid-template-columns:1fr; gap:24px; }
  #tas-future .tas-web .tw-solar-grid { grid-template-columns:1fr; gap:28px; max-width:460px; margin-left:auto; margin-right:auto; }
  #tas-future .tas-web .tw-space-grid { grid-template-columns:1fr; gap:14px; }
  #tas-future .tas-web .tw-panel { padding:22px; }
  #tas-future .tas-web .tw-sky-link { align-items:flex-start; flex-direction:column; }
  #tas-future .tas-web .tw-sky-intro h1 { letter-spacing:-2px; }
}