/* v7: three equally weighted deployment modes, each shown as a topology. */
            .editorial-key { display: flex; align-items: baseline; gap: 16px; margin: 22px 0 0; padding: 11px 14px; border: 1px solid rgba(173,126,37,.32); border-radius: 6px; background: #FFF9EA; color: #6B5327; font-size: 11px; line-height: 1.5; }
            .editorial-key strong { flex: none; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
            .editorial-review { position: relative; outline: 1px dashed rgba(173,126,37,.55); outline-offset: 7px; }
            .editorial-review::after { content: attr(data-review); position: absolute; z-index: 8; top: -27px; right: 0; padding: 4px 8px; border-radius: 999px; background: #F3D996; color: #5F481D; font-size: 9px; font-weight: 700; line-height: 1.3; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
            mark.editorial-inline { padding: .05em .18em; border-radius: 3px; background: #FBE8A9; color: inherit; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
            mark.editorial-inline::after { content: "  · " attr(data-review); color: #70551E; font-size: 9px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
            .deployment-options { padding-top: 58px; }
            .deployment-options .section-heading { margin-bottom: 30px; }
            .mode-grid {
                counter-reset: deployment-mode;
                gap: 14px;
            }
            .mode-grid article {
                counter-increment: deployment-mode;
                min-width: 0;
                padding: 25px 25px 29px;
                border: 1px solid var(--rule);
                border-radius: 8px;
                background: #F8FAF6;
            }
            .mode-grid article::before {
                content: "0" counter(deployment-mode);
                display: block;
                margin-bottom: 20px;
                color: #577247;
                font-size: 9px;
                font-weight: 600;
                letter-spacing: .1em;
            }
            .mode-visual {
                display: grid;
                grid-template-rows: auto 42px auto;
                justify-items: center;
                min-height: 132px;
                margin: 0 0 27px;
                padding: 20px 18px 18px;
                border: 1px solid rgba(111,168,76,.17);
                border-radius: 6px;
                background: var(--paper);
            }
            .mode-platform,
            .mode-target {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 31px;
                padding: 7px 12px;
                border: 1px solid #D6DFD0;
                border-radius: 5px;
                color: var(--ink);
                font-size: 10px;
                font-weight: 600;
                letter-spacing: .06em;
                text-align: center;
                text-transform: uppercase;
            }
            .mode-platform { background: #EDF3E5; border-color: #BFD1B2; }
            .mode-target { width: min(100%,210px); background: #F7F9F3; }
            .mode-connector {
                position: relative;
                display: block;
                width: 1px;
                height: 42px;
                background: #88A978;
            }
            .mode-connector::after {
                content: "";
                position: absolute;
                bottom: -1px;
                left: 50%;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #88A978;
                transform: translate(-50%,50%);
            }
            .mode-grid h3 { min-height: 2.2em; margin-bottom: 17px; font-size: 28px; }
            .mode-grid p { font-size: 14px; line-height: 1.7; }
            .mode-grid p + p { margin-top: 10px; }
            @media (max-width: 900px) {
                .mode-grid { grid-template-columns: 1fr; }
                .mode-grid article { display: grid; grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr); gap: 0 30px; align-items: start; }
                .mode-grid article::before { grid-column: 1 / -1; }
                .mode-visual { grid-row: span 3; margin: 0; }
                .mode-grid h3 { min-height: 0; }
            }
            @media (max-width: 620px) {
                .editorial-key { align-items: flex-start; flex-direction: column; gap: 3px; }
                .editorial-review::after { right: 4px; font-size: 8px; }
                .mode-grid article { display: block; }
                .mode-visual { margin-bottom: 25px; }
            }

.site-header{gap:20px}.primary-nav{gap:18px;font-size:10px;letter-spacing:.1em}
.mobile-menu[open]>nav{max-height:calc(100dvh - 95px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1199px){.site-header .primary-nav{display:none}.site-header .mobile-menu{display:block}}
@media(min-width:1200px){.site-header .primary-nav{display:flex}.site-header .mobile-menu{display:none}}