:root { --ink:#173742; --muted:#586f77; --line:#dce8e9; --paper:#f6faf9; --white:#fff; --brand:#007b8e; --aqua:#e9f7f8; --green:#277148; --amber:#835719; --red:#a43b36; --blue:#346a94; --gray:#65757a; }
    * { box-sizing:border-box; }
    body { margin:0; color:var(--ink); background:var(--paper); font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif; }
    a { color:var(--brand); text-decoration:none; text-underline-offset:4px; }
    a:hover { text-decoration:underline; }
    button,select { font:inherit; }
    button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid #21a4bb; outline-offset:4px; }
    .wrap { max-width:1040px; margin:0 auto; padding:0 32px; }
    header { display:flex; align-items:center; justify-content:space-between; padding:25px 0; gap:20px; border-bottom:1px solid var(--line); }
    .identity { display:flex; align-items:center; gap:15px; }
    .wordmark { font-size:31px; font-weight:850; letter-spacing:-1.8px; line-height:1; color:#00a8c2; }
    .site-label { padding-left:16px; border-left:1px solid #c8d9dc; font-size:14px; font-weight:600; }
    .back { font-size:13px; color:var(--muted); }
    .hero { padding:55px 0 35px; }
    .kicker { margin:0 0 14px; font-size:12px; color:var(--brand); font-weight:650; letter-spacing:1.8px; }
    .headline { display:flex; align-items:center; gap:15px; }
    .signal { width:34px; height:34px; flex:0 0 auto; border:1.5px solid currentColor; border-radius:50%; display:grid; place-items:center; color:var(--green); }
    .signal svg { width:19px; height:19px; }
    h1 { font-size:clamp(27px,4vw,39px); line-height:1.35; letter-spacing:-.8px; font-weight:650; margin:0; }
    .intro { margin:17px 0 0; max-width:700px; color:var(--muted); font-size:15px; }
    .freshness { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); margin-top:20px; }
    .fresh-dot { height:5px; width:5px; border-radius:50%; background:var(--green); }
    .bulletin { padding:23px 26px; margin:0 0 31px; background:#fff7e9; border:1px solid #eeddbd; border-radius:7px; }
    .bulletin.maintenance { background:#eef5fb; border-color:#cddfeb; }
    .bulletin.unconfirmed { background:#edf3f3; border-color:#d1dfe1; }
    .bulletin-top { display:flex; align-items:center; gap:10px; font-size:11px; color:var(--amber); margin-bottom:7px; }
    .bulletin.maintenance .bulletin-top { color:var(--blue); }
    .bulletin.unconfirmed .bulletin-top { color:var(--gray); }
    .bulletin h2 { font-size:17px; margin:0 0 9px; font-weight:650; }
    .bulletin p { margin:6px 0; font-size:14px; color:#535e5c; }
    .bulletin a { font-size:13px; display:inline-block; margin-top:8px; }
    .section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin:5px 0 15px; }
    .section-heading h2 { font-size:19px; font-weight:650; margin:0; }
    .section-heading span { color:var(--muted); font-size:12px; }
    .services { background:var(--white); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
    .service { display:flex; justify-content:space-between; gap:25px; align-items:center; padding:21px 25px; border-bottom:1px solid #e7eeee; }
    .service:last-child { border-bottom:0; }
    .service h3 { margin:0; font-size:16px; font-weight:600; }
    .service p { margin:3px 0 0; color:var(--muted); font-size:13px; }
    .service-state { white-space:nowrap; display:flex; align-items:center; gap:8px; color:var(--green); font-size:13px; font-weight:600; }
    .state-dot { width:6px; height:6px; background:currentColor; border-radius:50%; }
    .service-state.degraded { color:var(--amber); }
    .service-state.outage { color:var(--red); }
    .service-state.maintenance { color:var(--blue); }
    .service-state.unknown { color:var(--gray); }
    .reassurance { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; margin:13px 0 40px; }
    .past { padding:0 0 36px; }
    .past-empty { color:var(--muted); font-size:14px; padding:23px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .event { border-top:1px solid var(--line); padding:20px 0; }
    .event-date { color:var(--muted); font-size:12px; margin:0 0 8px; }
    .event h3 { font-size:16px; font-weight:600; margin:0 0 8px; }
    .event-badge { display:inline-block; font-size:11px; color:var(--amber); background:#fff0d8; padding:2px 8px; border-radius:3px; margin-left:8px; vertical-align:2px; }
    .timeline { list-style:none; margin:15px 0 0; padding:0 0 0 14px; border-left:1px solid #d7e3e5; }
    .timeline li { padding:0 0 15px 9px; font-size:13px; color:var(--muted); }
    .timeline li:last-child { padding-bottom:0; }
    .timeline strong { color:var(--ink); font-weight:600; }
    .support { background:var(--aqua); border-radius:7px; padding:25px 27px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
    .support h2 { font-size:17px; font-weight:650; margin:0 0 5px; }
    .support p { color:var(--muted); font-size:13px; margin:0; }
    .support a { border:1px solid #a2d1d9; border-radius:4px; padding:9px 17px; white-space:nowrap; font-size:13px; font-weight:600; background:#f5fcfc; }
    footer { display:flex; align-items:flex-start; justify-content:space-between; gap:32px; margin-top:35px; padding:24px 0 32px; border-top:1px solid var(--line); font-size:11px; color:var(--muted); }
    footer p { margin:0; max-width:690px; }
    .footer-brand { color:var(--brand); font-weight:650; white-space:nowrap; }
    [hidden] { display:none!important; }
    @media(max-width:650px) {
      .wrap { padding:0 21px; }
      header { padding:22px 0; }
      .wordmark { font-size:29px; }
      .site-label { font-size:13px; padding-left:12px; }
      .identity { gap:12px; }
      .back { font-size:12px; }
      .hero { padding:35px 0 29px; }
      .kicker { font-size:11px; letter-spacing:1.3px; }
      .signal { width:29px; height:29px; }
      .headline { gap:11px; }
      h1 { font-size:27px; letter-spacing:-.6px; }
      .intro { font-size:14px; margin-top:14px; }
      .freshness { align-items:flex-start; font-size:11px; gap:6px; }
      .fresh-dot { margin-top:7px; flex:0 0 auto; }
      .bulletin { padding:19px 20px; margin-bottom:27px; }
      .bulletin h2 { font-size:16px; }
      .bulletin p { font-size:13px; }
      .section-heading { margin-bottom:12px; }
      .section-heading h2 { font-size:18px; }
      .service { gap:14px; padding:19px 17px; align-items:flex-start; }
      .service h3 { font-size:15px; }
      .service p { font-size:12px; max-width:205px; }
      .service-state { font-size:12px; gap:5px; padding-top:2px; }
      .reassurance { font-size:11px; margin-bottom:31px; }
      .support { padding:21px; flex-direction:column; align-items:flex-start; gap:16px; }
      .support a { width:100%; text-align:center; }
      footer { gap:10px; flex-direction:column; margin-top:28px; }
    }
.header-actions { display:flex; align-items:center; gap:20px; }
.language-control select { min-height:44px; max-width:150px; padding:7px 28px 7px 10px; color:var(--ink); background:var(--white); border:1px solid var(--line); border-radius:4px; }
.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; }
.original-notice { color:var(--muted); font-size:12px; }
@media(max-width:650px) {
  header { flex-wrap:wrap; align-items:flex-start; gap:14px; }
  .header-actions { width:100%; justify-content:space-between; gap:12px; }
  .service > div:first-child { min-width:0; }
  .service-state { white-space:normal; max-width:125px; flex-shrink:0; }
  .state-dot { flex-shrink:0; }
  .headline h1 { min-width:0; overflow-wrap:anywhere; }
}