/* Kingsway M&A — site composition: the restored original design (5 October 2026).
 * Ported from Kingsway-Family/design-study/style.css (ma.html). Measurements start from the
 * concept's values; departures are marked "Adapted:" with the reason (12px minimum text, WCAG AA
 * contrast, visible focus, no overflow at 320px, reduced motion). The kit (vendor/kingsway-kit/0.1.0)
 * still supplies fonts, tokens, menu and dialog behaviour, forms and print basics; it is not edited.
 * Everything here is scoped to this site. */

/* ---------- 1. Grid, serif and rhythm (concept .wrap, --serif, .section) ---------- */
:root{
  --k-gutter:60px;            /* .wrap{padding:0 60px} */
  --k-wrap:1216px;            /* .wrap{max-width:1336px} including both gutters */
  --k-font-display:"Iowan Old Style","Charter","Bitstream Charter","Georgia",serif;
  --ma-section:96px;          /* .section{padding:96px 0} */
  --ma-rule-strong:#A89E8E;
  --ma-copy:#4D5358;
}
@media (max-width:1050px){:root{--k-gutter:34px}}
@media (max-width:800px){:root{--ma-section:65px}}
@media (max-width:480px){:root{--k-gutter:23px;--ma-section:58px}}

html{scroll-padding-top:30px}
/* The concept sets no font smoothing; the kit forces antialiased, which renders every glyph thinner
 * on macOS (most visibly light text on charcoal). Restored to the browser default for this site. */
body{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
p{max-width:65ch}
:focus-visible{outline-offset:5px}
.k-section{padding-block:var(--ma-section)}
.ma-nowrap{white-space:nowrap}

/* ---------- 2. Type (concept h1, h2, h3, .eyebrow) ---------- */
.ma-h1{font-family:var(--k-font-display);font-weight:400;font-size:clamp(48px,5.25vw,80px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.ma-h1 em,.k-h2 em,.ma-band__title em{font-style:italic;font-weight:400}
.k-h2{font-size:clamp(36px,3.6vw,55px);line-height:1.08;letter-spacing:-.035em}
.k-h3{font-size:30px;line-height:1.15;letter-spacing:-.02em}
/* The concept's eyebrow is 14px bold with no rule: the kit's gold rule is removed site-wide. */
.k-eyebrow{display:block;font:700 14px/1.65 var(--k-font-body);letter-spacing:.025em;margin-bottom:25px}
.k-eyebrow::before{content:none;display:none}
.ma-lede{font-size:19px;line-height:1.65;margin-top:27px;max-width:480px;text-wrap:wrap}
/* The concept balances h1 and h2 only; h3s and ledes wrap naturally (the kit balances h3 too). */
.ma-option__title,.ma-steps h3{text-wrap:wrap}
/* The concept leaves paragraphs to wrap naturally; the kit's text-wrap:pretty re-rags the restored
 * homepage away from the original, so the homepage follows the concept. */
.ma-home main :is(p,li,dd){text-wrap:wrap}
.ma-label{font:700 14px/1.4 var(--k-font-body);letter-spacing:.025em;margin:32px 0 0;padding-bottom:12px;border-bottom:1px solid var(--ma-rule-strong)}

/* ---------- 3. Buttons and quiet links (concept .btn) ---------- */
.k-btn{gap:36px;min-height:0;padding:15px 21px;font:700 15px/1.5 var(--k-font-body);transition:background-color .18s,transform .18s}
.k-btn:hover{transform:translateY(-2px)}
.k-btn:disabled:hover,.k-btn[aria-disabled="true"]:hover{transform:none}
.k-btn__arrow{font-size:1em;font-weight:inherit;line-height:inherit} /* the concept's arrow inherits the bold label */
.k-link{display:inline-block;padding-block:3px}
.ma-more{margin-top:32px}
.ma-more .k-link{font-size:14px} /* the concept's quiet .text-link: 14px bold */

/* ---------- 4. Preview notice: one quiet bar in the spirit of the concept's study bar ---------- */
.k-preview{padding-block:9px;line-height:1.4}

/* ---------- 5. Header (concept .site-header, .lockup, .brand, .nav, .menu) ---------- */
.k-header__row{min-height:96px;gap:30px}
.k-lockup{gap:13px}
.k-lockup svg{width:41px;height:41px}
.k-lockup__word{font:700 28px/1 var(--k-font-mark);letter-spacing:.035em}
.k-lockup__desc{margin-top:9px;font:400 13px/1 var(--k-font-body);letter-spacing:.15em}
.k-nav{gap:31px;font-size:15px}
.k-nav a{padding:0;border:0;text-decoration:none;text-underline-offset:5px}
.k-nav a:hover{text-decoration:underline;text-decoration-thickness:1px}
.k-nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--k-gold);text-decoration-thickness:2px}
.k-nav a.k-nav__cta{padding:10px 19px;border:1px solid #9BA1A5}
.k-nav a.k-nav__cta:hover{background:none;border-color:#9BA1A5}
.k-nav a.k-nav__cta[aria-current="page"]{border-color:var(--k-gold);text-decoration:none}
.k-menu-btn{gap:0;min-height:0;padding:7px 13px;border:1px solid #9BA1A5;font-size:17px;line-height:1.65}

/* ---------- 6. Footer (concept .site-footer, .footer-top, .tagline, .footer-rule) ----------
 * The two short boundary sentences sit in the footer rule as standard small print on every page,
 * so page bodies do not repeat them (the first-conversation page explains them in full). */
.k-footer{padding:52px 0 28px;font-size:14px;line-height:1.65;color:var(--k-on-ink-muted)}
.ma-footer__top{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:42px}
.ma-footer__tagline{font:400 25px/1.65 var(--k-font-display);color:var(--k-on-ink);max-width:none}
.ma-footer__tagline span{display:block}
.ma-footer__rule{border-top:1px solid var(--k-ink-line);padding-top:24px;display:flex;justify-content:space-between;gap:40px;font-size:13px}
.ma-footer__role{max-width:720px}
.ma-footer__side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;flex:none}
.ma-footer__nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 20px}
.ma-footer__nav a{padding-block:3px}
.ma-footer__mark{white-space:nowrap}

/* ---------- 7. Home hero and the owner document (concept .hero, .ma .hero-grid, .document-stage) ---------- */
.ma-hero{padding:86px 0 76px}
.ma-hero__grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:center;gap:75px}
.ma-hero .ma-h1{max-width:650px}
.ma-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:33px}
.ma-hero__note{font-size:13px;color:var(--k-slate);margin-top:20px}
@media (min-width:1550px){.ma-hero{padding-bottom:100px}}

.ma-stage{position:relative;padding:43px 28px 26px;background:var(--k-stone-deep);min-height:494px}
.ma-stage::before{content:"";position:absolute;inset:35px 37px 19px;background:#EFEAE1;transform:rotate(-4deg);box-shadow:0 7px 20px rgba(20,26,31,.05)}
.ma-stage--fit{min-height:0}
.ma-paper{position:relative;background:var(--k-paper);color:var(--k-ink);padding:30px 29px 28px;box-shadow:0 16px 34px rgba(20,26,31,.08);container-type:inline-size}
.ma-paper__run{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--k-rule);padding-bottom:15px;font-size:13px;color:#596065}
.ma-paper__run>span:last-child{text-align:right}
/* The running head stays one quiet line, as in the concept. The label reads in full
 * ("Example conversation outline") where the paper is wide enough; on a narrower paper only the
 * concept's "Example" shows and the rest stays in the accessible name. On the narrowest papers the
 * "Kingsway · " prefix is visually hidden too. Measured: the full head needs 369px, the short one 249px. */
@container (max-width:379px){.ma-paper__more{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@container (max-width:251px){.ma-paper__brand{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.ma-paper__title{font:400 37px/1.1 var(--k-font-display);letter-spacing:-.035em;margin:26px 0 12px;text-wrap:balance}
.ma-paper__intro{font-size:14px;color:var(--k-slate)}
.ma-paper__line{padding:22px 0;border-bottom:1px solid var(--k-rule);display:flex;gap:17px}
.ma-paper__num{font:700 21px/1.65 var(--k-font-mark);color:var(--k-gold-ink);flex:none}
.ma-paper__line strong{font-size:15px}
.ma-paper__line p{font-size:13px;color:var(--k-slate);margin-top:5px}
.ma-paper__foot{font-size:13px;margin-top:20px;display:flex;justify-content:space-between;gap:16px}
.ma-paper__rows{margin:16px 0 0;border-top:1px solid var(--k-rule)}
.ma-paper__rows>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--k-rule);font-size:14px;line-height:1.5}
.ma-paper__rows dt{color:var(--k-slate)}
.ma-paper__rows dd{margin:0;font-weight:700}

/* ---------- 8. Shared sections (concept .section-head, .options, .work-together, .steps) ---------- */
.ma-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;margin-bottom:48px}
.ma-section-head>p{font-size:18px;max-width:400px;padding-top:6px;color:#3D454C}

.ma-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.ma-option{border-top:1px solid var(--ma-rule-strong);padding-top:24px}
.ma-option__num{display:block;font:700 26px/1.65 var(--k-font-mark);color:var(--k-gold-ink);margin-bottom:36px}
.ma-option__title{font-size:31px;line-height:1.15;letter-spacing:-.02em;max-width:220px}
.ma-option p{font-size:16px;margin-top:19px;color:var(--ma-copy)}

.ma-together{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px}
.ma-together__intro{font-size:19px;line-height:1.7;margin-top:24px;max-width:420px}
.ma-steps{list-style:none;margin:0;padding:0}
.ma-steps>li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:22px;padding:26px 0;border-bottom:1px solid var(--k-rule)}
.ma-steps>li:first-child{padding-top:0}
.ma-steps__num{color:var(--k-gold-ink);font:700 28px/1.65 var(--k-font-mark)}
.ma-steps h3{font-size:27px;line-height:1.15;letter-spacing:-.02em;margin-bottom:9px}
.ma-steps p{font-size:16px;color:#4C5358;max-width:380px}

/* Charcoal band (concept .privacy-band, .privacy-grid) */
.ma-band{padding:68px 0}
.ma-band__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:center}
.ma-band__title{font-family:var(--k-font-display);font-weight:400;font-size:44px;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.ma-band__text{color:var(--k-on-ink-muted);font-size:18px}

/* Questions (concept .ma-faq, summary, details) */
.ma-faq{margin-top:34px}
.ma-faq details{border-top:1px solid var(--k-rule);padding:19px 0}
.ma-faq details:last-of-type{border-bottom:1px solid var(--k-rule)}
.ma-faq summary{cursor:pointer;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:25px}
.ma-faq summary::-webkit-details-marker{display:none}
.ma-faq summary::after{content:"+";font-size:23px;flex:none}
.ma-faq details[open] summary::after{content:"\2212"}
.ma-faq summary:hover{color:#3D454C}
.ma-faq__body p{margin-top:18px;color:var(--ma-copy);font-size:16px}
.ma-faq__body p+p{margin-top:12px}

/* Closing invitation (concept .contact-row on paper) */
.ma-close__row{display:flex;align-items:center;justify-content:space-between;gap:40px}
.ma-close__row .k-h2{max-width:670px}
.ma-close__text{margin-top:18px;color:#50565A}
.ma-close .k-btn{flex:none}

/* ---------- 9. Inner page heads, in the hero's language ---------- */
.ma-pagehead{padding:86px 0 76px}
.ma-pagehead--quiet{padding-bottom:48px}
.ma-pagehead__grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:75px;align-items:end}
.ma-pagehead__title{max-width:12em}
.ma-pagehead__actions,.ma-pagehead__quiet{margin-top:33px}
.ma-pagehead__actions{gap:16px 28px}
/* Contents list, set like the document's numbered lines (desktop and tablet only). */
.ma-contents{border-top:1px solid var(--ma-rule-strong);max-width:440px}
.ma-contents__list{list-style:none;margin:0;padding:0}
.ma-contents__list a{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:baseline;padding:13px 0;border-bottom:1px solid var(--k-rule);text-decoration:none;font-size:16px;line-height:1.45}
.ma-contents__list a:hover{text-decoration:underline;text-decoration-color:var(--k-gold-ink)}
.ma-contents__num{font:700 21px/1 var(--k-font-mark);color:var(--k-gold-ink)}

/* ---------- 10. Owner options page ---------- */
.ma-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 90px;align-items:start;padding-block:64px;border-top:1px solid var(--ma-rule-strong);scroll-margin-top:16px}
.ma-chapter:first-child{padding-top:0;border-top:0}
.ma-chapter:last-child{padding-bottom:0}
.ma-chapter__head{position:sticky;top:32px}
.ma-chapter__num{display:block;font:700 26px/1.65 var(--k-font-mark);color:var(--k-gold-ink);margin-bottom:20px}
.ma-chapter__title{font-size:clamp(31px,3.3vw,46px);line-height:1.1;letter-spacing:-.03em;max-width:9.5em}
.ma-chapter__lede{font-size:19px;line-height:1.7}
.ma-chapter__list>li{font-size:16px;line-height:1.6;color:var(--ma-copy)}
.ma-chapter__list>li:last-child,.ma-phase__list>li:last-child{border-bottom:0}
.ma-chapter__statement{font:400 clamp(24px,2.4vw,34px)/1.28 var(--k-font-display);letter-spacing:-.016em;max-width:20em}
.ma-chapter__plain{margin-top:22px;color:var(--ma-copy)}
.ma-chapter__go{margin-top:20px}
.ma-buyers__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:75px;align-items:start}
.ma-buyers__copy{position:sticky;top:32px}
.ma-buyers__intro{margin-top:24px;font-size:19px;line-height:1.7;max-width:440px}
.ma-buyers__not{margin-top:26px;padding-top:18px;border-top:1px solid var(--ma-rule-strong);font-size:15px;color:#3D454C;max-width:440px}

/* ---------- 11. First conversation page ---------- */
.ma-phases__grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:75px;align-items:start}
.ma-phases{list-style:none;margin:0;padding:0}
.ma-phase{display:grid;grid-template-columns:42px minmax(0,1fr);gap:22px;padding:40px 0;border-bottom:1px solid var(--k-rule);scroll-margin-top:24px}
.ma-phase:first-child{padding-top:0}
.ma-phase:last-child{border-bottom:0;padding-bottom:0}
.ma-phase__when{font:700 14px/1.4 var(--k-font-body);letter-spacing:.025em;color:var(--k-gold-ink);margin-bottom:12px}
.ma-phase__title{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.ma-phase p{color:#4C5358;max-width:36em}
.ma-phase__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;margin-top:26px}
.ma-phase__label{font:700 14px/1.4 var(--k-font-body);padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--k-rule)}
.ma-phase__pair li{font-size:15px;color:#4C5358}
.ma-phase__list{margin-top:20px}
.ma-phase__list>li{font-size:16px;color:#4C5358}
.ma-phase p.ma-phase__key{margin-top:22px;padding:14px 18px;background:var(--k-ground);border-left:2px solid var(--k-gold-ink);font-weight:700;color:var(--k-ink)}
.ma-outline .ma-paper__line{padding:16px 0}
@media (min-width:1051px) and (min-height:900px){.ma-phases__aside{position:sticky;top:32px}}

.ma-band--list{padding:var(--ma-section) 0}
.ma-band--list .ma-band__grid{align-items:start}
.ma-handling{list-style:none;margin:0;padding:0;border-top:1px solid var(--k-ink-line)}
.ma-handling li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:22px;padding:20px 0;border-bottom:1px solid var(--k-ink-line)}
.ma-handling__num{font:700 21px/1.65 var(--k-font-mark);color:var(--k-gold)}
.ma-handling p{font-size:16px;color:var(--k-on-ink-muted)}
.ma-handling strong{color:var(--k-on-ink)}

.ma-role__head{margin-bottom:48px}
.ma-role__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px}
.ma-role__grid .ma-option__title{max-width:none}
.ma-role__grid .ma-option p{max-width:36em}
.ma-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px;margin-top:64px}
.ma-ledger .ma-label{margin-top:0}
.ma-ledger__list{list-style:none;margin:0;padding:0}
.ma-ledger__list>li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--k-rule);font-size:15px;line-height:1.5;color:#3D454C}
.ma-ledger__list>li::before{content:"";position:absolute;left:0;top:round(nearest,calc(11px + .9em),1px);width:12px;height:1px;background:var(--k-gold-ink)}
.ma-ledger__col--not .ma-ledger__list>li::before{background:var(--k-slate)}

/* ---------- 12. Questions page ---------- */
.ma-faq-page{padding-top:86px}
.ma-faq-page__intro{position:sticky;top:32px;align-self:start}
.ma-faq-page__title{font-size:clamp(44px,4.6vw,66px);max-width:9em}

/* ---------- 13. Contact: the form on paper over a stone mat, like the hero document ---------- */
.ma-contact{padding:86px 0 var(--ma-section)}
.ma-contact__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);grid-template-areas:"intro form" "handling form";grid-template-rows:auto 1fr;column-gap:75px}
.ma-contact__intro{grid-area:intro}
.ma-contact__form{grid-area:form}
.ma-contact__handling{grid-area:handling;align-self:start;margin-top:56px;max-width:440px}
.ma-contact__title{max-width:9em}
.ma-formstage{background:var(--k-stone-deep);padding:28px}
.ma-formpanel{background:var(--k-paper);padding:36px 40px 40px;box-shadow:0 16px 34px rgba(20,26,31,.08)}
.ma-formpanel__title{font:400 30px/1.15 var(--k-font-display);letter-spacing:-.02em}
.ma-formpanel__intro{margin:8px 0 28px;font-size:15px;line-height:1.55;color:var(--k-slate)}
.ma-formpanel .k-form,.ma-formpanel .k-outcome{max-width:none}
.ma-formpanel .k-outcome{margin-top:20px;background:var(--k-ground)}
.ma-contact__subhead{font:700 15px/1.4 var(--k-font-body);padding-top:20px;border-top:1px solid var(--ma-rule-strong);margin-bottom:4px}
.ma-contact__list>li{font-size:16px;line-height:1.55;color:#3D454C}
.ma-contact__list>li::before{top:round(nearest,calc(12px + .9em),1px)}
.ma-count{margin-top:-2px;font-size:13px}

/* ---------- 14. Privacy and 404 ---------- */
.ma-privacy__tag{margin-bottom:22px}
.ma-privacy .k-prose h2{letter-spacing:-.025em}
.ma-privacy .k-prose h2:first-child{margin-top:0}
.ma-privacy .k-prose .k-preview-tag{margin-left:4px}
.ma-privacy-page .k-preview-tag{white-space:normal;line-height:1.45;max-width:100%}
.ma-notfound{padding-block:110px 130px}

/* ---------- 15. Article briefs (preview only) ---------- */
.article__status{margin-bottom:22px}
.article__title{margin-bottom:22px}
.article__meta{display:flex;flex-wrap:wrap;gap:10px 32px;margin:30px 0 40px;padding:16px 0;border-block:1px solid var(--k-rule);font-size:14px}
.article__meta dt{color:var(--k-slate)}
.article__meta dd{font-weight:700}
.article__sources,.article__related{margin-top:48px}
.article__sources ol{margin:14px 0 0;padding-left:1.2em}
.article__related .k-list{margin-top:14px}
.article__related a{display:inline-block;padding-block:2px}
.article__cta{margin-top:56px}
.article__cta .k-actions{margin-top:22px}
.k-index__title{max-width:18em;padding-right:clamp(12px,3vw,48px)}

/* ---------- 16. Kit adjustments kept from the overnight build (proposed for kit 0.1.1) ---------- */
/* Focus rings on charcoal use the on-ink gold (#735A22 on #141A1F is 2.7:1, #C9A961 is 8.6:1). */
.k-surface-ink :focus-visible{outline-color:var(--k-focus-on-ink)}
.k-surface-ink .ma-paper :focus-visible{outline-color:var(--k-focus)}
/* List dashes snap to whole pixels at x-height. */
.k-list>li::before{top:round(nearest,calc(12px + .92em),1px)}
.k-list--plain>li::before{top:round(nearest,calc(6px + .92em),1px)}

/* ---------- 17. Breakpoints (concept: 1050, 800, 480; plus the kit's 900px menu) ---------- */
@media (max-width:1050px){
  .k-nav{gap:18px}
  .ma-hero__grid,.ma-pagehead__grid,.ma-phases__grid,.ma-buyers__grid{gap:35px}
  .ma-stage{padding:25px 16px}
  .ma-paper{padding:23px}
  .ma-section-head{gap:40px}
  .ma-together{gap:50px}
  .ma-chapter{column-gap:50px}
  .ma-contact__grid{column-gap:35px}
  .ma-formpanel{padding:30px 28px 32px}
}
/* Adapted: the kit's menu switches at 900px. Between 801 and 900px the concept's inline nav no
 * longer fits beside the full lockup, so the compact bordered Menu button takes over there too.
 * The row is padded rather than given a min-height, so opening the menu never moves the lockup
 * or the button (kit 0.1.0 lead fix, kept). */
@media (max-width:900px){
  .k-header__row{min-height:0;padding-block:15px;align-content:flex-start;column-gap:16px;row-gap:0}
  .k-lockup svg{width:41px;height:41px}
  .k-lockup__word{font-size:28px}
  .k-lockup__desc{font-size:13px;letter-spacing:.15em;margin-top:9px}
  .k-nav{padding:22px 0;gap:18px}
  .k-nav a{padding:0;border-bottom:0}
  .k-nav a[aria-current="page"]{box-shadow:none;padding-left:0}
  .k-nav a.k-nav__cta{margin-top:0;padding:10px 19px}
}
@media (max-width:800px){
  .ma-hero{padding:52px 0 40px}
  .ma-hero__grid,.ma-pagehead__grid,.ma-phases__grid,.ma-buyers__grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .ma-hero .ma-h1{font-size:64px;max-width:590px}
  .ma-pagehead{padding:52px 0 44px}
  .ma-pagehead .ma-h1,.ma-contact .ma-h1,.ma-faq-page .ma-h1{font-size:56px}
  .ma-lede{max-width:590px}
  .ma-stage{max-width:550px;padding:35px}
  .ma-section-head,.ma-together,.ma-band__grid{grid-template-columns:minmax(0,1fr);gap:25px}
  .ma-section-head{margin-bottom:32px}
  .ma-section-head>p{max-width:550px}
  .ma-options{gap:24px}
  .ma-option__title{font-size:26px}
  .ma-option__num{margin-bottom:22px}
  .ma-close__row{flex-direction:column;align-items:flex-start}
  .ma-band{padding:58px 0}
  .ma-band--list{padding:var(--ma-section) 0}
  .ma-footer__top{flex-direction:column;align-items:flex-start}
  /* The small print stacks from 800px (not 480px), so the side column (with the one-line route back to
   * Brokerage) can never squeeze the boundaries into a narrow column or push the page sideways at
   * 481–800px or at desktop zoom of 200% and more (design review, 10 October 2026). */
  .ma-footer__rule{flex-direction:column;gap:20px}
  .ma-footer__side{align-items:flex-start;text-align:left;min-width:0}
  .ma-footer__nav{justify-content:flex-start}
  /* The contents list stays on tablets and phones (the only in-page navigation on long pages). */
  .ma-contents{max-width:none}
  .ma-contents__list a{padding:10px 0;font-size:15px}
  .ma-chapter{grid-template-columns:minmax(0,1fr);padding-block:44px}
  .ma-chapter__head{position:static}
  .ma-chapter__num{margin-bottom:10px}
  .ma-buyers__copy,.ma-faq-page__intro{position:static}
  .ma-faq-page{padding-top:52px}
  .ma-role__grid,.ma-ledger{grid-template-columns:minmax(0,1fr);gap:32px}
  .ma-ledger{margin-top:44px}
  .ma-contact{padding-top:52px}
  .ma-contact__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "form" "handling";grid-template-rows:none}
  .ma-contact__form{margin-top:36px}
  .ma-contact__handling{margin-top:40px;max-width:none}
}
@media (max-width:560px){
  .ma-phase__pair{grid-template-columns:minmax(0,1fr)}
  /* Phones: choices become full-width rows (no orphaned chip, larger targets). */
  .ma-formpanel .k-choices{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .ma-formpanel .k-choice{display:flex}
  .ma-formpanel .k-choice label{flex:1}
}
@media (max-width:480px){
  .ma-br--wide{display:none} /* Adapted: forced breaks added for wide screens only */
  .k-header__row{padding-block:15.5px}
  .k-lockup{gap:9px}
  .k-lockup svg{width:34px;height:34px}
  .k-lockup__word{font-size:24px}
  .k-lockup__desc{font-size:12px;letter-spacing:.14em} /* Adapted: 11px in the concept; 12px minimum */
  .k-eyebrow{font-size:13px;margin-bottom:23px}
  .ma-hero{padding-top:40px}
  .ma-hero .ma-h1{font-size:48px}
  .ma-pagehead{padding-top:40px}
  .ma-pagehead .ma-h1,.ma-contact .ma-h1,.ma-faq-page .ma-h1{font-size:44px}
  .ma-lede{font-size:17px;margin-top:23px}
  .ma-hero__actions{margin-top:27px;gap:20px}
  .ma-pagehead__actions,.ma-pagehead__quiet{margin-top:27px}
  .k-btn{padding:13px 17px;font-size:14px;gap:26px}
  .ma-section-head>p{font-size:17px}
  .ma-options{grid-template-columns:minmax(0,1fr);gap:33px}
  .ma-option__title{max-width:none;font-size:29px}
  .ma-option__num{margin-bottom:14px}
  .ma-option p{margin-top:12px}
  .ma-stage{padding:24px 17px;min-height:0}
  .ma-paper{padding:24px 20px}
  .ma-paper__title{font-size:35px}
  .ma-paper__rows>div{grid-template-columns:6.5em minmax(0,1fr);gap:12px}
  .ma-band__title{font-size:37px}
  .ma-band__text{font-size:17px}
  .ma-steps>li,.ma-phase,.ma-handling li{gap:14px}
  .ma-steps h3,.ma-phase__title{font-size:26px}
  .ma-chapter__lede,.ma-buyers__intro{font-size:17px} /* the concept keeps .work-together .intro at 19px on phones */
  .k-footer{padding-top:42px}
  .ma-footer__tagline{font-size:24px}
  /* The form panel runs edge to edge on phones so fields keep a comfortable width. */
  .ma-formstage{margin-inline:calc(-1 * var(--k-gutter));padding:0}
  .ma-formpanel{padding:28px var(--k-gutter) 32px;box-shadow:none}
}
/* Adapted for 320px phones: the concept was only drawn at 375px. Beside the Menu button the
 * full lockup (216px) no longer fits 274px of content, so the header descriptor takes two lines. */
@media (max-width:374px){
  .k-header__row{padding-block:13px}
  .k-header .k-lockup__desc{max-width:118px;margin-top:7px;line-height:1.2}
  .ma-hero{padding-top:28px}
  .ma-hero .ma-h1{font-size:42px}
  .ma-pagehead .ma-h1,.ma-contact .ma-h1,.ma-faq-page .ma-h1{font-size:38px}
  .k-h2{font-size:33px}
  .ma-lede{font-size:16px;line-height:1.6}
  .k-btn{gap:14px;padding-inline:15px}
  /* The contact form's first field stays inside the first 320x640 screen. */
  .ma-contact{padding-top:28px}
  .ma-contact__form{margin-top:16px}
  .ma-formpanel{padding-top:20px}
  .ma-formpanel__intro{margin-bottom:16px}
}

/* ---------- 18. Reduced motion (the kit removes transitions; the 2px lift goes too) ---------- */
@media (prefers-reduced-motion:reduce){.k-btn:hover{transform:none}}

/* ---------- 19. Print (concept print rules, on the kit's white print base) ----------
 * Adapted: the header, footer and charcoal bands print on white with dark text (the kit's base)
 * rather than the concept's charcoal, so pages stay legible and economical. */
@media print{
  body{font-size:12pt}
  .k-wrap{padding-inline:0}
  .ma-hero,.k-section,.ma-pagehead,.ma-band,.ma-faq-page,.ma-contact{padding-block:25px}
  .ma-hero__grid,.ma-pagehead__grid{gap:25px}
  .ma-h1{font-size:38pt}
  .k-h2,.ma-band__title{font-size:22pt}
  .ma-hero__actions,.ma-close,.ma-more,.ma-contents,.ma-footer__nav,.ma-footer__top{display:none!important}
  .ma-pagehead__grid,.ma-phases__grid,.ma-buyers__grid,.ma-chapter,.ma-band__grid{display:block}
  .ma-phases__aside,.ma-buyers__copy,.ma-chapter__head,.ma-faq-page__intro{position:static}
  .ma-phases__aside,.ma-buyers .ma-stage{margin-top:16pt;max-width:none}
  .ma-stage{background:none!important;padding:0;min-height:0}
  .ma-stage::before{display:none}
  .ma-paper{box-shadow:none;border:1px solid var(--ma-rule-strong)}
  .k-surface-paper,.k-surface-stone,.k-surface-ground,.ma-phase__key{background:#fff!important}
  .k-surface-ink .k-eyebrow,.k-surface-ink h2,.k-surface-ink h3,.k-surface-ink strong,.k-surface-ink li{color:#141A1F!important}
  .k-surface-ink p,.ma-handling p{color:#3D454C!important}
  .k-surface-ink .ma-handling__num{color:#735A22!important}
  .ma-handling,.ma-handling li{border-color:var(--ma-rule-strong)!important}
  .ma-chapter{padding-block:12pt}
  .ma-chapter__head{margin-bottom:8pt}
  .ma-chapter__title{font-size:20pt}
  .ma-chapter__lede{font-size:12pt}
  .ma-chapter__statement{font-size:16pt}
  .ma-band__title{margin-bottom:10pt}
  .k-footer{padding-block:10pt 0}
  .k-eyebrow,.ma-phase__when,.ma-label,.ma-phase__label{break-after:avoid}
  .ma-paper,.ma-option,.ma-phase__pair,.ma-phase__key,.ma-phase__list>li,.ma-chapter__head,.ma-chapter__lede,.ma-chapter__list>li,.ma-chapter__statement,.ma-handling li,.ma-ledger__col,.ma-role__head,.k-footer{break-inside:avoid}
  .ma-chapter__head,.ma-chapter__lede,.ma-chapter__statement{break-after:avoid}
  .ma-role__grid,.ma-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 20. Enquiry 0.2.0 (launch preparation, October 2026) ----------
 * Honeypot: off-screen, out of the tab order (tabindex -1) and hidden from assistive technology
 * (aria-hidden on the wrapper). It keeps its normal size, so nothing measures as a tiny control. */
.ma-hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;white-space:nowrap}
/* The closing actions: the gold button, with the optional booking CTA beneath it (section 22). */
.ma-close__actions{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex:none}
@media (max-width:800px){.ma-close__actions{align-items:flex-start}}
/* The kept-answers note follows whichever outcome is shown; same 10px rhythm as the kit's p+p. */
.k-outcome [data-enquiry-kept]{margin-top:10px}

/* ---------- 21. Weekend launch preparation (10 October 2026) ----------
 * New parts only, in the restored language (thin #A89E8E rules, Barlow numbers, serif titles, gold
 * buttons, stone mat). No existing section's composition, type or spacing changes. */
/* Related Kingsway websites (/options/, from the route manifest; nothing renders in production until
 * a destination is ready). Two quiet items, each saying which website it opens. */
.ma-related__head{margin-bottom:44px}
.ma-related__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.ma-related__item{border-top:1px solid var(--ma-rule-strong);padding-top:24px}
.ma-related__site{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:14px;line-height:1.5;margin:0 0 18px}
.ma-related__name{font-weight:700}
.ma-related__domain{color:var(--k-slate)}
.ma-related__title{font:400 26px/1.15 var(--k-font-display);letter-spacing:-.02em}
.ma-related__text{font-size:16px;margin-top:14px;color:var(--ma-copy);max-width:36em}
.ma-related__go{margin-top:18px;font-size:15px}
/* The discreet route back to Brokerage, in the footer small print. */
.ma-footer__away{margin:6px 0 2px;font-size:13px;max-width:none}
.ma-footer__away a{white-space:nowrap;color:var(--k-on-ink);text-decoration:underline;text-decoration-color:var(--k-gold);text-underline-offset:.3em}
@media (max-width:800px){
  .ma-related__list{grid-template-columns:minmax(0,1fr);gap:33px}
}
@media (max-width:480px){
  .ma-related__title{font-size:26px}
  .ma-footer__away{margin-top:2px}
}
@media print{.ma-related,.ma-booking{display:none!important}}

/* ---------- 22. Launch release (10 October 2026) ----------
 * The booking CTA is a direct link to the brand's Zoho Bookings service (no intermediate page). It
 * sits under the closing gold button as a quiet 14px link, with "Google Meet video call. Pick a time on
 * Zoho Bookings." beneath (a visible cue that it leaves the site, since ↗ also marks internal buttons); in
 * production it renders only once its link is confirmed, and preview shows an honest note instead.
 * The brand email address appears as a direct alternative in the "Not sent" panels once confirmed. */
.ma-booking{display:flex;flex-direction:column;align-items:inherit;gap:4px;margin:0}
.ma-close__actions .ma-booking{align-items:flex-end;text-align:right}
.ma-booking .k-link{font-size:14px}
.ma-booking__note{font-size:13px;line-height:1.5;color:var(--k-slate);max-width:26em}
.ma-booking__note .k-preview-tag{margin-right:6px}
.ma-formpanel .ma-booking{align-items:flex-start;text-align:left;margin-top:28px;padding-top:20px;border-top:1px solid var(--k-rule)}
@media (max-width:800px){.ma-close__actions .ma-booking{align-items:flex-start;text-align:left}}
.k-outcome .ma-alt{margin-top:10px}
.k-outcome .ma-alt a{color:inherit;text-decoration:underline;text-decoration-color:var(--k-gold);text-underline-offset:.25em;overflow-wrap:anywhere}
.k-outcome .ma-alt .k-preview-tag{white-space:normal}
.ma-privacy__version{margin-top:32px;font-size:14px;color:var(--k-slate)}
/* Launch release review (10 October 2026). While a send is in flight the busy button keeps full
 * strength: "Sending…" is the only visible sign of progress, so it keeps its 4.5:1 contrast (the kit's
 * 55% opacity stays for a button disabled before the script has loaded). */
.k-form[aria-busy="true"] .k-btn:disabled{opacity:1;cursor:progress}
/* The footer's link to the full boundaries on /first-conversation/#boundaries. */
.ma-footer__more{color:var(--k-on-ink);text-decoration:underline;text-decoration-color:var(--k-gold);text-underline-offset:.3em}
/* Release review (10 October 2026, evening). In production the footer nav holds one link, Privacy, directly
 * above the plain brand mark; it takes the same at-rest cue as "More about our role" so it reads as a link.
 * The contact aside's second quiet link (the privacy notice) sits close under the first. */
.ma-footer__nav a{color:var(--k-on-ink);text-decoration:underline;text-decoration-color:var(--k-gold);text-underline-offset:.3em}
.ma-more+.ma-more{margin-top:6px}
/* ---------- 23. Limited release (11 October 2026) ----------
 * The contact page's conversation panel (release mode "limited"): the enquiry form is replaced by the
 * route to the central Kingsway enquiry form (the same ink button the form's submit used), the booking
 * link and the brand address, in the same stone stage and paper panel. The partner route sits under the
 * handling notes in the existing quiet link style. Nothing here changes the full-service pages. */
.ma-routes__go{margin:0}
.ma-routes__note{margin-top:12px;font-size:14px;line-height:1.55;color:var(--k-slate);max-width:32em}
.ma-routes__email{margin-top:20px;padding-top:20px;border-top:1px solid var(--k-rule);font-size:15px;line-height:1.55;color:#3D454C}
.ma-routes__email a{color:inherit;text-decoration:underline;text-decoration-color:var(--k-gold);text-underline-offset:.25em;overflow-wrap:anywhere}
.ma-routes__partners{margin-top:40px}
.ma-routes__text{margin-top:8px;font-size:16px;line-height:1.55;color:#3D454C}
.ma-routes__text+.ma-more{margin-top:12px}