/* Four contact channels, matching the portfolio's wine and ivory palette. */
body.rouge .direct-contacts.contact-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;max-width:352px;margin:30px 0 0;padding:0}
body.rouge .contact-channels .contact-channel,body.rouge .r-contact .direct-contacts.contact-channels .contact-channel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:84px;padding:0;border:0;text-decoration:none;color:var(--r-wine);font-size:12px;line-height:1.4;border-radius:8px;text-align:center}
body.rouge .contact-channel-symbol{width:60px;height:60px;border:1px solid #b49c90;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--r-wine);transition:background-color .2s,border-color .2s,color .2s}
body.rouge .contact-channel-symbol svg{display:block;width:26px;height:26px}
body.rouge .contact-channel-name{font-size:12px;line-height:1.4;white-space:nowrap}
body.rouge a.contact-channel:hover .contact-channel-symbol,body.rouge a.contact-channel:focus-visible .contact-channel-symbol{background:var(--r-wine);border-color:var(--r-wine);color:var(--r-paper)}
body.rouge .contact-channel.is-unavailable{opacity:.42;cursor:default}
body.rouge .contact-extra{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px}
body.rouge .contact-extra a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;word-break:break-word;text-decoration:underline;text-underline-offset:5px}
body.rouge[data-admin="true"] .contacts-edit{max-width:1000px}
body.rouge[data-admin="true"] .contact-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}
body.rouge[data-admin="true"] .contact-setting{padding:22px;background:var(--desk-panel);border:1px solid var(--desk-line);border-radius:10px;min-width:0}
body.rouge[data-admin="true"] .contact-setting label{display:block;min-width:0}
body.rouge[data-admin="true"] .contact-setting-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}
body.rouge[data-admin="true"] .contact-setting-heading strong{font-size:17px;font-weight:600}
body.rouge[data-admin="true"] .contact-setting-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--r-wine);background:#e9ddd1}
body.rouge[data-admin="true"] .contact-setting-icon svg{width:23px;height:23px;display:block}
body.rouge[data-admin="true"] .contact-setting-help{display:block;font-size:12px;color:var(--desk-muted);margin-bottom:10px;line-height:1.7}
body.rouge[data-admin="true"] .contact-setting input{font-size:15px;width:100%;margin:0}
body.rouge[data-admin="true"] .contact-link-status{font-size:11px;line-height:1.7;margin-top:10px;color:var(--desk-muted);min-height:19px}
body.rouge[data-admin="true"] .contact-link-status.is-invalid{color:#a12e3f}
body.rouge[data-admin="true"] .contact-preview{margin-top:28px;padding:24px;background:#eee3d7;border:1px solid var(--desk-line);border-radius:10px}
body.rouge[data-admin="true"] .contact-preview h3{font:26px/1.2 var(--r-serif);margin-bottom:18px}
body.rouge[data-admin="true"] .contact-preview .contact-channels{margin-top:0}
body.rouge[data-admin="true"] .contact-preview>p{font-size:12px;line-height:1.8;color:var(--desk-muted);margin:20px 0 0;max-width:66ch}
@media(max-width:700px){body.rouge .direct-contacts.contact-channels{gap:10px;max-width:330px;margin-top:28px}body.rouge .contact-channel-symbol{width:52px;height:52px}body.rouge .contact-channel-symbol svg{width:24px;height:24px}body.rouge .contact-channel-name{font-size:11px}body.rouge[data-admin="true"] .contact-settings-grid{grid-template-columns:1fr;gap:14px}body.rouge[data-admin="true"] .contact-setting{padding:18px}body.rouge[data-admin="true"] .contact-setting input{font-size:16px}body.rouge[data-admin="true"] .contact-preview{padding:18px}body.rouge[data-admin="true"] .contact-preview h3{font-size:24px}body.rouge[data-admin="true"] .contact-preview .contact-channels{gap:6px}body.rouge[data-admin="true"] .contact-preview .contact-channel-symbol{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){body.rouge .contact-channel-symbol{transition:none}}

body.rouge[data-admin="true"] .contact-setting-heading strong{color:var(--desk-text)}