.gph{max-width:1240px;margin:0 auto;padding:42px 24px 90px}.gph-title{display:flex;justify-content:space-between;gap:30px;align-items:end;border-bottom:1px solid #17304b;padding-bottom:22px}.gph-title span,.gph-grid span{font:9px ui-monospace;letter-spacing:.16em;color:#64caff}.gph-title h1{margin:8px 0;font-size:30px}.gph-title p,.gph-grid p{color:#8da1b8;line-height:1.65;max-width:760px}.gph-state{font:9px ui-monospace;color:#72e6bd;border:1px solid #195044;border-radius:99px;padding:8px 12px}.gph-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.gph button{border:1px solid #1d4265;background:#071523;color:#a9c3dc;border-radius:9px;padding:9px 12px;cursor:pointer}.gph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gph-grid article{min-height:180px;border:1px solid #16324f;border-radius:13px;background:rgba(5,16,29,.88);padding:18px;display:flex;flex-direction:column}.gph-grid h2{font-size:15px;margin:8px 0}.gph-grid p{font-size:11px;flex:1}.gph-status{min-height:14px;margin-top:18px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8ca1ba}
@media(max-width:800px){.gph-grid{grid-template-columns:1fr}.gph-title{display:block}.gph-state{display:inline-block;margin-top:12px}}