/* ==========================================================================
   Referrals & Placements — page stylesheet
   Loaded only on /referrals-placements/ (inc/enqueue.php slug map).

   Composes with base.css and restates nothing from it.

   THE MOTIF IS A THRESHOLD. This page's subject is time, not fit: one
   line drawn across it that a professional can see but cannot yet cross.
   Above the line, what is possible today — set LOUD. Below it, what
   waits for registration — set QUIET. The status distinction is carried
   by type, not by a banner, a chip or a colour code, which is both
   calmer and much harder to misread.

   Sections
     1. Opening
     2. THE SIGNATURE MOMENT — the threshold
     3. A first conversation
     4. Matching and admission
     5. What we would need, later
     6. Talk to us / next
     7. Narrow widths
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Opening. Two sentences: the constraint, then the turn. The turn is
      set in the display italic — no other page sets a headline that way —
      because the change of tone is the argument of the page.
   -------------------------------------------------------------------------- */
.oasis-ref-open__inner { max-width: var(--oasis-w-wide); }
.oasis-ref-open h1 { margin-top: 0.4rem; }
.oasis-ref-open__l1,
.oasis-ref-open__l2 { display: block; max-width: 21ch; }
.oasis-ref-open__l2 {
	margin-top: 0.1em;
	font-style: italic;
	font-synthesis: none;
	color: var(--oasis-green-leaf);
}

.oasis-ref-open__body { margin-top: clamp(2rem, 4vw, 3.25rem); }
.oasis-ref-open__lede {
	margin: 0;
	font-family: var(--oasis-font-display);
	font-size: clamp(1.28rem, 1.02rem + 1.15vw, 1.92rem);
	line-height: 1.38;
	letter-spacing: -0.013em;
	color: var(--oasis-green-deep);
	max-width: 24ch;
}
.oasis-ref-open__para {
	margin-top: 1.2rem;
	color: var(--oasis-ink-soft);
	max-width: 54ch;
}
/* the primary action sits in the first viewport: this is the page a
   placement officer lands on, and making them hunt for it would be a poor
   trade for tidiness */
.oasis-ref-open__cta { margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }
@media (min-width: 900px) {
	.oasis-ref-open__body {
		display: grid;
		grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
		column-gap: clamp(2.5rem, 6vw, 5.5rem);
		align-items: start;
	}
	.oasis-ref-open__para { margin-top: 0.5rem; }
	.oasis-ref-open__cta { grid-column: 1; margin-top: clamp(2rem, 4vw, 2.75rem); }
}

/* --------------------------------------------------------------------------
   2. THE SIGNATURE MOMENT — the threshold.

      Above the line the items are display-scale and deep green; below it
      they are smaller and quieter. That IS the status UX: the things a
      professional can do today are literally the louder ones on the page.

      No banner, no red/green, no traffic light, no status table, no
      numbered stepper, no timeline with circles.
   -------------------------------------------------------------------------- */
.oasis-ref-threshold__head { max-width: var(--oasis-w-wide); }
.oasis-ref-threshold__head h2 { margin-top: 0.35rem; max-width: 26ch; text-wrap: balance; }

.oasis-ref-side__title { margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem); }
/* THE TEMPORAL LABEL IS THE POINT, so it is the largest thing in its own
   block — not a small uppercase tag above a heading. And it obeys the same
   loud/quiet rule as the items beneath it: "Now" is set in deep green at
   display scale, "Once registration is granted" quieter and smaller. */
.oasis-ref-side__when {
	display: block;
	font-family: var(--oasis-font-display);
	line-height: 1.12;
	letter-spacing: -0.018em;
}
.oasis-ref-side__title--now .oasis-ref-side__when {
	font-size: clamp(1.75rem, 1.25rem + 2.1vw, 2.75rem);
	color: var(--oasis-green-deep);
}
.oasis-ref-side__title--later .oasis-ref-side__when {
	font-size: clamp(1.24rem, 1.06rem + 0.75vw, 1.65rem);
	color: var(--oasis-sage);
	max-width: 26ch;
}
.oasis-ref-side__what {
	display: block;
	margin-top: 0.5rem;
	font-family: var(--oasis-font-body);
	font-size: var(--oasis-fs-sm);
	letter-spacing: 0.02em;
	line-height: 1.4;
	color: var(--oasis-ink-soft);
}
.oasis-ref-side__title--later .oasis-ref-side__what { margin-top: 0.4rem; }

.oasis-ref-threshold__now { margin-top: clamp(2.5rem, 5vw, 3.75rem); }
.oasis-ref-threshold__later { margin-top: clamp(2.25rem, 4.5vw, 3.25rem); }
.oasis-ref-threshold__now,
.oasis-ref-threshold__later,
.oasis-ref-line { max-width: var(--oasis-w-wide); }

.oasis-ref-items { list-style: none; margin: 0; padding: 0; }
.oasis-ref-items li { border-top: 1px solid var(--oasis-rule-soft); }
.oasis-ref-item__label { display: block; }
.oasis-ref-item__text { display: block; color: var(--oasis-ink-soft); }

/* ABOVE THE LINE — available now, and set like it */
.oasis-ref-items--now li { padding: clamp(1.2rem, 2.4vw, 1.75rem) 0; }
.oasis-ref-items--now .oasis-ref-item__label {
	font-family: var(--oasis-font-display);
	font-size: clamp(1.24rem, 1.04rem + 0.85vw, 1.72rem);
	line-height: 1.2;
	letter-spacing: -0.014em;
	color: var(--oasis-green-deep);
	max-width: 26ch;
}
.oasis-ref-items--now .oasis-ref-item__text {
	margin-top: 0.6rem;
	max-width: 54ch;
	line-height: 1.62;
}
@media (min-width: 1000px) {
	.oasis-ref-items--now li {
		display: grid;
		grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
		column-gap: clamp(2rem, 5vw, 4.5rem);
		align-items: baseline;
	}
	.oasis-ref-items--now .oasis-ref-item__text { margin-top: 0; }
}

/* BELOW THE LINE — not yet, and set like it: smaller, quieter, and on a
   softer rule. Nothing here is disabled or greyed out to the point of
   failing contrast; it is simply not shouting. */
.oasis-ref-items--later li { padding: 0.95rem 0; }
.oasis-ref-items--later .oasis-ref-item__label {
	font-family: var(--oasis-font-display);
	font-size: clamp(1.05rem, 1rem + 0.28vw, 1.2rem);
	line-height: 1.32;
	color: var(--oasis-sage);
}
.oasis-ref-items--later .oasis-ref-item__text {
	margin-top: 0.3rem;
	max-width: 62ch;
	font-size: var(--oasis-fs-sm);
	line-height: 1.6;
}
@media (min-width: 1000px) {
	.oasis-ref-items--later li {
		display: grid;
		grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
		column-gap: clamp(2rem, 5vw, 4.5rem);
		align-items: baseline;
	}
	.oasis-ref-items--later .oasis-ref-item__text { margin-top: 0; }
}

/* THE LINE ITSELF, carrying the approved statement verbatim from its
   partial. Two leaf rules with the notice held between them — the one
   place on the page where something is drawn rather than set. */
.oasis-ref-line {
	margin: clamp(3rem, 6vw, 4.5rem) 0 0;
	display: grid;
	gap: clamp(1.5rem, 3vw, 2.25rem);
}
.oasis-ref-line__rule {
	display: block;
	height: 1px;
	background: linear-gradient(to right,
		rgba(66, 147, 33, 0) 0%,
		var(--oasis-green-leaf) 12%,
		var(--oasis-green-leaf) 88%,
		rgba(66, 147, 33, 0) 100%);
}
.oasis-ref-line__notice { max-width: 58rem; margin-inline: auto; }
.oasis-ref-line .oasis-ofsted-notice {
	background: none;
	padding: 0;
	border-radius: 0;
	text-align: center;
}
.oasis-ref-line .oasis-ofsted-notice::before { margin-inline: auto; }
.oasis-ref-line .oasis-ofsted-notice p {
	max-width: 46ch;
	margin-inline: auto;
	font-family: var(--oasis-font-display);
	font-size: clamp(1.14rem, 1.01rem + 0.62vw, 1.48rem);
	line-height: 1.46;
	color: var(--oasis-green-deep);
}

/* the line draws outward from its centre as the block arrives — the one
   animation on the page, and it is the page's subject */
.js .oasis-ref-line__rule {
	transform-origin: center;
	transition: transform var(--oasis-dur-image) var(--oasis-ease-out);
}
.js .oasis-ref-line.is-pending .oasis-ref-line__rule { transform: scaleX(0.12); }
@media (prefers-reduced-motion: reduce) {
	.js .oasis-ref-line__rule { transition: none; }
	.js .oasis-ref-line.is-pending .oasis-ref-line__rule { transform: none; }
}

.oasis-ref-threshold__note {
	margin-top: clamp(1.75rem, 3.5vw, 2.5rem);
	padding-left: clamp(1rem, 2vw, 1.5rem);
	border-left: 2px solid var(--oasis-sand);
	font-size: var(--oasis-fs-sm);
	line-height: 1.6;
	max-width: 56ch;
}

/* --------------------------------------------------------------------------
   3. A first conversation. Heading in the margin, argument beside it.
   -------------------------------------------------------------------------- */
.oasis-ref-talk__inner { max-width: var(--oasis-w-wide); }
.oasis-ref-talk h2 { margin-top: 0.35rem; max-width: 20ch; text-wrap: balance; }
.oasis-ref-talk__body { margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.oasis-ref-talk__body p { color: var(--oasis-ink-soft); max-width: 56ch; }
.oasis-ref-talk__note {
	margin-top: 1.6rem;
	padding-left: clamp(1rem, 2vw, 1.5rem);
	border-left: 2px solid var(--oasis-green-leaf);
	font-size: var(--oasis-fs-sm);
	line-height: 1.6;
	color: var(--oasis-ink) !important;
}
@media (min-width: 960px) {
	.oasis-ref-talk__inner {
		display: grid;
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		column-gap: clamp(2.5rem, 6vw, 5.5rem);
		align-items: start;
	}
	.oasis-ref-talk__body { margin-top: 0.5rem; }
}

/* --------------------------------------------------------------------------
   4. Matching and admission. Prose-led on purpose: Who We Support owns
      the drawn matching figure and the judgement it explains, so this
      section takes the mechanics and links across rather than building a
      second version of the same argument.
   -------------------------------------------------------------------------- */
.oasis-ref-match__inner { max-width: var(--oasis-w-wide); }
.oasis-ref-match h2 { margin-top: 0.35rem; max-width: 24ch; text-wrap: balance; }
.oasis-ref-match__statement {
	margin-top: clamp(1.5rem, 3vw, 2.25rem);
	font-family: var(--oasis-font-display);
	font-size: clamp(1.3rem, 1.04rem + 1.15vw, 1.95rem);
	line-height: 1.38;
	letter-spacing: -0.013em;
	color: var(--oasis-green-deep);
	max-width: 32ch;
}
.oasis-ref-match__cols { margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }
.oasis-ref-match__cols p { color: var(--oasis-ink-soft); max-width: 54ch; }
.oasis-ref-match__cols strong { color: var(--oasis-ink); font-weight: 600; }
@media (min-width: 960px) {
	.oasis-ref-match__cols {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: clamp(2.5rem, 6vw, 5rem);
	}
	.oasis-ref-match__cols p + p { margin-top: 0; }
}
.oasis-ref-match__close {
	margin-top: clamp(1.75rem, 3.5vw, 2.5rem);
	padding-top: clamp(1.25rem, 2.5vw, 1.75rem);
	border-top: 1px solid var(--oasis-rule);
	max-width: 62ch;
	color: var(--oasis-ink-soft);
	font-size: var(--oasis-fs-sm);
	line-height: 1.64;
}

/* --------------------------------------------------------------------------
   4b. What the matching assessment weighs, and the four beats.

      The "weighs" list reuses the leaf-green tick and measure the rest
      of the site uses for a short set of commitments. Deliberately NOT
      a table, a matrix, a scorecard or numbered criteria: a children's
      home does not assess a child against a rubric, and drawing one
      would say it does.

      THE FOUR BEATS are the page's only deep-green field and carry
      nothing else — four phrases and one line of gloss each. The
      prominence is scale and emptiness, in keeping with the rest of the
      site; there are no icons, no cards, no counters and no dividers.
   -------------------------------------------------------------------------- */
.oasis-ref-weighs {
	margin-top: clamp(2rem, 4vw, 3rem);
	padding-top: clamp(1.5rem, 3vw, 2.25rem);
	border-top: 1px solid var(--oasis-rule);
}
.oasis-ref-weighs__h {
	margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem);
	font-size: var(--oasis-fs-xs);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--oasis-sage);
}
.oasis-ref-weigh + .oasis-ref-weigh { margin-top: clamp(1.35rem, 2.6vw, 1.85rem); }
.oasis-ref-weigh__lead {
	margin: 0 0 0.45rem;
	font-family: var(--oasis-font-display);
	font-size: clamp(1.08rem, 0.98rem + 0.4vw, 1.28rem);
	line-height: 1.3;
	color: var(--oasis-green-deep);
	position: relative;
	padding-left: 1.05rem;
}
.oasis-ref-weigh__lead::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.32em;
	width: 2px;
	height: 0.9em;
	border-radius: 1px;
	background: var(--oasis-green-leaf);
}
.oasis-ref-weigh p {
	margin: 0;
	padding-left: 1.05rem;
	color: var(--oasis-ink-soft);
	font-size: var(--oasis-fs-sm);
	line-height: 1.62;
	max-width: 46ch;
}

@media (min-width: 900px) {
	.oasis-ref-weighs__list {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
		column-gap: clamp(1.75rem, 4vw, 3rem);
		row-gap: clamp(1.75rem, 3.5vw, 2.5rem);
	}
	.oasis-ref-weigh + .oasis-ref-weigh { margin-top: 0; }
	.oasis-ref-weigh p { max-width: 34ch; }
}

.oasis-ref-match__vacancy {
	margin-top: clamp(2rem, 4vw, 3rem);
	font-family: var(--oasis-font-display);
	font-size: clamp(1.22rem, 1.02rem + 0.9vw, 1.72rem);
	line-height: 1.4;
	letter-spacing: -0.012em;
	color: var(--oasis-green-deep);
	max-width: 40ch;
}

.oasis-ref-beat__lead {
	margin: 0;
	font-family: var(--oasis-font-display);
	font-size: clamp(1.32rem, 1.06rem + 1.1vw, 1.95rem);
	line-height: 1.2;
	letter-spacing: -0.016em;
	color: #fff;
	text-wrap: balance;
}
.oasis-ref-beat__text {
	margin: 0.6rem 0 0;
	font-size: var(--oasis-fs-sm);
	line-height: 1.58;
	color: rgba(255, 255, 255, 0.78);
	max-width: 30ch;
}
.oasis-ref-beat + .oasis-ref-beat { margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }

@media (min-width: 780px) {
	.oasis-ref-beats__list {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
		grid-template-rows: auto auto;
		column-gap: clamp(1.5rem, 3.5vw, 3rem);
		row-gap: clamp(2rem, 4vw, 2.75rem);
	}
	.oasis-ref-beat + .oasis-ref-beat { margin-top: 0; }
	/* Subgrid so the four glosses share one baseline even when a beat
	   wraps to two lines ("Strong safeguarding." does at most widths).
	   Without it the wrapped column pushes its own gloss down and the
	   row reads as a mistake. Browsers without subgrid keep the
	   perfectly acceptable ragged version above. */
	@supports (grid-template-rows: subgrid) {
		.oasis-ref-beat {
			display: grid;
			grid-row: span 2;
			grid-template-rows: subgrid;
			row-gap: 0.6rem;
		}
		.oasis-ref-beat__text { margin-top: 0; }
	}
}

/* --------------------------------------------------------------------------
   5. What we would need, later. A reference list a placement officer can
      scan — hairlines, no boxes, and the section's own lede says plainly
      that none of it should be sent today.
   -------------------------------------------------------------------------- */
.oasis-ref-needs__head { max-width: var(--oasis-w-wide); }
.oasis-ref-needs__head h2 { margin-top: 0.35rem; max-width: 22ch; text-wrap: balance; }
.oasis-ref-needs__head .oasis-lede { margin-top: 1.1rem; max-width: 50ch; }
.oasis-ref-needs__head .oasis-lede strong { color: var(--oasis-green-deep); }
@media (min-width: 960px) {
	.oasis-ref-needs__head {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: clamp(2rem, 5vw, 4.5rem);
		align-items: end;
	}
	.oasis-ref-needs__head > .oasis-eyebrow { grid-column: 1 / -1; }
	.oasis-ref-needs__head .oasis-lede { margin-top: 0; padding-bottom: 0.35rem; }
}

.oasis-ref-needs__list {
	margin: clamp(2rem, 4vw, 3rem) 0 0;
	max-width: var(--oasis-w-wide);
}
.oasis-ref-need {
	padding: 1.05rem 0;
	border-top: 1px solid var(--oasis-rule-soft);
}
.oasis-ref-need:last-child { border-bottom: 1px solid var(--oasis-rule-soft); }
.oasis-ref-need dt {
	font-family: var(--oasis-font-display);
	font-size: clamp(1.1rem, 1.01rem + 0.4vw, 1.3rem);
	line-height: 1.3;
	color: var(--oasis-green-deep);
}
.oasis-ref-need dd {
	margin: 0.4rem 0 0;
	color: var(--oasis-ink-soft);
	font-size: var(--oasis-fs-sm);
	line-height: 1.62;
	max-width: 58ch;
}
@media (min-width: 1000px) {
	.oasis-ref-need {
		display: grid;
		grid-template-columns: minmax(9rem, 0.36fr) minmax(0, 1fr);
		column-gap: clamp(2rem, 5vw, 4.5rem);
		align-items: baseline;
	}
	.oasis-ref-need dd { margin-top: 0; }
}

/* --------------------------------------------------------------------------
   6. Talk to us. The primary professional action, at real scale — a
      contact route set in fine print is not a route. The privacy notice
      is the one that will sit above the enquiry form's message field
      when that form is built.
   -------------------------------------------------------------------------- */
.oasis-ref-contact__inner { max-width: var(--oasis-w-wide); }
.oasis-ref-contact h2 { margin-top: 0.35rem; max-width: 18ch; }
.oasis-ref-contact__para {
	margin-top: 1.15rem;
	color: var(--oasis-ink-soft);
	max-width: 52ch;
}
.oasis-ref-contact__privacy {
	margin-top: clamp(1.5rem, 3vw, 2rem);
	padding: clamp(1rem, 2.2vw, 1.4rem) clamp(1.1rem, 2.4vw, 1.6rem);
	background: var(--oasis-paper);
	border-left: 3px solid var(--oasis-green-leaf);
	border-radius: 0.35rem 0.35rem 0.35rem 1.1rem;
	font-size: var(--oasis-fs-sm);
	line-height: 1.6;
	color: var(--oasis-ink);
	max-width: 46rem;
}
.oasis-ref-contact__privacy strong { display: block; margin-bottom: 0.35rem; font-weight: 600; }

.oasis-ref-contact__routes { margin-top: clamp(2rem, 4vw, 3rem); }
.oasis-ref-contact__routes .oasis-contact-details {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem clamp(1.75rem, 4.5vw, 3.5rem);
	padding-top: clamp(1rem, 2vw, 1.4rem);
	border-top: 2px solid var(--oasis-green-leaf);
}
.oasis-ref-contact__routes .oasis-contact-details p { margin: 0; }
.oasis-ref-contact__routes .oasis-contact-details a {
	display: inline-block;
	/* a professional contact route has to be easy to hit; the bare text
	   link measures just under the 24px target minimum */
	padding-block: 0.3rem;
	font-family: var(--oasis-font-display);
	font-size: clamp(1.24rem, 1.04rem + 0.85vw, 1.7rem);
	letter-spacing: -0.012em;
	color: var(--oasis-green-deep);
}
.oasis-ref-contact__who {
	margin-top: 0.9rem;
	font-size: var(--oasis-fs-sm);
	line-height: 1.6;
	color: var(--oasis-ink-soft);
	max-width: 52ch;
}
@media (min-width: 1000px) {
	.oasis-ref-contact__inner {
		display: grid;
		grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
		column-gap: clamp(2.5rem, 6vw, 5.5rem);
		align-items: start;
	}
	.oasis-ref-contact__lead { grid-column: 1; }
	.oasis-ref-contact__routes { grid-column: 2; margin-top: clamp(3rem, 7vw, 5.5rem); }
	.oasis-ref-contact__next { grid-column: 1 / -1; }
}

.oasis-ref-contact__next {
	margin-top: clamp(2.75rem, 5.5vw, 4.25rem);
	padding-top: clamp(1.75rem, 3.5vw, 2.5rem);
	border-top: 1px solid rgba(36, 92, 44, 0.18);
}
.oasis-ref-next__routes {
	margin-top: clamp(1.25rem, 2.5vw, 1.75rem);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
}
.oasis-ref-next__routes a {
	display: block;
	padding: clamp(1.1rem, 2.2vw, 1.5rem) 0;
	border-top: 1px solid rgba(36, 92, 44, 0.18);
	text-decoration: none;
	color: inherit;
}
.oasis-ref-next__routes a:last-child { border-bottom: 1px solid rgba(36, 92, 44, 0.18); }
.oasis-ref-next__label {
	display: block;
	font-family: var(--oasis-font-display);
	font-size: clamp(1.22rem, 1.06rem + 0.7vw, 1.62rem);
	line-height: 1.2;
	letter-spacing: -0.016em;
	color: var(--oasis-green-deep);
	transition: color var(--oasis-dur-short) var(--oasis-ease-soft);
}
.oasis-ref-next__desc {
	display: block;
	margin-top: 0.4rem;
	max-width: 40ch;
	font-size: var(--oasis-fs-sm);
	line-height: 1.52;
	color: var(--oasis-ink-soft);
}
.oasis-ref-next__routes a .oasis-arc-arrow {
	display: block;
	width: 1.6rem;
	height: auto;
	margin-top: 0.75rem;
	color: var(--oasis-green-deep);
	transition: transform var(--oasis-dur-short) var(--oasis-ease-out);
}
@media (hover: hover) {
	.oasis-ref-next__routes a:hover .oasis-ref-next__label { color: var(--oasis-green-deep-hover); }
	.oasis-ref-next__routes a:hover .oasis-arc-arrow { transform: translateX(6px); }
}
.oasis-ref-next__routes a:focus-visible {
	outline: 3px solid var(--oasis-focus);
	outline-offset: 4px;
}
@media (min-width: 860px) {
	.oasis-ref-next__routes {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: clamp(2rem, 4.5vw, 3.5rem);
	}
	.oasis-ref-next__routes a:last-child { border-bottom: 0; }
}

/* --------------------------------------------------------------------------
   7. Narrow widths. The threshold has to survive intact on a phone —
      it is the page — so the loud/quiet contrast is preserved rather
      than flattened, and measures are released everywhere else.
   -------------------------------------------------------------------------- */
@media (max-width: 899px) {
	.oasis-ref-open__lede,
	.oasis-ref-open__para,
	.oasis-ref-items--now .oasis-ref-item__text,
	.oasis-ref-items--later .oasis-ref-item__text,
	.oasis-ref-threshold__note,
	.oasis-ref-talk__body p,
	.oasis-ref-match__statement,
	.oasis-ref-match__cols p,
	.oasis-ref-match__close,
	.oasis-ref-needs__head .oasis-lede,
	.oasis-ref-need dd,
	.oasis-ref-contact__para,
	.oasis-ref-contact__who { max-width: none; }
	.oasis-ref-open__l1,
	.oasis-ref-open__l2 { max-width: none; }
	.oasis-ref-items--now .oasis-ref-item__label { max-width: 22ch; }
	.oasis-ref-line { margin-top: clamp(2.25rem, 6vw, 3rem); }
}
@media (max-width: 599px) {
	.oasis-ref-line .oasis-ofsted-notice { text-align: left; }
	.oasis-ref-line .oasis-ofsted-notice::before { margin-inline: 0; }
	.oasis-ref-line .oasis-ofsted-notice p { margin-inline: 0; max-width: none; }
	.oasis-ref-contact__routes .oasis-contact-details { flex-direction: column; gap: 0.4rem; }
	.oasis-ref-next__routes a:last-child { border-bottom: 1px solid rgba(36, 92, 44, 0.18); }
}