.tetra-overview{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center;margin:38px 0 60px}.tetra-overview figure{margin:0}.tetra-overview svg,.card-image>svg{width:100%;height:auto;display:block}.tetra-overview h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;letter-spacing:-.03em}.tetra-overview figcaption,.tetra-caption{font-size:.85rem;color:#a8bec8;line-height:1.6;margin-top:12px}.tetra-body{line-height:1.75}.tetra-body>section{padding:52px 0;border-top:1px solid #29434c;scroll-margin-top:20px}.tetra-body h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.025em;margin:10px 0 26px}.tetra-body h3{line-height:1.35;margin-top:24px}.tetra-body p{max-width:100ch;color:#c4d2d8}.tetra-body a{color:#a2e8d4}.tetra-contents{display:flex;gap:12px 24px;flex-wrap:wrap;border-top:1px solid #29434c;padding:20px 0;font-size:.9rem}.tetra-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.tetra-four>div,.tetra-four>article{border-top:2px solid #799e93;padding-top:16px}.tetra-four strong{color:#e8d2a0}.tetra-two{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:25px}.tetra-table{overflow-x:auto;max-width:100%;margin:24px 0}.tetra-table table{border-collapse:collapse;width:100%;font-size:.94rem;font-variant-numeric:tabular-nums;min-width:540px}.tetra-table th,.tetra-table td{text-align:left;padding:13px 16px;border-bottom:1px solid #29434c;vertical-align:top}.tetra-table thead{background:#122730;color:#afdccc}.tetra-table caption{text-align:left;font-size:.85rem;color:#acbfc8;padding-bottom:12px}.tetra-table th small{display:block;font-weight:400;font-size:.8rem;color:#a9bbc5}.tetra-map{max-width:920px;margin:30px auto}.tetra-map svg{width:100%;height:auto}.tetra-equation{padding:20px 24px;background:#11252d;border-left:2px solid #eed0a1;overflow-x:auto;font-family:ui-monospace,monospace;font-size:.95rem;line-height:1.9;margin:24px 0}.tetra-controls{padding:26px;background:#10212b;border:1px solid #37515a;border-radius:8px}.tetra-controls fieldset{border:0;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tetra-controls legend{font-size:1.05rem;font-weight:650;padding:14px 0;width:100%;color:#c0eadb}.tetra-controls label{font-size:.85rem;color:#bbcdd4;display:flex;flex-direction:column;gap:7px}.tetra-controls input,.tetra-controls select{width:100%;min-height:46px;background:#0a1720;color:#edf6f2;border:1px solid #4e6871;border-radius:4px;padding:9px 12px;font:inherit;font-size:1rem}.tetra-controls input:focus-visible,.tetra-controls select:focus-visible,.tetra-actions button:focus-visible{outline:2px solid #b2e9d0;outline-offset:3px}.tetra-controls summary,.tetra-body details>summary{cursor:pointer;color:#c5e9d7;font-weight:600}.tetra-body details{margin:18px 0;padding:18px 0;border-top:1px solid #29434c}.tetra-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.tetra-actions button{background:#b4e4d4;color:#10232b;border:0;border-radius:4px;padding:12px 16px;font:inherit;cursor:pointer}.tetra-actions button:disabled{opacity:.5;cursor:not-allowed}.tetra-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#29434c;border:1px solid #29434c;margin-top:28px}.tetra-metrics>div{background:#0e1d26;padding:22px}.tetra-metrics span{display:block;font-size:.85rem;color:#acc1cb}.tetra-metrics strong{display:block;font-size:clamp(1.35rem,2.8vw,2.3rem);font-weight:500;color:#b9e7d2;margin-top:8px}.tetra-verdict{border-left:2px solid #e7bc81;padding:15px 22px;background:#232626}.tetra-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}.tetra-connections article{border-bottom:1px solid #29434c;padding-bottom:14px}#tetra-input-status{font-size:.9rem}#tetra-input-status[data-error=true]{color:#ffbba8}.project-archive .tetra-overview,.project-archive .tetra-four,.project-archive .tetra-two{break-inside:avoid}@media(max-width:850px){.tetra-overview{grid-template-columns:1fr}.tetra-four{grid-template-columns:1fr 1fr}.tetra-two{grid-template-columns:1fr}.tetra-controls fieldset{grid-template-columns:1fr 1fr}}@media(max-width:520px){.tetra-controls{padding:16px}.tetra-controls fieldset,.tetra-four,.tetra-connections{grid-template-columns:1fr}.tetra-metrics{grid-template-columns:1fr 1fr}.tetra-metrics>div{padding:16px}.tetra-body>section{padding:36px 0}.tetra-equation{padding:14px;font-size:.8rem}.tetra-table th,.tetra-table td{padding:10px}.tetra-contents{gap:12px 18px}.tetra-overview{margin-top:20px}}
