/* The port's own V5 rules for the terms page (this page has no V2 sheet of its own). */

/* The port's own V5 rules for the terms page. */

/* The house's own terms (data-platform="terms"). The platform brings the document's markup and no CSS,
   and V2 drew it with Tailwind Typography at `prose prose-sm` on the same element. The site sheet already
   holds the rules for the elements the Manor's terms used on the day of the capture (p, strong, ul, li);
   these are the rest of what a terms document can hold (h2 to h4, ol, links, block quotes), each with the
   values from V2's own sheet (the `.prose` / `.prose-sm` rules of _next/static/chunks/0m2gwvgh8ev0l.css),
   so a manager who edits the terms into headings, a numbered list or a quote still gets V2's page. */
.port-terms h2 { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: 0.8em; font-size: 1.42857em; font-weight: 700; line-height: 1.4; }
.port-terms h3 { color: var(--tw-prose-headings); margin-top: 1.55556em; margin-bottom: 0.444444em; font-size: 1.28571em; font-weight: 600; line-height: 1.55556; }
.port-terms h4 { color: var(--tw-prose-headings); margin-top: 1.42857em; margin-bottom: 0.571429em; font-weight: 600; line-height: 1.42857; }
.port-terms h2 strong { color: inherit; font-weight: 800; }
.port-terms h3 strong, .port-terms h4 strong { color: inherit; font-weight: 700; }
.port-terms ol { list-style-type: decimal; margin-top: 1.14286em; margin-bottom: 1.14286em; padding-inline-start: 1.57143em; }
.port-terms ol > li::marker { color: var(--tw-prose-counters); font-weight: 400; }
.port-terms ul ul, .port-terms ul ol, .port-terms ol ul, .port-terms ol ol { margin-top: 0.571429em; margin-bottom: 0.571429em; }
.port-terms > ul > li p, .port-terms > ol > li p { margin-top: 0.571429em; margin-bottom: 0.571429em; }
.port-terms > ul > li > p:first-child, .port-terms > ol > li > p:first-child { margin-top: 1.14286em; }
.port-terms > ul > li > p:last-child, .port-terms > ol > li > p:last-child { margin-bottom: 1.14286em; }
.port-terms a { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; }
.port-terms a strong, .port-terms blockquote strong { color: inherit; }
.port-terms blockquote { color: var(--tw-prose-quotes); border-inline-start: 0.25rem solid var(--tw-prose-quote-borders); quotes: "\201C" "\201D" "\2018" "\2019"; margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.11111em; font-style: italic; font-weight: 500; }
.port-terms blockquote p:first-of-type::before { content: open-quote; }
.port-terms blockquote p:last-of-type::after { content: close-quote; }
/* last, as in V2: the first thing under a heading starts flush with it, whatever it is */
.port-terms h2 + *, .port-terms h3 + *, .port-terms h4 + * { margin-top: 0; }
.port-terms > :first-child { margin-top: 0; }
.port-terms > :last-child { margin-bottom: 0; }

/* V5's 44px tap rule for the breadcrumb's own link: the bar is 44px tall, so the link's hit area is
   stretched to it, invisibly (V2's link was the height of its words). */
[data-section="breadcrumb"] a { position: relative; }
[data-section="breadcrumb"] a::after { content: ""; position: absolute; inset: -12px -8px; }