:root{--navy:#0B2A5B;--teal:#0E9AA7;--teal6:#0B7F8A;--yellow:#F6B800;--red:#D7282F;--bg:#F7F8FA;--border:#E3E7EE;--muted:#5B6475}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--navy);background:var(--bg)}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.top{background:#fff;border-bottom:1px solid var(--border)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.logo img{display:block;height:36px;width:auto}
nav a{display:inline-block;padding:12px 8px;color:var(--teal6);font-weight:600}
.trim{height:6px;background:repeating-linear-gradient(90deg,var(--teal) 0 12px,var(--yellow) 12px 24px,var(--red) 24px 36px)}
.lang{padding:40px 16px}
.alt{border-top:1px solid var(--border)}
.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal6);margin:0 0 8px}
h1,.h1{font-size:28px;line-height:34px;font-weight:800;margin:0 0 12px}
h2,h3{font-size:20px;line-height:28px;margin:0 0 8px}
.lead{color:var(--muted);max-width:640px}
.grid{display:grid;gap:16px;margin:24px 0}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(11,42,91,.06)}
.card ul{margin:0;padding-left:20px}.card li{margin:6px 0}
a{color:var(--teal6)}
.btn{display:inline-block;min-height:44px;padding:10px 18px;border-radius:12px;background:var(--teal6);color:#fff;font-weight:600;text-decoration:none}
.btn:hover{background:var(--navy)}
a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.foot{padding:24px 16px 40px;color:var(--muted)}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}.card{padding:24px}h1,.h1{font-size:36px;line-height:44px}}
.pilot{display:inline-block;background:var(--yellow);color:var(--navy);font-weight:700;font-size:14px;padding:4px 10px;border-radius:999px;margin:0 0 12px}
/* language switch: no-JS default = Taglish, #en via :target */
#en:not(:target){display:none}
#en:target~#tl{display:none}
.nojs-links .to-tl{display:none}
body:has(#en:target) .nojs-links .to-en{display:none}
body:has(#en:target) .nojs-links .to-tl{display:inline-block}
html.js .nojs-links{display:none}
html.js .lang{display:none!important}
html.js[lang="en"] #en,html.js[lang="tl"] #tl{display:block!important}
.switch{display:inline-flex;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.switch[hidden]{display:none}
.switch button{min-height:44px;padding:8px 14px;border:0;background:#fff;color:var(--teal6);font:inherit;font-weight:600;cursor:pointer}
.switch button[aria-pressed="true"]{background:var(--teal6);color:#fff}
.switch button:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}
.notice h2{margin-top:28px}
.notice ul{padding-left:20px;margin:8px 0 16px}
.notice li{margin:6px 0}
.notice p{margin:0 0 12px;max-width:72ch}
.meta{color:var(--muted);margin:0 0 24px}
.table-wrap{overflow-x:auto;margin:12px 0 16px;-webkit-overflow-scrolling:touch}
.notice table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:12px;font-size:14px;line-height:1.4}
.notice th,.notice td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}
.notice th{background:var(--navy);color:#fff;font-weight:600}
.notice tr:last-child td{border-bottom:0}