*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#33262a;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 0% 35%,#f5e0b9 0,transparent 24%),radial-gradient(circle at 100% 80%,#f5e3c7 0,transparent 27%),linear-gradient(180deg,#fff9ec,#fffdf8 58%,#fdf1db)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1400px;margin:auto;padding:0 20px}.masthead{background:linear-gradient(110deg,#650018,#8c1030 45%,#480014);color:#fff;position:relative;overflow:hidden}.masthead:after{content:'';position:absolute;right:-8%;top:-130px;width:480px;height:350px;border:30px solid #e6b35a22;transform:rotate(-30deg);border-radius:60px}.headrow{min-height:152px;display:flex;align-items:center;gap:23px;position:relative;z-index:1}.brandlogo{width:102px;height:102px;object-fit:contain;background:#fff;border:4px solid #edc16b;border-radius:50%;padding:5px;box-shadow:0 4px 18px #0004}.brand h1{font-family:Georgia,serif;font-size:clamp(23px,3vw,38px);margin:0;line-height:1.1}.brand small{font-size:17px;color:#ffdc9b;font-weight:600;display:block;margin-top:12px;font-style:italic}.headlogin{margin-left:auto;white-space:nowrap;background:#520013;border:1px solid #e5b65b;padding:15px 20px;border-radius:8px;font-weight:700}.headlogin:hover{background:#a41d39;text-decoration:none}.goldnav{background:linear-gradient(#ffe2a0,#dbab51);box-shadow:0 4px 13px #4b001b35;border-bottom:3px solid #fff0c8}.navrow{display:flex;align-items:center;flex-wrap:wrap;gap:0}.navrow>a,.navrow details>summary{display:block;padding:17px 19px;font-weight:bold;font-size:14px;cursor:pointer;color:#3e1019}.navrow>a:hover,.navrow details>summary:hover{background:#7b0622;color:#fff;text-decoration:none}.navrow details{position:relative}.navrow details>summary{list-style:none}.navrow details>summary::-webkit-details-marker{display:none}.dropdown{position:absolute;z-index:20;min-width:260px;top:100%;left:0;background:#fff8e9;border:1px solid #e5c27b;box-shadow:0 10px 20px #0002;border-radius:0 0 10px 10px}.dropdown a{display:block;padding:12px 15px;border-bottom:1px solid #f1e3cb;color:#520013;font-size:13px}.dropdown a:hover{background:#fce9c1}.page{padding-top:18px;padding-bottom:22px}.layout{display:grid;grid-template-columns:260px minmax(0,1fr) 310px;gap:15px;align-items:start}.card{background:#fffdfa;border:1px solid #f0ddbb;border-radius:12px;box-shadow:0 4px 14px #552b1420;overflow:hidden;margin-bottom:15px}.card h2{background:linear-gradient(105deg,#71021d,#980e2c);color:#fff;font-size:18px;margin:0;padding:14px 17px}.card h2 small{font-size:12px;font-weight:normal}.menulist{list-style:none;margin:0;padding:8px 12px}.menulist li{border-bottom:1px solid #f1e7d8}.menulist li:last-child{border:0}.menulist a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 6px;font-size:14px}.menulist a:after{content:'›';font-size:24px;color:#a05c16}.menulist a:hover{color:#8a0026;text-decoration:none;background:#fff4e4}.hero{background:linear-gradient(130deg,#7b0527,#f8df9e);padding:8px;border-radius:12px;box-shadow:0 6px 20px #552b1430}.hero-inner{height:275px;position:relative;background:#fff8e9;border-radius:8px;overflow:hidden}.hero img{width:100%;height:100%;object-fit:contain;display:block}.hero .caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#4b001dcf);color:#fff;padding:28px 16px 13px;font-size:14px;font-weight:bold}.hero .slides{height:100%}.hero .slides>div{height:100%;display:none}.hero .slides>div.active{display:block}.hero button{position:absolute;top:44%;border:1px solid #ffdb91;background:#68001edb;color:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:22px}.hero .prev{left:8px}.hero .next{right:8px}.welcome{margin-top:15px;padding:22px;background:linear-gradient(115deg,#fffaf1,#fff);border:1px solid #eed6ab;border-radius:12px}.welcome h2{font-family:Georgia,serif;color:#73001f;font-size:26px;margin:0 0 8px}.welcome p{font-size:14px;line-height:1.6;margin:0;color:#654e43}.badge{background:#ed163b;color:#fff;border-radius:6px;font-size:10px;font-weight:900;padding:4px 7px;animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:.22}}@media(prefers-reduced-motion:reduce){.badge{animation:none}}.quick{margin-top:4px}.quickgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:12px}.quickgrid a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;gap:10px;text-align:center;padding:10px 6px;border:2px solid #f0c77c;border-radius:10px;background:linear-gradient(#fffdf8,#fff2dc);font-size:13px;font-weight:700;color:#4e1821}.quickgrid a:hover{background:#fbe1ae;text-decoration:none;transform:translateY(-2px)}.quickgrid a.primary{background:linear-gradient(145deg,#9c1438,#5e001a);color:#fff;border-color:#b77148}.quickgrid .icon{font-size:25px}.lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:4px}.lower .card{margin-bottom:0}.lower .card p{padding:12px 15px;font-size:14px;line-height:1.55;margin:0}.lower .menulist a{font-size:13px}.info{padding:13px 16px;font-size:13px;line-height:1.8}.info strong{color:#73001f}.foot{background:linear-gradient(100deg,#510014,#810723);color:#ffe5b7;border-top:4px solid #e7b35e;padding:24px 0;text-align:center;font-size:13px}.foot a{color:#fff}.foot p{margin:8px}.statnote{font-size:11px;color:#6e605d;margin-top:7px}.notice{padding:12px 14px;font-size:13px;line-height:1.5;background:#fff4de;border-left:4px solid #bf842e}.site-label{font-size:11px;letter-spacing:1.5px;color:#a35d20;font-weight:bold;margin:3px 0 14px;text-align:center}@media(max-width:1100px){.layout{grid-template-columns:220px minmax(0,1fr)}.rightcol{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.rightcol .card{margin-bottom:0}.quickgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wrap{padding:0 12px}.headrow{min-height:0;padding-top:20px;padding-bottom:20px;gap:12px;flex-wrap:wrap}.brandlogo{width:70px;height:70px}.brand h1{font-size:21px}.brand small{font-size:12px}.headlogin{margin:0 auto;padding:10px 18px}.navrow>a,.navrow details>summary{padding:11px 12px;font-size:12px}.dropdown{position:fixed;top:auto;left:10px;right:10px}.layout{display:flex;flex-direction:column}.layout>*{width:100%}.centercol{order:0}.leftcol{order:1}.rightcol{order:2;display:block}.hero-inner{height:225px}.quickgrid{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}.lower .card{margin-bottom:0}.card h2{font-size:16px}}
/* Responsive update 2026-10-16: banner, header, phone layout */
.headrow{min-height:118px;padding-top:13px;padding-bottom:13px}
.brandlogo{width:82px;height:82px;flex-shrink:0}
.brand{min-width:0}.brand h1{font-size:clamp(21px,2.5vw,33px);line-height:1.12}
.brand small{font-size:clamp(11px,1.2vw,15px);margin-top:7px}
.headlogin{padding:12px 16px}
/* Match the existing 466 x 200 banner proportions; no clipping. */
.hero-inner{height:auto;aspect-ratio:466 / 200;max-height:390px}
.hero .slides,.hero .slides>div{height:100%}
.hero img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff8e9}
@media(max-width:1100px){.layout{grid-template-columns:220px minmax(0,1fr)}.centercol{min-width:0}}
@media(max-width:700px){
 html,body{width:100%;max-width:100%;overflow-x:hidden}
 .wrap{padding-left:12px;padding-right:12px}
 .headrow{min-height:0;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:10px;row-gap:10px;padding-top:12px;padding-bottom:12px}
 .brandlogo{width:58px;height:58px;border-width:2px;padding:2px}
 .brand h1{font-size:clamp(17px,4.5vw,23px);line-height:1.13}
 .brand h1 br{display:none}
 .brand small{font-size:11px;line-height:1.35;margin-top:5px}
 .headlogin{grid-column:1/-1;justify-self:start;margin:0;padding:9px 14px;font-size:13px}
 .goldnav .wrap{padding:0 8px}
 .navrow{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .navrow>a,.navrow details>summary{white-space:nowrap;padding:12px 13px;font-size:13px}
 .navrow details{position:static}
 .dropdown{position:fixed;top:unset;left:12px;right:12px;max-height:65vh;overflow:auto;z-index:100}
 .site-label{font-size:9px;line-height:1.6;letter-spacing:1px;margin-bottom:10px}
 .layout{display:flex;flex-direction:column;gap:10px}.layout>*{width:100%;min-width:0}
 .centercol{order:0}.leftcol{order:1}.rightcol{order:2;display:block}
 .hero{padding:5px}.hero-inner{height:auto;aspect-ratio:466 / 200;max-height:none}
 .hero .caption{font-size:11px;padding:16px 8px 7px}
 .hero button{width:29px;height:29px;font-size:18px;top:43%}
 .welcome{padding:15px;margin-top:10px}.welcome h2{font-size:22px}
 .quickgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}
 .quickgrid a{min-height:82px;font-size:12px}
 .lower{grid-template-columns:1fr;gap:10px}.card{margin-bottom:10px}
}
@media(min-width:701px) and (max-width:950px){.headrow{gap:12px}.headlogin{padding:10px}.brandlogo{width:70px;height:70px}.hero-inner{max-height:360px}}

/* Mobile and tablet usability refinement — 16 Oct 2026.
   Visual theme, content order within sections, and Quick Links placement unchanged. */
@media (max-width: 1024px) {
  .layout { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
  .centercol { grid-row:1; min-width:0; }
  .leftcol { grid-row:2; min-width:0; }
  .rightcol { grid-row:3; min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .leftcol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
  .leftcol .card,.rightcol .card { margin-bottom:0; }
  .headrow { min-height:0; }
  .navrow { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
  .navrow > a,.navrow details > summary { white-space:nowrap; }
  .quickgrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 700px) {
  .layout { display:flex; flex-direction:column; }
  .centercol { order:0; }
  .leftcol { order:1; display:block; }
  .rightcol { order:2; display:block; }
  .leftcol .card,.rightcol .card { margin-bottom:10px; }
  .quickgrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand { min-width:0; }
  .brand h1 { overflow-wrap:break-word; }
  .headlogin { max-width:100%; }
  .hero-inner { aspect-ratio:466 / 200; }
  .hero img { object-fit:contain; }
  .foot { line-height:1.7; }
}
@media (max-width: 390px) {
  .brand h1 { font-size:16px; }
  .brand small { font-size:10px; }
  .quickgrid a { min-height:80px; }
}