/* Portal tiles — uses the Ref5 base/app tokens */
.wrap{max-width:1200px}
.plate{margin-bottom:6px}
.tiles-head{display:flex;align-items:baseline;gap:14px;margin:26px 0 14px}
.tiles-head h2{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--steel-1)}
.tiles-head .rule{flex:1;height:1px;background:var(--edge)}
.tiles{display:flex;flex-wrap:wrap;margin:0 -8px}
a.tile,div.tile{position:relative;width:calc(33.333% - 16px);margin:0 8px 16px;min-width:230px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -10%,rgba(120,150,180,.20) 0%,rgba(10,14,20,0) 60%),repeating-linear-gradient(0deg,rgba(170,182,194,.045) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,rgba(170,182,194,.045) 0 1px,transparent 1px 26px),linear-gradient(180deg,#131b24,#0b1016);border:1px solid var(--edge);border-top:2px solid var(--red);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink);min-height:220px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
a.tile:hover{transform:translateY(-3px);border-color:var(--edge-hi);box-shadow:0 10px 24px rgba(0,0,0,.45)}
a.tile:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.tile-art{height:96px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#1d2631 0%,#0e1318 70%);border-bottom:1px solid var(--edge)}
.tile-art svg{width:62px;height:62px}
.tile-tag{position:absolute;top:12px;right:12px;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel-1);border:1px solid var(--edge-hi);border-radius:3px;padding:2px 7px;background:var(--panel2)}
.tile-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.tile-body h3{margin:0;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#e6ecf2}
.tile-body p{margin:0;font-size:13px;color:var(--steel-2);line-height:1.45;flex:1}
.tile-cta{margin-top:8px;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
div.tile.pending{opacity:.55;cursor:default}
div.tile.pending .tile-cta{color:var(--dim)}
.foot{margin-top:28px;font-size:11.5px;color:var(--dim);text-align:center}
@media (max-width:560px){.tiles-head{margin-top:18px}}
.plate-meta>div{margin-right:22px}
@media (max-width:900px){a.tile,div.tile{width:calc(50% - 16px)}}
@media (max-width:560px){a.tile,div.tile{width:calc(100% - 16px)}}
/* Longer portal title: keep it clear of the right-hand meta block */
.plate-title{font-size:28px;padding-right:36px}
.plate-title .pt-c{font-size:15px;top:86%}
/* Header logos: same display height for all three (Ref5 pages keep their own sizing) */
.tg-brand img.tg-mav,.tg-brand img.tg-van,.tg-brand img.tg-chl{height:24px;width:auto}
.tg-brand img.tg-van{opacity:1}
/* Portal header: Maverick only, larger (Ref5 pages are unaffected) */
.tg-brand .tg-van,.tg-brand .tg-chl,.tg-brand .tg-rule{display:none}
.tg-brand img.tg-mav{height:54px;width:auto}
/* Steel title treatment */
.plate-title{text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 18px rgba(170,182,194,.12)}
.plate-title .pt-a{color:#d5dce4;background:linear-gradient(180deg,#f2f5f8 0%,#aab6c2 45%,#6d7985 52%,#c3ccd6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.plate-title .pt-b{color:#e2181f;background:linear-gradient(180deg,#ff5a5f 0%,#e2181f 48%,#8f0c12 52%,#c8102e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.plate-title .pt-c{color:#aab6c2;background:linear-gradient(180deg,#e6ecf2 0%,#8b97a4 50%,#55616d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1.5px}

/* Aviation HUD styling: corner brackets, chevron rule, and a scan line on each card */
a.tile::before,div.tile::before{content:"";position:absolute;inset:8px;pointer-events:none;
  background:
   linear-gradient(var(--steel-2),var(--steel-2)) top left/16px 1px no-repeat,
   linear-gradient(var(--steel-2),var(--steel-2)) top left/1px 16px no-repeat,
   linear-gradient(var(--steel-2),var(--steel-2)) top right/16px 1px no-repeat,
   linear-gradient(var(--steel-2),var(--steel-2)) top right/1px 16px no-repeat,
   linear-gradient(var(--steel-2),var(--steel-2)) bottom left/16px 1px no-repeat,
   linear-gradient(var(--steel-2),var(--steel-2)) bottom left/1px 16px no-repeat,
   linear-gradient(var(--steel-2),var(--steel-2)) bottom right/16px 1px no-repeat,
   linear-gradient(var(--steel-2),var(--steel-2)) bottom right/1px 16px no-repeat;
  opacity:.55;z-index:0}
a.tile::after,div.tile::after{content:"";position:absolute;left:0;right:0;top:0;height:40%;pointer-events:none;
  background:linear-gradient(180deg,rgba(226,24,31,0) 0%,rgba(226,24,31,.07) 50%,rgba(226,24,31,0) 100%);z-index:0}
.tile-art,.tile-body{position:relative;z-index:1}
.tile-art{background:transparent;border-bottom:1px solid rgba(170,182,194,.18)}
/* Lighter title: brighter steel and red, light glow instead of dark shadow */
.plate-title{text-shadow:0 0 14px rgba(200,212,224,.25)}
.plate-title .pt-a{background:linear-gradient(180deg,#ffffff 0%,#dfe6ee 45%,#a9b5c2 52%,#e9eef4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.plate-title .pt-b{background:linear-gradient(180deg,#ff8a8e 0%,#ff3b41 48%,#e2181f 52%,#ff6a6f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.plate-title .pt-c{background:linear-gradient(180deg,#ffffff 0%,#cfd7e0 50%,#9aa6b3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Title sized to the logo height (logo is 54px tall) */
.plate-title{font-size:40px;line-height:1;padding-bottom:0}
.plate-title .pt-c{font-size:20px;top:92%;letter-spacing:2px}