body{background:#f4f0e8}
.graph-header{position:relative!important;background:#0b172d}
.graph-detail{padding:70px 0 90px}
.graph-detail .back{display:inline-block;margin-bottom:30px;color:#455269;font-weight:700}
.graph-detail h1{margin:0 0 15px;font-size:clamp(48px,7vw,78px);font-weight:400;color:#0b172d}
.graph-detail .intro{max-width:780px;color:#59657a;font-size:18px;line-height:1.65}
.large-graph{margin:40px 0;background:#091835;border-radius:12px;padding:18px 18px 16px;box-shadow:0 24px 60px #0b172d22;overflow:hidden}
.large-graph canvas{display:block;width:100%;height:500px;border-radius:10px;cursor:crosshair;touch-action:none;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}
.large-graph canvas.is-dragging{cursor:grabbing}
.graph-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:4px 6px 14px;color:#f2f7ff}
.graph-toolbar-buttons{display:flex;gap:10px;flex-wrap:wrap}
.graph-btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.graph-btn:hover,.graph-btn:focus-visible{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.34);transform:translateY(-1px)}
.graph-btn-reset{background:rgba(239,51,64,.15);border-color:rgba(239,51,64,.36)}
.graph-toolbar-hint{font-size:14px;line-height:1.5;color:rgba(242,247,255,.82)}
.graph-status{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 6px 2px;color:#f2f7ff}
.graph-formula{font-weight:700;letter-spacing:.02em}
.graph-coords{font-size:14px;color:rgba(242,247,255,.84)}
.properties{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.property{background:#fff;border:1px solid #ddd9d1;padding:25px}
.property h2{margin:0 0 10px;font:700 13px Arial,sans-serif;color:#ef3340;text-transform:uppercase;letter-spacing:.12em}
.property p{margin:0;color:#344057;line-height:1.65}
.graph-actions{margin-top:30px}
.graph-actions a{display:inline-block;padding:13px 18px;background:#0b172d;color:#fff;font-weight:700;border-radius:4px}
@media(max-width:700px){.properties{grid-template-columns:1fr}.large-graph canvas{height:360px}.graph-detail{padding-top:50px}.graph-toolbar,.graph-status{align-items:flex-start}}