/* ==========================================================================
   Institutional Development Plan  —  /page/institutional-development-plan/
   --------------------------------------------------------------------------
   A document to be read end to end, so the whole file is about reading: a
   measure that does not run away from the eye, a first paragraph that says
   where to start, and one pulled-out quotation to break eleven paragraphs of
   even weight.

   There are no headings to style. The document has none, and inventing them
   for something the University filed with a regulator is not this
   stylesheet's business either.
   ========================================================================== */

.idp { max-width: 820px; }

.idp-doc {
  padding: 34px 38px 30px;
  border-radius: var(--radius-lg, 16px);
  background: var(--paper);
  box-shadow: var(--shadow-xs);
}

/* The opening paragraph, larger. Not a drop cap and not a different
   typeface - this is a statutory document, and the point is to show where it
   begins, not to decorate it. */
.idp-lead {
  margin: 0 0 22px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-size: 1.12rem;
  font-weight: 500;
  line-height: 1.7;
}

.idp-p {
  margin: 0 0 18px;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.8;          /* eleven paragraphs; the extra leading earns
                                itself back over that distance */
}
.idp-p:last-child { margin-bottom: 0; }

/* ---- the vision --------------------------------------------------------- */
.idp-vision {
  margin: 26px 0;
  padding: 22px 26px;
  border-left: 4px solid var(--accent);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: rgb(var(--accent-rgb) / 8%);
}
.idp-vision__lead {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.6;
}
.idp-vision__quote {
  /* The quotation marks are drawn here rather than typed into the data, so
     the wording stored is the wording of the document and the punctuation is
     the page's. */
  quotes: "\201C" "\201D";
  margin: 0;
  color: var(--brand);
  font-size: 1.12rem;
  font-weight: 600;
  font-style: italic;
  line-height: 1.6;
}
.idp-vision__quote::before { content: open-quote; }
.idp-vision__quote::after  { content: close-quote; }


@media (max-width: 575.98px) {
  .idp-doc { padding: 22px 18px 20px; }
  .idp-lead { font-size: 1.05rem; }
  .idp-vision { margin: 20px 0; padding: 16px 18px; }
  .idp-vision__quote { font-size: 1.02rem; }
}

/* ---- the signed original, under the text -------------------------------- */
.idp-source { margin: 26px 0 0; }
.idp-source__link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 20px;
  border-radius: var(--radius-pill);
  background: var(--accent-deep);
  color: #fff;
  font-size: .86rem;
  font-weight: 700;
  text-decoration: none;
}
.idp-source__link svg { fill: currentColor; }
.idp-source__link:hover { background: var(--brand); color: #fff; }
.idp-source__link:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }