.publish-hero{padding:72px 0 46px;background:#0b3d2e;color:#fff;border-bottom:1px solid rgba(95,211,155,.45)}
.publish-hero h1{max-width:15ch;margin:0 0 16px;color:#fff;font-size:clamp(2.4rem,7vw,5rem);line-height:1.02;letter-spacing:-.045em}
.publish-hero p{max-width:62ch;margin:0;color:#d5e5dd;font-size:1.08rem;line-height:1.65}
.publish-section{padding:58px 0;border-bottom:1px solid #dfe5e1}
.publish-section h2{margin:0 0 12px;color:#111512;font-size:clamp(1.6rem,4vw,2.6rem)}
.publish-section>.wrap>p{max-width:70ch;color:#59645e}
.download-grid,.embed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:26px}
.download-card,.embed-card{padding:22px;border:1px solid #dfe5e1;border-radius:12px;background:#fff;box-shadow:0 10px 32px rgba(11,61,46,.06)}
.download-card h3,.embed-card h3{margin:0 0 8px;color:#111512;font-size:1.1rem}
.download-card p,.embed-card p{margin:0 0 16px;color:#66706b;font-size:.92rem}
.download-actions{display:flex;flex-wrap:wrap;gap:9px}
.file-link{display:inline-flex;padding:8px 12px;border:1px solid #0b3d2e;border-radius:7px;color:#0b3d2e;font-weight:700;text-decoration:none}
.file-link:hover{background:#0b3d2e;color:#fff}
.embed-card{grid-column:1/-1}
.embed-preview{width:100%;min-height:245px;border:1px solid #dfe5e1;border-radius:9px;background:#f7f8f6}
.embed-preview.ticker{min-height:80px;height:80px}
.embed-code{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}
.embed-code textarea{min-height:82px;padding:10px;border:1px solid #cbd6d0;border-radius:7px;background:#f7f8f6;color:#233029;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.embed-code button{align-self:start;padding:10px 13px;border:0;border-radius:7px;background:#0b3d2e;color:#fff;font:700 13px/1 system-ui;cursor:pointer}
.method-card{max-width:800px;padding:24px;border-left:4px solid #5fd39b;background:#f2f7f4}
.method-card ul{margin:14px 0 0;padding-left:20px;color:#46514b}
.page-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:560px){.publish-hero{padding:48px 0 34px}.publish-section{padding:42px 0}.embed-code{grid-template-columns:1fr}.embed-code button{justify-self:start}}

