/*
 * DHV Theme 13.78.134 — Collaboration Content Surface (shared shell)
 * Presentation-only owner for /hop-tac/. The shared wide shell owns desktop
 * rail removal, logo-only masthead, document width and breadcrumb rhythm.
 * Core/Commerce Workspace remains authoritative for collaboration state/actions.
 */

.dhv-collab-main { width:100%; min-width:0; margin:0; padding:0; }
.dhv-collab-page { width:100%; min-width:0; margin:0; padding:0; }
.dhv-collab-gateway {
  --cg-soft:color-mix(in srgb,var(--dhv-red) 4.5%,var(--dhv-bg));
  --cg-card:color-mix(in srgb,var(--dhv-surface-soft) 54%,var(--dhv-bg));
  --cg-panel:color-mix(in srgb,var(--dhv-surface-soft) 72%,var(--dhv-bg));
  width:min(calc(100% - 48px),1180px);
  max-width:none;
  margin:0 auto 24px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--dhv-line) 84%,transparent);
  border-radius:18px;
  background:var(--dhv-bg);
  color:var(--dhv-text);
  box-shadow:0 12px 36px rgba(26,18,15,.035);
  font-family:var(--dhv-sans);
}
html[data-theme=dark] .dhv-collab-gateway {
  --cg-soft:color-mix(in srgb,var(--dhv-red) 9%,var(--dhv-bg));
  --cg-card:color-mix(in srgb,var(--dhv-surface-soft) 86%,var(--dhv-bg));
  --cg-panel:color-mix(in srgb,var(--dhv-surface-soft) 92%,var(--dhv-bg));
  box-shadow:none;
}
.dhv-collab-gateway *, .dhv-collab-gateway *::before, .dhv-collab-gateway *::after { box-sizing:border-box; }
.dhv-collab-gateway a { text-decoration:none; }
.dhv-collab-gateway h1,.dhv-collab-gateway h2,.dhv-collab-gateway h3 { margin:0; color:var(--dhv-ink); text-wrap:balance; }
.dhv-collab-gateway h1,.dhv-collab-gateway h2 { font-family:var(--dhv-serif); font-weight:700; }
.dhv-collab-gateway h2 { font-size:clamp(25px,2.55vw,34px) !important; line-height:1.12 !important; letter-spacing:-.008em !important; }
.dhv-collab-gateway h3 { font-size:16.25px; line-height:1.32; letter-spacing:-.003em !important; }
.dhv-collab-gateway p { text-wrap:pretty; }
.dhv-collab-shell { width:min(calc(100% - 56px),1060px); margin-inline:auto; }

.dhv-collab-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
  color:var(--dhv-red);
  font-size:10.75px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.dhv-collab-eyebrow::before { content:""; width:21px; height:2px; border-radius:999px; background:var(--dhv-red); }
.dhv-collab-deck { max-width:64ch; margin:12px 0 0; color:var(--dhv-muted); font-size:clamp(14px,1.12vw,16px); line-height:1.58; }

.dhv-collab-hero {
  background:radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--dhv-red) 9%,transparent),transparent 34%),linear-gradient(135deg,var(--dhv-bg),var(--cg-soft));
  border-bottom:1px solid color-mix(in srgb,var(--dhv-line) 78%,transparent);
}
.dhv-collab-hero-grid { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(290px,.72fr); gap:clamp(30px,4.2vw,52px); align-items:center; padding:clamp(34px,4vw,48px) 0; }
.dhv-collab-hero h1 { max-width:17ch; font-size:clamp(34px,3.65vw,44px) !important; line-height:1.065 !important; letter-spacing:-.012em !important; }
.dhv-collab-actions,.dhv-collab-close-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.dhv-collab-actions a,.dhv-collab-close-actions a,.dhv-collab-ads-grid>a {
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid var(--dhv-line);
  border-radius:999px;
  background:var(--dhv-bg);
  color:var(--dhv-ink);
  font-size:13.25px;
  font-weight:800;
}
.dhv-collab-actions a.is-primary,.dhv-collab-close-actions a.is-primary { border-color:var(--dhv-red); background:var(--dhv-red); color:#fff; }
.dhv-collab-hero-note { display:grid; gap:7px; }
.dhv-collab-hero-note>span { display:grid; grid-template-columns:27px 1fr; column-gap:10px; padding:11px 13px; border:1px solid color-mix(in srgb,var(--dhv-line) 88%,transparent); border-radius:12px; background:color-mix(in srgb,var(--dhv-bg) 96%,var(--cg-soft)); }
.dhv-collab-hero-note b { grid-row:1/3; color:var(--dhv-red); font-size:11.25px; }
.dhv-collab-hero-note strong { font-size:14px; }
.dhv-collab-hero-note small { margin-top:2px; color:var(--dhv-muted); font-size:12.25px; line-height:1.42; }

.dhv-collab-section { padding:clamp(32px,3.65vw,43px) 0; border-bottom:1px solid color-mix(in srgb,var(--dhv-line) 78%,transparent); }
.dhv-collab-section-head { max-width:760px; margin-bottom:16px; }
.dhv-collab-section-head.is-wide { max-width:850px; }
.dhv-collab-section-head>p { max-width:65ch; margin:9px 0 0; color:var(--dhv-muted); font-size:14px; line-height:1.56; }

.dhv-collab-path-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.dhv-collab-path-card { min-height:188px; display:flex; flex-direction:column; padding:16px; border:1px solid color-mix(in srgb,var(--dhv-line) 88%,transparent); border-radius:13px; background:var(--cg-card); }
.dhv-collab-path-card.is-business { background:linear-gradient(145deg,var(--cg-soft),var(--dhv-bg)); }
.dhv-collab-path-kicker { margin-bottom:17px; color:var(--dhv-red); font-size:10.75px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.dhv-collab-path-card p { max-width:58ch; margin:6px 0 13px; color:var(--dhv-muted); font-size:13.5px; line-height:1.5; }
.dhv-collab-path-card a { margin-top:auto; width:fit-content; color:var(--dhv-red); font-size:13.25px; font-weight:800; }
.dhv-collab-role-note { margin:10px 0 0; color:var(--dhv-muted); font-size:12.25px; line-height:1.45; }

.dhv-collab-process { background:var(--cg-panel); }
.dhv-collab-process-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(30px,4.5vw,52px); align-items:start; }
.dhv-collab-process .dhv-collab-section-head { margin:0; }
.dhv-collab-steps { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.dhv-collab-steps li { display:grid; grid-template-columns:32px 1fr; gap:10px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--dhv-line) 88%,transparent); border-radius:12px; background:var(--dhv-bg); }
.dhv-collab-steps li>span { color:var(--dhv-red); font-size:11.25px; font-weight:800; }
.dhv-collab-steps strong { display:block; color:var(--dhv-ink); font-size:14.5px; }
.dhv-collab-steps p { margin:2px 0 0; color:var(--dhv-muted); font-size:13.25px; line-height:1.44; }

.dhv-collab-principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.dhv-collab-principle-grid article { display:grid; grid-template-columns:26px 1fr; column-gap:10px; padding:15px; border:1px solid color-mix(in srgb,var(--dhv-line) 88%,transparent); border-radius:13px; background:var(--cg-card); }
.dhv-collab-principle-grid article>span { grid-row:1/3; color:var(--dhv-red); font-size:11.25px; font-weight:800; }
.dhv-collab-principle-grid p { margin:5px 0 0; color:var(--dhv-muted); font-size:13.25px; line-height:1.48; }

.dhv-collab-ads { padding:25px 0; background:color-mix(in srgb,var(--dhv-red) 4%,var(--dhv-bg)); border-bottom:1px solid color-mix(in srgb,var(--dhv-line) 78%,transparent); }
.dhv-collab-ads-grid { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; }
.dhv-collab-ads h2 { font-size:clamp(23px,2.35vw,29px) !important; }
.dhv-collab-ads p { max-width:68ch; margin:7px 0 0; color:var(--dhv-muted); font-size:13.25px; line-height:1.5; }
.dhv-collab-ads-grid>a { white-space:nowrap; }

.dhv-collab-close { padding:clamp(30px,3.65vw,42px) 0; background:var(--cg-panel); color:var(--dhv-text); }
.dhv-collab-close-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:28px; align-items:center; }
.dhv-collab-close h2 { max-width:19ch; color:var(--dhv-ink)!important; font-size:clamp(24px,2.45vw,32px)!important; }
.dhv-collab-close p { max-width:64ch; margin:9px 0 0; color:var(--dhv-muted); font-size:13.5px; line-height:1.5; }
.dhv-collab-close-actions { justify-content:flex-end; margin:0; }
.dhv-collab-gateway :focus-visible { outline:3px solid color-mix(in srgb,var(--dhv-red) 28%,transparent); outline-offset:3px; }

@media(max-width:900px){
  .dhv-collab-hero-grid,.dhv-collab-process-grid,.dhv-collab-close-grid{grid-template-columns:1fr;gap:22px}
  .dhv-collab-close-actions{justify-content:flex-start}
  .dhv-collab-principle-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .dhv-collab-gateway{width:calc(100vw - 20px);margin-bottom:14px;border-radius:15px}
  .dhv-collab-shell{width:calc(100% - 28px)}
  .dhv-collab-hero-grid{gap:17px;padding:24px 0 22px}
  .dhv-collab-hero h1{max-width:none;font-size:clamp(28px,8.3vw,34px)!important;line-height:1.075!important}
  .dhv-collab-deck{margin-top:10px;font-size:14.5px;line-height:1.54}
  .dhv-collab-gateway h2{font-size:clamp(22px,6.5vw,27px)!important}
  .dhv-collab-section{padding:26px 0}
  .dhv-collab-section-head{margin-bottom:13px}
  .dhv-collab-path-grid{grid-template-columns:1fr;gap:7px}
  .dhv-collab-path-card{min-height:0;padding:13px}
  .dhv-collab-path-kicker{margin-bottom:11px}
  .dhv-collab-process-grid{gap:15px}
  .dhv-collab-principle-grid{gap:6px}
  .dhv-collab-principle-grid article{padding:12px}
  .dhv-collab-ads{padding:23px 0}
  .dhv-collab-ads-grid{grid-template-columns:1fr;gap:12px}
  .dhv-collab-ads-grid>a{width:100%}
  .dhv-collab-close{padding:26px 0}
  .dhv-collab-close-grid{gap:15px}
  .dhv-collab-actions,.dhv-collab-close-actions{display:grid;gap:7px;margin-top:16px}
  .dhv-collab-actions a,.dhv-collab-close-actions a{width:100%;min-height:40px}
}
@media(prefers-reduced-motion:reduce){.dhv-collab-gateway *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}