/* Business Applications — isolated Frozion presentation, upright cards. */
:root { --ba-nav-height:66px; }
.ba-hero { padding:32px 0 0; background:radial-gradient(ellipse at 88% 20%,#f2f1ff 0,#f8fafa 32%,#ffffff 68%); }
.ba-breadcrumb { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:12px; margin-bottom:56px; color:#626a70; }.ba-breadcrumb a { color:inherit; }
.ba-hero h1 { font-size:clamp(3rem,4.1vw,3.5rem); line-height:1.08; margin:24px 0 24px; max-width:650px; }.ba-hero .eyebrow { font-size:12px; letter-spacing:.7px; }
.ba-hero-lead { font-size:20px; line-height:1.65; max-width:635px; color:#424a50; }.ba-hero-support { font-size:14px; line-height:1.85; max-width:610px; }
.ba-label { display:block; font-size:12px; font-weight:600; letter-spacing:.85px; text-transform:uppercase; color:#626a70; line-height:1.7; }
.ba-badge { display:inline-flex; font-size:12px; font-weight:500; padding:4px 8px; line-height:1.5; border-radius:5px; background:#eef1f2; color:#007260; border:1px solid #e6fffa; white-space:nowrap; }.ba-badge.is-hold { background:#fff9e6; color:#664200; border-color:#fff0bf; }.ba-badge.is-neutral { background:#f2f1ff; color:#626a70; border-color:#e1ddff; }
.ba-cover { border:1px solid #e1ddff; border-radius:15px; box-shadow:0 22px 65px #2f1d990d; background:white; overflow:hidden; }.ba-cover figcaption { padding:16px 24px; display:flex; justify-content:space-between; gap:16px; font-size:12px; letter-spacing:.5px; background:#f8fafa; color:#626a70; border-bottom:1px solid var(--line); }.ba-cover figcaption span:last-child { letter-spacing:0; }.ba-cover-body { padding:24px; }.ba-cover-title { display:flex; align-items:flex-start; gap:16px; justify-content:space-between; padding:0 0 24px; }.ba-cover-title h2 { font-size:24px; line-height:1.2; margin:16px 0 0; }.ba-cover-title .ba-badge { margin-top:3px; }.ba-cover-title .ba-label { font-size:12px; }
.ba-cover-rows { border:1px solid #f2f1ff; border-radius:10px; overflow:hidden; }.ba-cover-rows > div { display:flex; gap:16px; align-items:flex-start; padding:24px 16px; border-bottom:1px solid var(--line); }.ba-cover-rows > div:nth-child(2) { background:#f2f1ff; border-left:3px solid #beb6ff; padding-left:16px; }.ba-cover-rows > div:last-child { border-bottom:0; }.ba-cover-number { font-size:12px; padding-top:3px; color:#626a70; }.ba-cover-rows > div > div { flex:1; }.ba-cover-rows strong { display:block; font-size:14px; font-weight:500; color:#4128cc; }.ba-cover-rows p { font-size:12px; line-height:1.8; margin:8px 0 0; color:#626a70; }.ba-cover-check { color:#626a70; font-size:12px; }.ba-cover-pending { color:#e1ddff; font-size:12px; }.ba-cover-current { font-size:12px; color:#4128cc; background:#f2f1ff; padding:2px 5px; border-radius:4px; }.ba-cover-footer { display:flex; justify-content:space-between; gap:16px; padding:16px 24px; border-top:1px solid var(--line); background:#f8fafa; font-size:12px; color:#626a70; }
.ba-confidence { display:flex; flex-wrap:wrap; gap:16px 32px; justify-content:space-between; border-top:1px solid var(--line); padding:24px 0; margin-top:64px; font-size:12px; color:#626a70; }
.ba-nav { position:sticky; top:var(--header-height); z-index:1020; background:white; border-block:1px solid var(--line); box-shadow:0 5px 12px #120a3d04; }.ba-nav-links { display:grid; grid-template-columns:repeat(5,1fr); }.ba-nav-links a { display:flex; align-items:center; gap:8px; min-height:66px; padding:16px 16px; font-size:12px; color:#626a70; border-bottom:3px solid transparent; }.ba-nav-links a span { font-size:12px; color:#626a70; }.ba-nav-links a.active { color:var(--brand); border-color:var(--brand); background:linear-gradient(0deg,#f2f1ff,transparent); }.ba-nav-links a:hover { color:var(--brand); background:#f8fafa; }.ba-nav-mobile { display:none; }
.ba-section { padding:88px 0; }.ba-section,.ba-stage-panel { scroll-margin-top:calc(var(--header-height) + var(--ba-nav-height) + 22px); }.ba-section h2 { font-size:clamp(2rem,3.3vw,3rem); }.ba-section h3 { font-size:24px; }.ba-section p { font-size:14px; line-height:1.85; }.ba-section .ba-intro { font-size:16px; line-height:1.75; max-width:790px; }.ba-heading { margin-bottom:40px; }.ba-heading p:last-child { margin-bottom:0; }.ba-wash { background:#f8fafa; }.ba-note { font-size:12px !important; margin:24px 0 0; color:#626a70; }.ba-section-link { margin-top:24px; font-size:12px; }
.ba-outcomes { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; }.ba-outcomes article { padding-top:24px; border-top:2px solid #e1ddff; }.ba-outcomes h3 { font-size:20px; line-height:1.3; margin:16px 0; }.ba-outcomes p { font-size:12px; margin:0; }
.ba-builder { display:grid; grid-template-columns:1fr 1.2fr; gap:48px; border:1px solid var(--line); background:#f8fafa; border-radius:12px; padding:32px; margin-top:48px; }.ba-builder-intro h3 { font-size:32px; margin:16px 0; }.ba-builder-intro p { font-size:14px; }.ba-builder-intro a { font-size:12px; }.ba-role-views { border:1px solid #e1ddff; border-radius:10px; overflow:hidden; background:white; }.ba-role-views > div { padding:24px 24px; border-bottom:1px solid var(--line); }.ba-role-views > div:last-child { border:0; }.ba-role-views > div > span { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.6px; color:#626a70; }.ba-role-views strong { display:block; font-size:16px; font-weight:500; color:#4128cc; margin:16px 0 8px; }.ba-role-views p { font-size:12px; margin:0; }
.ba-collaboration { display:grid; grid-template-columns:1fr 1.2fr; gap:48px; margin-top:32px; }.ba-collaboration strong { font-size:14px; font-weight:500; }.ba-collaboration p { font-size:12px; margin:0; }
.ba-walkthrough { border:1px solid #e1ddff; border-radius:14px; background:white; overflow:hidden; box-shadow:0 15px 50px #2f1d9908; }.ba-walk-head { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:24px 32px; background:#f2f1ff; border-bottom:1px solid var(--line); }.ba-walk-head h3 { font-size:24px; margin:16px 0 0; }.ba-scenario { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:24px 32px; border-bottom:1px solid var(--line); align-items:end; }.ba-scenario label { display:block; font-size:12px; margin-bottom:8px; color:#626a70; }.ba-scenario select { font-size:12px; padding-block:16px; border-color:#e1ddff; }.ba-scenario p { font-size:12px; line-height:1.9; color:#626a70; margin:0 0 4px; }.ba-stage-mobile { display:none; }.ba-walk-layout { display:grid; grid-template-columns:280px 1fr; }.ba-stages { padding:16px 16px; background:#f8fafa; border-right:1px solid var(--line); display:flex; flex-direction:column; gap:7px; }.ba-stage { display:flex; align-items:flex-start; gap:16px; text-align:left; padding:16px 16px; border:1px solid transparent; border-radius:8px; background:transparent; color:#626a70; }.ba-stage > span:first-child { font-size:12px; padding-top:3px; color:#626a70; }.ba-stage strong { display:block; font-weight:500; font-size:14px; color:#4128cc; }.ba-stage small { display:block; font-size:12px; margin-top:8px; line-height:1.7; }.ba-stage:hover { background:#f2f1ff; }.ba-stage.active { background:#f2f1ff; border-color:#e1ddff; box-shadow:inset 3px 0 #beb6ff; }.ba-stage-panel { padding:32px; min-width:0; }.ba-stage-panel:focus-visible { outline:2px solid var(--brand); outline-offset:-4px; }.ba-panel-top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }.ba-stage-panel h4 { margin:24px 0 24px; font-size:32px; line-height:1.2; }.ba-stage-panel > p { font-size:14px; }.ba-work-views { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:24px; margin-top:24px; border-top:1px solid var(--line); }.ba-work-views .ba-label { font-size:12px; }.ba-work-views h5 { font-size:16px; font-weight:500; color:#4128cc; margin:16px 0 16px; line-height:1.4; }.ba-work-views p { margin:0; font-size:12px; }.ba-case-record { border:1px solid var(--line); border-radius:8px; padding:16px; margin-top:32px; background:#f8fafa; }.ba-case-record p { font-size:12px; margin:16px 0 0; line-height:1.9; overflow-wrap:anywhere; }.ba-next { margin-top:24px; }.ba-next p { font-size:12px; margin:8px 0 0; }.ba-walk-footer { display:flex; justify-content:space-between; gap:32px; align-items:center; padding:16px 32px; background:#f8fafa; border-top:1px solid var(--line); }.ba-walk-footer > p { font-size:12px; line-height:1.8; color:#626a70; max-width:570px; margin:0; }.ba-walk-footer > div { display:flex; align-items:center; gap:24px; white-space:nowrap; }.ba-walk-footer button { border:0; padding:6px 0; background:none; color:var(--brand); font-size:12px; }.ba-walk-footer button:disabled { color:#bdc3c6; cursor:default; }.ba-walk-footer > div > span { font-size:12px; color:#626a70; }.ba-case-takeaway { display:grid; grid-template-columns:1fr 1.5fr; gap:40px; margin-top:24px; }.ba-case-takeaway strong { font-weight:500; font-size:14px; }.ba-case-takeaway p { font-size:12px; margin:0; }
.ba-work-modes { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:12px; overflow:hidden; }.ba-work-modes > div { padding:24px; border-right:1px solid var(--line); }.ba-work-modes > div:last-child { border:0; }.ba-work-modes h3 { font-size:20px; margin:16px 0; line-height:1.3; }.ba-work-modes p { font-size:12px; margin:0; }.ba-governance,.ba-lifecycle { margin-top:56px; padding-top:48px; border-top:1px solid var(--line); }.ba-subheading { margin-bottom:32px; }.ba-subheading h3 { font-size:32px; line-height:1.25; margin:16px 0; }.ba-subheading > p { font-size:14px; max-width:850px; margin:0; }
.ba-governance-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.ba-governance-grid article { border:1px solid var(--line); border-radius:10px; padding:24px; background:#f8fafa; }.ba-number { width:35px; height:35px; display:inline-flex; align-items:center; justify-content:center; background:#f2f1ff; border:1px solid #e1ddff; border-radius:8px; font-size:12px; color:#4128cc; }.ba-governance-grid h4 { font-size:20px; margin:16px 0 16px; line-height:1.3; }.ba-governance-grid p { font-size:14px; margin:0; }.ba-durability { margin-top:24px; padding:24px 32px; border:1px solid #e1ddff; border-radius:10px; background:#f2f1ff; display:grid; grid-template-columns:120px 1fr auto; align-items:start; gap:32px; }.ba-durability > .ba-label { padding-top:5px; }.ba-durability strong { font-size:16px; font-weight:500; color:#4128cc; }.ba-durability p { font-size:12px; margin:8px 0 0; }.ba-durability a { font-size:12px; margin-top:5px; }
.ba-release-flow { display:grid; grid-template-columns:repeat(5,1fr); list-style:none; padding:0; margin:32px 0 0; border:1px solid var(--line); border-radius:10px; overflow:hidden; }.ba-release-flow li { padding:24px; border-right:1px solid var(--line); }.ba-release-flow li:last-child { border:0; }.ba-release-flow span { font-size:12px; color:#626a70; }.ba-release-flow h4 { font-size:20px; margin:16px 0; }.ba-release-flow p { font-size:12px; margin:0; }.ba-maintenance { display:grid; grid-template-columns:1fr 1fr; gap:48px; padding-top:32px; }.ba-maintenance h4 { font-size:20px; margin:0 0 16px; }.ba-maintenance p { font-size:12px; margin:0; }
.ba-opportunities { display:grid; grid-template-columns:1fr 1fr; gap:24px 40px; border-block:1px solid var(--line); padding:32px 0; }.ba-opportunities h3 { font-size:20px; margin:0 0 16px; }.ba-opportunities p { font-size:14px; margin:0; }.ba-pilot { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; list-style:none; padding:0; margin:40px 0 0; }.ba-pilot h3 { font-size:20px; line-height:1.3; margin:24px 0 16px; }.ba-pilot p { font-size:12px; margin:0; }
.ba-expand { display:grid; grid-template-columns:1fr 1.1fr; gap:56px; border-top:1px solid var(--line); margin-top:48px; padding-top:40px; }.ba-expand h3 { font-size:32px; margin:16px 0; }.ba-expand p { font-size:14px; margin:0; }.ba-expand dl { margin:0; }.ba-expand dl > div { display:grid; grid-template-columns:125px 1fr; gap:24px; border-bottom:1px solid var(--line); padding:16px 0; }.ba-expand dl > div:first-child { padding-top:0; }.ba-expand dl > div:last-child { padding-bottom:0; border:0; }.ba-expand dt { font-size:12px; color:#4128cc; font-weight:500; }.ba-expand dd { font-size:12px; margin:0; line-height:1.85; }.ba-two-ways { border:1px solid var(--line); border-radius:10px; padding:24px 32px; background:white; margin-top:32px; display:grid; grid-template-columns:1.6fr 1fr; gap:32px; align-items:center; }.ba-two-ways strong { font-size:14px; font-weight:500; color:#4128cc; }.ba-two-ways p { font-size:12px; margin:16px 0 0; }.ba-two-ways a { font-size:12px; }
.ba-closing { padding:80px 0 64px; border-top:1px solid var(--line); background:radial-gradient(ellipse at 50% 80%,#e1ddff,transparent 65%),#f8fafa; }.ba-closing h2 { font-size:clamp(2rem,3.1vw,3rem); line-height:1.2; }.ba-closing p { max-width:650px; margin:0 auto 32px; font-size:16px; line-height:1.8; }.ba-closing .ba-download { font-size:12px; margin-top:24px; margin-bottom:0; }
@media(max-width:1199px) {
 .ba-hero h1 { font-size:3rem; }.ba-cover-body { padding:24px; }.ba-cover-title { flex-wrap:wrap; gap:16px; }.ba-cover-title h2 { font-size:24px; }.ba-cover-rows > div { gap:16px; padding:16px 16px; }.ba-cover-rows > div:nth-child(2) { padding-left:16px; }.ba-cover-footer { padding-inline:16px; gap:8px; font-size:12px; }.ba-builder { padding:32px; gap:32px; }.ba-work-modes > div { padding:24px; }.ba-durability { grid-template-columns:110px 1fr; }.ba-durability a { grid-column:2; margin-top:-8px; }.ba-release-flow li { padding:24px; }.ba-expand { gap:32px; }.ba-walk-layout { grid-template-columns:260px 1fr; }.ba-stage { gap:16px; padding:16px 16px; }
}
@media(max-width:991px) {
 :root { --ba-nav-height:69px; }.ba-breadcrumb { margin-bottom:32px; }.ba-hero h1 { font-size:3.5rem; }.ba-hero-lead,.ba-hero-support { max-width:100%; }.ba-cover { max-width:620px; margin:auto; }.ba-cover-title { flex-wrap:nowrap; }.ba-cover-footer { font-size:12px; }.ba-confidence { margin-top:40px; justify-content:flex-start; font-size:12px; }.ba-nav-links { display:none; }.ba-nav-mobile { display:flex; align-items:center; gap:16px; padding:16px 0; }.ba-nav-mobile label { flex:0 0 84px; font-size:12px; color:#626a70; }.ba-nav-mobile select { font-size:12px; border-color:var(--line); padding-block:8px; }.ba-section { padding:64px 0; }.ba-outcomes { grid-template-columns:1fr 1fr; }.ba-builder { grid-template-columns:1fr; gap:24px; }.ba-builder-intro h3 br { display:none; }.ba-builder-intro h3 { max-width:450px; }.ba-collaboration { grid-template-columns:1fr 1.4fr; gap:24px; }.ba-stages { display:none; }.ba-walk-layout { grid-template-columns:1fr; }.ba-stage-mobile { display:flex; align-items:center; gap:24px; padding:16px 32px; border-bottom:1px solid var(--line); background:#f8fafa; }.ba-stage-mobile label { font-size:12px; flex:0 0 110px; color:#4128cc; }.ba-stage-mobile select { font-size:12px; border-color:#e1ddff; padding-block:8px; }.ba-stage-panel { min-height:540px; }.ba-walk-footer { flex-direction:column; gap:16px; align-items:stretch; }.ba-walk-footer > p { max-width:100%; }.ba-walk-footer > div { justify-content:space-between; }.ba-work-modes { grid-template-columns:1fr 1fr; }.ba-work-modes > div:nth-child(2) { border-right:0; }.ba-work-modes > div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.ba-release-flow { grid-template-columns:repeat(3,1fr); }.ba-release-flow li:nth-child(3) { border-right:0; }.ba-release-flow li:nth-child(-n+3) { border-bottom:1px solid var(--line); }.ba-pilot { grid-template-columns:1fr 1fr; }.ba-expand { grid-template-columns:1fr; gap:32px; }.navbar-collapse.show { max-height:calc(100svh - 90px); overflow-y:auto; }
}
@media(max-width:767px) {
 .ba-hero { padding-top:24px; }.ba-breadcrumb { margin-bottom:24px; font-size:12px; gap:8px 8px; }.ba-hero .eyebrow { font-size:12px; letter-spacing:.45px; }.ba-hero h1 { font-size:2.5rem; margin-top:16px; }.ba-hero-lead { font-size:16px; }.ba-hero-support { font-size:14px; }.ba-cover-body { padding:24px 16px; }.ba-cover-title { flex-wrap:wrap; gap:16px; }.ba-cover-title h2 { font-size:24px; }.ba-cover figcaption { padding-inline:16px; font-size:12px; }.ba-cover-rows > div { gap:8px; padding:16px 16px; }.ba-cover-rows > div:nth-child(2) { padding-left:16px; }.ba-cover-rows strong { font-size:12px; }.ba-cover-rows p { font-size:12px; }.ba-cover-footer { padding:16px 16px; font-size:12px; gap:16px; }.ba-confidence { display:grid; grid-template-columns:1fr 1fr; gap:16px 16px; font-size:12px; padding-block:24px; margin-top:32px; }.ba-section { padding:56px 0; }.ba-section h2 { font-size:2rem; }.ba-section .ba-intro { font-size:16px; }.ba-heading { margin-bottom:32px; }.ba-outcomes { gap:24px 24px; }.ba-outcomes h3 { font-size:16px; }.ba-builder { margin-top:32px; padding:24px 24px; }.ba-builder-intro h3 { font-size:24px; }.ba-role-views > div { padding:16px; }.ba-role-views strong { font-size:14px; }.ba-collaboration { grid-template-columns:1fr; gap:16px; }.ba-walk-head { padding:24px 16px; flex-wrap:wrap; gap:16px; }.ba-walk-head h3 { font-size:24px; }.ba-scenario { grid-template-columns:1fr; gap:16px; padding:16px; }.ba-scenario select { font-size:12px; }.ba-scenario p { font-size:12px; }.ba-stage-mobile { padding:16px 16px; gap:16px; flex-direction:column; align-items:stretch; }.ba-stage-mobile label { flex:initial; }.ba-stage-mobile select { font-size:12px; }.ba-stage-panel { padding:24px 16px; min-height:0; }.ba-stage-panel h4 { font-size:24px; margin:24px 0 16px; }.ba-stage-panel > p { font-size:14px; }.ba-work-views { grid-template-columns:1fr; gap:24px; margin-top:24px; padding-top:24px; }.ba-work-views h5 { font-size:16px; margin:16px 0 8px; }.ba-work-views p { font-size:12px; }.ba-case-record { padding:16px; }.ba-case-record p { font-size:12px; }.ba-walk-footer { padding:16px 16px; }.ba-case-takeaway { grid-template-columns:1fr; gap:16px; }.ba-work-modes > div { padding:24px 24px; }.ba-work-modes h3 { font-size:20px; }.ba-governance,.ba-lifecycle { margin-top:40px; padding-top:32px; }.ba-subheading h3 { font-size:24px; }.ba-subheading p { font-size:14px; }.ba-governance-grid { grid-template-columns:1fr; gap:16px; }.ba-governance-grid article { padding:24px; }.ba-governance-grid h4 { font-size:20px; }.ba-durability { grid-template-columns:1fr; padding:24px; gap:16px; }.ba-durability a { grid-column:1; margin-top:0; }.ba-release-flow { grid-template-columns:1fr; }.ba-release-flow li { display:grid; grid-template-columns:25px 1fr; gap:0 16px; border-right:0; border-bottom:1px solid var(--line); padding:24px; }.ba-release-flow span { padding-top:6px; }.ba-release-flow h4 { margin:0 0 8px; font-size:20px; }.ba-release-flow p { grid-column:2; }.ba-maintenance { grid-template-columns:1fr; gap:24px; }.ba-opportunities { grid-template-columns:1fr; gap:24px; }.ba-pilot { gap:32px 24px; }.ba-pilot h3 { font-size:16px; }.ba-expand h3 { font-size:24px; }.ba-expand dl > div { grid-template-columns:105px 1fr; gap:16px; }.ba-two-ways { grid-template-columns:1fr; gap:24px; padding:24px; }.ba-closing { padding:56px 0; }.ba-closing .eyebrow { font-size:12px; }.ba-closing h2 { font-size:2rem; }.ba-closing p { font-size:14px; }.ba-nav-mobile label { flex-basis:78px; }
}
@media(max-width:399px) { .ba-outcomes,.ba-work-modes,.ba-pilot { grid-template-columns:1fr; }.ba-work-modes > div { border-right:0; border-bottom:1px solid var(--line); }.ba-hero h1 { font-size:2.5rem; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }
@media print { .site-header,.ba-nav,.site-footer,.ba-download,.ba-scenario,.ba-stage-mobile,.ba-walk-footer { display:none !important; }.ba-section,.ba-hero,.ba-closing { padding:24px 0; }.accordion-collapse { display:block !important; }.ba-governance-grid article { break-inside:avoid; } }

/* Founder-approved composite application and participant framing, 2026-10-22. */
.ba-composite,.ba-repeatability { margin-top:48px; padding-top:40px; border-top:1px solid var(--line); }
#composite-application,#process-participants,#repeatable-process { scroll-margin-top:calc(var(--header-height) + var(--ba-nav-height) + 22px); }
.ba-system-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ba-system-grid article { border:1px solid var(--line); border-radius:10px; padding:24px 24px; background:#f8fafa; }
.ba-system-grid h4,.ba-repeat-grid h4 { font-size:20px; line-height:1.35; margin:16px 0 16px; }
.ba-system-grid p,.ba-repeat-grid p { font-size:12px; margin:0; }
.ba-application-core { padding:24px 32px; margin-top:16px; background:#f2f1ff; border:1px solid #e1ddff; border-radius:10px; }
.ba-application-core strong { display:block; font-size:16px; line-height:1.8; font-weight:500; color:#1f1266; margin:16px 0; }
.ba-application-core p { font-size:12px; margin:0; }
.ba-participants { display:block; }
.ba-participants .ba-builder-intro h3 { max-width:none; }
.ba-participants .ba-builder-intro p { max-width:850px; }
.ba-participants .ba-role-views { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:32px; }
.ba-participants .ba-role-views > div { padding:24px 16px; border-bottom:0; border-right:1px solid var(--line); }
.ba-participants .ba-role-views > div:last-child { border:0; }
.ba-participant-link { display:inline-block; margin-top:24px; font-size:12px; }
.ba-repeat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ba-repeatability { margin-bottom:32px; }
@media(max-width:991px) {
 .ba-system-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ba-participants .ba-role-views { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .ba-participants .ba-role-views > div:nth-child(-n+3) { border-bottom:1px solid var(--line); }
 .ba-participants .ba-role-views > div:nth-child(3) { border-right:0; }
}
@media(max-width:767px) {
 .ba-composite,.ba-repeatability { margin-top:32px; padding-top:32px; }
 .ba-system-grid,.ba-repeat-grid { grid-template-columns:1fr; gap:16px; }
 .ba-system-grid article { padding:24px; }
 .ba-application-core { padding:24px; }
 .ba-participants .ba-role-views { grid-template-columns:1fr; }
 .ba-participants .ba-role-views > div { border-right:0; border-bottom:1px solid var(--line); padding:24px; }
 .ba-repeat-grid article { border-bottom:1px solid var(--line); padding-bottom:24px; }
 .ba-repeat-grid article:last-child { border:0; padding-bottom:0; }
}