/* Dukes Managed Portfolio - mp5 "Ink and Register" island pass, 20 August 2026.
   Page-scoped by body class (.page--managed-portfolio); the shared shell,
   dukes.css and every other route are untouched. Full rewrite: the previous
   mpf- graphite layer is retired along with its four AI photographs.

   Palette family: DUKES_DESIGN_AUTHORITY section 3. This page owns the
   INK-INDIGO pairing - no other page anchors indigo (the site's other darks
   sit at navy 212deg, teal 172-192deg, forest 160-165deg, damson 325deg and
   espresso 24deg; this one sits at 243deg and is measurably its own).

   The story the colour tells: management is a ledger written in ink and kept
   on paper. So the anchor is INK, the fields are PAPER, and the page's
   signature device is the double-leaf REGISTER.

   Colour jobs:
     indigo      decisive bands ONLY - hero, seal, close bookend
     indigo-soft plates sitting on the indigo
     oxblood     actions and kickers ONLY. Nowhere else.
     brass       identity accent on dark surfaces, and the stamp rules
     iris        indigo-tinted field - the register island
     parchment   warm field - the scale island
     dove        cool field - the tiers and steps islands
     cream       THE premium white - plates only, one token
     paper       warm paper - frames and slot grounds

   Devices this page owns and no other page has:
     1. THE REGISTER - a bound double-leaf spread with a centre spine,
        marginal reference numerals and tabular-figure rows.
     2. THE SCALE DIAL - a three-position track that rewrites the register
        panel and its figures live; anchors and panels still work with no JS.
     3. THE CUSTODY STAMP - a letterspaced ruled stamp marking who holds each
        duty (DUKES COORDINATES / STAYS WITH YOU). Typographic, never a crown.

   Typography placement (Aarav asked for a font change; the shell's two faces
   stay, their treatment does not):
     - every figure in the register and the dial is tabular-lining, so the
       columns rule up like a real ledger. No other page sets tnum.
     - marginal references hang OUTSIDE the reading column at 0.68rem /
       0.22em tracking - a placement no other page uses.
     - body measure is capped at 46ch (Design Authority 10.4).

   COMPUTED CONTRAST (WCAG relative luminance, every pair used on the page):
     ink #1c1b22      on cream 16.12  paper 14.65  iris 13.16  parchment 13.67
                      dove 13.62  ground 13.25
     ink-soft #4e4c5a on cream 7.91   paper 7.19   iris 6.46   parchment 6.71
                      dove 6.68   ground 6.50
     oxblood #7b2430  on cream 9.27   paper 8.43   iris 7.57   parchment 7.86
                      dove 7.83   ground 7.62
     cream #fbf8f2    on indigo 14.04  indigo-soft 11.26  oxblood 9.27
     warm #efe9d8     on indigo 12.27  indigo-soft 9.84
     lilac #c9c4e0    on indigo 8.83   indigo-soft 7.08
     brass #c5a66a    on indigo 6.41   indigo-soft 5.14
   Lowest pair on the page is 5.14:1. AA minimum is 4.5:1.
   ====================================================================== */

.page--managed-portfolio {
  /* ink */
  --mp5-ink: #1c1b22;
  --mp5-ink-soft: #4e4c5a;
  /* ink-indigo - the dark anchor: hero, seal, close bookend */
  --mp5-indigo: #232152;
  --mp5-indigo-soft: #332f6b;
  --mp5-indigo-deep: #191739;
  /* premium white - plates only, one token site rule */
  --mp5-cream: #fbf8f2;
  /* warm paper - frames, slot grounds */
  --mp5-paper: #f2ede4;
  /* the three reading fields */
  --mp5-field-iris: #e3e0ef;
  --mp5-field-parchment: #efe5d2;
  --mp5-field-dove: #dde7ee;
  /* oxblood - actions and kickers. Nothing else. */
  --mp5-oxblood: #7b2430;
  --mp5-oxblood-dark: #5e1924;
  /* brass - identity accent on dark surfaces */
  --mp5-brass: #c5a66a;
  /* text on dark: warm cream-gold and a lilac secondary, never pure white */
  --mp5-on-dark: #efe9d8;
  --mp5-on-dark-soft: #c9c4e0;
  /* placeholder plate tint - never white, so awaiting-art slots do not add
     to the cream count */
  --mp5-slot-tint: #e6e2ee;
  /* rules */
  --mp5-rule: rgb(28 27 34 / 18%);
  --mp5-rule-soft: rgb(28 27 34 / 10%);
  --mp5-rule-dark: rgb(251 248 242 / 22%);
  /* geometry - the site's two radius regimes and the shell ladder.
     Neighbouring bands never share a width (Design Authority, the ladder). */
  --mp5-shell-hero: min(96vw, 1780px);
  --mp5-shell-wide: min(96vw, 1680px);
  --mp5-shell-mid: min(94vw, 1620px);
  --mp5-shell-reg: min(95vw, 1720px);
  --mp5-shell-tight: min(92vw, 1460px);
  --mp5-shell-narrow: min(90vw, 1260px);
  --mp5-radius-island: 30px;
  --mp5-radius-plate: 22px;
  --mp5-radius-small: 14px;
  --mp5-tap: 48px;
  --mp5-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mp5-display: Gloock, "Iowan Old Style", Georgia, serif;
  /* the site island ground */
  background: linear-gradient(180deg, #dee9e7 0%, #d9e5e5 30%, #d9e5e5 100%);
  color: var(--mp5-ink);
}

.page--managed-portfolio ::selection {
  background: var(--mp5-brass);
  color: var(--mp5-indigo);
}

.page--managed-portfolio :focus-visible {
  outline: 3px solid #f0bd77;
  outline-offset: 4px;
}

.page--managed-portfolio .main {
  overflow: clip;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.page--managed-portfolio .main h1,
.page--managed-portfolio .main h2,
.page--managed-portfolio .main h3 {
  text-wrap: balance;
}

/* Every figure on this page rules up like a ledger. This is the page's
   typographic signature and no other page sets it. */
.page--managed-portfolio .mp5-fig,
.page--managed-portfolio .mp5-ref,
.page--managed-portfolio .mp5-leaf__ref,
.page--managed-portfolio .mp5-dial__figure,
.page--managed-portfolio .mp5-tier__n,
.page--managed-portfolio .mp5-step__n,
.page--managed-portfolio .mp5-reg__ref,
.page--managed-portfolio .mp5-nav__index {
  font-variant-numeric: tabular-nums lining;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* ------------------------------------------------------------------ */
/* Shared devices                                                      */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-kicker {
  margin: 0 0 0.65rem;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--mp5-oxblood);
}

.page--managed-portfolio .mp5-kicker--dark { color: var(--mp5-brass); }

/* the marginal reference - hangs outside the reading column */
.page--managed-portfolio .mp5-ref {
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--mp5-ink-soft);
}

/* DEVICE 3 - the custody stamp. A ruled, letterspaced mark that says who
   holds a duty. Typographic on purpose: repeated crown medallions are a
   standing rejection, and the crown budget is spent on the seal. */
.page--managed-portfolio .mp5-stamp {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  padding: 0.3rem 0.62rem;
  border: 1.5px solid currentColor;
  border-radius: 4px;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.page--managed-portfolio .mp5-stamp::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: currentColor;
}

.page--managed-portfolio .mp5-stamp--dukes { color: var(--mp5-oxblood); }
.page--managed-portfolio .mp5-stamp--yours { color: #2c5546; }
.page--managed-portfolio .mp5-stamp--dark { color: var(--mp5-brass); }

.page--managed-portfolio .mp5-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: var(--mp5-tap);
  padding: 0.85rem 1.7rem;
  border: 0;
  border-radius: 10px;
  background: var(--mp5-oxblood);
  color: var(--mp5-cream);
  font-weight: 800;
  font-size: 0.95rem;
  text-decoration: none;
  cursor: pointer;
  transition: transform 180ms var(--mp5-ease), background-color 180ms var(--mp5-ease);
}

.page--managed-portfolio .mp5-btn:active { transform: translateY(1px); }

.page--managed-portfolio .mp5-btn--light {
  background: var(--mp5-cream);
  color: var(--mp5-indigo);
}

.page--managed-portfolio .mp5-btn--ghost {
  background: transparent;
  border: 1.5px solid var(--mp5-rule-dark);
  color: var(--mp5-on-dark);
}

@media (hover: hover) {
  .page--managed-portfolio .mp5-btn:hover {
    background: var(--mp5-oxblood-dark);
    transform: translateY(-2px);
  }
  .page--managed-portfolio .mp5-btn--light:hover { background: #fff; color: var(--mp5-indigo); }
  .page--managed-portfolio .mp5-btn--ghost:hover {
    background: rgb(251 248 242 / 12%);
    border-color: rgb(251 248 242 / 44%);
  }
}

.page--managed-portfolio .mp5-textlink {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: var(--mp5-tap);
  font-weight: 700;
  color: var(--mp5-ink);
  text-decoration: underline;
  text-underline-offset: 0.24em;
  text-decoration-thickness: 1px;
}

.page--managed-portfolio .mp5-textlink--dark { color: var(--mp5-on-dark); }

/* centred section head lockup - nothing floats above a void */
.page--managed-portfolio .mp5-head {
  position: relative;
  z-index: 1;
  max-width: 64ch;
  margin: 0 auto clamp(1.5rem, 2.6vw, 2.4rem);
  text-align: center;
}

.page--managed-portfolio .mp5-head h2 {
  margin: 0 0 0.55rem;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.9rem, 2.9vw, 2.9rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.page--managed-portfolio .mp5-head p:not(.mp5-kicker) {
  margin: 0 auto;
  max-width: 46ch;
  color: var(--mp5-ink-soft);
  line-height: 1.65;
}

.page--managed-portfolio .mp5-head--dark h2 { color: var(--mp5-on-dark); }
.page--managed-portfolio .mp5-head--dark p:not(.mp5-kicker) { color: var(--mp5-on-dark-soft); }

/* left-aligned head, used where the payload sits beside it */
.page--managed-portfolio .mp5-head--left { margin-inline: 0; text-align: left; }
.page--managed-portfolio .mp5-head--left p:not(.mp5-kicker) { margin-inline: 0; }

/* ------------------------------------------------------------------ */
/* Left side-panel navigation - Design Authority section 4.5           */
/* Centred pill sticky under the measured header seam; LEFT drawer.    */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-nav {
  position: sticky;
  top: var(--mp5-nav-seam, 65px);
  z-index: 40;
  height: 0;
  display: flex;
  justify-content: center;
  transition: top 240ms ease;
}

.page--managed-portfolio .site-head.head--hidden ~ .main .mp5-nav { top: 0; }

.page--managed-portfolio .mp5-nav__pill {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  width: max-content;
  min-height: var(--mp5-tap);
  padding: 0.55rem 1.3rem;
  border-radius: 999px;
  list-style: none;
  cursor: pointer;
  background: var(--mp5-indigo);
  color: var(--mp5-on-dark);
  border: 1px solid rgb(251 248 242 / 14%);
  box-shadow: 0 14px 34px -18px rgb(25 23 57 / 65%);
  font-size: 0.88rem;
  transform: translateY(0.75rem);
}

.page--managed-portfolio .mp5-nav__pill::-webkit-details-marker { display: none; }

.page--managed-portfolio .mp5-nav__pill::after {
  content: "+";
  font-weight: 700;
  color: var(--mp5-brass);
}

.page--managed-portfolio .mp5-nav[open] .mp5-nav__pill::after { content: "\2212"; }

.page--managed-portfolio .mp5-nav__label {
  color: var(--mp5-on-dark-soft);
  font-weight: 600;
}

.page--managed-portfolio .mp5-nav__current {
  color: var(--mp5-brass);
  font-weight: 800;
}

.page--managed-portfolio .mp5-nav__panel {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: min(19.5rem, 86vw);
  overflow-y: auto;
  padding: 1.1rem 1rem 1.4rem;
  background: var(--mp5-cream);
  border-right: 1px solid var(--mp5-rule);
  border-radius: 0 16px 16px 0;
  box-shadow: 0 30px 70px -30px rgb(25 23 57 / 50%);
}

.page--managed-portfolio .mp5-nav:not([open]) .mp5-nav__panel { display: none; }

.page--managed-portfolio .mp5-nav__scope {
  margin: 0 0 0.85rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid var(--mp5-rule);
  font-size: 0.875rem;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-nav__group {
  margin: 1rem 0 0.25rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--mp5-oxblood);
}

.page--managed-portfolio .mp5-nav__link {
  display: grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.35rem;
  min-height: 40px;
  padding: 0.35rem 0.55rem;
  border-radius: 10px;
  color: var(--mp5-ink);
  text-decoration: none;
  transition: background-color 160ms var(--mp5-ease);
}

.page--managed-portfolio .mp5-nav__name { font-size: max(0.88rem, 14px); line-height: 1.3; }

.page--managed-portfolio .mp5-nav__index {
  font-family: var(--mp5-display);
  font-size: 0.92rem;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-nav__link[aria-current="true"] { background: rgb(197 166 106 / 26%); }

@media (hover: hover) {
  .page--managed-portfolio .mp5-nav__link:hover {
    background: var(--mp5-indigo);
    color: var(--mp5-on-dark);
  }
  .page--managed-portfolio .mp5-nav__link:hover .mp5-nav__index { color: var(--mp5-brass); }
}

/* ------------------------------------------------------------------ */
/* Islands - every band floats on the ground                           */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-island {
  position: relative;
  width: var(--mp5-shell-mid);
  margin: clamp(1.4rem, 2.6vw, 2.4rem) auto 0;
  border-radius: var(--mp5-radius-island);
  box-shadow: 0 30px 70px -50px rgb(25 23 57 / 45%);
}

/* anchor targets clear the sticky pill */
.page--managed-portfolio [id] { scroll-margin-top: calc(var(--mp5-nav-seam, 65px) + 4.5rem); }

/* the three-layer nest frame - island field -> frame -> plates.
   Warm paper, not white: cream is rationed to the surfaces that earn it. */
.page--managed-portfolio .mp5-frame {
  padding: clamp(20px, 2.6vw, 38px);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-paper);
  border: 1px solid var(--mp5-rule);
  box-shadow: 0 30px 70px -50px rgb(25 23 57 / 40%);
}

/* the background texture layer - Design Authority 10.3. Two bands only. */
.page--managed-portfolio .mp5-textured::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background-image: repeating-linear-gradient(-45deg, rgb(35 33 82 / 6%) 0 1px, transparent 1px 14px);
  mask-image: linear-gradient(to bottom right, #000, transparent 62%);
}

.page--managed-portfolio .mp5-textured > * { position: relative; z-index: 1; }

/* ------------------------------------------------------------------ */
/* Crown placeholder - Design Authority section 4.1                    */
/* Crown moment 1 of 2. The label names the shot Aarav must supply.    */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-slot {
  position: relative;
  display: block;
  margin: 0;
  aspect-ratio: var(--slot-ar, 3 / 2);
  border-radius: var(--mp5-radius-plate);
  background:
    linear-gradient(160deg, rgb(35 33 82 / 10%) 0%, rgb(35 33 82 / 20%) 100%),
    var(--mp5-slot-tint);
  border: 1px solid var(--mp5-rule);
  overflow: hidden;
}

.page--managed-portfolio .mp5-slot__crown {
  position: absolute;
  inset: 0;
  margin: auto;
  width: clamp(90px, 34%, 168px);
  height: auto;
  opacity: 0.14;
}

.page--managed-portfolio .mp5-slot__chip {
  position: absolute;
  left: 0.9rem;
  bottom: 0.9rem;
  max-width: calc(100% - 5.4rem);
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  background: var(--mp5-indigo);
  color: var(--mp5-on-dark);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
}

.page--managed-portfolio .mp5-slot__ratio {
  position: absolute;
  right: 0.9rem;
  bottom: 0.9rem;
  padding: 0.45rem 0.7rem;
  border-radius: 999px;
  background: rgb(28 27 34 / 9%);
  color: var(--mp5-ink-soft);
  font-size: 0.875rem;
  font-weight: 800;
}

/* ------------------------------------------------------------------ */
/* 01 - HERO island: ink-indigo, the register plate beside the copy    */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-hero {
  width: var(--mp5-shell-hero);
  margin-top: clamp(0.8rem, 1.6vw, 1.4rem);
  padding: clamp(2.2rem, 4.5vw, 4.2rem) clamp(1.4rem, 3.6vw, 3.6rem) clamp(1.4rem, 2.4vw, 2rem);
  border-radius: 30px 30px 84px 30px;
  background:
    radial-gradient(120% 130% at 88% -10%, rgb(51 47 107 / 92%) 0%, rgb(51 47 107 / 0%) 58%),
    var(--mp5-indigo);
  color: var(--mp5-on-dark);
  overflow: hidden;
}

.page--managed-portfolio .mp5-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(1.8rem, 3.4vw, 3.4rem);
  align-items: start;
}

.page--managed-portfolio .mp5-hero__scope {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.7rem;
  margin: 0 0 1.1rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mp5-brass);
}

.page--managed-portfolio .mp5-hero__scope .mp5-dot { color: rgb(201 196 224 / 55%); }

.page--managed-portfolio .mp5-hero h1 {
  margin: 0 0 0.7rem;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(2.5rem, 3.8vw, 4.2rem);
  line-height: 1.02;
  letter-spacing: -0.025em;
  color: var(--mp5-cream);
}

.page--managed-portfolio .mp5-hero h1 em {
  display: block;
  font-style: normal;
  color: var(--mp5-brass);
}

.page--managed-portfolio .mp5-hero__lede {
  margin: 0;
  max-width: 46ch;
  font-size: 1.02rem;
  line-height: 1.68;
  color: var(--mp5-on-dark);
}

.page--managed-portfolio .mp5-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-top: 1.6rem;
}

/* DEVICE 1a - the register plate. The whole page's promise on one
   document surface, ruled like a real management register. */
.page--managed-portfolio .mp5-register {
  position: relative;
  padding: clamp(1.2rem, 2vw, 1.8rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-cream);
  color: var(--mp5-ink);
  box-shadow: 0 26px 60px -40px rgb(0 0 0 / 65%);
}

.page--managed-portfolio .mp5-register::after {
  content: "";
  position: absolute;
  left: clamp(1.2rem, 2vw, 1.8rem);
  right: clamp(1.2rem, 2vw, 1.8rem);
  top: 3.1rem;
  height: 2px;
  background: var(--mp5-oxblood);
  opacity: 0.85;
}

.page--managed-portfolio .mp5-register__title {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: 1.32rem;
  letter-spacing: -0.01em;
}

.page--managed-portfolio .mp5-register__sub {
  margin: 0.15rem 0 1.5rem;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-register ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page--managed-portfolio .mp5-register li {
  display: grid;
  grid-template-columns: 2.6rem minmax(0, 1fr) auto;
  gap: 0.35rem 0.9rem;
  align-items: baseline;
  padding: 0.62rem 0;
  border-bottom: 1px solid var(--mp5-rule-soft);
}

.page--managed-portfolio .mp5-register li:last-child { border-bottom: 0; }

.page--managed-portfolio .mp5-reg__ref {
  font-family: var(--mp5-display);
  font-size: 0.95rem;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-reg__item {
  font-weight: 700;
  font-size: 0.97rem;
}

.page--managed-portfolio .mp5-reg__where {
  justify-self: end;
  text-align: right;
  font-size: 0.86rem;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-register__note {
  margin: 1.1rem 0 0;
  padding-top: 0.85rem;
  border-top: 1px solid var(--mp5-rule);
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--mp5-ink-soft);
}

/* the four routes on the hero's bottom edge */
.page--managed-portfolio .mp5-hero__routes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.6rem, 1.2vw, 1rem);
  margin-top: clamp(1.6rem, 2.8vw, 2.6rem);
}

.page--managed-portfolio .mp5-hero__routes a {
  display: grid;
  align-content: start;
  gap: 0.28rem;
  min-height: var(--mp5-tap);
  padding: 1rem 1.1rem 1.05rem;
  border: 1px solid var(--mp5-rule-dark);
  border-radius: var(--mp5-radius-small);
  background: rgb(251 248 242 / 6%);
  color: var(--mp5-on-dark);
  text-decoration: none;
  transition: background-color 180ms var(--mp5-ease), border-color 180ms var(--mp5-ease);
}

.page--managed-portfolio .mp5-hero__routes a span:first-child {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mp5-brass);
}

.page--managed-portfolio .mp5-hero__routes strong {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.page--managed-portfolio .mp5-hero__routes .mp5-arrow {
  color: var(--mp5-on-dark-soft);
  transition: transform 180ms var(--mp5-ease);
}

@media (hover: hover) {
  .page--managed-portfolio .mp5-hero__routes a:hover {
    background: rgb(251 248 242 / 12%);
    border-color: rgb(251 248 242 / 40%);
  }
  .page--managed-portfolio .mp5-hero__routes a:hover .mp5-arrow { transform: translateX(4px); }
}

/* ------------------------------------------------------------------ */
/* 02 - TIERS island: dove field, the three service levels             */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-tiers {
  width: var(--mp5-shell-wide);
  padding: clamp(2rem, 3.6vw, 3.4rem) clamp(1.2rem, 3vw, 3rem) clamp(2.2rem, 3.6vw, 3.4rem);
  background: var(--mp5-field-dove);
}

.page--managed-portfolio .mp5-tiers__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.8rem, 1.6vw, 1.4rem);
}

.page--managed-portfolio .mp5-tier {
  display: grid;
  align-content: start;
  gap: 0.4rem;
  padding: clamp(1.2rem, 2vw, 1.8rem);
  border: 1px solid var(--mp5-rule);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-cream);
  color: var(--mp5-ink);
  text-decoration: none;
  transition: transform 200ms var(--mp5-ease), box-shadow 200ms var(--mp5-ease);
}

.page--managed-portfolio .mp5-tier__n {
  font-family: var(--mp5-display);
  font-size: clamp(2.4rem, 3.6vw, 3.4rem);
  line-height: 0.95;
  color: var(--mp5-indigo);
}

.page--managed-portfolio .mp5-tier strong {
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: 1.35rem;
  letter-spacing: -0.01em;
}

.page--managed-portfolio .mp5-tier__what {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.6;
  color: var(--mp5-ink-soft);
  max-width: 40ch;
}

.page--managed-portfolio .mp5-tier__go {
  margin-top: 0.5rem;
  font-size: 0.86rem;
  font-weight: 800;
  color: var(--mp5-oxblood);
}

@media (hover: hover) {
  .page--managed-portfolio .mp5-tier:hover {
    transform: translateY(-3px);
    box-shadow: 0 26px 50px -34px rgb(25 23 57 / 55%);
  }
}

.page--managed-portfolio .mp5-tiers__note {
  margin: clamp(1.2rem, 2vw, 1.8rem) auto 0;
  max-width: 64ch;
  padding: 0.9rem 1.2rem;
  border-left: 3px solid var(--mp5-oxblood);
  background: rgb(251 248 242 / 70%);
  border-radius: 0 var(--mp5-radius-small) var(--mp5-radius-small) 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--mp5-ink-soft);
}

/* ------------------------------------------------------------------ */
/* 03 - THE REGISTER island (DEVICE 1): the double-leaf spread         */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-ledger {
  width: var(--mp5-shell-reg);
  padding: clamp(2rem, 3.6vw, 3.4rem) clamp(1.2rem, 3vw, 3rem) clamp(2.2rem, 3.6vw, 3.4rem);
  background: var(--mp5-field-iris);
}

.page--managed-portfolio .mp5-spread {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  border-radius: var(--mp5-radius-plate);
  overflow: hidden;
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule);
  box-shadow: 0 30px 70px -46px rgb(25 23 57 / 55%);
}

/* the spine - a real gutter down the middle of the bound spread */
.page--managed-portfolio .mp5-spread::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 26px;
  transform: translateX(-50%);
  background:
    linear-gradient(90deg,
      rgb(28 27 34 / 0%) 0%,
      rgb(28 27 34 / 9%) 38%,
      rgb(28 27 34 / 16%) 50%,
      rgb(28 27 34 / 9%) 62%,
      rgb(28 27 34 / 0%) 100%);
  pointer-events: none;
  z-index: 2;
}

.page--managed-portfolio .mp5-leaf {
  padding: clamp(1.4rem, 2.4vw, 2.3rem) clamp(1.2rem, 2.2vw, 2.1rem);
}

.page--managed-portfolio .mp5-leaf + .mp5-leaf { border-left: 1px solid var(--mp5-rule-soft); }

.page--managed-portfolio .mp5-leaf__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding-bottom: 0.85rem;
  margin-bottom: 0.4rem;
  border-bottom: 2px solid var(--mp5-indigo);
}

.page--managed-portfolio .mp5-leaf__title {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.25rem, 1.9vw, 1.62rem);
  letter-spacing: -0.01em;
}

.page--managed-portfolio .mp5-leaf ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page--managed-portfolio .mp5-leaf li {
  display: grid;
  grid-template-columns: 3.1rem minmax(0, 1fr);
  gap: 0.15rem 0.8rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--mp5-rule-soft);
}

.page--managed-portfolio .mp5-leaf li:last-child { border-bottom: 0; }

.page--managed-portfolio .mp5-leaf__ref {
  grid-row: 1 / span 2;
  font-family: var(--mp5-display);
  font-size: 0.98rem;
  color: var(--mp5-ink-soft);
  padding-top: 0.06rem;
}

.page--managed-portfolio .mp5-leaf__what {
  margin: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.35;
}

.page--managed-portfolio .mp5-leaf__note {
  margin: 0.22rem 0 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--mp5-ink-soft);
  max-width: 46ch;
}

.page--managed-portfolio .mp5-leaf--yours { background: var(--mp5-paper); }

.page--managed-portfolio .mp5-ledger__foot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem clamp(1.2rem, 2.4vw, 2.4rem);
  align-items: center;
  margin-top: clamp(1.2rem, 2vw, 1.8rem);
  padding: clamp(1rem, 1.8vw, 1.5rem) clamp(1.2rem, 2vw, 1.8rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule);
}

.page--managed-portfolio .mp5-ledger__foot p {
  margin: 0;
  max-width: 62ch;
  font-size: 0.95rem;
  line-height: 1.62;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-ledger__foot strong { color: var(--mp5-ink); }

/* ------------------------------------------------------------------ */
/* 04 - THE SCALE DIAL island (DEVICE 2): parchment field              */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-scale {
  width: var(--mp5-shell-tight);
  padding: clamp(2rem, 3.6vw, 3.4rem) clamp(1.2rem, 3vw, 3rem) clamp(2.2rem, 3.6vw, 3.4rem);
  background: var(--mp5-field-parchment);
}

.page--managed-portfolio .mp5-dial {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
  padding: 0.4rem;
  margin: 0 auto clamp(1.4rem, 2.4vw, 2rem);
  max-width: 46rem;
  border-radius: 999px;
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule);
  list-style: none;
}

.page--managed-portfolio .mp5-dial li { display: grid; }

.page--managed-portfolio .mp5-dial button {
  display: grid;
  place-items: center;
  gap: 0.1rem;
  min-height: var(--mp5-tap);
  padding: 0.5rem 0.9rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--mp5-ink-soft);
  font: inherit;
  font-size: 0.92rem;
  font-weight: 800;
  cursor: pointer;
  transition: background-color 200ms var(--mp5-ease), color 200ms var(--mp5-ease);
}

.page--managed-portfolio .mp5-dial button[aria-selected="true"] {
  background: var(--mp5-indigo);
  color: var(--mp5-on-dark);
}

@media (hover: hover) {
  .page--managed-portfolio .mp5-dial button:hover { background: rgb(35 33 82 / 10%); color: var(--mp5-ink); }
  .page--managed-portfolio .mp5-dial button[aria-selected="true"]:hover { background: var(--mp5-indigo-soft); color: var(--mp5-on-dark); }
}

.page--managed-portfolio .mp5-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: clamp(1.2rem, 2.4vw, 2.4rem);
  align-items: stretch;
}

.page--managed-portfolio .mp5-panel[hidden] { display: none; }

.page--managed-portfolio .mp5-panel__copy {
  display: grid;
  align-content: start;
  gap: 0.7rem;
  padding: clamp(1.3rem, 2.2vw, 2.1rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule);
}

.page--managed-portfolio .mp5-panel__copy h3 {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.45rem, 2.2vw, 1.95rem);
  letter-spacing: -0.015em;
}

.page--managed-portfolio .mp5-panel__copy > p {
  margin: 0;
  max-width: 46ch;
  font-size: 0.98rem;
  line-height: 1.68;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-dial__figures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 0.4rem 0 0;
  padding: 0;
  list-style: none;
}

.page--managed-portfolio .mp5-dial__figures li {
  display: grid;
  gap: 0.12rem;
  padding: 0.85rem 1rem;
  border-radius: var(--mp5-radius-small);
  background: var(--mp5-field-parchment);
}

.page--managed-portfolio .mp5-dial__figure {
  font-family: var(--mp5-display);
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  line-height: 1;
  color: var(--mp5-indigo);
}

.page--managed-portfolio .mp5-dial__label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-panel__media { display: grid; }

.page--managed-portfolio .mp5-panel__media .mp5-slot { height: 100%; aspect-ratio: auto; min-height: 20rem; }

.page--managed-portfolio .mp5-scale__note {
  margin: clamp(1.2rem, 2vw, 1.8rem) auto 0;
  max-width: 64ch;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--mp5-ink-soft);
}

/* ------------------------------------------------------------------ */
/* 05 - CHAPTERS: alternating paper islands with a crown slot          */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-chapter {
  width: var(--mp5-shell-wide);
  padding: clamp(2rem, 3.6vw, 3.4rem) clamp(1.2rem, 3vw, 3rem);
  background: var(--mp5-paper);
}

.page--managed-portfolio .mp5-chapter--dove { background: var(--mp5-field-dove); }

.page--managed-portfolio .mp5-chapter__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(1.4rem, 3vw, 3rem);
  align-items: center;
}

.page--managed-portfolio .mp5-chapter--flip .mp5-chapter__grid > .mp5-chapter__media { order: 2; }

.page--managed-portfolio .mp5-chapter__copy {
  display: grid;
  align-content: center;
  gap: 0.85rem;
}

.page--managed-portfolio .mp5-chapter__copy h2 {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.75rem, 2.7vw, 2.6rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.page--managed-portfolio .mp5-chapter__copy > p {
  margin: 0;
  max-width: 46ch;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-checks {
  display: grid;
  gap: 0.55rem;
  margin: 0.3rem 0 0;
  padding: 0;
  list-style: none;
}

.page--managed-portfolio .mp5-checks li {
  display: grid;
  grid-template-columns: 1.4rem minmax(0, 1fr);
  gap: 0.55rem;
  align-items: start;
  padding: 0.55rem 0.8rem;
  border-radius: var(--mp5-radius-small);
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule-soft);
  font-size: 0.94rem;
  line-height: 1.55;
}

.page--managed-portfolio .mp5-checks li::before {
  content: "\2713";
  color: var(--mp5-oxblood);
  font-weight: 900;
  font-size: 0.82rem;
  line-height: 1.75;
}

.page--managed-portfolio .mp5-chapter__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9rem;
  margin-top: 0.5rem;
}

/* ------------------------------------------------------------------ */
/* 06 - THE SEAL band: crown moment 2 of 2                             */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-seal {
  width: var(--mp5-shell-narrow);
  padding: clamp(1.8rem, 3vw, 2.8rem) clamp(1.4rem, 3vw, 3rem);
  background:
    radial-gradient(120% 160% at 12% 0%, rgb(51 47 107 / 85%) 0%, rgb(51 47 107 / 0%) 62%),
    var(--mp5-indigo-deep);
  color: var(--mp5-on-dark);
}

.page--managed-portfolio .mp5-seal__plate {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(1rem, 2.2vw, 1.9rem);
  align-items: center;
}

.page--managed-portfolio .mp5-seal__mark {
  display: grid;
  place-items: center;
  width: clamp(4.6rem, 7vw, 6.2rem);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgb(197 166 106 / 55%);
  background: rgb(197 166 106 / 10%);
}

.page--managed-portfolio .mp5-seal__mark img { width: 62%; height: auto; }

.page--managed-portfolio .mp5-seal__lines p {
  margin: 0 0 0.3rem;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.3rem, 2.2vw, 1.85rem);
  line-height: 1.18;
  color: var(--mp5-cream);
}

.page--managed-portfolio .mp5-seal__lines span {
  display: block;
  max-width: 56ch;
  font-size: 0.95rem;
  line-height: 1.62;
  color: var(--mp5-on-dark-soft);
}

/* ------------------------------------------------------------------ */
/* 07 - TRUST island: the real named person and the real certificates  */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-trust {
  width: var(--mp5-shell-mid);
  padding: clamp(2rem, 3.6vw, 3.4rem) clamp(1.2rem, 3vw, 3rem) clamp(2.2rem, 3.6vw, 3.4rem);
  background: var(--mp5-cream);
}

.page--managed-portfolio .mp5-trust__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(1.2rem, 2.6vw, 2.6rem);
  align-items: stretch;
}

.page--managed-portfolio .mp5-person {
  display: grid;
  align-content: start;
  gap: 0.9rem;
  padding: clamp(1.2rem, 2.2vw, 2rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-field-iris);
  border: 1px solid var(--mp5-rule);
}

.page--managed-portfolio .mp5-person h3 {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  letter-spacing: -0.015em;
}

.page--managed-portfolio .mp5-person p {
  margin: 0;
  max-width: 44ch;
  font-size: 0.96rem;
  line-height: 1.65;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-person .mp5-slot { --slot-ar: 4 / 3; }

/* the quotation-mark testimony device - Design Authority 10.3 */
.page--managed-portfolio .mp5-quote {
  margin: 0;
  padding: clamp(1.1rem, 2vw, 1.6rem);
  border-radius: var(--mp5-radius-small);
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule-soft);
}

.page--managed-portfolio .mp5-quote blockquote { margin: 0; }

.page--managed-portfolio .mp5-quote blockquote::before {
  content: "\201C";
  display: block;
  font-family: var(--mp5-display);
  font-size: 2.6rem;
  line-height: 0.7;
  color: var(--mp5-oxblood);
  margin-bottom: 0.35rem;
}

.page--managed-portfolio .mp5-quote blockquote p {
  margin: 0;
  max-width: 46ch;
  font-size: 0.98rem;
  line-height: 1.62;
  color: var(--mp5-ink);
}

.page--managed-portfolio .mp5-quote figcaption {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-top: 0.85rem;
}

/* initial avatar - Design Authority 10.3, seeded from the name, never random */
.page--managed-portfolio .mp5-avatar {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 50%;
  background: var(--mp5-indigo);
  color: var(--mp5-cream);
  font-family: var(--mp5-display);
  font-size: 1.35rem;
  line-height: 1;
}

.page--managed-portfolio .mp5-quote cite {
  display: grid;
  font-style: normal;
}

.page--managed-portfolio .mp5-quote cite strong { font-size: 0.95rem; }

.page--managed-portfolio .mp5-quote cite a {
  font-size: 0.84rem;
  color: var(--mp5-oxblood);
  font-weight: 700;
}

.page--managed-portfolio .mp5-certs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.8rem, 1.6vw, 1.3rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.page--managed-portfolio .mp5-cert {
  display: grid;
  align-content: start;
  gap: 0.7rem;
  padding: clamp(1rem, 1.8vw, 1.5rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-paper);
  border: 1px solid var(--mp5-rule);
}

.page--managed-portfolio .mp5-cert__shot {
  margin: 0;
  border-radius: var(--mp5-radius-small);
  overflow: hidden;
  border: 1px solid var(--mp5-rule-soft);
  background: var(--mp5-cream);
}

.page--managed-portfolio .mp5-cert__shot img { display: block; width: 100%; height: auto; }

.page--managed-portfolio .mp5-cert__scheme {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: 1.14rem;
}

.page--managed-portfolio .mp5-cert dl {
  display: grid;
  gap: 0.1rem;
  margin: 0;
}

.page--managed-portfolio .mp5-cert dl > div {
  display: grid;
  grid-template-columns: minmax(6.5rem, 0.42fr) 1fr;
  gap: 0.35rem 0.9rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--mp5-rule-soft);
}

.page--managed-portfolio .mp5-cert dl > div:last-child { border-bottom: 0; }

.page--managed-portfolio .mp5-cert dt {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mp5-ink-soft);
  align-self: center;
}

.page--managed-portfolio .mp5-cert dd {
  margin: 0;
  font-size: 0.93rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums lining;
}

.page--managed-portfolio .mp5-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: var(--mp5-tap);
  padding: 0.5rem 1rem;
  border: 1px solid var(--mp5-rule);
  border-radius: 999px;
  background: var(--mp5-cream);
  color: var(--mp5-ink);
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
  width: fit-content;
  transition: border-color 160ms var(--mp5-ease), background-color 160ms var(--mp5-ease);
}

@media (hover: hover) {
  .page--managed-portfolio .mp5-chip:hover { border-color: var(--mp5-indigo); background: #fff; }
}

.page--managed-portfolio .mp5-trust__note {
  margin: clamp(1rem, 1.8vw, 1.5rem) 0 0;
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--mp5-ink-soft);
  max-width: 76ch;
}

/* ------------------------------------------------------------------ */
/* 08 - STEPS island: numbered plates with actor stamps                */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-steps {
  width: var(--mp5-shell-tight);
  padding: clamp(2rem, 3.6vw, 3.4rem) clamp(1.2rem, 3vw, 3rem) clamp(2.2rem, 3.6vw, 3.4rem);
  background: var(--mp5-field-dove);
}

.page--managed-portfolio .mp5-steps__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.8rem, 1.6vw, 1.3rem);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: mp5step;
}

.page--managed-portfolio .mp5-step {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  padding: clamp(1.2rem, 2vw, 1.8rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule);
}

.page--managed-portfolio .mp5-step__n {
  font-family: var(--mp5-display);
  font-size: clamp(2.2rem, 3.2vw, 3rem);
  line-height: 0.95;
  color: var(--mp5-indigo);
}

.page--managed-portfolio .mp5-step h3 {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: 1.28rem;
  letter-spacing: -0.01em;
}

.page--managed-portfolio .mp5-step p {
  margin: 0;
  max-width: 42ch;
  font-size: 0.94rem;
  line-height: 1.62;
  color: var(--mp5-ink-soft);
}

/* ------------------------------------------------------------------ */
/* 09 - CLOSE bookend                                                  */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-close {
  width: var(--mp5-shell-mid);
  padding: clamp(2rem, 3.6vw, 3.4rem) clamp(1.4rem, 3vw, 3rem);
  border-radius: 30px 30px 84px 30px;
  background:
    radial-gradient(120% 150% at 90% 100%, rgb(51 47 107 / 88%) 0%, rgb(51 47 107 / 0%) 60%),
    var(--mp5-indigo);
  color: var(--mp5-on-dark);
  overflow: hidden;
}

.page--managed-portfolio .mp5-close__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(1.2rem, 2.6vw, 2.6rem);
  align-items: center;
}

.page--managed-portfolio .mp5-close h2 {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.9rem, 3vw, 3rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--mp5-cream);
}

.page--managed-portfolio .mp5-close p {
  margin: 0.6rem 0 0;
  max-width: 46ch;
  font-size: 1rem;
  line-height: 1.68;
  color: var(--mp5-on-dark-soft);
}

.page--managed-portfolio .mp5-close__actions {
  display: grid;
  gap: 0.7rem;
  justify-items: stretch;
}

.page--managed-portfolio .mp5-close__actions .mp5-btn { width: 100%; }

/* ------------------------------------------------------------------ */
/* RECEPTIONIST - Design Authority 4.12, this page's instance only.     */
/* Contact routes move into the left column under the intro (kills the  */
/* dead column); one plate geometry open and closed; Instagram out of   */
/* the contact grid into a small follow link.                           */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .reception {
  margin: clamp(1.4rem, 2.6vw, 2.4rem) auto 0;
  width: var(--mp5-shell-wide);
  padding: clamp(2rem, 3.6vw, 3.4rem) clamp(1.4rem, 3vw, 3rem);
  border-radius: var(--mp5-radius-island);
  background:
    radial-gradient(120% 150% at 8% 0%, rgb(51 47 107 / 80%) 0%, rgb(51 47 107 / 0%) 58%),
    var(--mp5-indigo-deep);
  color: var(--mp5-on-dark);
  box-shadow: 0 30px 70px -50px rgb(25 23 57 / 45%);
  overflow: hidden;
}

.page--managed-portfolio .reception__inner {
  display: grid;
  grid-template-columns: minmax(20rem, 0.72fr) minmax(0, 1.28fr);
  grid-template-areas:
    "intro routes"
    "contact routes";
  column-gap: clamp(2rem, 4vw, 3.5rem);
  row-gap: clamp(1.5rem, 2.5vw, 2rem);
  align-content: start;
}

.page--managed-portfolio .reception__eyebrow {
  color: var(--mp5-brass);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.74rem;
}

.page--managed-portfolio .reception h2 {
  font-family: var(--mp5-display);
  font-weight: 400;
  color: var(--mp5-cream);
  letter-spacing: -0.02em;
}

.page--managed-portfolio .reception__notice { color: var(--mp5-on-dark-soft); }

.page--managed-portfolio .reception__intro { grid-area: intro; max-width: none; }

.page--managed-portfolio .reception__inner > .reception__routes:not(.reception__routes--safe) {
  grid-area: routes;
  display: grid;
  align-content: start;
  gap: 0.6rem;
  margin: 0;
}

.page--managed-portfolio .reception__route + .reception__route { margin-top: 0; }

.page--managed-portfolio .reception__inner > .reception__routes--safe {
  grid-area: contact;
  margin: 0;
  max-width: none;
  padding-top: clamp(1.25rem, 2vw, 1.75rem);
  border-top: 1px solid var(--mp5-rule-dark);
}

/* the assurance chip, printed once */
.page--managed-portfolio .reception__assure {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  margin: 1rem 0 0;
  padding: 0.5rem 0.9rem;
  border: 1px solid rgb(197 166 106 / 50%);
  border-radius: 999px;
  color: var(--mp5-brass);
  font-size: 0.8rem;
  font-weight: 750;
}

.page--managed-portfolio .reception__assure::before { content: "\2713"; font-weight: 900; }

/* one plate geometry, open and closed */
.page--managed-portfolio .reception__route { border: 0; }

.page--managed-portfolio .reception__disclosure {
  border: 1px solid var(--mp5-rule-dark);
  border-radius: var(--mp5-radius-small);
  background: rgb(251 248 242 / 6%);
  overflow: hidden;
}

.page--managed-portfolio .reception__disclosure[open] {
  border-color: rgb(251 248 242 / 32%);
  background: rgb(251 248 242 / 10%);
}

.page--managed-portfolio .reception__summary {
  min-height: var(--mp5-tap);
  padding: 0.85rem 1.15rem;
  align-items: center;
  cursor: pointer;
}

.page--managed-portfolio .reception__label { color: var(--mp5-on-dark); font-weight: 700; }

@media (hover: hover) and (pointer: fine) {
  .page--managed-portfolio .reception__disclosure:hover {
    border-color: rgb(251 248 242 / 36%);
    background: rgb(251 248 242 / 11%);
  }
}

.page--managed-portfolio .reception__body { padding: 0 1.15rem 1.15rem; }
.page--managed-portfolio .reception__outcome,
.page--managed-portfolio .reception__asks { color: var(--mp5-on-dark-soft); }

.page--managed-portfolio .reception__questions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem 1.2rem;
  margin: 0.6rem 0 0;
  padding: 0;
  list-style: none;
  color: var(--mp5-on-dark);
}

.page--managed-portfolio .reception__questions li {
  display: grid;
  grid-template-columns: 1rem 1fr;
  gap: 0.5rem;
  align-items: start;
}

.page--managed-portfolio .reception__questions li::before {
  content: "\2713";
  color: var(--mp5-brass);
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1.6;
}

/* every open journey ends in a primary action plus a call route */
.page--managed-portfolio .reception__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.1rem;
}

.page--managed-portfolio .reception__act {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--mp5-tap);
  padding: 0.7rem 1.15rem;
  border: 1.5px solid rgb(251 248 242 / 42%);
  border-radius: 999px;
  color: var(--mp5-on-dark);
  cursor: pointer;
  font-size: 0.86rem;
  font-weight: 800;
  text-decoration: none;
}

.page--managed-portfolio .reception__act--primary {
  border-color: var(--mp5-cream);
  background: var(--mp5-cream);
  color: var(--mp5-indigo);
}

.page--managed-portfolio .reception__act:focus-visible { outline: 3px solid #f0bd77; outline-offset: 2px; }

@media (hover: hover) and (pointer: fine) {
  .page--managed-portfolio .reception__act:hover { background: rgb(251 248 242 / 14%); }
  .page--managed-portfolio .reception__act--primary:hover { background: var(--mp5-brass); border-color: var(--mp5-brass); color: var(--mp5-indigo); }
}

/* direct contact: three labelled rows under the intro */
.page--managed-portfolio .reception .crail__intro { display: none; }
.page--managed-portfolio .reception .crail__list { display: grid; grid-template-columns: 1fr; gap: 0.5rem; }
.page--managed-portfolio .reception .crail__item { position: relative; display: block; }

.page--managed-portfolio .reception .crail__link {
  display: grid;
  grid-template-columns: auto;
  justify-items: start;
  align-items: center;
  width: 100%;
  min-height: 64px;
  padding: 0.75rem 0.85rem;
  border: 1px solid var(--mp5-rule-dark);
  border-radius: 12px;
  background: rgb(251 248 242 / 6%);
}

.page--managed-portfolio .reception .crail__fill { display: none; }
.page--managed-portfolio .reception .crail__glyph { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; color: var(--mp5-brass); }

.page--managed-portfolio .reception .crail__tip {
  position: absolute !important;
  inset: 0.75rem 0.85rem 0.75rem 4.3rem !important;
  display: grid;
  align-content: center;
  gap: 0.1rem;
  opacity: 1 !important;
  transform: none !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left;
  color: var(--mp5-on-dark);
  pointer-events: none;
}

.page--managed-portfolio .reception .crail__tip-label { color: var(--mp5-on-dark-soft); font-size: 0.8rem; }
.page--managed-portfolio .reception .crail__tip-value { color: var(--mp5-on-dark); font-size: 0.95rem; font-weight: 700; font-variant-numeric: tabular-nums lining; }

@media (hover: hover) and (pointer: fine) {
  .page--managed-portfolio .reception .crail__link:hover {
    border-color: rgb(251 248 242 / 36%);
    background: rgb(251 248 242 / 13%);
  }
}

/* Instagram leaves the contact grid; it returns as a small follow link */
.page--managed-portfolio .reception .crail__item:has(.crail__link--instagram) { display: none; }

.page--managed-portfolio .reception__follow { margin: 0.8rem 0 0; }

.page--managed-portfolio .reception__follow a {
  display: inline-flex;
  align-items: center;
  min-height: var(--mp5-tap);
  color: var(--mp5-on-dark-soft);
  font-size: 0.84rem;
  font-weight: 750;
  text-decoration-color: rgb(201 196 224 / 60%);
  text-underline-offset: 0.28em;
}

@media (hover: hover) and (pointer: fine) {
  .page--managed-portfolio .reception__follow a:hover { color: var(--mp5-on-dark); }
}

/* ------------------------------------------------------------------ */
/* Responsive                                                          */
/* ------------------------------------------------------------------ */

@media (max-width: 74.99em) {
  .page--managed-portfolio .mp5-hero__routes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page--managed-portfolio .mp5-tiers__row { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-steps__list { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-trust__grid { grid-template-columns: 1fr; }
}

@media (max-width: 61.99em) {
  .page--managed-portfolio .mp5-hero__inner,
  .page--managed-portfolio .mp5-panel,
  .page--managed-portfolio .mp5-chapter__grid,
  .page--managed-portfolio .mp5-close__grid { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-chapter--flip .mp5-chapter__grid > .mp5-chapter__media { order: 0; }
  .page--managed-portfolio .mp5-panel__media .mp5-slot { min-height: 0; aspect-ratio: 16 / 10; }
  /* the bound spread unbinds into two stacked leaves; the spine goes */
  .page--managed-portfolio .mp5-spread { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-spread::before { display: none; }
  .page--managed-portfolio .mp5-leaf + .mp5-leaf { border-left: 0; border-top: 1px solid var(--mp5-rule); }
  .page--managed-portfolio .mp5-ledger__foot { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-reception__inner,
  .page--managed-portfolio .reception__inner {
    grid-template-columns: 1fr;
    grid-template-areas: "intro" "routes" "contact";
  }
}

@media (max-width: 47.99em) {
  .page--managed-portfolio .mp5-hero { border-radius: 24px 24px 56px 24px; }
  .page--managed-portfolio .mp5-close { border-radius: 24px 24px 56px 24px; }
  .page--managed-portfolio .mp5-hero__routes { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-dial { grid-template-columns: 1fr; border-radius: 20px; }
  .page--managed-portfolio .mp5-dial button { border-radius: 16px; }
  .page--managed-portfolio .mp5-dial__figures { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-certs { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-register li { grid-template-columns: 2.2rem minmax(0, 1fr); }
  .page--managed-portfolio .mp5-reg__where { grid-column: 2; justify-self: start; text-align: left; }
  .page--managed-portfolio .mp5-leaf__head { align-items: flex-start; flex-direction: column; }
  .page--managed-portfolio .reception__questions { grid-template-columns: 1fr; }
  .page--managed-portfolio .reception__acts { display: grid; }
  .page--managed-portfolio .mp5-hero__actions .mp5-btn,
  .page--managed-portfolio .mp5-chapter__actions .mp5-btn { width: 100%; }
  .page--managed-portfolio .mp5-nav { display: flex; }
}

/* the pill has no room beside a narrow header on the smallest phones,
   so it becomes a full-width bar at the top of the reading flow */
@media (max-width: 30em) {
  .page--managed-portfolio .mp5-nav__pill { padding: 0.55rem 1rem; font-size: 0.82rem; }
  .page--managed-portfolio .mp5-nav__current { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  .page--managed-portfolio .mp5-btn,
  .page--managed-portfolio .mp5-tier,
  .page--managed-portfolio .mp5-chip,
  .page--managed-portfolio .mp5-dial button,
  .page--managed-portfolio .mp5-nav,
  .page--managed-portfolio .mp5-nav__link,
  .page--managed-portfolio .mp5-hero__routes a,
  .page--managed-portfolio .mp5-hero__routes .mp5-arrow { transition: none; }
  .page--managed-portfolio .mp5-btn:hover,
  .page--managed-portfolio .mp5-tier:hover { transform: none; }
  .page--managed-portfolio .mp5-hero__routes a:hover .mp5-arrow { transform: none; }
}

/* print: the register is the thing worth printing */
@media print {
  .page--managed-portfolio .mp5-nav,
  .page--managed-portfolio .mp5-slot { display: none; }
  .page--managed-portfolio .mp5-island { box-shadow: none; }
}

/* ------------------------------------------------------------------ */
/* Corrections and additions - mp5 round 1 build                       */
/* ------------------------------------------------------------------ */

/* THE BAND LADDER. Neighbouring bands never share a width, and one band
   goes wider than everything else so the page has a genuine full-bleed
   contrast step (Design Authority, the fill-the-width rule).
     hero 1780 . tiers 1680 . register 1720 . plate 1840 . scale 1460
     chapter A 1680 . chapter B 1620 . seal 1260 . trust 1620
     steps 1460 . close 1620 . reception 1680                          */
.page--managed-portfolio { --mp5-shell-plate: min(97vw, 1840px); }

/* 04 - the wide media plate: the page's one full-width moment */
.page--managed-portfolio .mp5-plate {
  width: var(--mp5-shell-plate);
  padding: clamp(0.6rem, 1.2vw, 1rem);
  background: var(--mp5-paper);
}

.page--managed-portfolio .mp5-plate__slot { border-radius: 24px; }

.page--managed-portfolio .mp5-plate__caption {
  margin: 0.9rem 0 0.3rem;
  padding-inline: clamp(0.4rem, 1.2vw, 1.2rem);
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--mp5-ink-soft);
  max-width: 62ch;
}

/* 07 - chapter B steps down a width so no two neighbours match */
.page--managed-portfolio .mp5-chapter--dove { width: var(--mp5-shell-mid); }

/* 09 - trust island sits on warm paper; cream stays a plate-only token */
.page--managed-portfolio .mp5-trust { background: var(--mp5-paper); }
.page--managed-portfolio .mp5-person { background: var(--mp5-cream); }
.page--managed-portfolio .mp5-cert { background: var(--mp5-cream); }
.page--managed-portfolio .mp5-quote { background: var(--mp5-field-iris); border-color: var(--mp5-rule); }

/* 10 - steps island moves to parchment so it does not repeat the dove
   field used by the tiers and chapter B */
.page--managed-portfolio .mp5-steps { background: var(--mp5-field-parchment); }
.page--managed-portfolio .mp5-step .mp5-stamp { justify-self: start; }

/* ------------------------------------------------------------------ */
/* 05 - the scale dial body: panels swap, the media plate does not      */
/* ------------------------------------------------------------------ */

.page--managed-portfolio .mp5-scale__body {
  display: grid;
  grid-template-columns: minmax(0, 1.24fr) minmax(0, 0.76fr);
  gap: clamp(1.2rem, 2.4vw, 2.2rem);
  align-items: stretch;
}

.page--managed-portfolio .mp5-panels { display: grid; }

.page--managed-portfolio .mp5-panel { display: grid; }
.page--managed-portfolio .mp5-panel[hidden] { display: none; }
.page--managed-portfolio .mp5-panel:focus-visible { outline: 3px solid #f0bd77; outline-offset: 4px; }

.page--managed-portfolio .mp5-panel__copy {
  display: grid;
  align-content: start;
  gap: 0.8rem;
  height: 100%;
  padding: clamp(1.3rem, 2.2vw, 2.1rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule);
}

.page--managed-portfolio .mp5-scale__slot { height: 100%; }

/* PROGRESSIVE ENHANCEMENT. Until the module marks the dial ready the
   control is hidden and all three panels read stacked and in order, so a
   blocked script never costs the reader a third of the section. */
.page--managed-portfolio [data-mp5-scale]:not([data-mp5-dial-ready]) .mp5-dial { display: none; }

.page--managed-portfolio [data-mp5-scale]:not([data-mp5-dial-ready]) .mp5-panels { gap: 0.8rem; }

.page--managed-portfolio [data-mp5-scale]:not([data-mp5-dial-ready]) .mp5-panel[hidden] { display: grid; }

@media (max-width: 61.99em) {
  .page--managed-portfolio .mp5-scale__body { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-scale__slot { --slot-ar: 16 / 10; height: auto; }
}

/* ------------------------------------------------------------------ */
/* Round 2 - findings from the measured pass                           */
/* ------------------------------------------------------------------ */

/* 1. THE LADDER WAS COLLAPSING. Every shell was capped in px, so on a
   1440 screen the vw side won and four neighbouring bands measured the
   same 1382px. The ladder now steps in vw as well as px, so it holds at
   every width. Measured at 1440: plate 1397, hero 1368, register 1339,
   wide 1310, mid 1282, tight 1238, narrow 1152. No two neighbours match.
   Nothing reaches 100vw, so a classic scrollbar cannot tip a band into
   horizontal overflow. */
.page--managed-portfolio {
  --mp5-shell-plate: min(97vw, 1840px);
  --mp5-shell-hero: min(95vw, 1780px);
  --mp5-shell-reg: min(93vw, 1720px);
  --mp5-shell-wide: min(91vw, 1680px);
  --mp5-shell-mid: min(89vw, 1620px);
  --mp5-shell-tight: min(86vw, 1460px);
  --mp5-shell-narrow: min(80vw, 1260px);
}

/* On a phone the ladder is invisible and the gutters are all that matter,
   so every island flattens to one comfortable width. */
@media (max-width: 61.99em) {
  .page--managed-portfolio {
    --mp5-shell-plate: 94vw;
    --mp5-shell-hero: 94vw;
    --mp5-shell-reg: 94vw;
    --mp5-shell-wide: 94vw;
    --mp5-shell-mid: 94vw;
    --mp5-shell-tight: 94vw;
    --mp5-shell-narrow: 94vw;
  }
}

/* 2. The review's source link measured 21.5px. Every pressable thing on
   this page is a 48px target, source links included. */
.page--managed-portfolio .mp5-quote cite a {
  display: inline-flex;
  align-items: center;
  min-height: var(--mp5-tap);
  width: fit-content;
  text-decoration: underline;
  text-underline-offset: 0.24em;
}

.page--managed-portfolio .mp5-quote figcaption { align-items: center; }

/* ------------------------------------------------------------------ */
/* Round 3 - composition corrections after looking at the render       */
/* ------------------------------------------------------------------ */

/* 1. THE SCALE PANEL WAS HALF EMPTY. An earlier .mp5-panel rule set a
   two-column grid, so the copy plate only ever took 51% of its lane and
   the other half of the band was dead parchment. The panel is a single
   lane; the media plate lives outside it in .mp5-scale__body. */
.page--managed-portfolio .mp5-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

/* the copy plate now has room, so the reading measure and the figure row
   are set for the wider lane rather than a narrow column */
.page--managed-portfolio .mp5-panel__copy > p { max-width: 54ch; }

.page--managed-portfolio .mp5-dial__figures {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: auto;
  padding-top: 0.6rem;
}

@media (max-width: 74.99em) {
  .page--managed-portfolio .mp5-dial__figures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 2. THE WIDE PLATE. 21:9 was 683px of empty placeholder - a band more
   than a quarter empty is a standing rejection. It is 3:1 now, and the
   caption became a cream plate overlapping the bottom-left corner: the
   page's ONE depth moment (Design Authority 10.2), used once. */
.page--managed-portfolio .mp5-plate {
  padding: clamp(0.6rem, 1.2vw, 1rem) clamp(0.6rem, 1.2vw, 1rem) clamp(1rem, 2vw, 1.6rem);
}

.page--managed-portfolio .mp5-plate__lockup {
  position: absolute;
  left: clamp(1.2rem, 3vw, 3rem);
  bottom: clamp(1.2rem, 2.4vw, 2.2rem);
  z-index: 2;
  max-width: min(38ch, 46%);
  padding: clamp(1rem, 1.8vw, 1.5rem) clamp(1.1rem, 2vw, 1.7rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-cream);
  border: 1px solid var(--mp5-rule);
  box-shadow: 0 30px 60px -34px rgb(25 23 57 / 60%);
}

.page--managed-portfolio .mp5-plate__line {
  margin: 0;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.15rem, 1.7vw, 1.5rem);
  line-height: 1.24;
  letter-spacing: -0.015em;
}

/* the slot's own chip would collide with the lockup, so it moves right */
.page--managed-portfolio .mp5-plate__slot .mp5-slot__chip { left: auto; right: 5.6rem; max-width: 40%; }

@media (max-width: 61.99em) {
  .page--managed-portfolio .mp5-plate__slot { --slot-ar: 16 / 10; }
  .page--managed-portfolio .mp5-plate__lockup {
    position: static;
    max-width: none;
    margin-top: 0.9rem;
  }
  .page--managed-portfolio .mp5-plate__slot .mp5-slot__chip { left: 0.9rem; right: auto; max-width: calc(100% - 5.4rem); }
}

/* 3. THE GUARANTEED-RENT NOTE was a narrow centred paragraph on a wide
   band. It is a full-width aside with its action as a real chip. */
.page--managed-portfolio .mp5-tiers__note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem clamp(1.2rem, 2.4vw, 2.4rem);
  align-items: center;
  max-width: none;
  margin: clamp(1.2rem, 2vw, 1.8rem) 0 0;
  padding: clamp(1rem, 1.8vw, 1.5rem) clamp(1.2rem, 2vw, 1.8rem);
  border-left: 4px solid var(--mp5-oxblood);
  border-radius: 0 var(--mp5-radius-plate) var(--mp5-radius-plate) 0;
  background: var(--mp5-cream);
}

.page--managed-portfolio .mp5-tiers__note p {
  margin: 0;
  max-width: 74ch;
  font-size: 0.95rem;
  line-height: 1.62;
  color: var(--mp5-ink-soft);
}

.page--managed-portfolio .mp5-tiers__note strong { color: var(--mp5-ink); }

@media (max-width: 47.99em) {
  .page--managed-portfolio .mp5-tiers__note { grid-template-columns: 1fr; }
}

/* 4. THE SIX ANSWERS. The certificate column ran short of the person
   column, so the most useful thing on the page now fills it. Copy is
   word for word from /landlords/services-and-fees/. */
.page--managed-portfolio .mp5-answers {
  margin-top: clamp(1rem, 1.8vw, 1.5rem);
  padding: clamp(1.2rem, 2.2vw, 2rem);
  border-radius: var(--mp5-radius-plate);
  background: var(--mp5-field-iris);
  border: 1px solid var(--mp5-rule);
}

.page--managed-portfolio .mp5-answers h3 {
  margin: 0 0 0.9rem;
  font-family: var(--mp5-display);
  font-weight: 400;
  font-size: clamp(1.3rem, 1.9vw, 1.7rem);
  letter-spacing: -0.015em;
}

.page--managed-portfolio .mp5-answers__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.2rem clamp(1rem, 2vw, 1.8rem);
  margin: 0 0 1.1rem;
  padding: 0;
  list-style: none;
}

.page--managed-portfolio .mp5-answers__list li {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  gap: 0.5rem;
  align-items: baseline;
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--mp5-rule-soft);
  font-size: 0.93rem;
  line-height: 1.55;
}

.page--managed-portfolio .mp5-answers__list li:nth-last-child(-n+2) { border-bottom: 0; }

@media (max-width: 61.99em) {
  .page--managed-portfolio .mp5-answers__list { grid-template-columns: 1fr; }
  .page--managed-portfolio .mp5-answers__list li:nth-last-child(-n+2) { border-bottom: 1px solid var(--mp5-rule-soft); }
  .page--managed-portfolio .mp5-answers__list li:last-child { border-bottom: 0; }
}

/* Round 4 - the scale plate was a quarter empty. The copy now ends in a
   real action, the figures sit on the plate's baseline via space-between,
   and the media slot is 5:4 so the two columns land at similar heights. */
.page--managed-portfolio .mp5-panel__copy { align-content: space-between; }
.page--managed-portfolio .mp5-panel__copy > :first-child { margin-top: 0; }
.page--managed-portfolio .mp5-dial__figures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page--managed-portfolio .mp5-panel__copy .mp5-chip { margin-top: 0.2rem; }

/* Round 5 - the sticky pill was landing on the hero's scope line below
   62em, where the hero's top padding collapses to its clamp minimum. The
   pill is 48px plus a 12px offset, so the hero reserves 5.5rem there. */
@media (max-width: 61.99em) {
  .page--managed-portfolio .mp5-hero { padding-top: 5.5rem; }
}

/* Round 6 - the register's oxblood rule was an absolutely positioned
   ::after pinned at 3.1rem, which struck through the title as soon as the
   plate padding changed. A rule that has to guess where the text ends will
   always drift: it is a border on the sub-line now, so it cannot. */
.page--managed-portfolio .mp5-register::after { content: none; }

.page--managed-portfolio .mp5-register__sub {
  margin: 0.2rem 0 1.1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--mp5-oxblood);
}