:root { --navy:#122347; --blue:#2864e8; --blue-dark:#1e50c3; --muted:#63718b; --line:#e1e7f0; --wash:#f5f7fb; --green:#17885b; --amber:#b86c19; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--wash); color:var(--navy); font-family:"Manrope",Arial,sans-serif; }
button,input,select { font:inherit; }
button { cursor:pointer; }
[hidden] { display:none !important; }
.site-header { min-height:76px; background:#fff; padding:0 4vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #edf0f5; gap:22px; position:relative; z-index:10; }
.brand { display:inline-flex; flex:0 0 auto; align-items:center; gap:10px; color:var(--navy); border:0; background:transparent; padding:0; font-size:16px; letter-spacing:-.5px; white-space:nowrap; }
.brand b { color:var(--blue); }
.brand-mark { width:27px; height:29px; display:flex; align-items:end; gap:3px; padding-bottom:3px; }
.brand-mark i { display:block; width:6px; background:var(--blue); border-radius:5px; transform:skew(-22deg); }
.brand-mark i:nth-child(1){height:12px;opacity:.5}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:25px}
nav { display:flex; flex:0 0 auto; flex-wrap:nowrap; align-items:stretch; gap:2px; height:76px; }
nav button { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; align-self:stretch; color:#61708c; border:0; border-bottom:2px solid transparent; background:transparent; padding:0 11px; font-size:11px; font-weight:700; line-height:1; white-space:nowrap; }
nav button.active { color:var(--blue); border-color:var(--blue); }
nav button:hover { color:var(--navy); }
.portal { min-height:calc(100vh - 132px); padding:72px 24px 60px; background-image:radial-gradient(circle at 5% 10%,rgba(42,100,232,.06),transparent 23rem),radial-gradient(circle at 95% 65%,rgba(64,151,247,.07),transparent 26rem); }
.content-wrap { max-width:560px; margin:0 auto; text-align:center; }
.wide-wrap { max-width:960px; }
.form-wrap { max-width:720px; }
.eyebrow { color:var(--blue); text-transform:uppercase; font-weight:800; font-size:10px; letter-spacing:1.65px; display:flex; gap:8px; justify-content:center; align-items:center; }
.eyebrow span { width:18px; height:2px; background:var(--blue); }
h1 { margin:13px 0 11px; font-size:clamp(32px,5vw,48px); letter-spacing:-2.3px; line-height:1.1; }
.intro { color:var(--muted); max-width:470px; margin:0 auto 30px; font-size:14px; line-height:1.7; }
.wide-intro { max-width:590px; }
.panel { background:#fff; border:1px solid var(--line); box-shadow:0 16px 40px rgba(24,43,78,.08); border-radius:15px; }
.search-card,.submission-card { text-align:left; padding:29px; }
label { color:#2b3b59; font-size:12px; font-weight:800; display:block; margin:0 0 9px; }
input,select { width:100%; border:1px solid #dbe2ec; background:#fff; color:var(--navy); min-height:49px; padding:0 14px; border-radius:8px; font-size:13px; outline:none; transition:border .15s,box-shadow .15s; }
input::placeholder { color:#a4aebe; }
input:focus,select:focus { border-color:#5b8bfd; box-shadow:0 0 0 3px rgba(40,100,232,.12); }
.field-help { color:#7c879b; font-size:10px; margin:8px 0 22px; }
.select-wrap { position:relative; }
.select-wrap::after { content:"⌄"; color:#52627d; position:absolute; right:15px; top:11px; pointer-events:none; font-size:18px; }
select { appearance:none; margin-bottom:24px; }
.primary-button { width:100%; color:#fff; border:0; background:var(--blue); border-radius:8px; min-height:51px; font-weight:800; font-size:13px; transition:transform .15s,background .15s; }
.primary-button:hover { background:var(--blue-dark); transform:translateY(-1px); }
.primary-button:disabled { cursor:wait; background:#6f96ee; transform:none; }
.privacy { color:#8d98aa; text-align:center; font-size:10px; margin:17px 0 0; }
.privacy span { font-size:14px; vertical-align:-1px; margin-right:4px; }
.spinner { display:inline-block; width:13px; height:13px; margin-right:7px; vertical-align:-2px; border:2px solid rgba(255,255,255,.55); border-top-color:#fff; border-radius:50%; animation:spin .8s linear infinite; }
@keyframes spin { to{transform:rotate(360deg)} }
.support-copy { color:#778399; margin:22px auto 0; max-width:460px; line-height:1.65; font-size:11px; }
.notice { padding:11px 14px; border:1px solid #d7e4ff; border-radius:8px; background:#eff5ff; color:#2851a8; font-size:12px; }
.floating-notice { max-width:720px; margin:-38px auto 28px; text-align:center; }
.result-card { text-align:center; padding:31px; }
.success-icon,.empty-icon { width:42px; height:42px; margin:0 auto 14px; display:grid; place-items:center; color:#1e9c69; background:#e4f7ee; border-radius:50%; font-size:22px; font-weight:800; }
.empty-icon { color:#d88128; background:#fff0dd; }
.kicker { color:#1e9c69; margin:0 0 8px; font-size:10px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; }
.not-found .kicker { color:#c4701e; }
.result-card h2 { font-size:24px; letter-spacing:-1px; margin:0 0 8px; }
.result-card>p:not(.kicker):not(.result-event):not(.help) { color:var(--muted); font-size:13px; line-height:1.7; }
.result-event { margin:0; color:#70809a; font-size:12px; }
.bib-number { margin:25px 0 18px; color:var(--blue); border:1px dashed #aac4ff; background:#f5f8ff; padding:18px 10px; border-radius:9px; font-size:30px; font-weight:900; letter-spacing:1px; }
.detail-grid { border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; text-align:left; margin-bottom:25px; }
.detail-grid div { padding:16px 8px 0; }
.detail-grid div+div { border-left:1px solid var(--line); padding-left:19px; }
.detail-grid span { display:block; color:#8792a4; font-size:9px; text-transform:uppercase; letter-spacing:1px; font-weight:800; margin-bottom:5px; }
.detail-grid strong { color:#2c3a55; font-size:12px; }
.text-button,.back-button { color:#64728b; background:none; border:none; text-decoration:underline; font-size:11px; padding:17px 4px 0; }
.help { color:#8490a3; font-size:11px; margin:18px 0 0; }
.section-heading { margin:42px 0 18px; display:flex; justify-content:space-between; align-items:end; text-align:left; }
.section-heading h2 { margin:4px 0 0; font-size:21px; letter-spacing:-.7px; }
.section-heading>p { color:#8190a6; font-size:11px; margin:0; }
.section-kicker { margin:0; color:var(--blue); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:1.3px; }
.event-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.public-event-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:42px; text-align:left; }
.public-event-card { min-width:0; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:17px; box-shadow:0 14px 36px rgba(28,46,79,.09); transition:transform .18s,box-shadow .18s; }
.public-event-card:hover { transform:translateY(-3px); box-shadow:0 19px 44px rgba(28,46,79,.14); }
.public-event-visual { min-height:205px; padding:23px; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; color:#fff; }
.public-event-visual::before,.public-event-visual::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
.public-event-visual::before { width:240px;height:240px;right:-100px;top:-115px;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 24px rgba(255,255,255,.05),0 0 0 52px rgba(255,255,255,.035); }
.public-event-visual::after { width:100px;height:100px;left:-48px;bottom:-42px;border:18px solid rgba(255,255,255,.07); }
.malaysia-event .public-event-visual { background:linear-gradient(135deg,#071f5c 0%,#123c99 44%,#d91f35 76%,#f5c518 100%); }
.merdeka-event .public-event-visual { background:linear-gradient(135deg,#092b58 0%,#173f7a 53%,#9b122a 100%); }
.strongher-event .public-event-visual { background:linear-gradient(135deg,#3b164f 0%,#7d316f 54%,#d56d82 100%); }
.event-brand { position:relative;z-index:1;font-size:9px;font-weight:900;letter-spacing:2.2px; }
.event-number { position:relative;z-index:1;font-size:82px;line-height:.9;font-weight:900;letter-spacing:-8px;text-shadow:0 8px 30px rgba(0,0,0,.18); }
.strongher-wordmark { position:relative;z-index:1;font-size:40px;line-height:.95;font-weight:900;letter-spacing:-2.8px; }.strongher-wordmark span{color:#ffc0ca}
.public-event-visual p { position:relative;z-index:1;margin:0;font-size:9px;font-weight:800;letter-spacing:1.6px; }
.public-event-content { padding:24px; }
.public-event-status { display:flex;align-items:center;gap:6px;color:var(--green);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.7px; }.public-event-status span{width:7px;height:7px;border-radius:50%;background:#24a775;box-shadow:0 0 0 4px #e7f7f0}
.public-event-organiser { display:flex;align-items:center;gap:6px;min-height:18px!important;margin:9px 0 0!important;color:#77849a!important;font-size:8px!important;line-height:1!important; }.public-event-organiser span{text-transform:uppercase;letter-spacing:.7px}.public-event-organiser strong{color:#34425c;font-size:9px}
.public-event-content h2 { margin:9px 0 8px;font-size:21px;letter-spacing:-.8px; }
.public-event-content>p { min-height:48px;margin:0 0 19px;color:#6c7890;font-size:11px;line-height:1.6; }
.public-event-details { display:grid;grid-template-columns:1.25fr .85fr;border-top:1px solid #e9edf3;border-bottom:1px solid #e9edf3; }
.public-event-details div { padding:14px 7px; }.public-event-details div+div{border-left:1px solid #e9edf3;padding-left:16px}.public-event-details small,.public-event-details strong{display:block}.public-event-details small{margin-bottom:5px;color:#909bad;font-size:7px;text-transform:uppercase;letter-spacing:.7px}.public-event-details strong{color:#45536d;font-size:9px}
.activity-tags { display:flex;flex-wrap:wrap;gap:5px;margin:16px 0; }.activity-tags span{padding:5px 8px;color:#65728a;background:#f1f4f8;border-radius:999px;font-size:8px;font-weight:700}
.event-link { width:100%;min-height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--blue);border:0;border-radius:8px;text-decoration:none;font-size:10px;font-weight:800;transition:background .15s,transform .15s}.event-link:hover{background:var(--blue-dark);transform:translateY(-1px)}.malaysia-event .event-link{background:#d51f36}.malaysia-event .event-link:hover{background:#b5162b}.strongher-event .event-link{background:#82406f}.strongher-event .event-link:hover{background:#673158}
.event-list-note { max-width:600px;margin:22px auto 0;color:#7b879a;font-size:10px;line-height:1.6; }
.public-event-card[role="link"] { cursor:pointer; }
.public-event-card[role="link"]:focus-visible { outline:3px solid rgba(40,100,232,.28);outline-offset:4px; }
.event-card { min-width:0; padding:19px; background:#fff; border:1px solid var(--line); border-radius:14px; text-align:left; box-shadow:0 8px 24px rgba(28,46,79,.06); }
.event-card.open { border-color:#9fc0ff; box-shadow:0 12px 30px rgba(40,100,232,.12); }
.event-card.closed { opacity:.72; }
.event-card-top { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.event-monogram { width:42px; height:42px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#1b3d82,#3977f4); border-radius:11px; font-size:12px; font-weight:900; }
.status-pill { flex:0 0 auto; display:inline-flex; align-items:center; min-height:25px; padding:0 9px; border-radius:999px; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; }
.status-pill.open { color:var(--green); background:#e5f7ef; }
.status-pill.upcoming { color:var(--amber); background:#fff2df; }
.status-pill.closed { color:#778297; background:#edf0f4; }
.event-card-body { min-height:96px; padding-top:22px; }
.event-card-body p { margin:0 0 7px; color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.5px; }
.event-card-body h3 { margin:0; font-size:16px; line-height:1.35; letter-spacing:-.5px; }
.event-window { padding:13px 0; border-top:1px solid #edf0f5; }
.event-window small,.event-window strong { display:block; }
.event-window small { color:#8a95a7; font-size:8px; text-transform:uppercase; letter-spacing:.7px; margin-bottom:5px; }
.event-window strong { color:#56647d; font-size:9px; }
.event-action { width:100%; min-height:41px; display:flex; align-items:center; justify-content:space-between; border:0; border-radius:8px; padding:0 13px; color:#fff; background:var(--blue); font-size:10px; font-weight:800; }
.event-action:disabled { color:#8994a6; background:#edf0f4; cursor:not-allowed; }
.event-actions-stack { display:grid; gap:8px; }
.event-secondary-action { width:100%; min-height:39px; display:flex; align-items:center; justify-content:space-between; padding:0 13px; color:var(--blue); background:#fff; border:1px solid #aac4ff; border-radius:8px; font-size:10px; font-weight:800; }
.event-secondary-action:hover:not(:disabled) { background:#f4f7ff; border-color:var(--blue); }
.event-secondary-action:disabled { color:#9aa4b4; background:#f7f8fa; border-color:#e5e9ef; cursor:not-allowed; }
.status-legend { display:flex; justify-content:center; gap:22px; margin-top:22px; color:#7b879b; font-size:9px; }
.status-legend span { display:flex; align-items:center; gap:6px; }
.legend-dot { width:7px; height:7px; border-radius:50%; background:#a9b2c0; }.legend-dot.open{background:#25a774}.legend-dot.upcoming{background:#e6a23a}
.back-button { display:block; padding:0; margin:0 0 17px; text-decoration:none; font-weight:700; }
.selected-event-strip { min-height:72px; display:flex; align-items:center; gap:13px; padding:13px 16px; background:#fff; border:1px solid var(--line); border-radius:12px; text-align:left; }
.selected-event-strip div { flex:1; min-width:0; }.selected-event-strip small,.selected-event-strip strong{display:block}.selected-event-strip small{color:#8b96a8;font-size:8px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.selected-event-strip strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-heading { padding:38px 0 25px; }.form-heading h1{font-size:34px}.form-heading p{max-width:520px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.7}
.submission-card { padding:31px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:21px 18px; }
.full-field { grid-column:1/-1; }
.form-field .field-help { margin-bottom:0; }
.required,.optional { float:right; color:#d86161; font-size:8px; text-transform:uppercase; letter-spacing:.5px; }.optional{color:#8c97a9}
.input-suffix { position:relative; }.input-suffix input{padding-right:50px}.input-suffix span{position:absolute;right:14px;top:16px;color:#778399;font-size:10px;font-weight:800}
.upload-zone { margin:0; min-height:150px; border:1px dashed #a9bde4; border-radius:10px; background:#f8faff; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#63718b; cursor:pointer; transition:border .15s,background .15s; }
.upload-zone:hover { border-color:var(--blue); background:#f2f6ff; }.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-zone strong{color:#33425d;font-size:12px;margin:7px 0 4px}.upload-zone>span:last-child{font-size:9px}.upload-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--blue);background:#e5eeff;border-radius:50%;font-size:17px}
.file-preview { min-height:72px; margin-top:10px; padding:9px; display:flex; align-items:center; gap:11px; background:#f8fafc; border:1px solid var(--line); border-radius:9px; text-align:left; }.file-preview img{width:52px;height:52px;object-fit:cover;border-radius:7px}.file-preview div{flex:1;min-width:0}.file-preview strong,.file-preview span{display:block}.file-preview strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview span{margin-top:4px;color:#8994a6;font-size:9px}.file-preview button{width:30px;height:30px;border:0;background:transparent;color:#8d98a9;font-size:18px}.field-error{color:#bd3e3e;font-size:10px;margin:8px 0 0}
.submit-note { display:flex; gap:10px; align-items:flex-start; margin:25px 0 18px; padding:12px; color:#68758b; background:#f4f7fc; border-radius:8px; font-size:10px; line-height:1.5; }.submit-note span{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;color:var(--blue);background:#dfe9ff;border-radius:50%;font-weight:900}.submit-note p{margin:1px 0 0}
.submission-success { margin-top:30px; }
.record-status-heading { padding-bottom:20px; }
.record-status-form { text-align:left; }
.record-status-form .primary-button { margin-top:18px; }
.record-status-result { margin-top:22px; padding:27px; text-align:left; }
.record-result-header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.record-result-header .kicker { margin:0 0 5px; }
.record-result-header h2 { margin:0; font-size:24px; letter-spacing:-1px; }
.record-completion-pill { flex:0 0 auto; padding:7px 10px; border-radius:999px; font-size:8px; font-weight:900; letter-spacing:.5px; text-transform:uppercase; }
.record-completion-pill.completed { color:var(--green); background:#e5f7ef; }
.record-completion-pill.in-progress { color:var(--amber); background:#fff2df; }
.record-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); margin:22px 0; border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.record-summary-grid div { padding:14px; background:#fbfcfe; }
.record-summary-grid div+div { border-left:1px solid var(--line); }
.record-summary-grid span,.record-summary-grid strong { display:block; }
.record-summary-grid span { margin-bottom:5px; color:#8b96a8; font-size:7px; text-transform:uppercase; letter-spacing:.6px; }
.record-summary-grid strong { color:#34425b; font-size:11px; }
.record-activity-heading { display:flex; align-items:end; justify-content:space-between; gap:15px; margin:25px 0 10px; }
.record-activity-heading h3 { margin:0; font-size:13px; }
.record-activity-heading p { margin:0; color:#8a95a7; font-size:8px; }
.record-activity-list { border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.record-activity-item { display:grid; grid-template-columns:.8fr .8fr 1.7fr; gap:15px; align-items:center; padding:14px 16px; }
.record-activity-item+article { border-top:1px solid var(--line); }
.record-activity-item small,.record-activity-item strong { display:block; }
.record-activity-item small { margin-bottom:4px; color:#8e99aa; font-size:7px; text-transform:uppercase; letter-spacing:.6px; }
.record-activity-item strong { color:#3b4962; font-size:10px; }
.record-activity-item>div:last-child { text-align:right; }
.record-activity-item p { margin:5px 0 0; color:#7d899c; font-size:8px; line-height:1.45; }
.record-status-badge { display:inline-flex; padding:4px 7px; border-radius:999px; font-size:7px; font-weight:900; letter-spacing:.4px; }
.record-status-badge.verified { color:var(--green); background:#e5f7ef; }
.record-status-badge.pending { color:var(--amber); background:#fff2df; }
.record-status-badge.rejected { color:#b43d45; background:#feecee; }
.record-empty-state { padding:35px 20px; text-align:center; }
.record-empty-state strong,.record-empty-state span { display:block; }
.record-empty-state strong { margin-bottom:7px; font-size:12px; }
.record-empty-state span { color:#8792a4; font-size:9px; }
.record-status-result>.text-button { display:block; margin:4px auto 0; }
.leaderboard-toolbar { display:flex; justify-content:space-between; align-items:end; margin:38px 0 16px; text-align:left; }.leaderboard-toolbar>div:first-child{width:300px}.leaderboard-toolbar select{margin:0}.last-updated{display:grid;grid-template-columns:auto auto;gap:1px 7px;align-items:center}.last-updated>span{grid-row:1/3;width:8px;height:8px;background:#29aa77;border-radius:50%}.last-updated small{color:#909aac;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.last-updated strong{font-size:9px;color:#657189}
.leaderboard-event-meta { margin:-3px 0 16px; color:#69778e; font-size:10px; font-weight:700; text-align:left; }.leaderboard-event-meta span{margin:0 7px;color:#b0b8c4}
.leaderboard-card { overflow:hidden; text-align:left; }.leaderboard-summary{display:flex;justify-content:space-between;align-items:end;padding:22px 25px;border-bottom:1px solid var(--line)}.leaderboard-summary small,.leaderboard-summary strong{display:block}.leaderboard-summary small{color:#8994a6;font-size:8px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.leaderboard-summary strong{font-size:25px}.leaderboard-summary p{margin:0;color:#8290a4;font-size:9px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}th{padding:13px 22px;color:#8b96a8;background:#f8fafc;font-size:8px;text-transform:uppercase;letter-spacing:.7px;text-align:left}td{padding:15px 22px;border-top:1px solid #edf0f4;color:#66738a;font-size:10px}td strong{color:#33415b}.rank{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-weight:900;background:#eef1f5;color:#68758a}.rank-1{color:#8c6517;background:#fff1c9}.rank-2{color:#657084;background:#e9edf2}.rank-3{color:#9b5e2f;background:#f8e6d8}
.leaderboard-empty { padding:48px 22px;text-align:center; }.leaderboard-empty strong,.leaderboard-empty span{display:block}.leaderboard-empty strong{margin-bottom:7px;font-size:12px}.leaderboard-empty span{color:#8a95a7;font-size:9px}
footer { min-height:56px; color:#8793a6; background:#fff; font-size:10px; text-align:center; padding:20px; }footer span{margin:0 6px;color:#c0c8d4}
@media(max-width:980px){.site-header{padding:0 18px;overflow-x:auto;justify-content:flex-start}.brand{position:sticky;left:0;background:#fff;padding-right:18px;z-index:2}nav{margin-left:auto}.event-grid{grid-template-columns:repeat(2,1fr)}nav button{padding:0 9px;font-size:10px}}
@media(max-width:720px){.site-header{min-height:auto;padding:0;display:block;overflow:visible}.brand{position:static;min-height:60px;padding:0 18px;font-size:14px}.brand-mark{transform:scale(.85);transform-origin:left center;width:23px}nav{width:100%;height:52px;margin:0;overflow-x:auto;border-top:1px solid #edf0f5}nav button{min-width:max-content;padding:0 16px;font-size:10px}.portal{min-height:calc(100vh - 168px);padding:48px 16px 44px}.floating-notice{margin:-25px auto 20px}.search-card,.submission-card,.result-card,.record-status-result{padding:24px 20px}h1{letter-spacing:-1.7px}.intro{font-size:13px}.bib-number{font-size:27px}.event-grid,.public-event-grid{grid-template-columns:1fr}.public-event-content>p{min-height:0}.embedded-event-page{margin:-24px -8px -24px}.embedded-event-toolbar{display:block;padding-bottom:12px}.embedded-event-toolbar .back-button{margin-bottom:2px}.embedded-event-shell{height:calc(100vh - 205px);min-height:620px;border-radius:11px}.section-heading{align-items:start}.section-heading>p{max-width:125px;text-align:right}.status-legend{gap:13px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.selected-event-strip .status-pill{display:none}.record-summary-grid{grid-template-columns:1fr 1fr}.record-summary-grid div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.record-summary-grid div:nth-child(4){border-top:1px solid var(--line)}.record-activity-heading{display:block}.record-activity-heading p{margin-top:5px}.record-activity-item{grid-template-columns:1fr 1fr}.record-activity-item>div:last-child{grid-column:1/-1;text-align:left}.leaderboard-toolbar{display:block}.leaderboard-toolbar>div:first-child{width:100%}.last-updated{margin-top:14px;justify-content:start}.leaderboard-summary{padding:18px}.leaderboard-summary p{max-width:130px;text-align:right}}

/* E-Cert lookup. Kept separate from the other portal forms. */
#view-ecert .ecert-wrap{max-width:720px}
#view-ecert h1{margin:16px 0 12px;font-size:clamp(35px,5vw,58px);letter-spacing:-2.5px}
#view-ecert h1 em{color:var(--blue);font-style:normal}
#view-ecert .intro{max-width:520px;margin-bottom:34px;font-size:15px}
#view-ecert .service-search-card{padding:34px;text-align:left;border-radius:22px;box-shadow:0 22px 55px rgba(24,43,78,.09)}
#view-ecert .ecert-card-heading{display:flex;align-items:flex-start;gap:17px;padding-bottom:27px;margin-bottom:27px;border-bottom:1px solid var(--line)}
#view-ecert .ecert-card-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:15px;background:#eaf1ff;color:var(--blue);font-size:27px;line-height:1}
#view-ecert .ecert-card-kicker{margin:0 0 3px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
#view-ecert .ecert-card-heading h2{margin:0 0 5px;font-size:21px;letter-spacing:-.6px}
#view-ecert .ecert-card-heading p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
#view-ecert .service-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-ecert .form-field{min-width:0}
#view-ecert label{margin-bottom:10px;font-size:12px}
#view-ecert .required{float:none;margin-left:6px;color:#b55053;font-size:9px}
#view-ecert input,#view-ecert select{min-height:54px;margin:0;border-radius:11px;background:#fbfcff;font-size:13px}
#view-ecert .select-wrap::after{top:14px}
#view-ecert .service-connection-note{display:flex;align-items:flex-start;gap:9px;margin:23px 0 21px;padding:12px 14px;border:1px solid #e7eaf0;border-radius:10px;background:#f8f9fc;color:#607089;font-size:11px;line-height:1.55}
#view-ecert .service-connection-note::before{content:"i";display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;margin-top:1px;border-radius:50%;background:#dfe6f2;color:#536785;font-size:11px;font-weight:800;font-style:normal}
#view-ecert .service-connection-note.connected{border-color:#d9eee6;background:#f3fbf7;color:#24714f}
#view-ecert .service-connection-note.connected::before{content:"✓";background:#d7f1e3;color:#17885b}
#view-ecert .primary-button{min-height:54px;border-radius:11px;font-size:13px;box-shadow:0 9px 20px rgba(40,100,232,.17)}
#view-ecert .service-result-card{margin-top:24px;padding:34px;text-align:center;border-radius:22px}
#view-ecert .service-result-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#e4f7ee;color:#17885b;font-size:25px;font-weight:800}
#view-ecert .service-result-card h2{margin:0 0 4px;font-size:26px;letter-spacing:-.9px}
#view-ecert .service-result-event{margin:0 0 23px;color:var(--muted);font-size:12px}
#view-ecert .service-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;border:1px solid var(--line);border-radius:11px;overflow:hidden;text-align:left}
#view-ecert .service-detail-grid div{min-width:0;padding:16px;background:#fbfcff}
#view-ecert .service-detail-grid div+div{border-left:1px solid var(--line)}
#view-ecert .service-detail-grid span,#view-ecert .service-detail-grid strong{display:block;overflow-wrap:anywhere}
#view-ecert .service-detail-grid span{margin-bottom:5px;color:#8490a3;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
#view-ecert .service-detail-grid strong{color:#2b3b59;font-size:12px}
#view-ecert .link-button{display:flex;align-items:center;justify-content:center;text-decoration:none}
#view-ecert .text-button{display:block;margin:2px auto 0}
@media(max-width:720px){
  #view-ecert h1{font-size:clamp(35px,9vw,46px);letter-spacing:-1.8px}
  #view-ecert .intro{margin-bottom:26px;font-size:13px}
  #view-ecert .service-search-card,#view-ecert .service-result-card{padding:23px 19px;border-radius:17px}
  #view-ecert .ecert-card-heading{gap:12px;padding-bottom:21px;margin-bottom:22px}
  #view-ecert .ecert-card-icon{flex-basis:43px;width:43px;height:43px;border-radius:12px;font-size:23px}
  #view-ecert .ecert-card-heading h2{font-size:18px}
  #view-ecert .service-form-grid{grid-template-columns:1fr;gap:19px}
  #view-ecert .service-connection-note{margin:20px 0}
  #view-ecert .service-detail-grid{grid-template-columns:1fr}
  #view-ecert .service-detail-grid div+div{border-left:0;border-top:1px solid var(--line)}
}

/* Parcel tracking. Scoped to avoid changing the live E-Cert and E-BIB views. */
#view-tracking .service-search-card { max-width:680px; margin:0 auto; padding:30px; text-align:left; }
#view-tracking .tracking-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#view-tracking .tracking-form-grid input { margin:0; }
#view-tracking .tracking-privacy { margin:16px 0 20px; color:#7c879b; font-size:10px; text-align:center; }
#view-tracking .tracking-error { margin:0 0 16px; padding:12px 14px; color:#a5363e; background:#fff0f1; border:1px solid #f1c5c9; border-radius:8px; font-size:11px; line-height:1.55; }
#view-tracking .service-result-card { margin-top:22px; padding:30px; text-align:left; }
#view-tracking .tracking-result-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
#view-tracking .tracking-result-header h2 { margin:0; font-size:25px; letter-spacing:-1px; }
#view-tracking .service-result-event { margin:7px 0 22px; color:#748199; font-size:11px; }
#view-tracking .tracking-status-pill { flex:0 0 auto; padding:7px 10px; border-radius:999px; font-size:8px; font-weight:900; letter-spacing:.55px; text-transform:uppercase; }
#view-tracking .tracking-status-pill.preparing { color:var(--amber); background:#fff2df; }
#view-tracking .tracking-status-pill.shipped,
#view-tracking .tracking-status-pill.in-transit { color:#2458bf; background:#e9f0ff; }
#view-tracking .tracking-status-pill.delivered { color:var(--green); background:#e5f7ef; }
#view-tracking .service-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--line); border-radius:10px; overflow:hidden; }
#view-tracking .service-detail-grid div { min-width:0; padding:15px; background:#fbfcfe; }
#view-tracking .service-detail-grid div:nth-child(even) { border-left:1px solid var(--line); }
#view-tracking .service-detail-grid div:nth-child(n+3) { border-top:1px solid var(--line); }
#view-tracking .service-detail-grid span,
#view-tracking .service-detail-grid strong { display:block; }
#view-tracking .service-detail-grid span { margin-bottom:5px; color:#8b96a8; font-size:7px; text-transform:uppercase; letter-spacing:.65px; }
#view-tracking .service-detail-grid strong { overflow-wrap:anywhere; color:#34425b; font-size:11px; }
#view-tracking .tracking-message { margin:19px 0 0; color:#66748b; font-size:11px; line-height:1.65; }
#view-tracking .link-button { min-height:49px; margin-top:20px; display:flex; align-items:center; justify-content:center; text-decoration:none; }
#view-tracking .tracking-result>.text-button { display:block; margin:2px auto 0; }
#view-tracking .tracking-shipments { display:grid; gap:16px; }
#view-tracking .tracking-shipment-card { padding:20px; border:1px solid #dce5f3; border-radius:14px; background:#fff; }
#view-tracking .tracking-shipment-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
#view-tracking .tracking-shipment-heading h3 { margin:0; color:#263858; font-size:17px; letter-spacing:-.35px; }
#view-tracking .tracking-shipment-card .link-button { margin-top:16px; }
#view-tracking .tracking-shipment-remarks { margin:14px 0 0; padding:12px 14px; border-radius:8px; background:#f4f7fc; color:#53637d; font-size:11px; line-height:1.55; white-space:pre-wrap; }
#view-tracking .tracking-shipment-remarks span { display:block; margin-bottom:4px; color:#78869d; font-size:8px; font-weight:900; letter-spacing:.6px; text-transform:uppercase; }
@media(max-width:720px){
  #view-tracking .service-search-card,#view-tracking .service-result-card { padding:23px 19px; }
  #view-tracking .tracking-form-grid { grid-template-columns:1fr; gap:17px; }
  #view-tracking .tracking-privacy { margin-top:14px; text-align:left; }
  #view-tracking .tracking-result-header { display:block; }
  #view-tracking .tracking-status-pill { display:inline-flex; margin-top:12px; }
  #view-tracking .service-detail-grid { grid-template-columns:1fr; }
  #view-tracking .service-detail-grid div:nth-child(even) { border-left:0; }
  #view-tracking .service-detail-grid div+div { border-top:1px solid var(--line); }
  #view-tracking .tracking-shipment-card { padding:17px; }
}