.channel-grid,.watch-grid,.reaction-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.channel-grid>div,.watch-grid>div,.reaction-pair>div{padding:20px;border:1px solid #2b424e;background:#0b151b;min-width:0}.channel-grid span,.watch-grid b,.reaction-pair b{font:700 .75rem monospace;color:#3be0a5}.channel-grid h3{font-size:1.2rem}.channel-grid p,.watch-grid p,.reaction-pair p{color:#b6c6ce;line-height:1.65;font-size:1rem}.watch-grid,.reaction-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-lab{padding:24px;border:1px solid #3be0a5;background:linear-gradient(135deg,#102522,#091219);margin:30px 0}.credit-lab h3{font-size:1.6rem;margin:12px 0}.credit-lab p{line-height:1.7}.case-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.case-buttons button{padding:12px;background:#101d26;color:#d9e5ec;border:1px solid #466171;font:700 .9rem monospace;cursor:pointer}.case-buttons button[aria-pressed=true]{border-color:#3be0a5;background:#163b32;color:#3be0a5}.credit-row{margin:22px 0}.credit-row header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.credit-row strong{font-size:1.4rem}.yield-track{display:flex;height:28px;background:#17242d}.treasury-part{background:#6da8ff}.spread-part{background:#f0b85a}.credit-components{font-size:.87rem;color:#bac9d1;margin-top:7px}.credit-lab small,.chart-note{font-size:.85rem;line-height:1.6;color:#9fb1bc}.split-visual{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2b424e;margin:30px 0}.split-visual img{width:100%;height:220px;object-fit:cover}.split-visual figcaption{padding:24px;align-self:center;font-size:1rem;line-height:1.7}.split-visual b{color:#3be0a5}.feature img{max-height:380px;object-fit:cover}.case-buttons button:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:700px){.channel-grid{grid-template-columns:1fr}.watch-grid,.reaction-pair{grid-template-columns:1fr 1fr;gap:8px}.watch-grid>div,.reaction-pair>div{padding:14px}.watch-grid p,.reaction-pair p{font-size:.92rem}.credit-lab{padding:18px}.case-buttons button{font-size:.8rem;padding:11px 6px}.split-visual{grid-template-columns:1fr}.split-visual img{height:160px}.split-visual figcaption{padding:18px}.feature img{height:210px;object-position:70% center}.hero h1{font-size:clamp(2.5rem,10vw,4rem)}.credit-row header{align-items:center}}
