.detail-example {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 22px;
          min-width: 0;
        }

        .detail-hero {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 18px;
          align-items: start;
          width: 100%;
          max-width: 100%;
          min-width: 0;
          padding: clamp(38px, 5vw, 64px) 0 clamp(28px, 5vw, 56px);
          border-bottom: 1px solid rgba(186, 186, 176, 0.28);
          color: #383831;
          overflow: hidden;
        }

        .detail-hero > *,
        .detail-product-card,
        .detail-proof-module,
        .detail-proof-start,
        .detail-proof-ready,
        .detail-output-grid > * {
          min-width: 0;
        }

        .detail-eyebrow {
          margin: 0 0 10px;
          color: #29695b;
          font-size: 12px;
          font-weight: 700;
          letter-spacing: 0.13em;
          text-transform: uppercase;
        }

        .detail-hero h1 {
          margin: 0;
          width: 100%;
          max-width: 780px;
          font-size: clamp(44px, 6vw, 86px);
          font-weight: 800;
          line-height: 1;
          letter-spacing: -0.02em;
          overflow-wrap: break-word;
        }

        .detail-lede {
          margin: 18px 0 0;
          width: 100%;
          max-width: 720px;
          color: #65655c;
          font-size: clamp(17px, 1.7vw, 22px);
          line-height: 1.58;
        }

        .detail-product-card {
          display: grid;
          gap: 14px;
          padding: 20px;
          border-radius: 12px;
          background: #f0eee5;
          color: #383831;
          box-shadow: inset 0 0 0 1px rgba(186, 186, 176, 0.18);
        }

        .detail-product-card--summary {
          grid-template-columns: minmax(0, 1fr);
          align-items: start;
          margin-top: 0;
        }

        .detail-product-image {
          display: grid;
          place-items: center;
          min-height: 190px;
          border-radius: 12px;
          background: #fffdf8;
          overflow: hidden;
        }

        .detail-product-image img {
          display: block;
          width: 100%;
          max-width: 280px;
          aspect-ratio: 1 / 1;
          object-fit: contain;
        }

        .detail-meta-grid,
        .detail-stage-grid,
        .detail-output-grid,
        .detail-research-grid {
          display: grid;
          gap: 14px;
        }

        .detail-meta-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .detail-meta {
          padding: 12px;
          border-radius: 16px;
          background: #f4f0e7;
        }

        .detail-label {
          display: block;
          color: #818178;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.1em;
          text-transform: uppercase;
        }

        .detail-value {
          display: block;
          margin-top: 3px;
          font-weight: 800;
        }

        .detail-stage-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .detail-proof-module {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 0;
          border-radius: 12px;
          overflow: hidden;
          background: #f0eee5;
        }

        .detail-proof-start,
        .detail-proof-ready {
          display: grid;
          gap: 18px;
          align-content: start;
          padding: clamp(24px, 4vw, 38px);
        }

        .detail-proof-start {
          background: #eae8de;
        }

        .detail-proof-ready {
          background: #fcf9f3;
        }

        .detail-code-card {
          display: grid;
          gap: 10px;
          padding: 18px;
          border-radius: 12px;
          background: #fffdf8;
          color: #65655c;
          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
          font-size: 13px;
          line-height: 1.64;
        }

        .detail-ready-head {
          display: grid;
          grid-template-columns: minmax(0, 1fr);
          gap: 22px;
          align-items: start;
        }

        .detail-ready-facts {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
          gap: 12px;
        }

        .detail-ready-fact {
          display: grid;
          gap: 6px;
          padding: 14px;
          border-radius: 12px;
          background: #fffdf8;
        }

        .detail-stage,
        .detail-panel {
          border-radius: 12px;
          background: #fcf9f3;
          color: #383831;
          box-shadow: inset 0 0 0 1px rgba(186, 186, 176, 0.2);
        }

        .detail-stage {
          padding: 22px;
        }

        .detail-stage h2,
        .detail-panel h2 {
          margin: 0;
          font-size: clamp(28px, 3.2vw, 46px);
          font-weight: 800;
          line-height: 1.05;
          letter-spacing: -0.02em;
        }

        .detail-stage h3,
        .detail-product-section h3 {
          margin: 0;
          font-size: clamp(24px, 2.3vw, 32px);
          line-height: 1.1;
          letter-spacing: -0.03em;
        }

        .detail-stage p,
        .detail-panel p,
        .detail-product-section p {
          margin: 10px 0 0;
          color: #65655c;
          line-height: 1.62;
        }

        .detail-list {
          display: grid;
          gap: 8px;
          margin: 16px 0 0;
          padding: 0;
          list-style: none;
        }

        .detail-list li {
          display: grid;
          grid-template-columns: 18px 1fr;
          gap: 8px;
          color: #65655c;
          line-height: 1.45;
        }

        .detail-list li::before {
          content: "";
          width: 7px;
          height: 7px;
          margin-top: 8px;
          border-radius: 999px;
          background: #29695b;
        }

        .detail-panel {
          padding: clamp(24px, 4vw, 44px);
        }

        .detail-story-panel {
          display: grid;
          gap: 18px;
        }

        .detail-story-panel > p {
          max-width: 760px;
        }

        .detail-next-links {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 20px;
        }

        .detail-next-links a {
          display: inline-flex;
          width: fit-content;
          padding: 10px 13px;
          border-radius: 999px;
          background: rgba(41, 105, 91, 0.09);
          color: #29695b;
          font-weight: 800;
          text-decoration: none;
        }

        .detail-research-grid {
          grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
          margin-top: 20px;
        }

        .detail-research-card {
          padding: 18px;
          border-radius: 12px;
          background: #f0eee5;
        }

        .detail-change-table,
        .detail-spec-table {
          width: 100%;
          margin-top: 20px;
          border-collapse: collapse;
        }

        .detail-change-table th,
        .detail-change-table td,
        .detail-spec-table th,
        .detail-spec-table td {
          padding: 13px 10px;
          border-bottom: 1px solid #ded8cc;
          text-align: left;
          vertical-align: top;
        }

        .detail-change-table th,
        .detail-spec-table th {
          color: #818178;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.1em;
          text-transform: uppercase;
        }

        .detail-delta {
          color: #29695b;
          font-weight: 700;
        }

        .detail-product-page {
          display: grid;
          gap: 28px;
        }

        .detail-preview-label {
          color: #29695b;
          font-size: 12px;
          font-weight: 800;
          letter-spacing: 0.13em;
          text-transform: uppercase;
        }

        .detail-output-grid {
          grid-template-columns: minmax(0, 1fr);
          align-items: start;
        }

        .detail-product-preview {
          margin: 0;
          padding: 24px;
          border: 1px solid #ded8cc;
          border-radius: 12px;
          background: #ffffff;
        }

        .detail-product-title {
          margin: 0;
          font-size: clamp(34px, 4vw, 58px);
          font-weight: 800;
          line-height: 1.05;
          letter-spacing: -0.02em;
        }

        .detail-product-section {
          padding-top: 24px;
          border-top: 1px solid #ded8cc;
        }

        .detail-spec-table th {
          width: 34%;
          padding-right: 18px;
        }

        .detail-faq {
          display: grid;
          gap: 14px;
          margin-top: 14px;
        }

        .detail-faq article {
          padding-top: 14px;
          border-top: 1px solid #ded8cc;
        }

        .detail-faq strong {
          display: block;
        }

        @media (max-width: 920px) {
          .detail-hero,
          .detail-product-card--summary,
          .detail-stage-grid,
          .detail-output-grid,
          .detail-ready-head {
            grid-template-columns: minmax(0, 1fr);
          }

          .detail-hero h1,
          .detail-lede {
            max-width: 100%;
          }

          .detail-change-table {
            display: block;
            width: 100%;
            border-collapse: separate;
            overflow: visible;
            white-space: normal;
          }

          .detail-change-table thead {
            display: none;
          }

          .detail-change-table tbody,
          .detail-change-table tr,
          .detail-change-table td {
            display: block;
            width: 100%;
          }

          .detail-change-table tr {
            padding: 14px 0;
            border-top: 1px solid #ded8cc;
          }

          .detail-change-table tr:first-child {
            border-top: 0;
          }

          .detail-change-table td {
            padding: 8px 0;
            border-bottom: 0;
            white-space: normal;
          }

          .detail-change-table td::before {
            display: block;
            margin-bottom: 4px;
            color: #818178;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: 0.1em;
            text-transform: uppercase;
          }

          .detail-change-table td:nth-child(1)::before {
            content: "Field group";
          }

          .detail-change-table td:nth-child(2)::before {
            content: "Current gap";
          }

          .detail-change-table td:nth-child(3)::before {
            content: "Buyer detail added";
          }

          .detail-change-table td:nth-child(4)::before {
            content: "Why it matters";
          }
        }