.detail-page {padding:clamp(28px,6vw,70px) 0 80px}
.detail-back {display:inline-block;margin-bottom:30px;color:var(--green);font-weight:800;text-underline-offset:4px}
.detail-head {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.7fr);gap:clamp(20px,4vw,56px)}
.detail-head h1 {font:500 clamp(2.5rem,6vw,5rem)/1.06 Georgia,serif;letter-spacing:-.04em;margin:20px 0;overflow-wrap:anywhere}
.detail-lede {font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.65;color:#405249}
.detail-facts {background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.detail-facts dt {font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:#647067}
.detail-facts dd {margin:6px 0 24px;font-weight:650}.detail-facts dd:last-child{margin-bottom:0}
.detail-section {max-width:860px;margin-top:38px;border-top:1px solid var(--line);padding-top:28px}
.detail-section h2 {font:500 clamp(1.7rem,3vw,2.3rem)/1.2 Georgia,serif;margin:0 0 18px}
.detail-section p,.detail-section ul {color:#435249;line-height:1.7}
.detail-section ul {padding-left:1.4rem}.detail-section li+li{margin-top:10px}
.detail-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.detail-actions a {display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid #bfd0c3;border-radius:12px;background:#fff;color:var(--green);font-weight:800;text-decoration:none}
.detail-actions a:hover,.detail-actions a:focus-visible{background:var(--green-soft);border-color:var(--green)}
.detail-reviewed{margin-top:26px;color:#647067;font-size:.86rem}
.detail-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
@media(max-width:760px){.detail-head{grid-template-columns:1fr}.detail-facts{padding:18px}.detail-actions a{width:100%;justify-content:center}}

/* Plans Dendrila Privacy: inherit the catalogue's accessible cards. */
.privacy-intro,.privacy-progress,.privacy-feedback{max-width:none}
.privacy-intro>p,.privacy-feedback>p{max-width:850px}
.privacy-disclaimer{padding:12px 16px;border-left:3px solid #7caf8b;background:#f1f7f2;border-radius:0 10px 10px 0}
.privacy-offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.privacy-offers .project-card{min-width:0;min-height:600px;padding:clamp(20px,2.6vw,29px)}
.privacy-offers .project-card h3{font-size:clamp(1.8rem,2.8vw,2.5rem);margin:18px 0 8px}
.privacy-offers .project-symbol{margin-top:22px}
.privacy-offers .project-summary{font-size:.98rem;line-height:1.6}
.privacy-price{font-size:2rem;color:#173d2b;font-weight:850;line-height:1.25;margin:0 0 17px}
.privacy-price small{display:block;margin-top:5px;color:#556a5d;font-size:.86rem;font-weight:650}
.privacy-features{margin:20px 0;padding-left:1.3rem;color:#374a3d;font-size:.94rem;line-height:1.6}
.privacy-features li+li{margin-top:9px}
.privacy-note{margin:auto 0 14px;color:#53645b;font-size:.89rem;line-height:1.6}
.privacy-unavailable{margin:0;border-top:1px solid #d5e0d8;padding-top:16px;color:#4d6655;font-size:.89rem;font-weight:800}
.privacy-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.privacy-milestones article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.privacy-milestones h3{font:500 1.38rem/1.2 Georgia,serif;margin:18px 0 10px}
.privacy-milestones p{font-size:.95rem;line-height:1.6}
.privacy-safety{font-size:.91rem}
@media(max-width:1000px){.privacy-offers{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-milestones{grid-template-columns:1fr}}
@media(max-width:690px){.privacy-offers{grid-template-columns:1fr}.privacy-offers .project-card{min-height:0}}

/* Dendrila offers are full content cards. The mobile catalogue switches
   .project-card to a two-column GRID for compact catalogue previews.
   That grid must not leak into the long pricing cards. */
.privacy-offers .project-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.privacy-offers .project-card > * { min-width: 0; }
.privacy-offers .project-card .project-topline { margin-bottom: 0; }
.privacy-offers .project-card .project-symbol {
  align-self: flex-start;
  flex-shrink: 0;
}
.privacy-offers .project-card h3 { align-self: stretch; }
.privacy-offers .project-card .project-summary {
  grid-column: auto;
  margin-top: 0;
}
.privacy-offers .privacy-features { width: 100%; }
@media (max-width: 690px) {
  .privacy-offers { grid-template-columns: minmax(0, 1fr); }
  .privacy-offers .project-card {
    width: 100%;
    min-height: 0;
    padding: 22px;
  }
  .privacy-offers .project-card .project-card-link { margin-top: 14px; }
}
/* The full-width catalogue header also needs room for the language selector
   and the accessibility toggle on narrow phones and at enlarged text sizes. */
@media (max-width: 540px) {
  .privacy-detail .site-header .header-inner {
    flex-wrap: wrap;
    gap: 8px;
    padding-block: 10px;
  }
  .privacy-detail .detail-header-actions {
    width: 100%;
    margin-left: 0;
    justify-content: space-between;
    gap: 10px;
  }
  .privacy-detail .detail-head h1 {
    overflow-wrap: break-word;
  }
}

/* What users can actually do: readable feature cards rather than developer-only lists. */
.detail-feature-section{max-width:980px}
.detail-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.detail-feature-grid article{border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px;min-width:0}
.detail-feature-grid article h3{margin:0 0 10px;color:var(--green);font:600 1.2rem/1.25 Georgia,serif}
.detail-feature-grid article p{margin:0 0 12px;font-size:.98rem;line-height:1.6}
.detail-feature-grid article small{display:inline-block;border-radius:20px;background:#edf5ef;border:1px solid #c4ddcd;padding:4px 10px;color:#31513b;font-weight:750;font-size:.78rem}
.detail-steps{padding-left:1.5rem;color:#435249;line-height:1.7}.detail-steps li+li{margin-top:8px}
@media(max-width:670px){.detail-feature-grid{grid-template-columns:1fr}.detail-feature-grid article{padding:17px}}

/* Verger Associations: product overview and prototype caveats. */
.verger-detail .detail-intro-note{max-width:58ch;margin-top:18px;color:#586d5b;line-height:1.7}
.verger-detail .detail-feature-grid article{display:flex;flex-direction:column}
.verger-detail .detail-feature-grid article p{flex:1}
.verger-detail .detail-feature-grid article small{align-self:flex-start}
.verger-detail .verger-journey{padding-left:1.6rem}
.verger-detail .verger-journey li{padding-left:.3rem}
.verger-detail .verger-journey strong{color:#173d2b}
.verger-detail .verger-caution{padding:14px 18px;border-left:4px solid #8b6632;border-radius:0 12px 12px 0;background:#fff7e7;color:#4c3d23}
.verger-detail .verger-nav-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}
.verger-detail .verger-nav-preview span{display:grid;place-items:center;text-align:center;min-height:54px;padding:8px 6px;border:1px solid #b7d5c0;border-radius:12px;background:#f0f7f1;color:#173d2b;font-weight:800;font-size:.87rem;overflow-wrap:anywhere}
.verger-detail .verger-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.verger-detail .verger-stage-grid article{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.verger-detail .verger-stage-grid h3{margin:0 0 12px;color:#173d2b;font-size:1.05rem;line-height:1.35}
.verger-detail .verger-stage-grid p{margin:0;line-height:1.65}
@media(max-width:850px){.verger-detail .verger-stage-grid{grid-template-columns:1fr}}
@media(max-width:450px){.verger-detail .verger-nav-preview{gap:4px}.verger-detail .verger-nav-preview span{font-size:.75rem;padding-inline:3px;min-height:48px}}