*{box-sizing:border-box}html{background:#030303}body{margin:0;color:#f7f2e9;background:radial-gradient(ellipse at top,#1e1406 0%,#050505 32%,#000 85%);font-family:Georgia,serif;min-height:100vh}.calendar-page{max-width:800px;margin:auto;padding:18px 9px 35px}.brand{display:flex;align-items:center;justify-content:center;position:relative;min-height:86px;text-align:center}.brand h1{font:700 clamp(26px,6vw,48px) 'Playfair Display',Georgia,serif;color:#f6f2f0;text-shadow:0 0 8px #aaa;margin:0 0 6px}.brand small{font:10px Arial,sans-serif;letter-spacing:3px}.back{position:absolute;left:4px;top:12px;color:#fff;text-decoration:none;font:44px/40px Arial;border:1px solid #c49a46;border-radius:50%;width:45px;height:45px}.page-title{margin:14px 0 12px;text-align:center;color:#f2c66c;letter-spacing:4px;font-size:26px;border:1px solid #bd8c37;border-radius:28px;padding:8px;background:linear-gradient(#251a0a,#030303);box-shadow:0 0 10px #9e6e2444}.month-nav{display:flex;justify-content:space-between;align-items:center;border:1px solid #ba8735;border-radius:28px;padding:5px 12px;color:#f6d18b;margin-bottom:10px}.month-nav strong{font-size:20px}.month-nav button{background:#0c0a06;border:1px solid #d3a14b;color:#f7d38c;border-radius:50%;height:38px;width:38px;font-size:30px;line-height:25px;cursor:pointer}.month-nav button:disabled{opacity:.25}.info{font:12px Arial,sans-serif;text-align:center;color:#d0b88c;min-height:16px;margin:7px}.table-scroll{overflow-x:auto;border:2px solid #dbac4b;border-radius:15px;box-shadow:0 0 12px #d5a13e66;padding:5px;background:#070604}table{width:100%;border-collapse:separate;border-spacing:2px;table-layout:fixed}th{background:#130f08;color:#e9bc62;font-size:clamp(10px,2.6vw,16px);padding:12px 0;border-bottom:1px solid #b78534}td{background:linear-gradient(150deg,#151515,#030303);border:1px solid #71572f;border-radius:6px;text-align:center;font-weight:bold;font-size:clamp(13px,3.5vw,24px);height:49px;color:#fff}td.date{font-size:clamp(10px,2.7vw,15px);width:18%}td.date small{display:block;color:#ddd;font-size:11px;font-weight:normal}td.closed{color:#e9bc62;letter-spacing:5px;background:linear-gradient(90deg,#201706,#080706,#201706)}td.pending{color:#777}tr.today td.date{border-color:#ffda75;box-shadow:inset 0 0 6px #ad7b27}.footnote{text-align:center;font:12px Arial,sans-serif;color:#a99778;margin-top:18px}@media(max-width:390px){.calendar-page{padding-left:4px;padding-right:4px}.brand small{letter-spacing:1.5px}td{height:44px}table{border-spacing:1px}}
/* Compact 21-day mobile screenshot layout: same height for CLOSED and result rows. */
@media(max-width:600px){
 .calendar-page{padding:5px 5px 9px}
 .brand{min-height:38px}
 .brand h1{font-size:clamp(19px,5vw,27px);margin:0}
 .brand small{font-size:7px;letter-spacing:1.3px}
 .back{top:2px;left:2px;width:29px;height:29px;font-size:30px;line-height:25px}
 .page-title{font-size:17px;letter-spacing:3px;padding:4px;margin:5px 0 5px}
 .month-nav{padding:2px 8px;margin-bottom:4px}
 .month-nav strong{font-size:15px}
 .month-nav button{width:26px;height:26px;font-size:23px;line-height:19px}
 .info{margin:0;min-height:0;font-size:10px}
 .info:empty{display:none}
 .table-scroll{padding:2px;border-width:1px;border-radius:11px;box-shadow:0 0 7px #d5a13e55}
 table{border-spacing:1px}
 th{font-size:clamp(9px,2.3vw,12px);padding:5px 0}
 td{height:26px;font-size:clamp(11px,3vw,15px);border-radius:3px;line-height:1.05;padding:0}
 td.date{font-size:clamp(9px,2.4vw,12px)}
 td.date small{font-size:9px;line-height:1.05}
 td.closed{height:26px;font-size:12px;letter-spacing:3px}
 .footnote{font-size:9px;margin-top:5px}
}

/* Original Mega Burma New logo flanking the existing title, no extra header height. */
.brand-center{display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.8vw,12px);width:100%;padding:0 48px}
.brand-copy{min-width:0;flex:0 1 auto}
.brand-logo{display:block;width:clamp(30px,7vw,48px);height:clamp(30px,7vw,48px);object-fit:contain;flex-shrink:0}
@media(max-width:600px){.brand-center{padding:0 35px;gap:5px}.brand-logo{width:clamp(27px,7vw,35px);height:clamp(27px,7vw,35px)}.brand h1{font-size:clamp(17px,4.7vw,27px);white-space:nowrap}.brand small{white-space:nowrap;font-size:clamp(5px,1.45vw,7px);letter-spacing:clamp(.4px,.24vw,1.3px)}}
@media(max-width:350px){.brand-center{padding:0 30px;gap:3px}.brand-logo{width:25px;height:25px}.brand h1{font-size:17px}}

/* Header safe-zone: prevent browser top chrome from overlapping the brand on mobile. */
@media(max-width:600px){
  .calendar-page{padding-top:calc(22px + env(safe-area-inset-top, 0px));}
  .brand{min-height:54px;isolation:isolate;}
  .brand-center{min-height:48px;}
  .brand h1{text-shadow:0 0 4px #777;}
  .back{top:50%;transform:translateY(-50%);width:36px;height:36px;font-size:32px;line-height:31px;z-index:2;}
}