/* Opportunity-page art direction only. No calculator or shared-page overrides. */
body[data-page="opportunities"] .opportunity-intro {
  max-width: none; display: grid; grid-template-columns: 1.2fr .8fr;
  align-items: center; gap: 55px; padding-block: 64px 72px;
}
body[data-page="opportunities"] .opportunity-intro h1 { font-size: clamp(46px, 4.7vw, 64px); }
body[data-page="opportunities"] .opportunity-intro .lede { font-size: 16px; }
body[data-page="opportunities"] .space-sketch { margin: 0; min-width: 0; }
body[data-page="opportunities"] .sketch-label {
  margin: 0; padding-bottom: 13px; border-bottom: 1px solid var(--ink);
  font-size: 10px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase;
}
body[data-page="opportunities"] .space-plan {
  position: relative; aspect-ratio: 400 / 340; container-type: inline-size;
  background-image: linear-gradient(#c9c2b33b 1px, transparent 1px), linear-gradient(90deg, #c9c2b33b 1px, transparent 1px);
  background-size: 22px 22px;
}
body[data-page="opportunities"] .space-plan svg { width: 100%; height: 100%; display: block; fill: none; }
body[data-page="opportunities"] .plan-wall { stroke: var(--ink); stroke-width: 2; }
body[data-page="opportunities"] .plan-door, body[data-page="opportunities"] .plan-mark { stroke: #989183; stroke-width: 1; }
body[data-page="opportunities"] .plan-route { stroke: #806217; stroke-width: 2; stroke-dasharray: 5 5; }
body[data-page="opportunities"] .plan-arrow { stroke: #806217; stroke-width: 2; }
body[data-page="opportunities"] .plan-audience {
  position: absolute; left: 14%; top: 16%; font-family: var(--serif); font-size: clamp(20px, 7cqw, 31px); line-height: 1.1;
}
body[data-page="opportunities"] .plan-moment {
  position: absolute; left: 52%; top: 38%; width: 37%; padding: 3.5% 2.8%;
  background: #dfd3b4; border: 1px solid #806217; transform: rotate(-4deg);
}
body[data-page="opportunities"] .plan-moment span { display: block; font-size: clamp(9px, 2.5cqw, 11px); line-height: 1.4; margin-bottom: 2cqw; }
body[data-page="opportunities"] .plan-moment strong { display: block; font-family: var(--serif); font-size: clamp(18px, 7cqw, 28px); font-weight: 400; line-height: 1; white-space: nowrap; }
body[data-page="opportunities"] .plan-entry { position: absolute; left: 49%; top: 84%; width: 41%; font-size: clamp(9px, 2.5cqw, 11px); line-height: 1.1; color: var(--muted); }
body[data-page="opportunities"] .space-sketch figcaption { padding-top: 14px; border-top: 1px solid var(--line); font: 21px/1.2 var(--serif); }
body[data-page="opportunities"] .space-sketch figcaption small { display: block; margin-top: 12px; font: 11px/1.6 Arial, sans-serif; color: var(--muted); }
body[data-page="opportunities"] .directory-section { border-top: 1px solid var(--ink); padding-top: 40px; }
body[data-page="opportunities"] .opportunity-sketches { margin-top: 32px; border-bottom: 1px solid var(--ink); }
body[data-page="opportunities"] .opportunity-sketch { border-top: 1px solid var(--ink); }
body[data-page="opportunities"] .opportunity-sketch > summary {
  display: grid; grid-template-columns: 50px 1fr 30px; align-items: center; gap: 20px;
  padding: 22px 0; font: 30px/1.2 var(--serif); cursor: pointer; list-style: none;
}
body[data-page="opportunities"] .opportunity-sketch > summary::-webkit-details-marker { display: none; }
body[data-page="opportunities"] .opportunity-sketch > summary:focus-visible { outline: 2px solid #806217; outline-offset: -2px; }
body[data-page="opportunities"] .sketch-index { font: 12px/1 Arial, sans-serif; color: #806217; }
body[data-page="opportunities"] .sketch-toggle { text-align: center; font: 24px/1 Arial, sans-serif; color: #806217; }
body[data-page="opportunities"] .sketch-toggle::after { content: "+"; }
body[data-page="opportunities"] details[open] > summary .sketch-toggle::after { content: "−"; }
body[data-page="opportunities"] .sketch-body {
  display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px;
  padding: 30px 40px 38px 70px; margin-bottom: 22px; background: var(--ink); color: var(--ivory);
}
body[data-page="opportunities"] .sketch-idea .eyebrow { color: #e4c976; font-size: 10px; }
body[data-page="opportunities"] .sketch-idea h3 { font-size: 38px; margin-bottom: 16px; }
body[data-page="opportunities"] .sketch-idea > p:not(.eyebrow) { font-size: 14px; color: #bcb6aa; }
body[data-page="opportunities"] .sketch-idea .text-link { color: #e4c976; margin-top: 12px; }
body[data-page="opportunities"] .sketch-benefits { margin: 0; }
body[data-page="opportunities"] .sketch-benefits > div { padding-block: 14px; border-top: 1px solid #514d43; }
body[data-page="opportunities"] .sketch-benefits > div:first-child { padding-top: 0; border-top: 0; }
body[data-page="opportunities"] .sketch-benefits dt { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: #e4c976; margin-bottom: 6px; }
body[data-page="opportunities"] .sketch-benefits dd { margin: 0; font-size: 14px; line-height: 1.6; color: #d3cdc1; }
body[data-page="opportunities"] .sketch-scope { font-size: 12px; color: var(--muted); margin-top: 18px; max-width: 850px; }
body[data-page="opportunities"] .sketch-proof { padding-block: 20px; border-bottom: 1px solid var(--line); font-size: 14px; }
body[data-page="opportunities"] .sketch-proof .text-link { margin-left: 16px; }
@media (max-width: 900px) {
  body[data-page="opportunities"] .opportunity-intro { grid-template-columns: 1fr; gap: 34px; }
  body[data-page="opportunities"] .space-sketch { max-width: 430px; width: 100%; }
  body[data-page="opportunities"] .sketch-body { gap: 35px; padding-left: 35px; }
}
@media (max-width: 540px) {
  body[data-page="opportunities"] .opportunity-intro { padding-block: 32px 42px; gap: 30px; }
  body[data-page="opportunities"] .opportunity-intro h1 { font-size: 44px; }
  body[data-page="opportunities"] .opportunity-intro .actions { flex-direction: column; align-items: stretch; }
  body[data-page="opportunities"] .opportunity-intro .actions .text-link { align-self: flex-start; }
  body[data-page="opportunities"] .opportunity-sketch > summary { grid-template-columns: 24px 1fr 22px; gap: 12px; font-size: 25px; min-height: 78px; }
  body[data-page="opportunities"] .sketch-body { grid-template-columns: 1fr; gap: 24px; padding: 27px 22px; }
  body[data-page="opportunities"] .sketch-idea h3 { font-size: 33px; }
  body[data-page="opportunities"] .sketch-proof .text-link { display: inline-flex; margin: 12px 0 0; }
}
@media print {
  body[data-page="opportunities"] .opportunity-intro { grid-template-columns: 1fr; }
  body[data-page="opportunities"] .space-sketch { display: none; }
  body[data-page="opportunities"] .sketch-body { background: white; color: black; }
  body[data-page="opportunities"] .sketch-body p, body[data-page="opportunities"] .sketch-body dd, body[data-page="opportunities"] .sketch-body dt { color: #333; }
}