/* GLOBAL METROSTROI UI SYSTEM — shared visual layer for every page. */
:root{
  color-scheme:dark;
  --ui-bg:#0e1513;--ui-surface:#15201c;--ui-surface-2:#1a2822;--ui-surface-3:#22332b;
  --ui-text:#edf3ee;--ui-muted:#99aaa0;--ui-border:rgba(237,243,238,.15);
  --ui-border-strong:rgba(237,243,238,.28);--ui-red:#d44737;--ui-red-dark:#9e2f27;
  --ui-amber:#dda33b;--ui-green:#3caf70;--ui-blue:#4c93d8;
  --ui-radius-sm:4px;--ui-radius-md:8px;--ui-shadow:0 12px 28px rgba(0,0,0,.18);
  --ui-head:var(--font-head,'Oswald',system-ui,sans-serif);--ui-body:var(--font-body,'Manrope',system-ui,sans-serif);
  --bg:var(--ui-bg);--bg2:var(--ui-surface);--card:var(--ui-surface);--line:var(--ui-border);--ink:var(--ui-text);--dim:var(--ui-muted);--accent:var(--ui-red);--red:var(--ui-red);--green:var(--ui-green);--input-bg:var(--ui-bg);--hover:color-mix(in srgb,var(--ui-text) 6%,transparent);--h2:var(--ui-text);--link:var(--ui-blue);
}
html,html body{background:var(--ui-bg)!important;color:var(--ui-text);font-family:var(--ui-body);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html body{min-width:320px;font-size:14px;line-height:1.55;}
html a{color:var(--ui-text);text-underline-offset:3px;}
html a:hover{color:var(--ui-red);}
html :focus-visible{outline:2px solid var(--ui-red);outline-offset:3px;}

/* Global shell */
html .topbar{position:sticky;top:0;z-index:900;display:flex;align-items:center;gap:22px;min-height:72px;padding:0 24px;background:color-mix(in srgb,var(--shell26,var(--ui-surface)) 94%,transparent);border-bottom:1px solid var(--ui-border);box-shadow:0 8px 24px rgba(0,0,0,.16);}
html .topbar .brand{min-height:72px;flex:0 0 auto;gap:11px;font:600 14px/1.1 var(--ui-head);letter-spacing:.045em;text-transform:uppercase;color:var(--shell-ink26,var(--ui-text));white-space:nowrap;}
html .topbar .brand img{width:36px;height:36px;object-fit:contain;flex:0 0 36px;border-color:transparent;}
html .topbar nav{min-width:0;display:flex;flex:1 1 auto;justify-content:flex-end;align-items:center;gap:3px;}
html .topbar nav>a:not(.bell):not(.me-box):not(.btn-login),html .topbar .nav-settings{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:1px solid transparent;border-radius:var(--ui-radius-sm);font:600 10px/1 var(--ui-body);letter-spacing:.02em;color:var(--shell-dim26,var(--ui-muted));white-space:nowrap;}
html .topbar nav>a:not(.bell):not(.me-box):not(.btn-login):hover,html .topbar nav>a[aria-current],html .topbar nav>a.on,html .topbar .nav-settings:hover{color:var(--shell-ink26,var(--ui-text));background:color-mix(in srgb,var(--ui-text) 8%,transparent);border-color:var(--ui-border);}
html .topbar .icon-actions{gap:4px;}
html .topbar .theme-toggle,html .topbar .bell{width:36px;height:36px;border:1px solid transparent;border-radius:var(--ui-radius-sm);color:var(--shell-dim26,var(--ui-muted));}
html .topbar .theme-toggle:hover,html .topbar .bell:hover{background:color-mix(in srgb,var(--ui-text) 8%,transparent);border-color:var(--ui-border);}
html .topbar .me-box{gap:9px;padding:5px 8px;border:1px solid transparent;border-radius:var(--ui-radius-md);}
html .topbar .me-box:hover{background:color-mix(in srgb,var(--ui-text) 8%,transparent);border-color:var(--ui-border);}
html .topbar .me-ava{width:34px;height:34px;border-radius:50%;border:1px solid var(--ui-border-strong);}
html .topbar .btn-login,html .topbar .btn-out{min-height:38px;padding:0 14px;border:1px solid var(--ui-red);border-radius:var(--ui-radius-sm);background:transparent;color:var(--shell-ink26,var(--ui-text));font:700 11px/1 var(--ui-body);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;}
html .topbar .btn-login{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:#66c0f4;background:#1b2838;color:#fff;}
html .topbar .btn-login i{font-size:15px;}
html .fa.fa-steam{display:inline-block;position:relative;width:1.05em;height:1.05em;flex:0 0 1.05em;color:currentColor;vertical-align:-.16em;font-style:normal;background:currentColor;mask:url('/assets/steam-mark.svg') center/contain no-repeat;-webkit-mask-image:url('/assets/steam-mark.svg');-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;}
html .topbar .btn-login:hover{border-color:#8bd2ff;background:#24435f;color:#fff;}
html .topbar .btn-out:hover{background:var(--ui-red);color:#fff;}

html .wrap{width:min(1320px,calc(100% - 40px));margin:0 auto;padding:34px 0 72px;}
html .flash{margin:0 0 22px;padding:12px 15px;border:1px solid var(--ui-border);border-left:3px solid var(--ui-blue);border-radius:var(--ui-radius-sm);background:var(--ui-surface);box-shadow:var(--ui-shadow);font-size:13px;}
html .flash.ok{border-left-color:var(--ui-green);}html .flash.err{border-left-color:var(--ui-red);}
html .pg-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--ui-border);}
html .pg-head h1,html .pg-sec h2{margin:0;color:var(--ui-text);font-family:var(--ui-head);font-weight:600;letter-spacing:.025em;text-transform:uppercase;}
html .pg-head h1{font-size:clamp(28px,4vw,48px);line-height:1.05;}
html .pg-head .kicker,html .pg-head .pg-kicker{margin:0 0 8px;color:var(--ui-red);font:700 10px/1 var(--ui-body);letter-spacing:.17em;text-transform:uppercase;}
html .pg-head .lead,html .pg-head p{max-width:68ch;margin:10px 0 0;color:var(--ui-muted);font-size:14px;line-height:1.65;}
html .pg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px;}
html .pg-sec{margin:30px 0 14px;}
html .pg-sec h2{font-size:22px;}

/* Surfaces, lists, tables and forms */
html .pane,html .panel,html .card,html .set-card,html .ev-form,html .empty-state,html .note,html .callout,html .portal-work-panel{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow);}
html .pane,html .panel,html .card{padding:20px;}
html .pane>h2,html .panel>h2,html .card>h2,html .pane>header,html .panel>header{margin-top:0;}
html .pane-cta,html .btn-ghost,html .btn-edit,html .btn-del,html button.primary,html a.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);font:700 11px/1 var(--ui-body);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;}
html .pane-cta,html button.primary,html a.primary{border-color:var(--ui-red);background:var(--ui-red);color:#fff;}
html .pane-cta:hover,html button.primary:hover,html a.primary:hover{border-color:var(--ui-red-dark);background:var(--ui-red-dark);color:#fff;transform:translateY(-1px);}
html .btn-ghost,html .btn-edit{background:transparent;color:var(--ui-text);}html .btn-ghost:hover,html .btn-edit:hover{background:var(--ui-surface-2);border-color:var(--ui-red);color:var(--ui-red);}
html .btn-del{border-color:color-mix(in srgb,var(--ui-red) 70%,var(--ui-border));background:transparent;color:var(--ui-red);}html .btn-del:hover{background:var(--ui-red);color:#fff;}
html .tbl-wrap{overflow:auto;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow);background:var(--ui-surface);}
html table.tbl{width:100%;border-collapse:collapse;background:transparent;}
html .tbl th{position:sticky;top:0;z-index:1;background:var(--ui-surface-2);color:var(--ui-muted);font:700 10px/1.25 var(--ui-body);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;}
html .tbl th,html .tbl td{padding:12px 14px;border-bottom:1px solid var(--ui-border);text-align:left;vertical-align:middle;}
html .tbl td{font-size:13px;color:var(--ui-text);}html .tbl tbody tr:hover{background:color-mix(in srgb,var(--ui-red) 5%,transparent);}html .tbl tbody tr:last-child td{border-bottom:0;}
html input:not([type=checkbox]):not([type=radio]),html select,html textarea{min-height:40px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--input-bg,var(--ui-bg));color:var(--ui-text);font:500 13px/1.4 var(--ui-body);transition:border-color .16s ease,box-shadow .16s ease;}
html input:not([type=checkbox]):not([type=radio]),html select{padding:0 11px;}html textarea{padding:10px 11px;}
html input:not([type=checkbox]):not([type=radio]):hover,html select:hover,html textarea:hover{border-color:color-mix(in srgb,var(--ui-red) 60%,var(--ui-border-strong));}
html input:not([type=checkbox]):not([type=radio]):focus,html select:focus,html textarea:focus{outline:0;border-color:var(--ui-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-red) 18%,transparent);}
html label{color:var(--ui-muted);font-size:12px;}
html .badge,html .chip,html .doc-status,html .ord-status,html .ev-badge{border-radius:999px;}

/* Home and operational portals */
html .hx,html .ph-hero{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow);}
html .hx{padding:clamp(24px,5vw,56px);}html .hx-title,html .ph-title{font-family:var(--ui-head);color:var(--ui-text);letter-spacing:.02em;}
html .hx-title em,html .ph-proj{color:var(--ui-red);}html .hx-btn,html .ph-btn{border-radius:var(--ui-radius-sm);}
/* Configurable homepage hero, live summary and recent news. */
html .gm-home-hero{position:relative;margin:0 0 42px;padding:34px 0 0;text-align:left;}
html .gm-home-hero:after{display:none;}
html .gm-home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,30%);align-items:start;gap:clamp(34px,5vw,72px);max-width:1240px;}
html .gm-home-mark{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;min-height:320px;padding-top:0;}
/* Optical centering: the source mark carries more visual weight below center. */
@media(min-width:701px){html .gm-home-mark{align-self:stretch;min-height:0;transform:translateY(-34px);}}
html .gm-home-mark img{display:block;width:min(300px,100%);height:auto;max-height:340px;object-fit:contain;object-position:right center;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));}
html .gm-home-logo-fallback{position:relative;display:flex;width:min(300px,100%);aspect-ratio:1;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:20px;border:1px solid color-mix(in srgb,var(--ui-red) 45%,var(--ui-border));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-red) 20%,var(--ui-surface)),var(--ui-surface-2));box-shadow:0 18px 36px rgba(0,0,0,.24);overflow:hidden;}
html .gm-home-logo-fallback[hidden]{display:none!important;}
html .gm-home-logo-fallback::before{content:"";position:absolute;inset:14px;border:1px solid color-mix(in srgb,var(--ui-text) 16%,transparent);border-radius:12px;pointer-events:none;}
html .gm-home-logo-fallback span{position:relative;color:var(--ui-text);font:700 clamp(72px,8vw,118px)/.8 var(--ui-head);letter-spacing:-.04em;}
html .gm-home-logo-fallback small{position:relative;max-width:16ch;margin-top:14px;color:var(--ui-muted);font:700 10px/1.3 var(--ui-body);letter-spacing:.14em;text-transform:uppercase;}
html .gm-home-copy{grid-column:1;grid-row:1;min-width:0;}
html .gm-home-kicker{position:relative;z-index:1;margin:0 0 18px;color:var(--ui-muted);font:600 15px/1.45 var(--ui-body);}
html .gm-home-title{position:relative;z-index:1;max-width:100%;margin:0;color:var(--ui-text);font:700 112px/.9 var(--ui-head);letter-spacing:0;overflow-wrap:anywhere;}
html .gm-home-title span{display:block;}
html .gm-home-project{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:36px;margin-top:18px;padding:5px 13px;border-radius:var(--ui-radius-sm);background:var(--project-color);color:var(--project-ink,#fff);font:600 15px/1.1 var(--ui-head);letter-spacing:.08em;}
html .gm-home-lead{position:relative;z-index:1;max-width:68ch;margin:20px 0 0;color:var(--ui-muted);font:500 15px/1.65 var(--ui-body);}
html .gm-home-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
html .gm-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 17px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);font:700 11px/1 var(--ui-body);letter-spacing:.04em;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;}
html .gm-home-btn:hover{transform:translateY(-1px);}
html .gm-home-btn-steam{border-color:#66c0f4;background:#1b2838;color:#fff;}
html .gm-home-btn-steam i{font-size:17px;}
html .gm-home-btn-steam:hover{border-color:#8bd2ff;background:#24435f;color:#fff;}
html .gm-home-btn-secondary{background:transparent;color:var(--ui-text);}
html .gm-home-btn-secondary:hover{border-color:var(--ui-red);background:color-mix(in srgb,var(--ui-red) 7%,var(--ui-surface));color:var(--ui-text);}
html .gm-home-news{margin:28px 0 4px;}
html .gm-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--ui-border);}
html .gm-home-section-kicker{margin:0 0 4px;color:var(--ui-red);font:700 9px/1.2 var(--ui-body);letter-spacing:.14em;}
html .gm-home-section-head h2{margin:0;color:var(--ui-text);font:600 28px/1.2 var(--ui-head);letter-spacing:0;}
html .gm-home-all-news{display:inline-flex;align-items:center;gap:7px;color:var(--ui-muted);font-size:11px;font-weight:700;white-space:nowrap;}
html .gm-home-all-news:hover,html .gm-home-news-link:hover{color:var(--ui-red);}
html .gm-home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
html .gm-home-news-card{min-width:0;overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow);text-decoration:none;}
html .gm-home-news-card:hover{border-color:var(--ui-border-strong);transform:translateY(-2px);}
html .gm-home-news-media{position:relative;display:block;aspect-ratio:16/8;background:var(--ui-surface-2);overflow:hidden;}
html .gm-home-news-media img{width:100%;height:100%;object-fit:cover;display:block;}
html .gm-home-news-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--ui-red);font-size:24px;background:linear-gradient(135deg,var(--ui-surface-2),var(--ui-surface));}
html .gm-home-news-play{position:absolute;top:50%;left:50%;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--ui-border-strong);border-radius:50%;background:rgba(0,0,0,.6);color:#fff;transform:translate(-50%,-50%);}
html .gm-home-news-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:14px;}
html .gm-home-news-body time{margin-bottom:7px;color:var(--ui-muted);font:600 10px/1.2 var(--ui-body);}
html .gm-home-news-body strong{display:-webkit-box;overflow:hidden;color:var(--ui-text);font:600 16px/1.3 var(--ui-head);-webkit-box-orient:vertical;-webkit-line-clamp:2;}
html .gm-home-news-body>span:not(.gm-home-news-link){display:-webkit-box;overflow:hidden;margin-top:7px;color:var(--ui-muted);font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
html .gm-home-news-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--ui-blue);font-size:10px;font-weight:700;}
html .gm-home-news-empty{padding:20px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-muted);font-size:13px;}
html .ph-board,html .ph-feats,html .ph-social{margin-top:28px;}
html .ph-board{position:relative;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none;}
html .ph-board::before{display:none;}
html .ph-feat,html .ph-social-btn{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow);}
html .ph-board::after{display:none;}
html .ph-board .gm-home-summary-head,html .ph-board .ph-plates{position:relative;z-index:1;}
html .gm-home-summary-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px;}
html .gm-home-summary-head h2{margin:0;color:var(--ui-text);font:600 28px/1.1 var(--ui-head);letter-spacing:.01em;}
html .gm-home-summary-head .ph-board-live{margin-bottom:3px;}
html .ph-plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;background:transparent;}
html .ph-plate{display:flex;position:relative;min-width:0;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 14px;border:1px solid var(--ui-border);border-radius:6px;background:color-mix(in srgb,var(--ui-surface) 92%,transparent);box-shadow:0 8px 20px rgba(0,0,0,.14);text-align:center;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;}
html .ph-plate::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:5px 5px 0 0;background:transparent;}
html .ph-plate:hover{transform:translateY(-2px);border-color:var(--ui-border-strong);background:var(--ui-surface-2);box-shadow:0 12px 24px rgba(0,0,0,.2);}
html .ph-plate:nth-child(1) .ph-num,html .ph-plate:nth-child(2) .ph-num,html .ph-plate:nth-child(4) .ph-num,html .ph-plate:nth-child(6) .ph-num{color:var(--ui-red);}
html .ph-plate:nth-child(1)::before,html .ph-plate:nth-child(2)::before,html .ph-plate:nth-child(4)::before,html .ph-plate:nth-child(6)::before{background:var(--ui-red);}
html .ph-num{display:block;color:var(--ui-text);font:700 clamp(38px,3.5vw,48px)/.95 var(--ui-head);letter-spacing:.01em;text-shadow:none;}
html .ph-lbl{display:block;width:100%;max-width:22ch;color:var(--ui-muted);font:700 11px/1.35 var(--ui-body);letter-spacing:.055em;text-transform:uppercase;}
html .portal-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;padding:16px 18px;border:1px solid var(--ui-border);border-left:3px solid var(--ui-red);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow);}
html .portal-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto;}
html .portal-summary{gap:12px;}html .portal-summary article{padding:16px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow);}

/* Modals, footer and mobile */
html .modal{background:rgba(5,9,8,.7);backdrop-filter:blur(6px);}
html .modal-box{border:1px solid var(--ui-border-strong);border-top:3px solid var(--ui-red);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:0 26px 70px rgba(0,0,0,.38);color:var(--ui-text);}
html .modal-actions{gap:9px;padding-top:16px;border-top:1px solid var(--ui-border);}
html .site-foot{margin-top:0;border-top:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);}
html .sf-cols{gap:32px;}html .site-foot a:hover{color:var(--ui-red);}html .sf-bottom{border-top-color:var(--ui-border);}
html .mobnav{border-top:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:0 -8px 24px rgba(0,0,0,.12);}
html .mobnav a.on,html .mobnav a:hover{color:var(--ui-red);}
@media(max-width:1100px){html .gm-home-layout{grid-template-columns:minmax(0,1fr) minmax(190px,28%);gap:32px;}html .gm-home-mark{min-height:250px;}html .gm-home-mark img{width:220px;max-height:270px;}html .gm-home-title{font-size:80px;}}
@media(max-width:900px){html .wrap{width:min(100% - 28px,720px);padding-top:24px;}html .pg-head{grid-template-columns:1fr;gap:14px;}html .portal-actions{margin-left:0;}html .tbl th,html .tbl td{padding:10px 11px;}html .gm-home-title{font-size:64px;}}
@media(max-width:700px){html .gm-home-title{font-size:52px;}}
@media(max-width:900px){html .gm-home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){html .wrap{width:calc(100% - 22px);padding-bottom:92px;}html .topbar{min-height:60px;padding:0 14px;gap:12px;}html .topbar .brand{min-height:60px;font-size:13px;}html .topbar .brand img{width:30px;height:30px;flex-basis:30px;}html .pane,html .panel,html .card{padding:15px;}html .pg-head h1{font-size:32px;}html .pane-cta,html .btn-ghost,html .btn-edit,html .btn-del,html button.primary,html a.primary{min-height:40px;padding-inline:11px;font-size:10px;}html .portal-actions>*{flex:1 1 auto;}html .portal-actions .pane-cta{width:100%;}}
@media(max-width:900px){html .ph-plates{gap:14px;}html .ph-plate{min-height:100px;padding-inline:10px;}html .ph-num{font-size:36px;}}
@media(max-width:700px){html .gm-home-layout{grid-template-columns:1fr;gap:20px;}html .gm-home-copy{grid-column:1;grid-row:1;}html .gm-home-mark{grid-column:1;grid-row:2;justify-content:flex-start;min-height:0;padding-top:0;}html .gm-home-mark img,html .gm-home-logo-fallback{width:180px;max-height:190px;}}
@media(max-width:600px){html .gm-home-hero{padding:24px 0 0;}html .gm-home-kicker{font-size:14px;}html .gm-home-title{font-size:48px;line-height:.94;overflow-wrap:anywhere;}html .gm-home-project{font-size:14px;}html .gm-home-lead{font-size:13px;}html .gm-home-section-head{align-items:flex-start;flex-direction:column;gap:8px;}html .gm-home-section-head h2{font-size:24px;}html .gm-home-summary-head{align-items:flex-start;flex-direction:column;gap:8px;}html .gm-home-summary-head h2{font-size:24px;}html .ph-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}html .ph-plate{min-height:104px;border-radius:6px;}html .ph-num{font-size:32px;}html .ph-lbl{font-size:11px;}html .gm-home-news-grid{grid-template-columns:1fr;}html .gm-home-news-media{aspect-ratio:16/7;}html .gm-home-actions .gm-home-btn{flex:1 1 auto;}}
@media(max-width:460px){html .ph-board{padding:0;}html .ph-board .gm-home-summary-head{margin-bottom:12px;}html .ph-plates{gap:10px;}html .ph-plate{min-height:88px;border-radius:6px;padding:11px 7px;}html .ph-num{font-size:29px;}html .ph-lbl{font-size:10px;}}
@media(max-width:380px){html .gm-home-title{font-size:40px;}}
@media(prefers-reduced-motion:reduce){html *,html *::before,html *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}

/* Features block: clearer hierarchy and a calmer responsive grid. */
html .ph-feats{margin-top:52px;margin-bottom:48px;}
html .ph-feats .ph-sec-head{align-items:center;gap:14px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--line26,var(--ui-border));}
html .ph-feats .ph-sec-rule{width:42px;height:3px;background:var(--red26,var(--ui-red));}
html .ph-feats .ph-h2{font-size:clamp(24px,2.7vw,34px);line-height:1;letter-spacing:.02em;}
html .ph-feat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;}
html .ph-feat{display:flex;min-width:0;min-height:220px;flex-direction:column;padding:24px 22px 22px;border:1px solid var(--line26,var(--ui-border));background:linear-gradient(145deg,color-mix(in srgb,var(--sheet26,var(--ui-surface)) 96%,var(--ink26,var(--ui-text))),var(--sheet26,var(--ui-surface)));box-shadow:0 1px 0 #ffffff08,0 16px 30px -28px #000;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;}
html .ph-feat:nth-child(3n),html .ph-feat:nth-last-child(-n+3){border-right:1px solid var(--line26,var(--ui-border));border-bottom:1px solid var(--line26,var(--ui-border));}
html .ph-feat:hover{z-index:1;border-color:color-mix(in srgb,var(--red26,var(--ui-red)) 62%,var(--line26,var(--ui-border)));background:linear-gradient(145deg,color-mix(in srgb,var(--sheet26,var(--ui-surface)) 84%,var(--red26,var(--ui-red))),var(--sheet26,var(--ui-surface)));box-shadow:0 16px 30px -24px #000,0 0 0 1px color-mix(in srgb,var(--red26,var(--ui-red)) 18%,transparent);transform:translateY(-3px);}
html .ph-feat-n{top:15px;right:17px;font-family:var(--mono26,ui-monospace,monospace);font-size:9px;font-weight:600;letter-spacing:.16em;color:var(--dim26,var(--ui-muted));}
html .ph-feat-ic{display:grid;width:46px;height:46px;place-items:center;margin:0 0 20px;border:1px solid color-mix(in srgb,var(--red26,var(--ui-red)) 48%,var(--line26,var(--ui-border)));border-radius:0;background:color-mix(in srgb,var(--red26,var(--ui-red)) 7%,transparent);color:var(--red26,var(--ui-red));font-size:19px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;}
html .ph-feat:hover .ph-feat-ic{border-color:var(--red26,var(--ui-red));background:var(--red26,var(--ui-red));color:#fff;transform:translateY(-1px);}
html .ph-feat h3{min-height:2.3em;margin:0 0 9px;font-size:17px;line-height:1.15;letter-spacing:.025em;}
html .ph-feat p{max-width:31ch;margin:0;color:var(--dim26,var(--ui-muted));font-size:13px;line-height:1.6;}
html .ph-feat:focus-within{border-color:var(--red26,var(--ui-red));box-shadow:0 0 0 3px color-mix(in srgb,var(--red26,var(--ui-red)) 18%,transparent);}
@media(max-width:1100px){html .ph-feat-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){html .ph-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}html .ph-feat{min-height:205px;padding:21px 18px 19px;}html .ph-feat h3{font-size:16px;}}
@media(max-width:520px){html .ph-feats{margin-top:40px;margin-bottom:38px;}html .ph-feats .ph-sec-head{margin-bottom:14px;padding-bottom:11px;}html .ph-feat-grid{grid-template-columns:1fr;gap:8px;}html .ph-feat{min-height:0;padding:20px 18px 19px;}html .ph-feat-ic{margin-bottom:16px;}html .ph-feat h3{min-height:0;font-size:17px;}html .ph-feat p{max-width:48ch;}}

/* Project summary: polished metric dashboard. */
html .ph-board{margin:0 0 48px;padding:20px;border:1px solid color-mix(in srgb,var(--line26,var(--ui-border)) 92%,transparent);background:radial-gradient(ellipse 70% 130% at 0% 0%,color-mix(in srgb,var(--red26,var(--ui-red)) 8%,transparent),transparent 68%),linear-gradient(145deg,color-mix(in srgb,var(--sheet26,var(--ui-surface)) 84%,var(--ink26,var(--ui-text))),color-mix(in srgb,var(--sheet26,var(--ui-surface)) 96%,transparent));box-shadow:0 24px 56px -46px #000,0 1px 0 #ffffff08 inset;}
html .ph-board .gm-home-summary-head{align-items:center;margin:0 0 16px;padding:0 2px 14px;border-bottom:1px solid var(--line26,var(--ui-border));}
html .gm-home-summary-head>div{display:flex;flex-direction:column;gap:5px;}
html .gm-home-summary-head .gm-home-section-kicker{margin:0;font-family:var(--mono26,ui-monospace,monospace);font-size:9px;letter-spacing:.18em;}
html .gm-home-summary-head h2{font-size:clamp(23px,2.5vw,30px);letter-spacing:.015em;}
html .gm-home-summary-head .ph-board-live{display:inline-flex;align-items:center;gap:9px;margin:0;padding:8px 11px;border:1px solid color-mix(in srgb,var(--green26,var(--ui-green)) 23%,var(--line26,var(--ui-border)));background:color-mix(in srgb,var(--green26,var(--ui-green)) 6%,transparent);color:var(--dim26,var(--ui-muted));font-size:9px;letter-spacing:.13em;white-space:nowrap;}
html .gm-home-summary-head .ph-dot{width:7px;height:7px;background:var(--green26,var(--ui-green));box-shadow:0 0 0 4px color-mix(in srgb,var(--green26,var(--ui-green)) 14%,transparent);}
html .ph-plates{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:transparent;}
html .ph-plate{min-height:118px;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 16px 14px;border:1px solid var(--line26,var(--ui-border));background:linear-gradient(150deg,color-mix(in srgb,var(--sheet26,var(--ui-surface)) 95%,var(--ink26,var(--ui-text))),var(--sheet26,var(--ui-surface)));box-shadow:0 1px 0 #ffffff05 inset; text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;}
html .ph-plate::before{left:14px;right:auto;top:auto;bottom:0;width:30px;height:2px;border-radius:0;background:var(--line26,var(--ui-border));transition:width .18s ease,background .18s ease;}
html .ph-plate:hover{z-index:1;transform:translateY(-3px);border-color:color-mix(in srgb,var(--red26,var(--ui-red)) 38%,var(--line26,var(--ui-border)));background:linear-gradient(145deg,color-mix(in srgb,var(--red26,var(--ui-red)) 8%,var(--sheet26,var(--ui-surface))),var(--sheet26,var(--ui-surface)));box-shadow:0 16px 28px -24px #000,0 0 0 1px color-mix(in srgb,var(--red26,var(--ui-red)) 9%,transparent);}
html .ph-plate:hover::before{width:calc(100% - 28px);background:var(--red26,var(--ui-red));}
html .ph-plate:nth-child(1) .ph-num,html .ph-plate:nth-child(2) .ph-num,html .ph-plate:nth-child(4) .ph-num,html .ph-plate:nth-child(6) .ph-num{color:var(--red26,var(--ui-red));}
html .ph-plate:nth-child(1)::before,html .ph-plate:nth-child(2)::before,html .ph-plate:nth-child(4)::before,html .ph-plate:nth-child(6)::before{background:color-mix(in srgb,var(--red26,var(--ui-red)) 72%,var(--line26,var(--ui-border)));}
html .ph-num{font-family:var(--disp26,var(--ui-head));font-size:clamp(34px,3vw,43px);line-height:.95;letter-spacing:-.025em;font-variant-numeric:tabular-nums;}
html .ph-lbl{max-width:24ch;font-family:var(--mono26,ui-monospace,monospace);font-size:9px;letter-spacing:.1em;line-height:1.45;text-transform:uppercase;color:var(--dim26,var(--ui-muted));}
html a.ph-plate:focus-visible{outline:2px solid var(--red26,var(--ui-red));outline-offset:3px;}
@media(max-width:1080px){html .ph-plates{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){html .ph-board{padding:16px;margin-bottom:40px;}html .ph-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}html .ph-plate{min-height:108px;padding:14px 13px 13px;}html .ph-num{font-size:clamp(32px,8vw,40px);}}
@media(max-width:480px){html .ph-board{padding:14px;}html .ph-board .gm-home-summary-head{align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;}html .gm-home-summary-head h2{font-size:23px;}html .gm-home-summary-head .ph-board-live{padding:6px 8px;font-size:8px;letter-spacing:.08em;}html .ph-plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}html .ph-plate{min-height:98px;padding:12px 11px 12px;}html .ph-num{font-size:32px;}html .ph-lbl{font-size:9px;letter-spacing:.06em;}}