/* Shared presentation for the legacy WA website; original green/blue palette. */
:root { --wa-green:#006633; --wa-leaf:#669900; --wa-blue:#1749a2; --wa-line:#d5dfcd; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body.wa-site { box-sizing:border-box; max-width:1160px; margin:0 auto!important; padding:24px; background:#fff!important; color:#26382d; font:16px/1.75 system-ui,"Microsoft JhengHei","PingFang TC",sans-serif; overflow-wrap:anywhere; }
.wa-site *, .wa-site *::before, .wa-site *::after { box-sizing:border-box; }
.wa-site font, .wa-site td, .wa-site input, .wa-site select, .wa-site textarea { font-family:inherit!important; }
.wa-site font[size="1"], .wa-site font[size="2"] { font-size:0.95rem; }
.wa-site a { color:var(--wa-blue); text-underline-offset:3px; }
.wa-site a:hover { color:var(--wa-green); text-decoration:underline; }
.wa-site a:focus-visible, .wa-site input:focus-visible, .wa-site select:focus-visible, .wa-site textarea:focus-visible { outline:3px solid #669900; outline-offset:3px; }
.wa-site img { max-width:100%; height:auto; }
.wa-site table { max-width:100%!important; height:auto!important; border-collapse:collapse; }
.wa-site td { height:auto; overflow-wrap:anywhere; }
.wa-site p { margin:1em 0; }
.wa-site input:not([type="checkbox"]):not([type="radio"]), .wa-site select, .wa-site textarea { max-width:100%; min-height:44px; padding:8px 10px; border:1px solid #8b9f89; border-radius:5px; font-size:1rem; }
.wa-site input[type="submit"], .wa-site input[type="reset"], .wa-site button { cursor:pointer; min-height:44px; padding:8px 18px; }
.wa-header { border-top:5px solid var(--wa-leaf); margin-bottom:28px; }
.wa-brand { display:flex; align-items:center; gap:24px; padding:22px 0; color:var(--wa-green)!important; text-decoration:none!important; }
.wa-brand img { width:72px; height:auto; flex-shrink:0; }
.wa-brand strong { display:block; font-size:clamp(1.5rem,3vw,2rem); letter-spacing:.12em; }
.wa-brand span { display:block; font-size:1rem; letter-spacing:.035em; }
.wa-tagline { margin-left:auto; font-size:1.05rem; color:#527900; }
.wa-nav { display:flex; flex-wrap:wrap; gap:4px; padding:8px; border:1px solid var(--wa-line); border-radius:8px; background:#f3f8ed; }
.wa-nav a { display:block; padding:9px 14px; min-height:44px; font-weight:650; text-decoration:none; border-radius:4px; }
.wa-nav a:hover, .wa-nav a[aria-current="page"] { background:#dfeecb; color:var(--wa-green); }
.wa-community { display:flex; gap:12px 24px; flex-wrap:wrap; padding:12px 8px; border-bottom:1px solid var(--wa-line); font-size:.95rem; }
.wa-footer { clear:both; margin-top:36px; padding:22px 0; border-top:2px solid var(--wa-leaf); color:#51644e; font-size:.9rem; }
.wa-footer p { margin:.4em 0; }
.wa-home-title { color:var(--wa-green); font-size:1.5rem; margin:0 0 16px; }
.wa-home-grid { display:block; width:100%!important; }
.wa-home-grid > tbody { display:block; }
.wa-home-grid > tbody > tr { display:grid; grid-template-columns:1fr 1.65fr 1fr; gap:20px; align-items:start; }
.wa-home-panel { display:block; width:auto!important; min-width:0; background:#f6faef; border:1px solid var(--wa-line); border-radius:8px; padding:14px; }
.wa-home-panel:nth-child(2) { background:white; border-top:4px solid var(--wa-leaf); }
.wa-home-panel table, .wa-home-panel td, .wa-home-panel div { width:100%!important; height:auto!important; }
.wa-home-panel td { padding:5px; }
.wa-home-panel img { max-width:100%; }
.wa-home-panel td[background] { background-image:none; }
.wa-home-panel td[bgcolor="#669933"] a { color:white; }
.wa-home-panel td[bgcolor="#E4FFCA"] { background:#eef6df; }
.wa-home-panel td[bgcolor="#999999"] { background:#526e48; }
.wa-home-panel a { line-height:1.7; }
.wa-home-panel td[bgcolor] { background:#f3f8ed; }
.wa-home-panel td[bgcolor="#669933"], .wa-home-panel td[bgcolor="#CB34BF"], .wa-home-panel td[bgcolor="#999999"] { background:#5d852c; color:white; }
.wa-home-panel h3 { font-size:1rem; margin:.65em 0; }
.wa-section-links { display:flex; flex-wrap:wrap; gap:8px 20px; padding:14px; background:#f3f8ed; border:1px solid var(--wa-line); }
@media (max-width:760px) {
  body.wa-site { padding:12px; }
  .wa-brand { gap:14px; padding:18px 0; flex-wrap:wrap; }
  .wa-brand img { width:56px; }
  .wa-tagline { width:100%; margin:0; }
  .wa-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
  .wa-nav a { padding:9px; }
  .wa-home-grid > tbody > tr { grid-template-columns:minmax(0,1fr); }
  .wa-home-panel:nth-child(2) { grid-row:1; }
  .wa-site table { width:100%!important; }
  .wa-site td { min-width:0!important; }
  .wa-site form table, .wa-site form tbody, .wa-site form tr, .wa-site form td { display:block; width:100%!important; }
  .wa-site form td { padding:3px 0; }
  .wa-site iframe { max-width:100%; }
}
@media print { .wa-nav,.wa-community { display:none; } body.wa-site { max-width:none; padding:0; } }