/* The download site's type, surfaces, controls and theme tokens are shared. */
.connector-guide{padding-top:48px;padding-bottom:72px}
.guide-intro{max-width:850px;padding-bottom:64px}
.guide-eyebrow{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:18px}
.guide-intro h1{white-space:normal;font-size:clamp(36px,4.3vw,58px)}
.guide-intro>p:not(.guide-eyebrow){max-width:590px;margin-top:24px;font-size:16px;color:var(--text-soft)}
.guide-nav{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:28px;font-size:13px}
.connector-guide a:not(.button){color:var(--link);text-decoration:underline;text-underline-offset:4px}
.guide-nav a{min-height:44px;display:inline-flex;align-items:center}
.guide-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:44px;border-top:1px solid var(--line)}
.guide-heading h2{font-size:30px;line-height:1.25}
.guide-heading .guide-eyebrow{margin-bottom:12px}
.guide-content{min-width:0;font-size:15px;color:var(--text-secondary)}
.guide-content strong{font-weight:600;color:var(--text)}
.guide-content p+p{margin-top:14px}
.guide-steps{margin:0;padding-left:24px;line-height:1.85;display:grid;gap:12px}
.guide-content>p+.guide-steps{margin-top:18px}
.guide-note{font-size:13px;color:var(--muted);line-height:1.8;margin-top:20px}
.guide-details{margin-top:20px;border-top:1px solid var(--line)}
.guide-details summary{font-size:14px;font-weight:600;display:list-item;list-style:revert;padding-block:18px}
.guide-details summary::-webkit-details-marker{display:revert}
.guide-details .guide-steps{padding-bottom:22px}
.copy-block{padding:24px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;min-width:0}
.address-block{margin-top:24px}
.address-label{font-size:12px;color:var(--muted);margin-bottom:8px}
.address-block code{font-size:14px;color:var(--text);overflow-wrap:anywhere}
.copy-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:20px}
.copy-actions .button{border:0;min-height:44px;font-size:13px;padding-inline:16px;color:var(--text)}
.copy-status{font-size:13px;color:var(--text-secondary);min-height:22px}
.skill-download{margin-block:22px}
.guide-examples{padding-block:44px;border-top:1px solid var(--line)}
.guide-examples .section-heading{margin-bottom:28px}
.guide-examples h2{font-size:32px}
.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.example-grid .copy-block{display:flex;flex-direction:column;align-items:start}
.example-grid .copy-block>p{font-size:16px;color:var(--text);margin-bottom:20px}
.example-grid .copy-actions{margin-top:auto}
.guide-sources{font-size:12px;color:var(--muted);line-height:1.9;border-top:1px solid var(--line);padding-top:24px}
@media(max-width:800px){.guide-section{grid-template-columns:1fr;gap:26px}.guide-heading h2 br{display:none}.guide-intro{padding-bottom:40px}.guide-examples .section-heading{display:block}.guide-examples .section-heading>p{max-width:100%;margin-top:16px}}
@media(max-width:520px){.connector-guide{padding-top:30px}.guide-intro h1{font-size:36px}.guide-intro>p:not(.guide-eyebrow){font-size:15px}.guide-section,.guide-examples{padding-block:32px}.guide-heading h2,.guide-examples h2{font-size:27px}.example-grid{grid-template-columns:1fr}.copy-block{padding:20px}.guide-nav{gap:4px 22px}.address-block code{font-size:13px}}

/* Official provider assets retain their colors and proportions, separate from Rekk's header mark. */
.provider-name{display:flex;align-items:center;gap:10px;color:var(--text)}
.connector-logo{display:none;width:28px;height:28px;flex:0 0 28px}
:root[data-connector-logos] .connector-logo{display:inline-flex}
.connector-logo img{width:100%;height:100%;object-fit:contain}
.connector-logo-dark-theme{display:none}
:root[data-theme="dark"] .connector-logo-light-theme{display:none}
:root[data-theme="dark"] .connector-logo-dark-theme{display:block}