@layer components {
.stream-guide .notation-hero{background:linear-gradient(120deg,#edf6fb,#eef7f3);border-color:#d4e4e9}.stream-guide .notation-symbol{background:linear-gradient(140deg,#287d8d,#244b77);font-size:24px}.stream-guide .notation-eyebrow{color:#286b7d}.stream-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.stream-meta span{font-size:11px;font-weight:700;color:#326374;border:1px solid #cddfe5;border-radius:30px;padding:7px 11px;background:#ffffffaa}.stream-partner{display:flex;align-items:center;gap:14px;padding:20px;margin-top:20px;border:1px solid #d8e4e9;background:#f1f7fa;border-radius:14px}.stream-partner img{object-fit:contain;width:52px;height:52px;flex-shrink:0}.stream-partner>div{flex:1;min-width:0}.stream-partner strong{display:block;font-size:17px;color:#203b50}.stream-partner span{display:block;font-size:12px;line-height:1.6;color:#617580;margin-top:4px}.stream-partner>a{padding:10px 16px;border-radius:9px;background:#286b7d;color:#fff;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}.stream-partner>a:hover{background:#20586a}.stream-partner>a:focus-visible{outline:2px solid #286b7d;outline-offset:4px}.stream-guide .notation-panel li a{color:#286b7d;text-decoration:underline}.stream-guide .notation-content>.notation-footnote{margin-bottom:20px}@media(max-width:480px){.stream-partner{flex-wrap:wrap;padding:16px;gap:12px}.stream-partner>a{width:100%;text-align:center}}
}