/* Selcuk Universitesi Ag Erisimi - ortak stil dosyasi */

/* ===== HOME ===== */
body.page-home {
            --selcuk-yellow: #ffc90d;
            --selcuk-yellow-hover: #f0b800;
            --selcuk-blue: #1c458b;
            --selcuk-blue-hover: #0d2d5e;
            --selcuk-dark-blue: #0a1628;
            --text: #1f2937;
            --muted: #5f6b7a;
            --line: #e4eaf3;
            --page: #f5f7fb;
            --card: #ffffff;
            --shadow: 0 12px 28px rgba(16, 36, 70, 0.07);
            --radius-lg: 18px;
            --radius-md: 12px;
            --container: min(1120px, calc(100vw - 32px));
        }

        body.page-home * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body.page-home {
            margin: 0;
            font-family: "Montserrat", sans-serif;
            color: var(--text);
            background: var(--page);
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            overflow-x: hidden;
            padding-bottom: env(safe-area-inset-bottom);
        }

        body.page-home.modal-open {
            overflow: hidden;
        }

        body.page-home a {
            color: inherit;
            text-decoration: none;
        }

        body.page-home a[href]:not(.button):not(.button-secondary):not(.device-card):not(.brand):not(.link-card) {
            color: var(--selcuk-blue);
            text-decoration: underline;
            text-decoration-thickness: 1.5px;
            text-underline-offset: 3px;
        }

        body.page-home a:focus-visible {
            outline: 3px solid rgba(255, 201, 13, 0.55);
            outline-offset: 3px;
        }

        body.page-home img {
            display: block;
            max-width: 100%;
        }

        body.page-home .container {
            width: var(--container);
            margin: 0 auto;
        }

        body.page-home .site-header {
            position: sticky;
            top: 0;
            z-index: 20;
            background: rgba(255, 255, 255, 0.96);
            border-top: 3px solid var(--selcuk-yellow);
            border-bottom: 1px solid var(--line);
            backdrop-filter: blur(12px);
        }

        body.page-home .header-inner {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 1rem;
            min-height: 80px;
        }

        body.page-home .brand {
            display: inline-flex;
            align-items: center;
            gap: 1rem;
            min-width: 0;
        }

        body.page-home .brand img {
            width: 170px;
            height: auto;
        }

        body.page-home .brand-copy {
            min-width: 0;
        }

        body.page-home .brand-copy span {
            display: block;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--selcuk-blue);
        }

        body.page-home .brand-copy strong {
            display: block;
            margin-top: 0.2rem;
            font-size: 0.96rem;
            font-weight: 700;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .brand-copy small {
            display: block;
            margin-top: 0.18rem;
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .button, body.page-home .button-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 42px;
            padding: 0.74rem 1rem;
            border-radius: 999px;
            font-size: 0.89rem;
            font-weight: 700;
            transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
        }

        body.page-home .button {
            background: var(--selcuk-blue);
            color: #fff;
        }

        body.page-home .button:hover, body.page-home .button:focus-visible {
            background: var(--selcuk-blue-hover);
            transform: translateY(-1px);
        }

        body.page-home .button-secondary {
            background: #fff;
            color: var(--selcuk-blue);
            border: 1px solid #d7e2f1;
        }

        body.page-home .button-secondary:hover, body.page-home .button-secondary:focus-visible {
            border-color: #bfd0e9;
            background: #f8fbff;
            transform: translateY(-1px);
        }

        body.page-home .hero {
            padding: 32px 0 18px;
        }

        body.page-home .hero-panel {
            display: grid;
            grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
            gap: 18px;
            padding: 26px;
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 22px;
            box-shadow: var(--shadow);
        }

        body.page-home .eyebrow {
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            padding: 0.32rem 0.68rem;
            border-radius: 999px;
            background: #fff8db;
            color: #7f5b00;
            font-size: 0.75rem;
            font-weight: 700;
        }

        body.page-home .hero-copy h1 {
            margin: 14px 0 0;
            max-width: 15.2ch;
            font-size: clamp(1.68rem, 3vw, 2.45rem);
            line-height: 1.08;
            text-wrap: balance;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .hero-copy p {
            max-width: 62ch;
            margin: 14px 0 0;
            color: var(--muted);
            line-height: 1.7;
            font-size: 0.96rem;
        }

        body.page-home .hero-actions {
            display: flex;
            gap: 0.75rem;
            flex-wrap: wrap;
            margin-top: 20px;
        }

        body.page-home .hero-notes {
            display: grid;
            gap: 10px;
        }

        body.page-home .mini-card, body.page-home .section-card, body.page-home .device-card, body.page-home .policy-card {
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow);
        }

        body.page-home .mini-card {
            padding: 16px;
        }

        body.page-home .mini-card .label {
            display: block;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--selcuk-blue);
        }

        body.page-home .mini-card strong {
            display: block;
            margin-top: 8px;
            font-size: 0.96rem;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .mini-card p {
            margin: 8px 0 0;
            color: var(--muted);
            line-height: 1.58;
            font-size: 0.9rem;
        }

        body.page-home .credential-mini-card {
            display: grid;
            gap: 8px;
            padding: 16px 18px;
        }

        body.page-home .mini-card.credential-mini-card .credential-mini-title {
            display: block;
            margin: 0;
            font-size: 0.98rem;
            font-weight: 700;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .credential-mini-rows {
            display: grid;
            gap: 0;
        }

        body.page-home .credential-mini-row {
            display: grid;
            grid-template-columns: 76px minmax(0, 1fr);
            gap: 8px;
            align-items: center;
            padding: 10px 0;
            min-width: 0;
            overflow-x: auto;
            overflow-y: hidden;
            scrollbar-width: none;
        }

        body.page-home .credential-mini-row::-webkit-scrollbar {
            display: none;
        }

        body.page-home .credential-mini-row + .credential-mini-row {
            border-top: 1px solid #e8eef7;
        }

        body.page-home .mini-card.credential-mini-card .credential-mini-label {
            color: var(--muted);
            font-size: 0.74rem;
            font-weight: 700;
            white-space: nowrap;
        }

        body.page-home .mini-card.credential-mini-card .credential-mini-value {
            display: block;
            margin: 0;
            min-width: 0;
            font-size: 0.88rem;
            font-weight: 700;
            line-height: 1.34;
            letter-spacing: -0.01em;
            color: var(--selcuk-dark-blue);
            white-space: nowrap;
            overflow-wrap: normal;
            word-break: normal;
        }

        body.page-home .section {
            padding: 12px 0;
        }

        body.page-home .section.compact {
            padding-top: 6px;
        }

        body.page-home .section-heading {
            max-width: 760px;
            margin-bottom: 14px;
        }

        body.page-home .section-heading span {
            display: inline-block;
            font-size: 0.74rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--selcuk-blue);
        }

        body.page-home .section-heading h2 {
            margin: 8px 0 0;
            font-size: clamp(1.12rem, 1.9vw, 1.58rem);
            line-height: 1.2;
            text-wrap: balance;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .section-heading p {
            margin: 10px 0 0;
            color: var(--muted);
            line-height: 1.66;
            font-size: 0.94rem;
        }

        body.page-home .device-section {
            padding-top: 10px;
        }

        body.page-home .facts-grid, body.page-home .compare-grid, body.page-home .link-grid, body.page-home .device-grid {
            display: grid;
            gap: 14px;
        }

        body.page-home .facts-grid > *, body.page-home .compare-grid > *, body.page-home .link-grid > *, body.page-home .device-grid > * {
            min-width: 0;
        }

        body.page-home .facts-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        body.page-home .compare-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        body.page-home .link-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        body.page-home .section-card {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
            padding: 18px;
        }

        body.page-home .compare-card-wide {
            grid-column: 1 / -1;
        }

        body.page-home .link-card {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
            padding: 18px 20px;
        }

        body.page-home .link-card h3 {
            margin: 0;
            font-size: 0.96rem;
            line-height: 1.32;
            letter-spacing: -0.01em;
            text-wrap: balance;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .link-card p {
            margin: 0;
            color: var(--muted);
            line-height: 1.62;
            font-size: 0.9rem;
        }

        body.page-home .link-card .link-cta {
            display: inline-flex;
            margin-top: auto;
            color: var(--selcuk-blue);
            font-size: 0.86rem;
            font-weight: 700;
            text-decoration: none;
        }

        body.page-home .linux-choice-card {
            gap: 14px;
            padding: 20px;
            transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
        }

        body.page-home .linux-choice-card:hover, body.page-home .linux-choice-card:focus-visible {
            transform: translateY(-2px);
            border-color: #bfd0e9;
            box-shadow: 0 16px 34px rgba(16, 36, 70, 0.11);
        }

        body.page-home .linux-choice-logo {
            width: 72px;
            height: 72px;
            border-radius: 18px;
            margin-bottom: 2px;
        }

        body.page-home .linux-choice-card p {
            max-width: none;
        }

        body.page-home.page-linux {
            min-height: 100vh;
        }

        body.page-home.page-linux .site-header {
            position: static;
        }

        body.page-home.page-linux .header-inner {
            min-height: 98px;
        }

        body.page-home.page-linux .brand {
            gap: 18px;
        }

        body.page-home.page-linux .brand img {
            width: 72px;
            flex: 0 0 auto;
        }

        body.page-home.page-linux .brand-copy span {
            font-size: 0.78rem;
        }

        body.page-home.page-linux .brand-copy strong {
            font-size: 0.92rem;
        }

        body.page-home.page-linux .brand-copy small {
            font-size: 0.76rem;
        }

        body.page-home .linux-selection-screen {
            min-height: calc(100vh - 101px);
            display: flex;
            align-items: center;
            padding: 32px 0;
        }

        body.page-home .linux-selection-grid {
            max-width: 980px;
            margin: 0 auto;
        }

        body.page-home .linux-only-card {
            align-items: center;
            justify-content: center;
            min-height: 260px;
            text-align: center;
        }

        body.page-home .linux-only-card h3 {
            font-size: 1.08rem;
        }

        body.page-home .linux-only-card .link-cta {
            margin-top: 4px;
        }

        body.page-home .section-card h3 {
            margin: 0;
            font-size: 1rem;
            line-height: 1.3;
            letter-spacing: -0.01em;
            text-wrap: balance;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .section-card p, body.page-home .section-card li, body.page-home .policy-card p {
            color: var(--muted);
            line-height: 1.62;
            font-size: 0.92rem;
        }

        body.page-home .section-card p {
            margin: 0;
        }

        body.page-home .section-card ul {
            margin: 0 0 0 18px;
            padding-left: 16px;
        }

        body.page-home .section-card li + li {
            margin-top: 6px;
        }

        body.page-home .tag {
            display: inline-flex;
            align-items: center;
            min-height: 26px;
            padding: 0.26rem 0.58rem;
            border-radius: 999px;
            font-size: 0.71rem;
            font-weight: 700;
            line-height: 1.1;
        }

        body.page-home .tag-blue {
            background: #eef4ff;
            color: var(--selcuk-blue);
        }

        body.page-home .tag-yellow {
            background: #fff8db;
            color: #7f5b00;
        }

        body.page-home .device-grid {
            grid-template-columns: repeat(5, minmax(0, 1fr));
            align-items: stretch;
            grid-auto-rows: 1fr;
        }

        body.page-home .device-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
            position: relative;
            padding: 16px;
            padding-top: 50px;
            min-height: 190px;
            text-align: center;
            transition: transform 160ms ease, border-color 160ms ease;
        }

        body.page-home .device-card:hover, body.page-home .device-card:focus-visible {
            transform: translateY(-2px);
            border-color: #bfd0e9;
        }

        body.page-home .device-card.is-detected {
            border-color: rgba(28, 69, 139, 0.4);
            background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
            box-shadow: 0 16px 34px rgba(16, 36, 70, 0.11);
        }

        body.page-home .device-card.is-detected::after {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            box-shadow: inset 0 0 0 1px rgba(28, 69, 139, 0.12);
            pointer-events: none;
        }

        body.page-home .device-logo {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 68px;
            height: 68px;
            border-radius: 16px;
            background: #f8fbff;
            border: 1px solid #e3ebf7;
            overflow: hidden;
        }

        body.page-home .device-logo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 9px;
        }

        body.page-home .device-card.is-detected .device-logo {
            background: #eef4ff;
            border-color: #bfd0e9;
        }

        body.page-home .device-card strong {
            display: block;
            font-size: 0.96rem;
            line-height: 1.28;
            letter-spacing: -0.01em;
            text-wrap: balance;
            color: var(--selcuk-dark-blue);
            width: 100%;
        }

        body.page-home .auto-badge {
            display: none;
            position: absolute;
            top: 14px;
            right: 14px;
            align-items: center;
            justify-content: center;
            min-height: 28px;
            padding: 0.3rem 0.62rem;
            border-radius: 999px;
            background: var(--selcuk-blue);
            color: #fff;
            font-size: 0.72rem;
            font-weight: 700;
            line-height: 1;
            box-shadow: 0 8px 18px rgba(28, 69, 139, 0.18);
            white-space: nowrap;
        }

        body.page-home .device-card.is-detected .auto-badge {
            display: inline-flex;
        }

        body.page-home .device-card .device-cta {
            display: inline-block;
            margin-top: auto;
            width: 100%;
            color: var(--selcuk-blue);
            font-size: 0.84rem;
            font-weight: 700;
            text-align: center;
        }

        body.page-home .device-card[href="linux.html"] .device-cta {
            font-size: 0;
        }

        body.page-home .device-card[href="linux.html"] .device-cta::after {
            content: "Dagitim secimine git";
            font-size: 0.84rem;
        }

        body.page-home .policy-card {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 14px;
            align-items: center;
            padding: 18px;
        }

        body.page-home .policy-card h2 {
            margin: 0;
            font-size: 1.15rem;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .policy-actions {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        body.page-home .policy-modal-overlay {
            position: fixed;
            inset: 0;
            z-index: 60;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 18px;
            background: rgba(10, 22, 40, 0.46);
            backdrop-filter: blur(8px);
        }

        body.page-home .policy-modal-overlay.is-visible {
            display: flex;
        }

        body.page-home .policy-modal {
            position: relative;
            width: min(600px, calc(100vw - 36px));
            height: auto;
            max-height: calc(100vh - 36px);
            padding: 18px;
            border-radius: 20px;
            border: 1px solid var(--line);
            background: #fff;
            box-shadow: 0 18px 40px rgba(10, 22, 40, 0.14);
            display: grid;
            grid-template-rows: auto 1fr;
            gap: 12px;
            overflow: hidden;
        }

        body.page-home .policy-modal-head {
            display: grid;
            gap: 6px;
            padding-right: 42px;
            padding: 0;
            border: 0;
            background: transparent;
            box-shadow: none;
        }

        body.page-home .policy-modal-head .tag {
            width: fit-content;
            padding-inline: 0.8rem;
            background: #f3f6fb;
            color: var(--selcuk-blue);
            box-shadow: none;
        }

        body.page-home .policy-modal-head h2 {
            margin: 0;
            font-size: clamp(1.12rem, 2vw, 1.34rem);
            line-height: 1.22;
            color: var(--selcuk-dark-blue);
            letter-spacing: -0.01em;
        }

        body.page-home .policy-modal-head p {
            margin: 0;
            max-width: 54ch;
            color: var(--muted);
            font-size: 0.88rem;
            line-height: 1.56;
        }

        body.page-home .policy-modal-content {
            overflow: auto;
            padding-right: 2px;
            scrollbar-width: thin;
            scrollbar-color: #c6d7f0 transparent;
        }

        body.page-home .policy-notice-list {
            display: grid;
            gap: 8px;
        }

        body.page-home .policy-notice {
            display: grid;
            gap: 4px;
            padding: 12px 14px;
            border: 1px solid #dde6f1;
            border-radius: 14px;
            background: #fff;
            box-shadow: none;
        }

        body.page-home .policy-notice h3 {
            margin: 0;
            font-size: 0.96rem;
            line-height: 1.28;
            color: var(--selcuk-dark-blue);
        }

        body.page-home .policy-notice-kicker {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            min-height: auto;
            padding: 0;
            border-radius: 0;
            background: transparent;
            color: var(--selcuk-blue);
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        body.page-home .policy-modal-content p {
            margin: 0;
            color: var(--muted);
            line-height: 1.6;
            font-size: 0.92rem;
        }

        body.page-home .policy-modal-content strong {
            color: var(--selcuk-dark-blue);
        }

        body.page-home .policy-modal-actions {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        body.page-home .policy-modal-actions .policy-modal-ack {
            grid-column: 1 / -1;
        }

        body.page-home .policy-modal-close {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 38px;
            height: 38px;
            border: 1px solid #d7e2f1;
            border-radius: 50%;
            background: #fff;
            color: var(--selcuk-blue);
            font-size: 1.15rem;
            font-weight: 700;
            cursor: pointer;
            transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
        }

        body.page-home .policy-modal-close:hover, body.page-home .policy-modal-close:focus-visible {
            background: #f8fbff;
            border-color: #bfd0e9;
            transform: translateY(-1px);
        }

        body.page-home .site-footer {
            padding: 18px 0 30px;
        }

        body.page-home .footer-box {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 16px 18px;
            border-radius: var(--radius-md);
            background: #fff;
            border: 1px solid var(--line);
        }

        body.page-home .footer-box p {
            margin: 0;
            color: var(--text);
            line-height: 1.62;
            font-size: 0.88rem;
            font-weight: 700;
        }

        @media (max-width: 1080px) {
            body.page-home .header-inner, body.page-home .hero-panel, body.page-home .policy-card {
                grid-template-columns: 1fr;
            }

            body.page-home .hero-notes {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            body.page-home .facts-grid, body.page-home .link-grid, body.page-home .device-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            body.page-home .device-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            body.page-home .compare-grid {
                grid-template-columns: 1fr;
            }

            body.page-home .footer-box, body.page-home .policy-actions {
                justify-content: flex-start;
            }
        }

        @media (max-width: 980px) {
            body.page-home .site-header {
                position: static;
            }

            body.page-home .header-inner {
                min-height: 76px;
                padding: 12px 0;
            }

            body.page-home .hero-panel {
                gap: 16px;
                padding: 20px;
            }

            body.page-home .hero-actions .button, body.page-home .hero-actions .button-secondary {
                flex: 1 1 220px;
            }
        }

        @media (max-width: 820px) {
            body.page-home .site-header {
                position: static;
            }

            body.page-home .header-inner {
                min-height: 78px;
                padding: 14px 0;
            }

            body.page-home .brand {
                align-items: flex-start;
            }

            body.page-home .brand img {
                width: 160px;
            }

            body.page-home .hero {
                padding: 22px 0 14px;
            }

            body.page-home .hero-panel {
                gap: 14px;
                padding: 18px;
                border-radius: 20px;
            }

            body.page-home .hero-copy h1 {
                max-width: none;
                font-size: clamp(1.52rem, 5.8vw, 2.02rem);
                line-height: 1.1;
            }

            body.page-home .hero-copy p {
                font-size: 0.94rem;
                line-height: 1.66;
            }

            body.page-home .hero-actions {
                gap: 10px;
                margin-top: 18px;
            }

            body.page-home .hero-notes {
                grid-template-columns: 1fr;
            }

            body.page-home .mini-card, body.page-home .section-card, body.page-home .link-card, body.page-home .policy-card, body.page-home .footer-box {
                padding: 16px;
            }

            body.page-home .compare-grid, body.page-home .facts-grid, body.page-home .link-grid, body.page-home .device-grid {
                grid-template-columns: 1fr;
            }

            body.page-home .device-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            body.page-home .button, body.page-home .button-secondary {
                width: 100%;
                min-height: 46px;
            }

            body.page-home .device-grid {
                gap: 12px;
            }

            body.page-home .linux-selection-screen {
                padding: 20px 0;
                min-height: auto;
            }

            body.page-home .linux-only-card {
                min-height: 220px;
            }

            body.page-home.page-linux .header-inner {
                min-height: 84px;
                padding: 10px 0;
            }

            body.page-home.page-linux .brand img {
                width: 58px;
            }

            body.page-home .device-card {
                min-height: 172px;
                padding: 14px;
                padding-top: 46px;
            }

            body.page-home .device-logo {
                width: 62px;
                height: 62px;
            }

            body.page-home .auto-badge {
                top: 12px;
                right: 12px;
                min-height: 26px;
                padding: 0.28rem 0.56rem;
                font-size: 0.68rem;
            }

            body.page-home .policy-modal {
                width: min(460px, calc(100vw - 28px));
                height: min(460px, calc(100vw - 28px));
                max-height: calc(100vh - 28px);
                padding: 18px;
                border-radius: 22px;
            }

            body.page-home .policy-modal-content p {
                font-size: 0.9rem;
                line-height: 1.66;
            }
        }

        @media (max-width: 540px) {
            body.page-home .container {
                width: min(1120px, calc(100vw - 24px));
            }

            body.page-home .header-inner {
                min-height: 72px;
                padding: 12px 0;
            }

            body.page-home .brand img {
                width: 138px;
            }

            body.page-home .brand-copy span {
                font-size: 0.68rem;
            }

            body.page-home .brand-copy strong {
                font-size: 0.92rem;
            }

            body.page-home .brand-copy small {
                font-size: 0.78rem;
            }

            body.page-home .eyebrow {
                min-height: 30px;
                font-size: 0.74rem;
            }

            body.page-home .hero-panel {
                padding: 14px;
                border-radius: 18px;
            }

            body.page-home .hero-copy h1 {
                font-size: clamp(1.34rem, 7vw, 1.74rem);
                line-height: 1.12;
            }

            body.page-home .hero-copy p, body.page-home .section-heading p, body.page-home .mini-card p, body.page-home .section-card p, body.page-home .section-card li, body.page-home .policy-card p {
                font-size: 0.9rem;
            }

            body.page-home .section {
                padding: 10px 0;
            }

            body.page-home .section-heading {
                margin-bottom: 12px;
            }

            body.page-home .section-heading h2 {
                font-size: clamp(1.04rem, 5.4vw, 1.34rem);
                line-height: 1.22;
            }

            body.page-home .policy-modal-overlay {
                padding: 12px;
            }

            body.page-home .policy-modal {
                width: min(420px, calc(100vw - 24px));
                height: auto;
                max-height: calc(100vh - 24px);
                padding: 16px;
                border-radius: 18px;
                gap: 10px;
            }

            body.page-home .policy-modal-head h2 {
                font-size: 1rem;
                line-height: 1.3;
            }

            body.page-home .policy-modal-head p {
                font-size: 0.84rem;
                line-height: 1.52;
            }

            body.page-home .policy-modal-content p {
                font-size: 0.86rem;
                line-height: 1.54;
            }

            body.page-home .policy-notice {
                padding: 11px 12px;
                gap: 5px;
            }

            body.page-home .policy-notice h3 {
                font-size: 0.88rem;
            }

            body.page-home .policy-notice-kicker {
                font-size: 0.64rem;
            }

            body.page-home .policy-modal-close {
                top: 12px;
                right: 12px;
                width: 34px;
                height: 34px;
                font-size: 1rem;
            }

            body.page-home .device-card {
                min-height: 158px;
                padding-top: 44px;
            }

            body.page-home .device-logo {
                width: 58px;
                height: 58px;
                border-radius: 14px;
            }

            body.page-home .device-card strong {
                font-size: 0.92rem;
            }

            body.page-home .device-card .device-cta {
                font-size: 0.82rem;
            }

            body.page-home .footer-box {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
        }

        @media (max-width: 380px) {
            body.page-home .container {
                width: min(1120px, calc(100vw - 20px));
            }

            body.page-home .brand img {
                width: 126px;
            }

            body.page-home .device-card {
                min-height: 152px;
            }

            body.page-home .auto-badge {
                font-size: 0.64rem;
                min-height: 24px;
            }
        }

        @media (max-width: 540px) {
            body.page-home .device-card {
                min-width: 0;
            }

            body.page-home .device-card strong, body.page-home .device-card .device-cta {
                overflow-wrap: anywhere;
            }

            body.page-home .policy-modal-content {
                overscroll-behavior: contain;
            }

            body.page-home .policy-modal-actions .button, body.page-home .policy-modal-actions .button-secondary {
                min-height: 46px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }

            body.page-home * {
                transition: none !important;
            }
        }

/* ===== WINDOWS ===== */
body.page-windows {
            --blue: #1c458b;
            --blue-dark: #0a1628;
            --yellow: #ffc90d;
            --text: #233147;
            --muted: #617084;
            --line: #dde6f1;
            --page: #f5f7fb;
            --card: #ffffff;
            --soft: #eef4ff;
            --shadow: 0 12px 28px rgba(12, 35, 72, 0.07);
            --container: min(1140px, calc(100vw - 32px));
        }

        body.page-windows * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body.page-windows {
            margin: 0;
            font-family: "Montserrat", sans-serif;
            color: var(--text);
            background: var(--page);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
            overflow-x: hidden;
            padding-bottom: env(safe-area-inset-bottom);
        }

        body.page-windows a {
            color: inherit;
            text-decoration: none;
        }

        body.page-windows button {
            font: inherit;
        }

        body.page-windows a:focus-visible, body.page-windows button:focus-visible {
            outline: 3px solid rgba(255, 201, 13, 0.55);
            outline-offset: 3px;
        }

        body.page-windows img {
            display: block;
            max-width: 100%;
        }

        body.page-windows h1, body.page-windows h2, body.page-windows h3, body.page-windows h4, body.page-windows p {
            margin: 0;
        }

        body.page-windows .container {
            width: var(--container);
            margin: 0 auto;
        }

        body.page-windows .site-header {
            position: sticky;
            top: 0;
            z-index: 20;
            background: rgba(255, 255, 255, 0.96);
            border-top: 3px solid var(--yellow);
            border-bottom: 1px solid var(--line);
            backdrop-filter: blur(10px);
        }

        body.page-windows .header-inner, body.page-windows .footer-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
        }

        body.page-windows .header-inner {
            min-height: 80px;
        }

        body.page-windows .brand {
            display: inline-flex;
            align-items: center;
            gap: 16px;
            min-width: 0;
        }

        body.page-windows .brand img {
            width: 166px;
            height: auto;
        }

        body.page-windows .brand span {
            display: block;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--blue);
        }

        body.page-windows .brand strong {
            display: block;
            margin-top: 0.2rem;
            font-size: 1rem;
            color: var(--blue-dark);
        }

        body.page-windows .brand small {
            display: block;
            margin-top: 0.18rem;
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--blue-dark);
        }

        body.page-windows .header-actions, body.page-windows .hero-actions, body.page-windows .wizard-actions, body.page-windows .wizard-buttons {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }

        body.page-windows .button, body.page-windows .button-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 42px;
            padding: 0.72rem 0.96rem;
            border-radius: 999px;
            border: 1px solid transparent;
            font-size: 0.88rem;
            font-weight: 700;
            cursor: pointer;
            transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
        }

        body.page-windows .button {
            background: var(--blue);
            color: #fff;
        }

        body.page-windows .button:hover, body.page-windows .button:focus-visible {
            background: #17386f;
            transform: translateY(-1px);
        }

        body.page-windows .button-secondary {
            background: #fff;
            color: var(--blue);
            border-color: #d6e2f1;
        }

        body.page-windows .button-secondary:hover, body.page-windows .button-secondary:focus-visible {
            background: #f8fbff;
            border-color: #bfd0e9;
            transform: translateY(-1px);
        }

        body.page-windows .button[disabled], body.page-windows .button-secondary[disabled] {
            opacity: 0.55;
            cursor: not-allowed;
            transform: none;
        }

        body.page-windows .section {
            padding: 10px 0;
        }

        body.page-windows .chooser {
            padding-top: 20px;
        }

        body.page-windows .chooser.is-hidden {
            display: none;
        }

        body.page-windows .panel, body.page-windows .wizard, body.page-windows .footer-box, body.page-windows .noscript-box {
            background: var(--card);
            border: 1px solid var(--line);
            border-radius: 22px;
            box-shadow: var(--shadow);
        }

        body.page-windows .hero .panel, body.page-windows .step-card {
            padding: 24px;
        }

        body.page-windows .wizard {
            width: min(100%, 1040px);
            margin: 0 auto;
            padding: 12px 12px 14px;
        }

        body.page-windows .eyebrow {
            display: inline-flex;
            align-items: center;
            min-height: 32px;
            padding: 0.35rem 0.76rem;
            border-radius: 999px;
            background: var(--soft);
            color: var(--blue);
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        body.page-windows .hero h1 {
            margin-top: 14px;
            max-width: 12ch;
            font-size: clamp(2.1rem, 4vw, 3.5rem);
            line-height: 1.04;
            letter-spacing: -0.03em;
            color: var(--blue-dark);
            text-wrap: balance;
        }

        body.page-windows .hero p, body.page-windows .section-head p, body.page-windows .wizard-head p, body.page-windows .step-card > p, body.page-windows .side-card p, body.page-windows .note p, body.page-windows .image-caption p, body.page-windows .credentials p {
            color: var(--muted);
            line-height: 1.72;
        }

        body.page-windows .hero p {
            margin-top: 14px;
            max-width: 70ch;
        }

        body.page-windows .hero-actions {
            margin-top: 20px;
        }

        body.page-windows .section-head h2, body.page-windows .wizard-head h2 {
            margin-top: 8px;
            font-size: clamp(1rem, 1.45vw, 1.22rem);
            line-height: 1.18;
            color: var(--blue-dark);
        }

        body.page-windows .section-head p, body.page-windows .wizard-head p {
            margin-top: 8px;
            max-width: 54ch;
            font-size: 0.95rem;
            line-height: 1.62;
        }

        body.page-windows .choices {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 330px));
            gap: 16px;
            justify-content: center;
        }

        body.page-windows .platform-marker {
            display: flex;
            justify-content: center;
            margin-bottom: 16px;
        }

        body.page-windows .platform-marker span {
            display: inline-flex;
            align-items: center;
            min-height: 34px;
            padding: 0.34rem 0.82rem;
            border-radius: 999px;
            border: 1px solid #dfe8f4;
            background: #fff;
            color: var(--blue-dark);
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 0.01em;
            box-shadow: 0 8px 18px rgba(20, 52, 97, 0.05);
        }

        body.page-windows .choice {
            display: grid;
            gap: 8px;
            width: 100%;
            max-width: 330px;
            aspect-ratio: 1 / 1;
            padding: 12px;
            border: 1px solid #e3eaf4;
            border-radius: 20px;
            background: #fff;
            text-align: left;
            cursor: pointer;
            transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
        }

        body.page-windows .choice:hover, body.page-windows .choice:focus-visible {
            transform: translateY(-1px);
            border-color: #c5d6ee;
            box-shadow: 0 12px 24px rgba(20, 52, 97, 0.07);
        }

        body.page-windows .choice.is-selected {
            border-color: rgba(28, 69, 139, 0.34);
            box-shadow: 0 0 0 3px rgba(28, 69, 139, 0.06);
        }

        body.page-windows .choice-media {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 0;
            height: 100%;
            padding: 18px;
            border-radius: 16px;
            background: linear-gradient(180deg, #f5f8fd 0%, #eef3fb 100%);
            overflow: hidden;
        }

        body.page-windows .choice-media img {
            width: 100%;
            height: 100%;
            max-height: 172px;
            object-fit: contain;
        }

        body.page-windows .choice--wired .choice-media {
            background: linear-gradient(180deg, #f3f5f8 0%, #edf1f6 100%);
        }

        body.page-windows .choice--wired .choice-media img {
            width: 66%;
        }

        body.page-windows .choice--wireless .choice-media {
            background: linear-gradient(180deg, #161b2c 0%, #0a1020 100%);
            border-color: #1a2741;
        }

        body.page-windows .choice--wireless .choice-media img {
            width: 72%;
        }

        body.page-windows .choice-body {
            display: grid;
            gap: 4px;
            padding: 2px 4px 2px;
        }

        body.page-windows .choice-tag {
            display: inline-flex;
            align-items: center;
            min-height: 26px;
            padding: 0.22rem 0.52rem;
            border-radius: 999px;
            background: #f6f9fe;
            border: 1px solid #e4edf8;
            color: var(--blue);
            font-size: 0.71rem;
            font-weight: 700;
        }

        body.page-windows .choice-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        body.page-windows .choice strong, body.page-windows .step-card h3 {
            color: var(--blue-dark);
        }

        body.page-windows .choice strong {
            font-size: 0.98rem;
            line-height: 1.22;
        }

        body.page-windows .choice p {
            color: var(--muted);
            line-height: 1.42;
            font-size: 0.82rem;
            max-width: none;
        }

        body.page-windows .step-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        body.page-windows .step-chip {
            display: inline-flex;
            align-items: center;
            min-height: 29px;
            padding: 0.3rem 0.62rem;
            border-radius: 999px;
            background: #f7faff;
            border: 1px solid #e4edf8;
            color: var(--blue);
            font-size: 0.78rem;
            font-weight: 700;
        }

        body.page-windows .choice-arrow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #f6f9fe;
            border: 1px solid #e4edf8;
            color: var(--blue);
            font-size: 0.92rem;
            font-weight: 700;
            flex: none;
        }

        body.page-windows .wizard {
            display: none;
        }

        body.page-windows .wizard.is-visible {
            display: block;
        }

        body.page-windows .wizard .button, body.page-windows .wizard .button-secondary {
            min-height: 38px;
            padding: 0.58rem 0.88rem;
            font-size: 0.82rem;
        }

        body.page-windows .wizard-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 0 4px 10px;
            border-bottom: 1px solid #e6edf7;
        }

        body.page-windows .wizard-head > div {
            display: grid;
            gap: 4px;
        }

        body.page-windows .wizard-summary {
            display: none;
        }

        body.page-windows .wizard-flow-switcher {
            position: relative;
            display: flex;
            justify-content: flex-end;
            flex: 0 0 auto;
            align-self: flex-start;
        }

        body.page-windows .wizard-flow-trigger {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
            min-height: 36px;
            padding: 0.48rem 0.78rem;
            text-align: left;
            white-space: nowrap;
        }

        body.page-windows .wizard-flow-trigger-text {
            display: inline-flex;
            align-items: center;
            min-width: 0;
            font-size: 0.64rem;
            font-weight: 700;
            letter-spacing: 0.07em;
            text-transform: uppercase;
            color: #607089;
        }

        body.page-windows .wizard-flow-trigger-text::after {
            content: ":";
            margin-left: 4px;
        }

        body.page-windows .wizard-flow-trigger-current {
            min-width: 0;
            font-size: 0.9rem;
            font-weight: 700;
            line-height: 1.2;
            color: var(--blue-dark);
        }

        body.page-windows .wizard-flow-trigger-icon {
            margin-left: 2px;
            font-size: 0.74rem;
            color: var(--blue);
            transition: transform 0.18s ease;
        }

        body.page-windows .wizard-flow-switcher.is-open .wizard-flow-trigger-icon {
            transform: rotate(180deg);
        }

        body.page-windows .wizard-flow-options {
            position: absolute;
            top: calc(100% + 6px);
            right: 0;
            z-index: 8;
            width: min(210px, calc(100vw - 40px));
            display: grid;
            gap: 4px;
            padding: 6px;
            border-radius: 16px;
            border: 1px solid #dbe5f3;
            background: #fff;
            box-shadow: 0 14px 28px rgba(10, 22, 40, 0.1);
        }

        body.page-windows .wizard-flow-options[hidden] {
            display: none;
        }

        body.page-windows .wizard-flow-option {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 8px;
            width: 100%;
            padding: 8px 10px;
            border-radius: 12px;
            border: 1px solid #e3ebf7;
            background: #f8fbff;
            color: var(--text);
            text-align: left;
            cursor: pointer;
            transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
        }

        body.page-windows .wizard-flow-option:hover,
        body.page-windows .wizard-flow-option:focus-visible {
            background: #f4f8fe;
            border-color: #c6d6ee;
        }

        body.page-windows .wizard-flow-option.is-selected {
            background: #eef4ff;
            border-color: rgba(28, 69, 139, 0.28);
            box-shadow: 0 0 0 3px rgba(28, 69, 139, 0.06);
        }

        body.page-windows .wizard-flow-option-tag {
            display: none;
        }

        body.page-windows .wizard-flow-option strong {
            min-width: 0;
            font-size: 0.84rem;
            line-height: 1.24;
            color: var(--blue-dark);
        }

        body.page-windows .wizard-flow-option-state {
            font-size: 0.68rem;
            font-weight: 700;
            color: var(--blue);
            opacity: 0;
            transition: opacity 0.16s ease;
            white-space: nowrap;
        }

        body.page-windows .wizard-flow-option.is-selected .wizard-flow-option-state {
            opacity: 1;
        }

        body.page-windows .progress {
            margin-top: 14px;
            padding: 12px 14px;
            border-radius: 18px;
            background: #f8fbff;
            border: 1px solid #deebfb;
        }

        body.page-windows .progress-meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
        }

        body.page-windows .progress-count, body.page-windows .progress-label {
            font-size: 0.8rem;
            font-weight: 700;
        }

        body.page-windows .progress-count {
            color: var(--blue);
        }

        body.page-windows .progress-label {
            color: var(--muted);
        }

        body.page-windows .progress-track {
            display: block;
            margin-top: 8px;
            height: 8px;
            border-radius: 999px;
            background: #dfe9f8;
            overflow: hidden;
        }

        body.page-windows .progress-fill {
            width: 0;
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--blue) 0%, #2d64be 100%);
            transition: width 220ms ease;
        }

        body.page-windows .progress-steps {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            margin-top: 0;
        }

        body.page-windows .progress-step {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-height: 42px;
            padding: 0.55rem 0.8rem;
            border: 1px solid #deebfb;
            border-radius: 999px;
            background: #f8fbff;
            text-align: center;
            color: var(--muted);
            cursor: pointer;
            font-weight: 700;
        }

        body.page-windows .progress-step-marker {
            display: none;
        }

        body.page-windows .progress-step-label {
            font-size: 0.82rem;
            line-height: 1.3;
        }

        body.page-windows .progress-step.is-complete {
            border-color: #d7e4f7;
            background: #f4f8fe;
            color: var(--blue);
        }

        body.page-windows .progress-step.is-active {
            border-color: var(--blue);
            background: var(--blue);
            color: #fff;
        }
        body.page-windows .step-card {
            margin-top: 8px;
            border-radius: 18px;
            border: 1px solid var(--line);
            background: #fff;
            padding: 10px;
        }

        body.page-windows .step-kicker {
            display: none;
        }

        body.page-windows .step-card h3 {
            display: none;
        }

        body.page-windows .step-card > p {
            display: none;
        }

        body.page-windows .step-grid, body.page-windows .credentials, body.page-windows .images {
            display: grid;
            gap: 10px;
        }

        body.page-windows .step-grid {
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
            margin-top: 0;
            align-items: stretch;
        }

        body.page-windows .side-card, body.page-windows .credentials article, body.page-windows .note, body.page-windows .image-card {
            border-radius: 18px;
            border: 1px solid var(--line);
            background: #fff;
        }

        body.page-windows .side-card, body.page-windows .credentials article {
            padding: 10px;
        }

        body.page-windows .side-card h4, body.page-windows .credentials strong {
            color: var(--blue-dark);
            font-size: 0.96rem;
        }

        body.page-windows .step-list {
            margin: 10px 0 0 18px;
            padding-left: 4px;
        }

        body.page-windows .step-list li {
            color: var(--muted);
            line-height: 1.55;
            font-size: 0.92rem;
        }

        body.page-windows .step-list li + li {
            margin-top: 6px;
        }

        body.page-windows .step-tags {
            margin-top: 10px;
        }

        body.page-windows .side-card.alt {
            display: grid;
            gap: 10px;
            padding: 10px;
            background: #f8fbff;
            border-color: #e3ebf7;
            align-content: start;
        }

        body.page-windows .step-copy-card {
            display: grid;
            align-content: start;
            gap: 8px;
        }

        body.page-windows .step-badge {
            display: inline-flex;
            align-items: center;
            min-height: 28px;
            padding: 0.26rem 0.62rem;
            border-radius: 999px;
            background: var(--soft);
            color: var(--blue);
            font-size: 0.74rem;
            font-weight: 700;
            width: fit-content;
        }

        body.page-windows .step-copy-card h3 {
            display: block;
            margin: 0;
            font-size: clamp(1.02rem, 1.35vw, 1.2rem);
            line-height: 1.16;
            color: var(--blue-dark);
        }

        body.page-windows .step-lead {
            margin: 0;
            color: var(--muted);
            font-size: 0.88rem;
            line-height: 1.46;
        }

        body.page-windows .step-detail-list {
            margin: 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 8px;
            counter-reset: step-detail;
        }

        body.page-windows .step-detail-list li {
            display: grid;
            grid-template-columns: 28px minmax(0, 1fr);
            gap: 8px;
            align-items: start;
            color: var(--muted);
            font-size: 0.85rem;
            line-height: 1.42;
        }

        body.page-windows .step-detail-text {
            display: block;
            min-width: 0;
        }

        body.page-windows .step-detail-list li::before {
            counter-increment: step-detail;
            content: counter(step-detail);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: #f5f8fd;
            border: 1px solid #deebfb;
            color: var(--blue);
            font-size: 0.78rem;
            font-weight: 700;
            line-height: 1;
        }

        body.page-windows .step-note-line {
            margin: 0;
            color: var(--muted);
            font-size: 0.8rem;
            line-height: 1.42;
            padding-top: 8px;
            border-top: 1px solid #e8eef7;
        }

        body.page-windows .step-inline-highlight {
            color: #c2272d;
            font-weight: 700;
        }

        body.page-windows .step-inline-credential {
            color: #c2272d;
            font-weight: 700;
        }

        body.page-windows .credentials .credential-card {
            display: grid;
            gap: 8px;
            padding: 12px 14px;
            border-radius: 14px;
            border: 1px solid #e3eaf5;
            background: #fff;
            box-shadow: none;
        }

        body.page-windows .credentials .credential-badge {
            display: block;
            min-height: 0;
            width: auto;
            padding: 0;
            border-radius: 0;
            background: transparent;
            color: var(--blue-dark);
            font-size: 0.9rem;
            font-weight: 700;
            letter-spacing: 0;
        }

        body.page-windows .credentials .credential-rows {
            display: grid;
            gap: 0;
        }

        body.page-windows .credentials .credential-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 3px;
            align-items: start;
            padding: 8px 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            min-width: 0;
            overflow: visible;
            scrollbar-width: none;
        }

        body.page-windows .credentials .credential-row + .credential-row {
            border-top: 1px solid #e8eef7;
        }

        body.page-windows .credentials .credential-label {
            display: block;
            min-height: 0;
            padding: 0;
            border-radius: 0;
            background: transparent;
            color: var(--muted);
            font-size: 0.76rem;
            font-weight: 700;
            letter-spacing: 0;
            text-transform: none;
            white-space: nowrap;
        }

        body.page-windows .credentials .credential-value {
            display: block;
            margin-top: 0;
            color: var(--blue-dark);
            min-width: 0;
            font-size: clamp(0.84rem, 0.92vw, 0.92rem);
            font-weight: 700;
            line-height: 1.28;
            letter-spacing: -0.01em;
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        body.page-windows .side-card p {
            margin-top: 8px;
            font-size: 0.92rem;
            line-height: 1.56;
        }

        body.page-windows .side-card .button {
            margin-top: 12px;
        }

        body.page-windows .credentials {
            grid-template-columns: 1fr;
            margin-top: 8px;
            gap: 10px;
        }

        @media (max-width: 560px) {
            body.page-windows .credentials .credential-card {
                gap: 6px;
                padding: 10px 12px;
            }

            body.page-windows .credentials .credential-row {
                grid-template-columns: 1fr;
                gap: 4px;
                padding: 7px 0;
            }

            body.page-windows .credentials .credential-badge {
                font-size: 0.86rem;
            }

            body.page-windows .credentials .credential-label {
                font-size: 0.72rem;
            }

            body.page-windows .credentials .credential-value {
                font-size: 0.82rem;
            }
        }

        body.page-windows .note {
            margin-top: 12px;
            padding: 14px;
            background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
            border-color: rgba(255, 201, 13, 0.42);
        }

        body.page-windows .note strong {
            color: var(--blue-dark);
        }

        body.page-windows .note p {
            margin-top: 6px;
            font-size: 0.88rem;
            line-height: 1.52;
        }

        body.page-windows .step-gallery {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
        }

        body.page-windows .step-gallery.single-step-figure {
            grid-template-columns: 1fr;
        }

        body.page-windows .step-gallery.count-1 {
            grid-template-columns: 1fr;
        }

        body.page-windows .step-gallery.count-3 .step-gallery-item:first-child {
            grid-column: 1 / -1;
        }

        body.page-windows .step-gallery-item {
            display: grid;
            place-items: center;
            overflow: hidden;
            border-radius: 16px;
            border: 1px solid #dfe7f4;
            background: #f8fbff;
            padding: 10px;
        }

        body.page-windows .step-gallery-item img {
            width: 100%;
            height: 340px;
            object-fit: contain;
            background: #fff;
            border-radius: 12px;
        }

        body.page-windows .step-gallery.single-step-figure .step-gallery-item img {
            height: min(48vh, 420px);
        }

        body.page-windows .step-gallery.count-1 .step-gallery-item img {
            height: 560px;
        }

        body.page-windows .step-gallery.count-2 .step-gallery-item img {
            height: 380px;
        }

        body.page-windows .step-gallery.count-3 .step-gallery-item:first-child img, body.page-windows .step-gallery.count-4 .step-gallery-item:first-child img {
            height: 460px;
        }

        body.page-windows .step-action-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 42px;
            margin-top: 8px;
            padding: 0.76rem 1rem;
            border-radius: 14px;
            background: var(--blue);
            border: 1px solid var(--blue);
            color: #fff;
            font-size: 0.88rem;
            font-weight: 700;
            line-height: 1;
            text-decoration: none;
            box-shadow: 0 10px 22px rgba(28, 69, 139, 0.16);
            transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
        }

        body.page-windows .step-action-link:hover, body.page-windows .step-action-link:focus-visible {
            background: #17386f;
            border-color: #17386f;
            color: #fff;
            transform: translateY(-1px);
            box-shadow: 0 14px 28px rgba(23, 56, 111, 0.22);
        }

        body.page-windows .images {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin-top: 18px;
        }

        body.page-windows .image-card {
            overflow: hidden;
            background: #f8fbff;
        }

        body.page-windows .image-caption {
            padding: 14px 16px 16px;
            border-top: 1px solid var(--line);
        }

        body.page-windows .image-caption strong {
            color: var(--blue-dark);
        }

        body.page-windows .image-caption p {
            margin-top: 8px;
            font-size: 0.92rem;
            line-height: 1.64;
        }

        body.page-windows .wizard-actions {
            align-items: center;
            justify-content: flex-end;
            margin-top: 6px;
        }

        body.page-windows .wizard-status {
            display: none;
        }

        body.page-windows .footer {
            padding: 18px 0 34px;
        }

        body.page-windows .footer-box {
            padding: 18px 22px;
        }

        body.page-windows .footer-box p {
            color: var(--muted);
            font-size: 0.92rem;
            line-height: 1.7;
        }

        body.page-windows .noscript-box {
            padding: 18px;
            color: var(--muted);
            line-height: 1.7;
        }

        @media (max-width: 980px) {
            body.page-windows .site-header {
                position: static;
            }

            body.page-windows .header-inner {
                min-height: 72px;
                padding: 12px 0;
            }

            body.page-windows .wizard {
                width: 100%;
                padding: 12px;
                border-radius: 20px;
            }

            body.page-windows .step-grid, body.page-windows .wizard-head, body.page-windows .footer-inner {
                grid-template-columns: 1fr;
                flex-direction: column;
                align-items: flex-start;
            }

            body.page-windows .wizard-flow-switcher {
                width: auto;
                justify-content: flex-end;
                align-self: flex-end;
            }

            body.page-windows .wizard-flow-trigger {
                min-width: 0;
                width: auto;
            }

            body.page-windows .wizard-flow-options {
                position: absolute;
                right: 0;
                width: min(210px, calc(100vw - 48px));
                margin-top: 0;
            }

            body.page-windows .progress-meta {
                align-items: flex-start;
            }

            body.page-windows .progress-label {
                width: 100%;
                font-size: 0.78rem;
            }

            body.page-windows .side-card, body.page-windows .step-card {
                padding: 14px;
            }

            body.page-windows .step-copy-card {
                min-width: 0;
                gap: 10px;
            }

            body.page-windows .wizard-actions {
                position: sticky;
                bottom: calc(10px + env(safe-area-inset-bottom));
                z-index: 6;
                padding: 8px;
                margin-top: 12px;
                background: rgba(245, 247, 251, 0.96);
                border: 1px solid #dde6f1;
                border-radius: 16px;
                backdrop-filter: blur(12px);
                box-shadow: 0 12px 24px rgba(10, 22, 40, 0.08);
            }

            body.page-windows .wizard-buttons {
                width: 100%;
            }

            body.page-windows .wizard-buttons .button, body.page-windows .wizard-buttons .button-secondary {
                flex: 1 1 0;
                min-width: 0;
                min-height: 46px;
            }

            body.page-windows .step-gallery.single-step-figure .step-gallery-item img {
                height: min(42vh, 360px);
            }
        }

        @media (max-width: 820px) {
            body.page-windows .site-header {
                position: static;
            }

            body.page-windows .container {
                width: min(1140px, calc(100vw - 24px));
            }

            body.page-windows .header-inner {
                min-height: 74px;
                padding: 10px 0;
                flex-direction: row;
                align-items: center;
            }

            body.page-windows .brand img {
                width: 150px;
            }

            body.page-windows .header-actions, body.page-windows .hero-actions, body.page-windows .wizard-buttons {
                width: 100%;
            }

            body.page-windows .button, body.page-windows .button-secondary {
                width: 100%;
            }

            body.page-windows .hero .panel, body.page-windows .chooser .panel, body.page-windows .wizard, body.page-windows .step-card {
                padding: 16px;
            }

            body.page-windows .choices {
                grid-template-columns: repeat(auto-fit, minmax(260px, 320px));
                justify-content: center;
            }

            body.page-windows .credentials, body.page-windows .images {
                grid-template-columns: 1fr;
            }

            body.page-windows .progress-steps {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            body.page-windows .wizard-actions {
                flex-direction: column;
                align-items: stretch;
            }
        }

        @media (max-width: 560px) {
            body.page-windows .container {
                width: min(1140px, calc(100vw - 20px));
            }

            body.page-windows .brand {
                gap: 12px;
            }

            body.page-windows .brand img {
                width: 138px;
            }

            body.page-windows .brand span {
                font-size: 0.68rem;
            }

            body.page-windows .brand strong {
                font-size: 0.92rem;
            }

            body.page-windows .hero {
                padding-top: 22px;
            }

            body.page-windows .hero .panel, body.page-windows .chooser .panel, body.page-windows .wizard, body.page-windows .step-card {
                border-radius: 22px;
                padding: 16px;
            }

            body.page-windows .hero h1 {
                max-width: none;
                font-size: clamp(1.9rem, 9vw, 2.45rem);
                line-height: 1.08;
            }

            body.page-windows .choices {
                grid-template-columns: minmax(260px, 320px);
                justify-content: center;
            }

            body.page-windows .platform-marker {
                margin-bottom: 14px;
            }

            body.page-windows .choice {
                padding: 14px;
            }

            body.page-windows .choice-media {
                min-height: 128px;
                padding: 14px;
            }

            body.page-windows .choice-media img {
                max-height: 144px;
            }

            body.page-windows .choice-title {
                align-items: flex-start;
            }

            body.page-windows .step-gallery {
                grid-template-columns: 1fr;
            }

            body.page-windows .step-gallery.count-3 .step-gallery-item:first-child {
                grid-column: auto;
            }

            body.page-windows .step-gallery-item img, body.page-windows .step-gallery.count-2 .step-gallery-item img {
                height: 250px;
            }

            body.page-windows .step-gallery.single-step-figure .step-gallery-item img {
                height: 300px;
            }

            body.page-windows .step-gallery.count-1 .step-gallery-item img, body.page-windows .step-gallery.count-3 .step-gallery-item:first-child img, body.page-windows .step-gallery.count-4 .step-gallery-item:first-child img {
                height: 280px;
            }

            body.page-windows .progress {
                padding: 16px;
            }

            body.page-windows .progress-steps {
                grid-template-columns: 1fr;
            }

            body.page-windows .image-caption {
                padding: 12px 14px 14px;
            }

            body.page-windows .step-detail-list li {
                grid-template-columns: 26px minmax(0, 1fr);
                gap: 8px;
                font-size: 0.89rem;
            }

            body.page-windows .step-detail-list li::before {
                width: 26px;
                height: 26px;
                font-size: 0.76rem;
            }
        }

        @media (max-width: 820px) {
            body.page-windows .site-header {
                position: static;
            }

            body.page-windows .header-inner {
                min-height: 72px;
                padding: 12px 0;
            }

            body.page-windows .wizard {
                width: 100%;
                padding: 12px;
                border-radius: 18px;
            }

            body.page-windows .progress-meta {
                align-items: flex-start;
            }

            body.page-windows .progress-label {
                width: 100%;
                font-size: 0.76rem;
            }

            body.page-windows .side-card, body.page-windows .step-card {
                padding: 14px;
            }

            body.page-windows .step-copy-card {
                min-width: 0;
                gap: 12px;
            }

            body.page-windows .step-detail-list {
                gap: 10px;
            }

            body.page-windows .wizard-actions {
                position: sticky;
                bottom: calc(10px + env(safe-area-inset-bottom));
                z-index: 6;
                padding: 8px;
                margin-top: 12px;
                background: rgba(245, 247, 251, 0.96);
                border: 1px solid #dde6f1;
                border-radius: 16px;
                backdrop-filter: blur(12px);
                box-shadow: 0 12px 24px rgba(10, 22, 40, 0.08);
            }

            body.page-windows .wizard-buttons {
                width: 100%;
            }

            body.page-windows .wizard-buttons .button, body.page-windows .wizard-buttons .button-secondary {
                min-height: 46px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }

            body.page-windows * {
                transition: none !important;
            }
        }

/* ===== ANDROID ===== */
body.page-android { --blue:#1c458b; --blue-dark:#0a1628; --yellow:#ffc90d; --text:#233147; --muted:#617084; --line:#dde6f1; --page:#f5f7fb; --card:#fff; --soft:#eef4ff; --shadow:0 12px 28px rgba(12,35,72,.07); --container:min(1140px,calc(100vw - 32px)); }
        body.page-android * { box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body.page-android { margin:0; font-family:"Montserrat",sans-serif; color:var(--text); background:var(--page); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden; padding-bottom:env(safe-area-inset-bottom); }
        body.page-android a { color:inherit; text-decoration:none; }
        body.page-android button { font:inherit; }
        body.page-android .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
        body.page-android a:focus-visible, body.page-android button:focus-visible { outline:3px solid rgba(255,201,13,.55); outline-offset:3px; }
        body.page-android img { display:block; max-width:100%; }
        body.page-android h1, body.page-android h2, body.page-android h3, body.page-android p { margin:0; }
        body.page-android .container { width:var(--container); margin:0 auto; }
        body.page-android .site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-top:3px solid var(--yellow); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
        body.page-android .header-inner, body.page-android .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
        body.page-android .header-inner { min-height:80px; }
        body.page-android .brand { display:inline-flex; align-items:center; gap:16px; min-width:0; }
        body.page-android .brand img { width:166px; height:auto; }
        body.page-android .brand span { display:block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); }
        body.page-android .brand strong { display:block; margin-top:.2rem; font-size:1rem; color:var(--blue-dark); }
        body.page-android .button, body.page-android .button-secondary, body.page-android .step-action-link { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:.72rem .96rem; border-radius:999px; border:1px solid transparent; font-size:.88rem; font-weight:700; transition:background-color .16s ease,border-color .16s ease,transform .16s ease; }
        body.page-android .button { background:var(--blue); color:#fff; }
        body.page-android .button:hover, body.page-android .button:focus-visible, body.page-android .step-action-link:hover, body.page-android .step-action-link:focus-visible { background:#17386f; border-color:#17386f; color:#fff; transform:translateY(-1px); }
        body.page-android .button-secondary { background:#fff; color:var(--blue); border-color:#d6e2f1; }
        body.page-android .button-secondary:hover, body.page-android .button-secondary:focus-visible { background:#f8fbff; border-color:#bfd0e9; transform:translateY(-1px); }
        body.page-android .button[disabled], body.page-android .button-secondary[disabled] { opacity:.55; cursor:not-allowed; transform:none; }
        body.page-android .section { padding:12px 0; }
        body.page-android .panel, body.page-android .wizard, body.page-android .footer-box, body.page-android .noscript-box { background:var(--card); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
        body.page-android .hero .panel { padding:22px; }
        body.page-android .pill, body.page-android .eyebrow, body.page-android .step-badge { display:inline-flex; align-items:center; min-height:32px; padding:.35rem .76rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
        body.page-android .hero h1 { margin-top:12px; max-width:12ch; font-size:clamp(2rem,4vw,3.2rem); line-height:1.04; letter-spacing:-.03em; color:var(--blue-dark); text-wrap:balance; }
        body.page-android .hero p, body.page-android .wizard-head p, body.page-android .advisory p, body.page-android .step-gallery-caption p, body.page-android .footer-box p, body.page-android .noscript-box { color:var(--muted); line-height:1.68; }
        body.page-android .hero p { margin-top:12px; max-width:68ch; font-size:.96rem; }
        body.page-android .hero-actions, body.page-android .wizard-actions, body.page-android .wizard-buttons, body.page-android .hero-meta, body.page-android .wizard-tools { display:flex; flex-wrap:wrap; gap:8px; }
        body.page-android .hero-actions { margin-top:18px; }
        body.page-android .hero-meta { margin-top:14px; }
        body.page-android .hero-chip { display:inline-flex; align-items:center; min-height:30px; padding:.34rem .72rem; border-radius:999px; background:#f7faff; border:1px solid #e3ebf7; color:var(--blue); font-size:.78rem; font-weight:700; }
        body.page-android .advisory { margin-top:12px; padding:12px 14px; border-radius:14px; border:1px solid rgba(255,201,13,.42); border-left:4px solid var(--yellow); background:linear-gradient(180deg,#fffaf0 0%,#fffdf7 100%); }
        body.page-android .advisory strong { display:block; color:var(--blue-dark); font-size:.88rem; }
        body.page-android .advisory p { margin-top:5px; font-size:.84rem; line-height:1.48; }
        body.page-android .android-hero-layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:18px; align-items:start; }
        body.page-android .android-side-stack { display:grid; gap:12px; align-content:start; }
        body.page-android .android-side-stack .credentials { margin-top:0; width:100%; }
        body.page-android .android-side-stack .credential-card { width:100%; }
        body.page-android .android-helper-card { padding:18px; border-radius:20px; border:1px solid var(--line); background:#fff; box-shadow:var(--shadow); }
        body.page-android .android-helper-card h2, body.page-android .android-helper-card h3 { margin-top:12px; font-size:1.08rem; line-height:1.24; color:var(--blue-dark); text-wrap:balance; }
        body.page-android .android-helper-card p { margin-top:10px; color:var(--muted); font-size:.9rem; line-height:1.62; }
        body.page-android .android-overview-list { margin:12px 0 0; padding:0; list-style:none; display:grid; gap:10px; }
        body.page-android .android-overview-list li { position:relative; padding-left:18px; color:var(--muted); font-size:.88rem; line-height:1.56; }
        body.page-android .android-overview-list li::before { content:""; position:absolute; top:.58em; left:0; width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px rgba(28,69,139,.1); }
        body.page-android .android-overview-list strong { color:var(--blue-dark); }
        body.page-android .android-selection-copy { display:grid; gap:10px; max-width:62ch; margin-bottom:16px; }
        body.page-android .android-selection-copy h2 { margin:0; font-size:clamp(1.34rem,2.2vw,1.88rem); line-height:1.12; color:var(--blue-dark); text-wrap:balance; }
        body.page-android .android-selection-copy p { color:var(--muted); font-size:.94rem; line-height:1.68; }
        body.page-android .android-choice-shell { padding:10px; border-radius:30px; border:1px solid #dbe5f3; background:linear-gradient(180deg,#f9fbff 0%,#f4f7fc 100%); box-shadow:0 14px 30px rgba(10,22,40,.06); }
        body.page-android .android-version-grid, body.page-android .android-note-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
        body.page-android .android-version-card { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1fr); min-height:100%; overflow:hidden; border-radius:22px; border:1px solid var(--line); background:#fff; box-shadow:var(--shadow); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
        body.page-android .android-version-card:hover, body.page-android .android-version-card:focus-visible { transform:translateY(-2px); border-color:#c4d5ed; box-shadow:0 18px 34px rgba(10,22,40,.11); }
        body.page-android .android-version-card.is-featured { border-color:rgba(28,69,139,.28); box-shadow:0 18px 34px rgba(10,22,40,.13); }
        body.page-android .android-version-card--simple { grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; min-height:112px; padding:18px 20px 18px 22px; box-shadow:none; }
        body.page-android .android-choice-copy { display:grid; gap:12px; min-width:0; }
        body.page-android .android-choice-tag { display:inline-flex; align-items:center; min-height:30px; width:fit-content; padding:.34rem .86rem; border-radius:999px; background:#eef3ff; color:#1f56a7; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
        body.page-android .android-version-title-only { display:block; font-size:clamp(1.1rem,1.55vw,1.45rem); line-height:1.14; font-weight:800; color:var(--blue-dark); text-wrap:balance; }
        body.page-android .android-version-arrow--simple { width:34px; height:34px; border-radius:50%; background:#edf3ff; color:#2459ab; font-size:1rem; box-shadow:none; }
        body.page-android .android-version-media { display:grid; place-items:center; min-height:100%; padding:18px; border-right:1px solid #e3ebf7; background:radial-gradient(circle at top, rgba(255,255,255,.98) 0%, rgba(238,244,255,.95) 100%); }
        body.page-android .android-version-media img { width:100%; max-width:210px; max-height:290px; object-fit:contain; object-position:center; border-radius:22px; background:#fff; box-shadow:0 18px 34px rgba(10,22,40,.14), 0 0 0 1px rgba(214,226,241,.9); }
        body.page-android .android-version-body { display:grid; align-content:start; gap:12px; padding:20px; }
        body.page-android .android-version-tag { display:inline-flex; align-items:center; width:fit-content; min-height:26px; padding:.22rem .58rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
        body.page-android .android-version-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
        body.page-android .android-version-head strong { font-size:1.12rem; line-height:1.2; color:var(--blue-dark); text-wrap:balance; }
        body.page-android .android-version-arrow { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#f2f6fd; color:var(--blue); font-size:1rem; flex:0 0 auto; }
        body.page-android .android-version-card.is-featured .android-version-arrow { background:var(--blue); color:#fff; }
        body.page-android .android-version-body p { color:var(--muted); font-size:.9rem; line-height:1.6; }
        body.page-android .android-version-points { margin:0; padding:0; list-style:none; display:grid; gap:9px; }
        body.page-android .android-version-points li { position:relative; padding-left:18px; color:var(--muted); font-size:.82rem; line-height:1.48; }
        body.page-android .android-version-points li::before { content:""; position:absolute; top:.54em; left:0; width:8px; height:8px; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 4px rgba(255,201,13,.22); }
        body.page-android .android-version-cta { display:inline-flex; align-items:center; gap:8px; color:var(--blue); font-size:.86rem; font-weight:700; }
        body.page-android .wizard { width:min(100%,1000px); margin:0 auto; padding:10px; }
        body.page-android .wizard { scroll-margin-top:96px; }
        body.page-android .wizard-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:4px 4px 0; }
        body.page-android .wizard-head h2 { margin-top:8px; font-size:clamp(1rem,1.45vw,1.2rem); line-height:1.18; color:var(--blue-dark); }
        body.page-android .wizard-head p { margin-top:8px; max-width:54ch; font-size:.92rem; }
        body.page-android .wizard-tools { margin-top:10px; }
        body.page-android .wizard-banner { margin-top:12px; }
        body.page-android .progress { margin-top:8px; padding:8px 10px; border-radius:18px; border:1px solid #deebfb; background:#f8fbff; }
        body.page-android .progress-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
        body.page-android .progress-count, body.page-android .progress-label { font-size:.8rem; font-weight:700; }
        body.page-android .progress-count { color:var(--blue); }
        body.page-android .progress-label { color:var(--muted); }
        body.page-android .progress-track { margin-top:7px; height:8px; border-radius:999px; background:#dfe9f8; overflow:hidden; }
        body.page-android .progress-fill { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue) 0%,#2d64be 100%); transition:width .22s ease; }
        body.page-android .step-card { margin-top:8px; border-radius:18px; border:1px solid var(--line); background:#fff; padding:6px; }
        body.page-android .step-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.82fr); gap:6px; align-items:stretch; }
        body.page-android .side-card { border-radius:18px; border:1px solid var(--line); background:#fff; padding:8px; }
        body.page-android .side-card.alt { display:grid; align-content:start; background:#f8fbff; border-color:#e3ebf7; }
        body.page-android .step-copy-card { display:grid; align-content:start; gap:10px; }
        body.page-android .step-badge { min-height:26px; padding:.22rem .56rem; font-size:.7rem; width:fit-content; }
        body.page-android .step-copy-card h3 { margin:0; font-size:clamp(.94rem,1.18vw,1.08rem); line-height:1.18; color:var(--blue-dark); text-wrap:balance; }
        body.page-android .step-lead { margin:0; color:var(--muted); font-size:.82rem; line-height:1.5; }
        body.page-android .step-detail-list { margin:0; padding:2px 0 0; list-style:none; display:grid; gap:9px; counter-reset:step-detail; }
        body.page-android .step-detail-list li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:10px; align-items:start; color:var(--muted); font-size:.79rem; line-height:1.42; }
        body.page-android .step-detail-text { display:block; min-width:0; }
        body.page-android .step-detail-list li::before { counter-increment:step-detail; content:counter(step-detail); display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#f5f8fd; border:1px solid #deebfb; color:var(--blue); font-size:.7rem; font-weight:700; line-height:1; }
        body.page-android .step-note-line { margin:2px 0 0; color:var(--muted); font-size:.74rem; line-height:1.45; padding-top:12px; border-top:1px solid #e8eef7; }
        body.page-android .step-inline-highlight { color:#c2272d; font-weight:700; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }
        body.page-android .copy-inline { display:flex; flex-wrap:wrap; align-items:center; gap:10px; width:fit-content; max-width:100%; margin-top:8px; padding:8px 10px 8px 12px; border-radius:12px; border:1px solid #deebfb; background:#f8fbff; }
        body.page-android .copy-inline-value { color:#c2272d; font-weight:700; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; word-break:break-word; }
        body.page-android .copy-inline-button { position:relative; display:inline-flex; align-items:center; justify-content:center; width:34px; min-width:34px; min-height:34px; padding:0; overflow:hidden; border-radius:10px; border:1px solid #d6e2f1; background:#fff; color:var(--blue); font-size:0; line-height:0; cursor:pointer; transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease; }
        body.page-android .copy-inline-button::before, body.page-android .copy-inline-button::after { content:""; position:absolute; width:11px; height:13px; border:1.6px solid currentColor; border-radius:3px; background:#fff; transition:opacity .16s ease,transform .16s ease,border-color .16s ease; }
        body.page-android .copy-inline-button::before { top:8px; left:12px; }
        body.page-android .copy-inline-button::after { top:11px; left:9px; }
        body.page-android .copy-inline-button:hover, body.page-android .copy-inline-button:focus-visible { background:#f8fbff; border-color:#bfd0e9; transform:translateY(-1px); box-shadow:0 6px 16px rgba(28,69,139,.08); }
        body.page-android .copy-inline-button.is-copied { background:#edf6ef; border-color:#bdddc5; color:#1d7a3d; }
        body.page-android .copy-inline-button.is-copied::before { opacity:0; transform:scale(.6); }
        body.page-android .copy-inline-button.is-copied::after { top:8px; left:11px; width:8px; height:14px; border:0; border-right:2px solid currentColor; border-bottom:2px solid currentColor; border-radius:0; background:transparent; transform:rotate(45deg); }
        body.page-android .step-action-row { margin-top:12px; display:grid; }
        body.page-android .step-action-link { display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:46px; margin-top:0; border-radius:14px; background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:0 10px 22px rgba(28,69,139,.16); }
        body.page-android .step-figure { display:grid; gap:0; margin:0; }
        body.page-android .step-visual-placeholder { min-height:300px; border-radius:16px; border:1px solid #dfe8f4; background:
            radial-gradient(circle at top, rgba(255,255,255,.96) 0%, rgba(255,255,255,.72) 22%, rgba(238,244,255,.95) 100%),
            linear-gradient(180deg, #f9fbff 0%, #eef4ff 100%);
            display:grid; place-items:center; padding:12px; }
        body.page-android .step-visual-placeholder img { width:auto; max-width:min(100%,270px); max-height:440px; object-fit:contain; border-radius:22px; background:#fff; box-shadow:0 18px 34px rgba(10,22,40,.14), 0 0 0 1px rgba(214,226,241,.9); }
        body.page-android .step-visual-device { position:relative; width:min(188px, 100%); aspect-ratio:9 / 19.5; padding:8px; border-radius:28px; background:linear-gradient(180deg,#1a2436 0%,#0d1527 100%); box-shadow:0 14px 30px rgba(10,22,40,.18), inset 0 1px 0 rgba(255,255,255,.08); }
        body.page-android .step-visual-device::before { content:""; position:absolute; top:8px; left:50%; transform:translateX(-50%); width:58px; height:8px; border-radius:999px; background:rgba(255,255,255,.12); box-shadow:inset 0 1px 2px rgba(0,0,0,.38); }
        body.page-android .step-visual-device::after { content:""; position:absolute; top:62px; right:-2px; width:4px; height:42px; border-radius:999px; background:#253047; box-shadow:0 58px 0 #253047; }
        body.page-android .step-visual-screen { height:100%; border-radius:21px; border:1px solid rgba(218,228,244,.75); background:
            linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,250,255,.98) 58%, rgba(240,245,253,1) 100%);
            overflow:hidden; padding:12px 10px 10px; display:grid; grid-template-rows:auto 1fr auto; gap:10px; }
        body.page-android .step-visual-status { display:flex; align-items:center; justify-content:space-between; color:#7b8ca5; font-size:.62rem; font-weight:700; letter-spacing:.03em; }
        body.page-android .step-visual-dots { display:flex; gap:4px; }
        body.page-android .step-visual-dots span { width:6px; height:6px; border-radius:50%; background:#c8d6eb; }
        body.page-android .step-visual-top { display:grid; gap:8px; justify-items:start; }
        body.page-android .step-visual-kicker { display:inline-flex; align-items:center; min-height:22px; padding:.2rem .5rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.62rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
        body.page-android .step-visual-title { font-size:.82rem; line-height:1.16; font-weight:700; color:var(--blue-dark); text-wrap:balance; }
        body.page-android .step-visual-body { display:grid; align-content:center; gap:7px; }
        body.page-android .step-visual-line { height:8px; border-radius:999px; background:#e6eefb; }
        body.page-android .step-visual-line.is-short { width:62%; }
        body.page-android .step-visual-line.is-mid { width:82%; }
        body.page-android .step-visual-nav { display:grid; gap:8px; }
        body.page-android .step-visual-home { width:44%; height:5px; margin:0 auto; border-radius:999px; background:#d3dded; }
        body.page-android .step-visual-note { font-size:.68rem; line-height:1.34; color:var(--muted); text-align:center; }
        body.page-android .step-gallery-caption { display:none; }
        body.page-android .step-gallery-caption p { font-size:.8rem; line-height:1.46; }
        body.page-android .step-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
        body.page-android .step-gallery.count-1 { grid-template-columns:1fr; }
        body.page-android .step-gallery-item { display:grid; gap:8px; margin:0; }
        body.page-android .step-gallery-item .step-visual-placeholder { min-height:300px; }
        body.page-android .step-gallery-caption.is-visible { display:block; }
        body.page-android .step-gallery-caption.is-visible p { text-align:center; }
        body.page-android .wizard-actions { justify-content:flex-end; margin-top:8px; }
        body.page-android .footer-box { padding:18px 20px; }
        body.page-android .footer-box p { font-size:.84rem; }
        body.page-android .noscript-box { padding:18px 20px; font-size:.92rem; }
        @media (max-width:960px) {
            body.page-android .site-header {position:static;}
            body.page-android .header-inner {min-height:72px; padding:12px 0;}
            body.page-android .hero h1 {max-width:none;}
            body.page-android .android-hero-layout, body.page-android .android-version-grid, body.page-android .android-note-grid { grid-template-columns:1fr; }
            body.page-android .android-choice-shell { padding:10px; border-radius:24px; }
            body.page-android .android-version-card { grid-template-columns:1fr; }
            body.page-android .android-version-card--simple { grid-template-columns:minmax(0,1fr) auto; }
            body.page-android .android-version-media { border-right:0; border-bottom:1px solid #e3ebf7; min-height:240px; }
            body.page-android .android-version-media img { max-height:240px; }
            body.page-android .step-gallery { grid-template-columns:1fr; }
            body.page-android .wizard {width:100%; padding:12px; border-radius:20px;}
            body.page-android .wizard-head, body.page-android .step-grid {grid-template-columns:1fr; flex-direction:column;}
            body.page-android .progress-meta {align-items:flex-start;}
            body.page-android .progress-label {width:100%; font-size:.78rem;}
            body.page-android .side-card, body.page-android .step-card {padding:14px;}
            body.page-android .step-copy-card {min-width:0;}
            body.page-android .step-visual-placeholder {min-height:260px;}
            body.page-android .step-visual-placeholder img {max-height:400px;}
            body.page-android .wizard-actions {
                position:sticky;
                bottom:calc(10px + env(safe-area-inset-bottom));
                z-index:6;
                padding:8px;
                margin-top:12px;
                background:rgba(245,247,251,.94);
                border:1px solid #dde6f1;
                border-radius:16px;
                backdrop-filter:blur(12px);
                box-shadow:0 12px 24px rgba(10,22,40,.08);
            }
            body.page-android .wizard-buttons, body.page-android .hero-actions, body.page-android .wizard-tools {width:100%;}
            body.page-android .wizard-actions .button, body.page-android .wizard-actions .button-secondary, body.page-android .wizard-buttons .button, body.page-android .wizard-buttons .button-secondary {
                flex:1 1 0;
                min-width:0;
                min-height:46px;
            }
        }

        body.page-android .brand small {
            display: block;
            margin-top: 0.18rem;
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--blue-dark);
        }
        @media (max-height:920px) and (min-width:961px) {
            body.page-android .section { padding:8px 0; }
            body.page-android .wizard { padding:6px; }
            body.page-android .progress { margin-top:5px; padding:6px 8px; }
            body.page-android .step-card { margin-top:5px; padding:4px; }
            body.page-android .step-grid { grid-template-columns:minmax(0,.98fr) minmax(0,.86fr); gap:5px; }
            body.page-android .side-card { padding:6px; }
            body.page-android .step-copy-card { gap:6px; }
            body.page-android .step-copy-card h3 { font-size:1rem; }
            body.page-android .step-lead { font-size:.76rem; line-height:1.36; }
            body.page-android .step-detail-list { gap:6px; }
            body.page-android .step-detail-list li { grid-template-columns:22px minmax(0,1fr); gap:7px; font-size:.72rem; line-height:1.29; }
            body.page-android .step-detail-list li::before { width:22px; height:22px; font-size:.68rem; }
            body.page-android .step-note-line { padding-top:7px; font-size:.68rem; line-height:1.36; }
            body.page-android .copy-inline { gap:7px; margin-top:4px; padding:5px 7px 5px 9px; }
            body.page-android .copy-inline-button { width:30px; min-width:30px; min-height:30px; }
            body.page-android .step-action-row { margin-top:7px; }
            body.page-android .side-card.alt { padding:5px; }
            body.page-android .step-figure { height:100%; align-content:center; }
            body.page-android .step-visual-placeholder { min-height:270px; padding:8px; }
            body.page-android .step-visual-placeholder img { max-width:min(100%,250px); max-height:min(56vh,390px); }
            body.page-android .wizard-actions {
                position:sticky;
                bottom:10px;
                z-index:6;
                padding:6px;
                margin-top:4px;
                background:rgba(245,247,251,.94);
                border:1px solid #dde6f1;
                border-radius:14px;
                backdrop-filter:blur(12px);
                box-shadow:0 10px 20px rgba(10,22,40,.08);
            }
            body.page-android .button, body.page-android .button-secondary, body.page-android .step-action-link { min-height:38px; padding:.62rem .9rem; font-size:.82rem; }
        }
        @media (max-width:720px) { body.page-android .container {width:min(1140px,calc(100vw - 24px));} body.page-android .brand {gap:12px;} body.page-android .brand img {width:132px;} body.page-android .brand span {font-size:.68rem;} body.page-android .brand strong {font-size:.92rem;} body.page-android .brand small {font-size:.78rem;} body.page-android .hero .panel, body.page-android .wizard, body.page-android .step-card, body.page-android .footer-box, body.page-android .noscript-box {padding:16px;} body.page-android .progress {padding:10px;} body.page-android .step-detail-list li {grid-template-columns:24px minmax(0,1fr); font-size:.82rem;} body.page-android .step-detail-list li::before {width:24px;height:24px;font-size:.7rem;} body.page-android .wizard-buttons, body.page-android .hero-actions, body.page-android .wizard-tools {width:100%;} body.page-android .button, body.page-android .button-secondary {width:100%;} body.page-android .step-visual-placeholder {min-height:280px; padding:12px;} body.page-android .step-visual-device {width:min(172px,100%); padding:7px; border-radius:26px;} body.page-android .step-visual-device::before {top:7px; width:52px; height:7px;} body.page-android .step-visual-screen {border-radius:19px; padding:12px 9px 9px;} body.page-android .step-visual-title {font-size:.78rem;} body.page-android .step-visual-note {font-size:.64rem;} }
        @media (max-width:720px) {
            body.page-android .site-header { position:static; }
            body.page-android .header-inner { min-height:70px; padding:12px 0; }
            body.page-android .android-helper-card { padding:16px; }
            body.page-android .android-selection-copy { margin-bottom:14px; }
            body.page-android .android-choice-shell { padding:8px; border-radius:22px; }
            body.page-android .android-version-card--simple { grid-template-columns:minmax(0,1fr) auto; min-height:102px; padding:16px 16px 16px 18px; }
            body.page-android .android-choice-copy { gap:10px; }
            body.page-android .android-choice-tag { min-height:28px; padding:.3rem .78rem; font-size:.7rem; }
            body.page-android .android-version-title-only { font-size:1.04rem; }
            body.page-android .android-version-arrow--simple { width:32px; height:32px; }
            body.page-android .android-version-body { padding:18px 16px; }
            body.page-android .android-version-media { padding:16px; min-height:220px; }
            body.page-android .android-version-head strong { font-size:1rem; }
            body.page-android .android-version-body p { font-size:.88rem; }
            body.page-android .android-version-points li, body.page-android .android-overview-list li { font-size:.82rem; }
            body.page-android .step-gallery-item .step-visual-placeholder { min-height:280px; }
            body.page-android .wizard { width:100%; padding:12px; border-radius:18px; }
            body.page-android .wizard-top { padding:0; }
            body.page-android .side-card, body.page-android .step-card { padding:14px; }
            body.page-android .step-copy-card { gap:12px; min-width:0; }
            body.page-android .progress-meta { align-items:flex-start; }
            body.page-android .progress-label { width:100%; font-size:.76rem; }
            body.page-android .step-detail-list { gap:10px; }
            body.page-android .wizard-actions { position:sticky; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:6; padding:8px; margin-top:12px; background:rgba(245,247,251,.94); border:1px solid #dde6f1; border-radius:16px; backdrop-filter:blur(12px); box-shadow:0 12px 24px rgba(10,22,40,.08); }
            body.page-android .wizard-actions .button, body.page-android .wizard-actions .button-secondary { min-height:46px; }
        }
        @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} body.page-android * {transition:none !important;} }

/* ===== IOS ===== */
body.page-ios { --blue:#1c458b; --blue-dark:#0a1628; --yellow:#ffc90d; --text:#233147; --muted:#617084; --line:#dde6f1; --page:#f5f7fb; --card:#fff; --soft:#eef4ff; --shadow:0 12px 28px rgba(12,35,72,.07); --container:min(1140px,calc(100vw - 32px)); }
        body.page-ios * { box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body.page-ios { margin:0; font-family:"Montserrat",sans-serif; color:var(--text); background:var(--page); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden; padding-bottom:env(safe-area-inset-bottom); }
        body.page-ios a { color:inherit; text-decoration:none; }
        body.page-ios button { font:inherit; }
        body.page-ios a:focus-visible, body.page-ios button:focus-visible { outline:3px solid rgba(255,201,13,.55); outline-offset:3px; }
        body.page-ios img { display:block; max-width:100%; }
        body.page-ios h1, body.page-ios h2, body.page-ios h3, body.page-ios p { margin:0; }
        body.page-ios .container { width:var(--container); margin:0 auto; }
        body.page-ios .site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-top:3px solid var(--yellow); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
        body.page-ios .header-inner, body.page-ios .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
        body.page-ios .header-inner { min-height:80px; }
        body.page-ios .brand { display:inline-flex; align-items:center; gap:16px; min-width:0; }
        body.page-ios .brand img { width:166px; height:auto; }
        body.page-ios .brand span { display:block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); }
        body.page-ios .brand strong { display:block; margin-top:.2rem; font-size:1rem; color:var(--blue-dark); }
        body.page-ios .button, body.page-ios .button-secondary, body.page-ios .step-action-link { display:inline-flex; align-items:center; justify-content:center; min-height:41px; padding:.7rem .96rem; border-radius:999px; border:1px solid transparent; font-size:.87rem; font-weight:700; transition:background-color .16s ease,border-color .16s ease,transform .16s ease; }
        body.page-ios .button { background:var(--blue); color:#fff; }
        body.page-ios .button:hover, body.page-ios .button:focus-visible, body.page-ios .step-action-link:hover, body.page-ios .step-action-link:focus-visible { background:#17386f; border-color:#17386f; color:#fff; transform:translateY(-1px); }
        body.page-ios .button-secondary { background:#fff; color:var(--blue); border-color:#d6e2f1; }
        body.page-ios .button-secondary:hover, body.page-ios .button-secondary:focus-visible { background:#f8fbff; border-color:#bfd0e9; transform:translateY(-1px); }
        body.page-ios .button[disabled], body.page-ios .button-secondary[disabled] { opacity:.55; cursor:not-allowed; transform:none; }
        body.page-ios .section { padding:12px 0; }
        body.page-ios .wizard, body.page-ios .footer-box, body.page-ios .noscript-box { background:var(--card); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
        body.page-ios .wizard { width:min(100%,1020px); margin:0 auto; padding:9px; }
        body.page-ios .wizard-top { padding:4px 4px 0; }
        body.page-ios .wizard-top--split { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
        body.page-ios .wizard.is-hidden, body.page-ios .chooser.is-hidden { display:none; }
        body.page-ios .pill { display:inline-flex; align-items:center; min-height:32px; padding:.35rem .76rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
        body.page-ios .ios-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
        body.page-ios .ios-choice-card { display:grid; gap:8px; width:100%; min-height:88px; padding:14px 16px; border-radius:16px; border:1px solid #dbe5f3; background:#fff; text-align:left; cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
        body.page-ios .ios-choice-card:hover, body.page-ios .ios-choice-card:focus-visible { transform:translateY(-1px); border-color:#c5d6ee; box-shadow:0 12px 24px rgba(20,52,97,.07); }
        body.page-ios .ios-choice-card.is-selected { border-color:rgba(28,69,139,.34); box-shadow:0 0 0 3px rgba(28,69,139,.06); }
        body.page-ios .ios-choice-tag { display:inline-flex; align-items:center; min-height:26px; width:fit-content; padding:.22rem .56rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
        body.page-ios .ios-choice-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
        body.page-ios .ios-choice-head strong { font-size:.95rem; line-height:1.22; color:var(--blue-dark); text-wrap:balance; }
        body.page-ios .ios-choice-arrow { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#f2f6fd; color:var(--blue); font-size:.95rem; flex:0 0 auto; }
        body.page-ios .wizard-reset { margin-left:auto; }
        body.page-ios .progress { margin-top:9px; padding:8px 10px; border-radius:18px; border:1px solid #deebfb; background:#f8fbff; }
        body.page-ios .progress-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
        body.page-ios .progress-count, body.page-ios .progress-label { font-size:.8rem; font-weight:700; }
        body.page-ios .progress-count { color:var(--blue); }
        body.page-ios .progress-label { color:var(--muted); }
        body.page-ios .progress-track { margin-top:7px; height:8px; border-radius:999px; background:#dfe9f8; overflow:hidden; }
        body.page-ios .progress-fill { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue) 0%,#2d64be 100%); transition:width .22s ease; }
        body.page-ios .step-card { margin-top:7px; border-radius:18px; border:1px solid var(--line); background:#fff; padding:6px; }
        body.page-ios .step-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:6px; align-items:stretch; }
        body.page-ios .side-card { border-radius:18px; border:1px solid var(--line); background:#fff; padding:9px; }
        body.page-ios .side-card.alt { display:grid; align-content:start; background:#f8fbff; border-color:#e3ebf7; }
        body.page-ios .step-copy-card { display:grid; align-content:start; gap:9px; }
        body.page-ios .step-copy-card h3 { margin:0; font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.18; color:var(--blue-dark); text-wrap:balance; }
        body.page-ios .step-lead { margin:0; color:var(--muted); font-size:.81rem; line-height:1.48; }
        body.page-ios .step-detail-list { margin:0; padding:1px 0 0; list-style:none; display:grid; gap:8px; counter-reset:step-detail; }
        body.page-ios .step-detail-list li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:9px; align-items:start; color:var(--muted); font-size:.77rem; line-height:1.4; }
        body.page-ios .step-detail-text { display:block; min-width:0; }
        body.page-ios .step-detail-list li::before { counter-increment:step-detail; content:counter(step-detail); display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#f5f8fd; border:1px solid #deebfb; color:var(--blue); font-size:.7rem; font-weight:700; line-height:1; }
        body.page-ios .step-note-line { margin:2px 0 0; color:var(--muted); font-size:.72rem; line-height:1.42; padding-top:10px; border-top:1px solid #e8eef7; }
        body.page-ios .step-inline-highlight { color:#c2272d; font-weight:700; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }
        body.page-ios .step-inline-credential { color:#c2272d; font-weight:700; }
        body.page-ios .step-action-row { margin-top:11px; display:grid; }
        body.page-ios .step-action-link { width:100%; min-height:44px; border-radius:14px; background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:0 10px 22px rgba(28,69,139,.16); }
        body.page-ios .step-figure { display:grid; gap:8px; margin:0; height:100%; justify-items:center; }
        body.page-ios .step-device-shell { display:grid; place-items:center; min-height:420px; width:100%; border-radius:16px; border:1px solid #dfe8f4; background:radial-gradient(circle at top, rgba(255,255,255,.96) 0%, rgba(238,244,255,.95) 100%); padding:12px; }
        body.page-ios .step-device { position:relative; width:min(214px,100%); aspect-ratio:9 / 19.5; padding:7px; border-radius:34px; background:linear-gradient(180deg,#161d2e 0%,#0b1222 100%); box-shadow:0 16px 34px rgba(10,22,40,.18), inset 0 1px 0 rgba(255,255,255,.08); }
        body.page-ios .step-device::before { content:""; position:absolute; top:7px; left:50%; transform:translateX(-50%); width:96px; height:24px; border-radius:0 0 16px 16px; background:#0b1222; box-shadow:0 1px 0 rgba(255,255,255,.04); z-index:2; }
        body.page-ios .step-device::after { content:""; position:absolute; top:108px; right:-2px; width:4px; height:38px; border-radius:999px; background:#253047; box-shadow:0 54px 0 #253047; }
        body.page-ios .step-screen { position:relative; height:100%; border-radius:27px; border:1px solid rgba(218,228,244,.75); background:#fff; overflow:hidden; padding:6px; }
        body.page-ios .step-screen img { width:100%; height:100%; object-fit:contain; object-position:center; border-radius:21px; background:#fff; }
        body.page-ios .wizard-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:7px; }
        body.page-ios .footer-box { padding:18px 20px; }
        body.page-ios .footer-box p { color:var(--muted); font-size:.84rem; line-height:1.6; }
        body.page-ios .noscript-box { margin-top:12px; padding:18px 20px; font-size:.92rem; }
        @media (max-width:980px) {
            body.page-ios .site-header {position:static;}
            body.page-ios .header-inner {min-height:72px; padding:12px 0;}
            body.page-ios .wizard {width:100%; padding:12px; border-radius:20px;}
            body.page-ios .ios-choice-grid { grid-template-columns:1fr; gap:8px; }
            body.page-ios .step-grid {grid-template-columns:1fr;}
            body.page-ios .step-device-shell {min-height:380px;}
            body.page-ios .progress-meta {align-items:flex-start;}
            body.page-ios .progress-label {width:100%; font-size:.78rem;}
            body.page-ios .side-card, body.page-ios .step-card {padding:14px;}
            body.page-ios .step-copy-card {min-width:0;}
            body.page-ios .wizard-actions {
                position:sticky;
                bottom:calc(10px + env(safe-area-inset-bottom));
                z-index:6;
                padding:8px;
                margin-top:12px;
                background:rgba(245,247,251,.94);
                border:1px solid #dde6f1;
                border-radius:16px;
                backdrop-filter:blur(12px);
                box-shadow:0 12px 24px rgba(10,22,40,.08);
            }
            body.page-ios .wizard-actions .button, body.page-ios .wizard-actions .button-secondary {
                flex:1 1 0;
                min-width:0;
                min-height:46px;
            }
        }

        body.page-ios .brand small {
            display: block;
            margin-top: 0.18rem;
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--blue-dark);
        }
        @media (max-height:920px) and (min-width:981px) {
            body.page-ios .wizard { padding:7px; }
            body.page-ios .progress { padding:7px 9px; }
            body.page-ios .step-card { padding:4px; }
            body.page-ios .side-card { padding:7px; }
            body.page-ios .step-copy-card { gap:7px; }
            body.page-ios .step-copy-card h3 { font-size:1rem; }
            body.page-ios .step-lead { font-size:.78rem; line-height:1.42; }
            body.page-ios .step-detail-list { gap:7px; }
            body.page-ios .step-detail-list li { font-size:.75rem; line-height:1.36; }
            body.page-ios .step-note-line { padding-top:8px; font-size:.7rem; }
            body.page-ios .step-action-row { margin-top:8px; }
            body.page-ios .step-device-shell { min-height:336px; padding:10px; }
            body.page-ios .step-device { width:min(194px,100%); padding:7px; border-radius:31px; }
            body.page-ios .step-device::before { width:88px; height:22px; }
            body.page-ios .step-screen { border-radius:24px; padding:6px; }
            body.page-ios .wizard-actions { margin-top:4px; }
            body.page-ios .button, body.page-ios .button-secondary, body.page-ios .step-action-link { min-height:38px; padding:.62rem .9rem; font-size:.82rem; }
        }
        @media (max-width:720px) {
            body.page-ios .container {width:min(1140px,calc(100vw - 24px));}
            body.page-ios .brand {gap:12px;}
        body.page-ios .brand img {width:132px;}
            body.page-ios .brand span {font-size:.68rem;}
            body.page-ios .brand strong {font-size:.92rem;} body.page-ios .brand small {font-size:.78rem;}
            body.page-ios .wizard, body.page-ios .step-card, body.page-ios .footer-box, body.page-ios .noscript-box {padding:16px;}
            body.page-ios .progress {padding:10px;}
            body.page-ios .ios-choice-card { min-height:80px; padding:13px 14px; }
            body.page-ios .step-device-shell {min-height:320px; padding:12px;}
            body.page-ios .step-device {width:min(204px,100%);}
            body.page-ios .step-device::before {width:90px; height:22px;}
            body.page-ios .step-screen {padding:6px;}
            body.page-ios .wizard-actions {width:100%;}
            body.page-ios .button, body.page-ios .button-secondary {width:100%;}
        }
        @media (max-width:720px) {
            body.page-ios .site-header { position:static; }
            body.page-ios .header-inner { min-height:70px; padding:12px 0; }
            body.page-ios .wizard { width:100%; padding:12px; border-radius:18px; }
            body.page-ios .wizard-top { padding:0; }
            body.page-ios .wizard-top--split { align-items:stretch; }
            body.page-ios .side-card, body.page-ios .step-card { padding:14px; }
            body.page-ios .step-copy-card { gap:12px; min-width:0; }
            body.page-ios .progress-meta { align-items:flex-start; }
            body.page-ios .progress-label { width:100%; font-size:.76rem; }
            body.page-ios .step-detail-list { gap:10px; }
            body.page-ios .ios-choice-copy { padding:14px 0 2px; }
            body.page-ios .ios-choice-copy p { font-size:.86rem; }
            body.page-ios .wizard-reset { width:100%; margin-left:0; }
            body.page-ios .modal-card { max-height:min(86vh,640px); overflow:auto; overscroll-behavior:contain; }
            body.page-ios .wizard-actions { position:sticky; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:6; padding:8px; margin-top:12px; background:rgba(245,247,251,.94); border:1px solid #dde6f1; border-radius:16px; backdrop-filter:blur(12px); box-shadow:0 12px 24px rgba(10,22,40,.08); }
            body.page-ios .wizard-actions .button, body.page-ios .wizard-actions .button-secondary { min-height:46px; }
        }
        @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} body.page-ios * {transition:none !important;} }

/* ===== IOS_MAC ===== */
body.page-ios-mac { --blue:#1c458b; --blue-dark:#0a1628; --yellow:#ffc90d; --text:#233147; --muted:#617084; --line:#dde6f1; --page:#f5f7fb; --card:#fff; --soft:#eef4ff; --shadow:0 12px 28px rgba(12,35,72,.07); --container:min(1160px,calc(100vw - 32px)); }
        body.page-ios-mac * { box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body.page-ios-mac { margin:0; font-family:"Montserrat",sans-serif; color:var(--text); background:var(--page); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden; padding-bottom:env(safe-area-inset-bottom); }
        body.page-ios-mac a { color:inherit; text-decoration:none; }
        body.page-ios-mac button { font:inherit; }
        body.page-ios-mac a:focus-visible, body.page-ios-mac button:focus-visible { outline:3px solid rgba(255,201,13,.55); outline-offset:3px; }
        body.page-ios-mac img { display:block; max-width:100%; }
        body.page-ios-mac h1, body.page-ios-mac h2, body.page-ios-mac h3, body.page-ios-mac h4, body.page-ios-mac p { margin:0; }
        body.page-ios-mac .container { width:var(--container); margin:0 auto; }
        body.page-ios-mac .site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-top:3px solid var(--yellow); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
        body.page-ios-mac .header-inner, body.page-ios-mac .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
        body.page-ios-mac .header-inner { min-height:80px; }
        body.page-ios-mac .brand { display:inline-flex; align-items:center; gap:16px; min-width:0; }
        body.page-ios-mac .brand img { width:166px; height:auto; }
        body.page-ios-mac .brand span { display:block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); }
        body.page-ios-mac .brand strong { display:block; margin-top:.2rem; font-size:1rem; color:var(--blue-dark); }
        body.page-ios-mac .button, body.page-ios-mac .button-secondary, body.page-ios-mac .step-action-link { display:inline-flex; align-items:center; justify-content:center; min-height:41px; padding:.7rem .96rem; border-radius:999px; border:1px solid transparent; font-size:.87rem; font-weight:700; transition:background-color .16s ease,border-color .16s ease,transform .16s ease; }
        body.page-ios-mac .button { background:var(--blue); color:#fff; }
        body.page-ios-mac .button:hover, body.page-ios-mac .button:focus-visible, body.page-ios-mac .step-action-link:hover, body.page-ios-mac .step-action-link:focus-visible { background:#17386f; border-color:#17386f; color:#fff; transform:translateY(-1px); }
        body.page-ios-mac .button-secondary { background:#fff; color:var(--blue); border-color:#d6e2f1; }
        body.page-ios-mac .button-secondary:hover, body.page-ios-mac .button-secondary:focus-visible { background:#f8fbff; border-color:#bfd0e9; transform:translateY(-1px); }
        body.page-ios-mac .button[disabled], body.page-ios-mac .button-secondary[disabled] { opacity:.55; cursor:not-allowed; transform:none; }
        body.page-ios-mac .section { padding:12px 0; }
        body.page-ios-mac .wizard, body.page-ios-mac .footer-box, body.page-ios-mac .noscript-box { background:var(--card); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
        body.page-ios-mac .wizard { width:min(100%,1060px); margin:0 auto; padding:9px; }
        body.page-ios-mac .wizard-top { padding:4px 4px 0; }
        body.page-ios-mac .pill { display:inline-flex; align-items:center; min-height:32px; padding:.35rem .76rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
        body.page-ios-mac .progress { margin-top:9px; padding:8px 10px; border-radius:18px; border:1px solid #deebfb; background:#f8fbff; }
        body.page-ios-mac .progress-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
        body.page-ios-mac .progress-count, body.page-ios-mac .progress-label { font-size:.8rem; font-weight:700; }
        body.page-ios-mac .progress-count { color:var(--blue); }
        body.page-ios-mac .progress-label { color:var(--muted); }
        body.page-ios-mac .progress-track { margin-top:7px; height:8px; border-radius:999px; background:#dfe9f8; overflow:hidden; }
        body.page-ios-mac .progress-fill { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue) 0%,#2d64be 100%); transition:width .22s ease; }
        body.page-ios-mac .step-card { margin-top:7px; border-radius:18px; border:1px solid var(--line); background:#fff; padding:6px; }
        body.page-ios-mac .step-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:6px; align-items:stretch; }
        body.page-ios-mac .side-card { border-radius:18px; border:1px solid var(--line); background:#fff; padding:14px; }
        body.page-ios-mac .side-card.alt { display:grid; align-content:start; background:#f8fbff; border-color:#e3ebf7; }
        body.page-ios-mac .step-copy-card { display:grid; align-content:start; gap:13px; }
        body.page-ios-mac .step-copy-card h3 { margin:0; font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.22; color:var(--blue-dark); text-wrap:balance; }
        body.page-ios-mac .step-lead { margin:0; color:var(--muted); font-size:.81rem; line-height:1.56; }
        body.page-ios-mac .step-detail-list { margin:0; padding:3px 0 0; list-style:none; display:grid; gap:11px; counter-reset:step-detail; }
        body.page-ios-mac .step-detail-list li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:9px; align-items:start; color:var(--muted); font-size:.77rem; line-height:1.4; }
        body.page-ios-mac .step-detail-text { display:block; min-width:0; }
        body.page-ios-mac .step-detail-list li::before { counter-increment:step-detail; content:counter(step-detail); display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#f5f8fd; border:1px solid #deebfb; color:var(--blue); font-size:.7rem; font-weight:700; line-height:1; }
        body.page-ios-mac .step-note-line { margin:4px 0 0; color:var(--muted); font-size:.72rem; line-height:1.5; padding-top:12px; border-top:1px solid #e8eef7; }
        body.page-ios-mac .step-note-line.is-alert { color:#c2272d; font-weight:700; font-size:.78rem; line-height:1.55; }
        body.page-ios-mac .step-inline-highlight { color:#c2272d; font-weight:700; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }
        body.page-ios-mac .step-inline-credential { color:#c2272d; font-weight:700; }
        body.page-ios-mac .step-action-row { margin-top:11px; display:grid; }
        body.page-ios-mac .step-action-link { width:100%; min-height:44px; border-radius:14px; background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:0 10px 22px rgba(28,69,139,.16); }
        body.page-ios-mac .step-figure { display:grid; gap:8px; margin:0; height:100%; }
        body.page-ios-mac .step-device-shell { display:grid; min-height:390px; border-radius:16px; border:1px solid #dfe8f4; background:radial-gradient(circle at top, rgba(255,255,255,.96) 0%, rgba(238,244,255,.96) 100%); padding:12px; }
        body.page-ios-mac .mac-window { position:relative; display:grid; grid-template-rows:auto 1fr; width:100%; min-height:100%; border-radius:18px; border:1px solid #dbe5f3; background:#f6f9fe; overflow:hidden; box-shadow:0 14px 32px rgba(14,33,65,.09); }
        body.page-ios-mac .mac-toolbar { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; min-height:42px; padding:0 14px; border-bottom:1px solid #e1e8f4; background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 100%); }
        body.page-ios-mac .traffic-lights { display:flex; align-items:center; gap:8px; }
        body.page-ios-mac .traffic-lights span { width:12px; height:12px; border-radius:50%; display:block; }
        body.page-ios-mac .traffic-lights span:nth-child(1) { background:#ff5f57; }
        body.page-ios-mac .traffic-lights span:nth-child(2) { background:#febc2e; }
        body.page-ios-mac .traffic-lights span:nth-child(3) { background:#28c840; }
        body.page-ios-mac .mac-toolbar strong { font-size:.82rem; color:var(--blue-dark); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        body.page-ios-mac .mac-toolbar small { font-size:.72rem; color:var(--muted); }
        body.page-ios-mac .mac-screen { position:relative; min-height:320px; padding:18px; background:linear-gradient(180deg, rgba(247,250,255,.74) 0%, rgba(238,244,255,.92) 100%); overflow:hidden; }
        body.page-ios-mac .mac-wallpaper { position:absolute; inset:0; background:
            radial-gradient(circle at 18% 16%, rgba(255,255,255,.84) 0%, rgba(255,255,255,0) 34%),
            radial-gradient(circle at 78% 82%, rgba(255,201,13,.16) 0%, rgba(255,201,13,0) 28%),
            linear-gradient(135deg, rgba(28,69,139,.18) 0%, rgba(48,96,173,.08) 34%, rgba(255,255,255,.46) 100%),
            linear-gradient(180deg, rgba(244,248,255,.98) 0%, rgba(231,239,250,.96) 100%);
        }

        body.page-ios-mac .brand small {
            display: block;
            margin-top: 0.18rem;
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--blue-dark);
        }
        body.page-ios-mac .mac-wallpaper::after {
            content:"";
            position:absolute;
            right:18px;
            bottom:16px;
            width:170px;
            height:170px;
            background:url('img/selcuk-mark.png') no-repeat center / contain;
            opacity:.11;
            filter:saturate(.9);
        }
        body.page-ios-mac .mac-panel { position:relative; z-index:1; display:grid; gap:12px; width:min(100%,420px); margin:0 auto; padding:18px; border-radius:18px; border:1px solid rgba(220,230,243,.95); background:rgba(255,255,255,.92); backdrop-filter:blur(14px); box-shadow:0 14px 28px rgba(17,40,76,.09); }
        body.page-ios-mac .mac-panel-header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
        body.page-ios-mac .mac-chip { display:inline-flex; align-items:center; min-height:26px; padding:.22rem .6rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
        body.page-ios-mac .mac-status { font-size:.7rem; font-weight:700; color:#4d657f; }
        body.page-ios-mac .mac-panel h4 { font-size:1rem; line-height:1.25; color:var(--blue-dark); text-wrap:balance; }
        body.page-ios-mac .mac-subline { color:var(--muted); font-size:.74rem; line-height:1.5; }
        body.page-ios-mac .mac-meta { display:grid; gap:8px; }
        body.page-ios-mac .mac-row { display:grid; grid-template-columns:1fr; gap:5px; align-items:start; min-height:42px; padding:10px 12px; border-radius:14px; border:1px solid #e6edf7; background:#f9fbff; }
        body.page-ios-mac .mac-row span { font-size:.66rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#607089; }
        body.page-ios-mac .mac-row strong { min-width:0; font-size:.78rem; line-height:1.4; color:var(--blue-dark); overflow-wrap:anywhere; word-break:break-word; }
        body.page-ios-mac .mac-tags { display:flex; flex-wrap:wrap; gap:8px; }
        body.page-ios-mac .mac-tags span { display:inline-flex; align-items:center; min-height:28px; padding:.32rem .7rem; border-radius:999px; background:#eef4ff; color:var(--blue); font-size:.72rem; font-weight:700; }
        body.page-ios-mac .wizard-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:7px; }
        body.page-ios-mac .footer-box { padding:18px 20px; }
        body.page-ios-mac .footer-box p { color:var(--muted); font-size:.84rem; line-height:1.6; }
        body.page-ios-mac .noscript-box { margin-top:12px; padding:18px 20px; font-size:.92rem; }
        @media (max-width:980px) {
            body.page-ios-mac .site-header {position:static;}
            body.page-ios-mac .header-inner {min-height:72px; padding:12px 0;}
            body.page-ios-mac .wizard {width:100%; padding:12px; border-radius:20px;}
            body.page-ios-mac .step-grid {grid-template-columns:1fr;}
            body.page-ios-mac .step-device-shell {min-height:340px;}
            body.page-ios-mac .mac-panel {width:min(100%,460px);}
            body.page-ios-mac .progress-meta {align-items:flex-start;}
            body.page-ios-mac .progress-label {width:100%; font-size:.78rem;}
            body.page-ios-mac .side-card, body.page-ios-mac .step-card {padding:14px;}
            body.page-ios-mac .step-copy-card {min-width:0;}
            body.page-ios-mac .wizard-actions {
                position:sticky;
                bottom:calc(10px + env(safe-area-inset-bottom));
                z-index:6;
                padding:8px;
                margin-top:12px;
                background:rgba(245,247,251,.94);
                border:1px solid #dde6f1;
                border-radius:16px;
                backdrop-filter:blur(12px);
                box-shadow:0 12px 24px rgba(10,22,40,.08);
            }
            body.page-ios-mac .wizard-actions .button, body.page-ios-mac .wizard-actions .button-secondary {
                flex:1 1 0;
                min-width:0;
                min-height:46px;
            }
        }
        @media (max-height:920px) and (min-width:981px) {
            body.page-ios-mac .wizard { padding:7px; }
            body.page-ios-mac .progress { padding:7px 9px; }
            body.page-ios-mac .step-card { padding:4px; }
            body.page-ios-mac .side-card { padding:10px; }
            body.page-ios-mac .step-copy-card { gap:9px; }
            body.page-ios-mac .step-copy-card h3 { font-size:1rem; }
            body.page-ios-mac .step-lead { font-size:.78rem; line-height:1.42; }
            body.page-ios-mac .step-detail-list { gap:8px; }
            body.page-ios-mac .step-detail-list li { font-size:.75rem; line-height:1.36; }
            body.page-ios-mac .step-note-line { padding-top:8px; font-size:.7rem; }
            body.page-ios-mac .step-note-line.is-alert { font-size:.74rem; }
            body.page-ios-mac .step-action-row { margin-top:8px; }
            body.page-ios-mac .step-device-shell { min-height:320px; padding:10px; }
            body.page-ios-mac .mac-screen { min-height:256px; padding:14px; }
            body.page-ios-mac .mac-panel { gap:10px; padding:14px; }
            body.page-ios-mac .mac-row { min-height:38px; padding:8px 10px; gap:4px; }
            body.page-ios-mac .wizard-actions { margin-top:4px; }
            body.page-ios-mac .button, body.page-ios-mac .button-secondary, body.page-ios-mac .step-action-link { min-height:38px; padding:.62rem .9rem; font-size:.82rem; }
        }
        @media (max-width:720px) {
            body.page-ios-mac .container {width:min(1160px,calc(100vw - 24px));}
            body.page-ios-mac .brand {gap:12px;}
        body.page-ios-mac .brand img {width:132px;}
            body.page-ios-mac .brand span {font-size:.68rem;}
            body.page-ios-mac .brand strong {font-size:.92rem;} body.page-ios-mac .brand small {font-size:.78rem;}
            body.page-ios-mac .wizard, body.page-ios-mac .step-card, body.page-ios-mac .footer-box, body.page-ios-mac .noscript-box {padding:16px;}
            body.page-ios-mac .progress {padding:10px;}
            body.page-ios-mac .step-device-shell {min-height:300px; padding:10px;}
            body.page-ios-mac .mac-screen {min-height:270px; padding:12px;}
            body.page-ios-mac .mac-panel {padding:14px;}
            body.page-ios-mac .mac-row {grid-template-columns:1fr; gap:5px;}
            body.page-ios-mac .wizard-actions {width:100%;}
            body.page-ios-mac .button, body.page-ios-mac .button-secondary {width:100%;}
        }
        @media (max-width:720px) {
            body.page-ios-mac .site-header { position:static; }
            body.page-ios-mac .header-inner { min-height:70px; padding:12px 0; }
            body.page-ios-mac .wizard { width:100%; padding:12px; border-radius:18px; }
            body.page-ios-mac .wizard-top { padding:0; }
            body.page-ios-mac .side-card, body.page-ios-mac .step-card { padding:14px; }
            body.page-ios-mac .step-copy-card { gap:12px; min-width:0; }
            body.page-ios-mac .progress-meta { align-items:flex-start; }
            body.page-ios-mac .progress-label { width:100%; font-size:.76rem; }
            body.page-ios-mac .step-detail-list { gap:10px; }
            body.page-ios-mac .wizard-actions { position:sticky; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:6; padding:8px; margin-top:12px; background:rgba(245,247,251,.94); border:1px solid #dde6f1; border-radius:16px; backdrop-filter:blur(12px); box-shadow:0 12px 24px rgba(10,22,40,.08); }
            body.page-ios-mac .wizard-actions .button, body.page-ios-mac .wizard-actions .button-secondary { min-height:46px; }
        }
        @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} body.page-ios-mac * {transition:none !important;} }

/* ===== UBUNTU ===== */
body.page-ubuntu { --blue:#1c458b; --blue-dark:#0a1628; --yellow:#ffc90d; --text:#233147; --muted:#617084; --line:#dde6f1; --page:#f5f7fb; --card:#fff; --soft:#eef4ff; --shadow:0 12px 28px rgba(12,35,72,.07); --container:min(1160px,calc(100vw - 32px)); }
        body.page-ubuntu * { box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body.page-ubuntu { margin:0; font-family:"Montserrat",sans-serif; color:var(--text); background:var(--page); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden; padding-bottom:env(safe-area-inset-bottom); }
        body.page-ubuntu a { color:inherit; text-decoration:none; }
        body.page-ubuntu button { font:inherit; }
        body.page-ubuntu a:focus-visible, body.page-ubuntu button:focus-visible { outline:3px solid rgba(255,201,13,.55); outline-offset:3px; }
        body.page-ubuntu img { display:block; max-width:100%; }
        body.page-ubuntu h1, body.page-ubuntu h2, body.page-ubuntu h3, body.page-ubuntu p { margin:0; }
        body.page-ubuntu .container { width:var(--container); margin:0 auto; }
        body.page-ubuntu .site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-top:3px solid var(--yellow); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
        body.page-ubuntu .header-inner, body.page-ubuntu .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
        body.page-ubuntu .header-inner { min-height:80px; }
        body.page-ubuntu .brand { display:inline-flex; align-items:center; gap:16px; min-width:0; }
        body.page-ubuntu .brand img { width:166px; height:auto; }
        body.page-ubuntu .brand span { display:block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); }
        body.page-ubuntu .brand strong { display:block; margin-top:.2rem; font-size:1rem; color:var(--blue-dark); }
        body.page-ubuntu .button, body.page-ubuntu .button-secondary, body.page-ubuntu .step-action-link { display:inline-flex; align-items:center; justify-content:center; min-height:41px; padding:.7rem .96rem; border-radius:999px; border:1px solid transparent; font-size:.87rem; font-weight:700; transition:background-color .16s ease,border-color .16s ease,transform .16s ease; }
        body.page-ubuntu .button { background:var(--blue); color:#fff; }
        body.page-ubuntu .button:hover, body.page-ubuntu .button:focus-visible, body.page-ubuntu .step-action-link:hover, body.page-ubuntu .step-action-link:focus-visible { background:#17386f; border-color:#17386f; color:#fff; transform:translateY(-1px); }
        body.page-ubuntu .button-secondary { background:#fff; color:var(--blue); border-color:#d6e2f1; }
        body.page-ubuntu .button-secondary:hover, body.page-ubuntu .button-secondary:focus-visible { background:#f8fbff; border-color:#bfd0e9; transform:translateY(-1px); }
        body.page-ubuntu .button[disabled], body.page-ubuntu .button-secondary[disabled] { opacity:.55; cursor:not-allowed; transform:none; }
        body.page-ubuntu .section { padding:12px 0; }
        body.page-ubuntu .wizard, body.page-ubuntu .footer-box, body.page-ubuntu .noscript-box { background:var(--card); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
        body.page-ubuntu .wizard { width:min(100%,1060px); margin:0 auto; padding:9px; }
        body.page-ubuntu .wizard-top { padding:4px 4px 0; }
        body.page-ubuntu .pill, body.page-ubuntu .step-badge { display:inline-flex; align-items:center; min-height:32px; padding:.35rem .76rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
        body.page-ubuntu .progress { margin-top:9px; padding:8px 10px; border-radius:18px; border:1px solid #deebfb; background:#f8fbff; }
        body.page-ubuntu .progress-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
        body.page-ubuntu .progress-count, body.page-ubuntu .progress-label { font-size:.8rem; font-weight:700; }
        body.page-ubuntu .progress-count { color:var(--blue); }
        body.page-ubuntu .progress-label { color:var(--muted); }
        body.page-ubuntu .progress-track { margin-top:7px; height:8px; border-radius:999px; background:#dfe9f8; overflow:hidden; }
        body.page-ubuntu .progress-fill { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue) 0%,#2d64be 100%); transition:width .22s ease; }
        body.page-ubuntu .step-card { margin-top:7px; border-radius:18px; border:1px solid var(--line); background:#fff; padding:6px; }
        body.page-ubuntu .step-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:6px; align-items:stretch; }
        body.page-ubuntu .side-card { border-radius:18px; border:1px solid var(--line); background:#fff; padding:9px; }
        body.page-ubuntu .side-card.alt { display:grid; align-content:start; background:#f8fbff; border-color:#e3ebf7; }
        body.page-ubuntu .step-copy-card { display:grid; align-content:start; gap:9px; }
        body.page-ubuntu .step-badge { min-height:26px; padding:.22rem .56rem; font-size:.7rem; width:fit-content; }
        body.page-ubuntu .step-copy-card h3 { margin:0; font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.18; color:var(--blue-dark); text-wrap:balance; }
        body.page-ubuntu .step-lead { margin:0; color:var(--muted); font-size:.81rem; line-height:1.48; }
        body.page-ubuntu .step-detail-list { margin:0; padding:1px 0 0; list-style:none; display:grid; gap:8px; counter-reset:step-detail; }
        body.page-ubuntu .step-detail-list li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:9px; align-items:start; color:var(--muted); font-size:.77rem; line-height:1.4; }
        body.page-ubuntu .step-detail-text { display:block; min-width:0; }
        body.page-ubuntu .step-detail-list li::before { counter-increment:step-detail; content:counter(step-detail); display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#f5f8fd; border:1px solid #deebfb; color:var(--blue); font-size:.7rem; font-weight:700; line-height:1; }
        body.page-ubuntu .step-note-line { margin:2px 0 0; color:var(--muted); font-size:.72rem; line-height:1.4; padding-top:10px; border-top:1px solid #e8eef7; }
        body.page-ubuntu .step-inline-highlight { color:#c2272d; font-weight:700; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }
        body.page-ubuntu .step-inline-credential { color:#c2272d; font-weight:700; }
        body.page-ubuntu .step-action-row { margin-top:11px; display:grid; }
        body.page-ubuntu .step-action-link { width:100%; min-height:44px; border-radius:14px; background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:0 10px 22px rgba(28,69,139,.16); }
        body.page-ubuntu .step-figure { display:grid; gap:8px; margin:0; height:100%; }
        body.page-ubuntu .step-image-shell { display:grid; min-height:380px; border-radius:16px; border:1px solid #dfe8f4; background:radial-gradient(circle at top, rgba(255,255,255,.95) 0%, rgba(244,248,255,.95) 100%); padding:13px; }
        body.page-ubuntu .step-image-frame { display:grid; place-items:center; border-radius:14px; background:#fff; border:1px solid #e6edf7; box-shadow:inset 0 1px 0 rgba(255,255,255,.85); padding:9px; }
        body.page-ubuntu .step-image-frame img { width:100%; max-height:336px; object-fit:contain; object-position:center; }
        body.page-ubuntu .wizard-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:7px; }
        body.page-ubuntu .footer-box { padding:18px 20px; }
        body.page-ubuntu .footer-box p { color:var(--muted); font-size:.84rem; line-height:1.6; }
        body.page-ubuntu .noscript-box { margin-top:12px; padding:18px 20px; font-size:.92rem; }
        @media (max-width:980px) {
            body.page-ubuntu .site-header {position:static;}
            body.page-ubuntu .header-inner {min-height:72px; padding:12px 0;}
            body.page-ubuntu .wizard {width:100%; padding:12px; border-radius:20px;}
            body.page-ubuntu .step-grid {grid-template-columns:1fr;}
            body.page-ubuntu .step-image-shell {min-height:360px;}
            body.page-ubuntu .progress-meta {align-items:flex-start;}
            body.page-ubuntu .progress-label {width:100%; font-size:.78rem;}
            body.page-ubuntu .side-card, body.page-ubuntu .step-card {padding:14px;}
            body.page-ubuntu .step-copy-card {min-width:0;}
            body.page-ubuntu .wizard-actions {
                position:sticky;
                bottom:calc(10px + env(safe-area-inset-bottom));
                z-index:6;
                padding:8px;
                margin-top:12px;
                background:rgba(245,247,251,.94);
                border:1px solid #dde6f1;
                border-radius:16px;
                backdrop-filter:blur(12px);
                box-shadow:0 12px 24px rgba(10,22,40,.08);
            }
            body.page-ubuntu .wizard-actions .button, body.page-ubuntu .wizard-actions .button-secondary {
                flex:1 1 0;
                min-width:0;
                min-height:46px;
            }
        }

        body.page-ubuntu .brand small {
            display: block;
            margin-top: 0.18rem;
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--blue-dark);
        }
        @media (max-height:920px) and (min-width:981px) {
            body.page-ubuntu .wizard { padding:7px; }
            body.page-ubuntu .progress { padding:7px 9px; }
            body.page-ubuntu .step-card { padding:4px; }
            body.page-ubuntu .side-card { padding:7px; }
            body.page-ubuntu .step-copy-card { gap:7px; }
            body.page-ubuntu .step-copy-card h3 { font-size:1rem; }
            body.page-ubuntu .step-lead { font-size:.78rem; line-height:1.42; }
            body.page-ubuntu .step-detail-list { gap:7px; }
            body.page-ubuntu .step-detail-list li { font-size:.75rem; line-height:1.36; }
            body.page-ubuntu .step-note-line { padding-top:8px; font-size:.7rem; }
            body.page-ubuntu .step-action-row { margin-top:8px; }
            body.page-ubuntu .step-image-shell { min-height:320px; padding:10px; }
            body.page-ubuntu .step-image-frame { padding:7px; }
            body.page-ubuntu .step-image-frame img { max-height:272px; }
            body.page-ubuntu .wizard-actions { margin-top:4px; }
            body.page-ubuntu .button, body.page-ubuntu .button-secondary, body.page-ubuntu .step-action-link { min-height:38px; padding:.62rem .9rem; font-size:.82rem; }
        }
        @media (max-width:720px) {
            body.page-ubuntu .container {width:min(1160px,calc(100vw - 24px));}
            body.page-ubuntu .brand {gap:12px;}
        body.page-ubuntu .brand img {width:132px;}
            body.page-ubuntu .brand span {font-size:.68rem;}
            body.page-ubuntu .brand strong {font-size:.92rem;} body.page-ubuntu .brand small {font-size:.78rem;}
            body.page-ubuntu .wizard, body.page-ubuntu .step-card, body.page-ubuntu .footer-box, body.page-ubuntu .noscript-box {padding:16px;}
            body.page-ubuntu .progress {padding:10px;}
            body.page-ubuntu .step-image-shell {min-height:280px; padding:12px;}
            body.page-ubuntu .step-image-frame img {max-height:300px;}
            body.page-ubuntu .wizard-actions {width:100%;}
            body.page-ubuntu .button, body.page-ubuntu .button-secondary {width:100%;}
        }
        @media (max-width:720px) {
            body.page-ubuntu .site-header { position:static; }
            body.page-ubuntu .header-inner { min-height:70px; padding:12px 0; }
            body.page-ubuntu .wizard { width:100%; padding:12px; border-radius:18px; }
            body.page-ubuntu .wizard-top { padding:0; }
            body.page-ubuntu .side-card, body.page-ubuntu .step-card { padding:14px; }
            body.page-ubuntu .step-copy-card { gap:12px; min-width:0; }
            body.page-ubuntu .progress-meta { align-items:flex-start; }
            body.page-ubuntu .progress-label { width:100%; font-size:.76rem; }
            body.page-ubuntu .step-detail-list { gap:10px; }
            body.page-ubuntu .wizard-actions { position:sticky; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:6; padding:8px; margin-top:12px; background:rgba(245,247,251,.94); border:1px solid #dde6f1; border-radius:16px; backdrop-filter:blur(12px); box-shadow:0 12px 24px rgba(10,22,40,.08); }
            body.page-ubuntu .wizard-actions .button, body.page-ubuntu .wizard-actions .button-secondary { min-height:46px; }
        }
        @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} body.page-ubuntu * {transition:none !important;} }

/* ===== PARDUS ===== */
body.page-pardus { --blue:#1c458b; --blue-dark:#0a1628; --yellow:#ffc90d; --text:#233147; --muted:#617084; --line:#dde6f1; --page:#f5f7fb; --card:#fff; --soft:#eef4ff; --shadow:0 12px 28px rgba(12,35,72,.07); --container:min(1160px,calc(100vw - 32px)); }
        body.page-pardus * { box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body.page-pardus { margin:0; font-family:"Montserrat",sans-serif; color:var(--text); background:var(--page); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden; padding-bottom:env(safe-area-inset-bottom); }
        body.page-pardus a { color:inherit; text-decoration:none; }
        body.page-pardus button { font:inherit; }
        body.page-pardus a:focus-visible, body.page-pardus button:focus-visible { outline:3px solid rgba(255,201,13,.55); outline-offset:3px; }
        body.page-pardus img { display:block; max-width:100%; }
        body.page-pardus h1, body.page-pardus h2, body.page-pardus h3, body.page-pardus p { margin:0; }
        body.page-pardus .container { width:var(--container); margin:0 auto; }
        body.page-pardus .site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-top:3px solid var(--yellow); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
        body.page-pardus .header-inner, body.page-pardus .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
        body.page-pardus .header-inner { min-height:80px; }
        body.page-pardus .brand { display:inline-flex; align-items:center; gap:16px; min-width:0; }
        body.page-pardus .brand img { width:166px; height:auto; }
        body.page-pardus .brand span { display:block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); }
        body.page-pardus .brand strong { display:block; margin-top:.2rem; font-size:1rem; color:var(--blue-dark); }
        body.page-pardus .button, body.page-pardus .button-secondary, body.page-pardus .step-action-link { display:inline-flex; align-items:center; justify-content:center; min-height:41px; padding:.7rem .96rem; border-radius:999px; border:1px solid transparent; font-size:.87rem; font-weight:700; transition:background-color .16s ease,border-color .16s ease,transform .16s ease; }
        body.page-pardus .button { background:var(--blue); color:#fff; }
        body.page-pardus .button:hover, body.page-pardus .button:focus-visible, body.page-pardus .step-action-link:hover, body.page-pardus .step-action-link:focus-visible { background:#17386f; border-color:#17386f; color:#fff; transform:translateY(-1px); }
        body.page-pardus .button-secondary { background:#fff; color:var(--blue); border-color:#d6e2f1; }
        body.page-pardus .button-secondary:hover, body.page-pardus .button-secondary:focus-visible { background:#f8fbff; border-color:#bfd0e9; transform:translateY(-1px); }
        body.page-pardus .button[disabled], body.page-pardus .button-secondary[disabled] { opacity:.55; cursor:not-allowed; transform:none; }
        body.page-pardus .section { padding:12px 0; }
        body.page-pardus .wizard, body.page-pardus .footer-box, body.page-pardus .noscript-box { background:var(--card); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
        body.page-pardus .wizard { width:min(100%,1060px); margin:0 auto; padding:9px; }
        body.page-pardus .wizard-top { padding:4px 4px 0; }
        body.page-pardus .pill, body.page-pardus .step-badge { display:inline-flex; align-items:center; min-height:32px; padding:.35rem .76rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
        body.page-pardus .progress { margin-top:9px; padding:8px 10px; border-radius:18px; border:1px solid #deebfb; background:#f8fbff; }
        body.page-pardus .progress-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
        body.page-pardus .progress-count, body.page-pardus .progress-label { font-size:.8rem; font-weight:700; }
        body.page-pardus .progress-count { color:var(--blue); }
        body.page-pardus .progress-label { color:var(--muted); }
        body.page-pardus .progress-track { margin-top:7px; height:8px; border-radius:999px; background:#dfe9f8; overflow:hidden; }
        body.page-pardus .progress-fill { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue) 0%,#2d64be 100%); transition:width .22s ease; }
        body.page-pardus .step-card { margin-top:7px; border-radius:18px; border:1px solid var(--line); background:#fff; padding:6px; }
        body.page-pardus .step-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:6px; align-items:stretch; }
        body.page-pardus .side-card { border-radius:18px; border:1px solid var(--line); background:#fff; padding:9px; }
        body.page-pardus .side-card.alt { display:grid; align-content:start; background:#f8fbff; border-color:#e3ebf7; }
        body.page-pardus .step-copy-card { display:grid; align-content:start; gap:9px; }
        body.page-pardus .step-badge { min-height:26px; padding:.22rem .56rem; font-size:.7rem; width:fit-content; }
        body.page-pardus .step-copy-card h3 { margin:0; font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.18; color:var(--blue-dark); text-wrap:balance; }
        body.page-pardus .step-lead { margin:0; color:var(--muted); font-size:.81rem; line-height:1.48; }
        body.page-pardus .step-detail-list { margin:0; padding:1px 0 0; list-style:none; display:grid; gap:8px; counter-reset:step-detail; }
        body.page-pardus .step-detail-list li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:9px; align-items:start; color:var(--muted); font-size:.77rem; line-height:1.4; }
        body.page-pardus .step-detail-text { display:block; min-width:0; }
        body.page-pardus .step-detail-list li::before { counter-increment:step-detail; content:counter(step-detail); display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#f5f8fd; border:1px solid #deebfb; color:var(--blue); font-size:.7rem; font-weight:700; line-height:1; }
        body.page-pardus .step-note-line { margin:2px 0 0; color:var(--muted); font-size:.72rem; line-height:1.4; padding-top:10px; border-top:1px solid #e8eef7; }
        body.page-pardus .step-inline-highlight { color:#c2272d; font-weight:700; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }
        body.page-pardus .step-inline-credential { color:#c2272d; font-weight:700; }
        body.page-pardus .step-action-row { margin-top:11px; display:grid; }
        body.page-pardus .step-action-link { width:100%; min-height:44px; border-radius:14px; background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:0 10px 22px rgba(28,69,139,.16); }
        body.page-pardus .step-figure { display:grid; gap:8px; margin:0; height:100%; }
        body.page-pardus .step-image-shell { display:grid; min-height:380px; border-radius:16px; border:1px solid #dfe8f4; background:radial-gradient(circle at top, rgba(255,255,255,.95) 0%, rgba(244,248,255,.95) 100%); padding:13px; }
        body.page-pardus .step-image-frame { display:grid; place-items:center; border-radius:14px; background:#fff; border:1px solid #e6edf7; box-shadow:inset 0 1px 0 rgba(255,255,255,.85); padding:9px; }
        body.page-pardus .step-image-frame img { width:100%; max-height:336px; object-fit:contain; object-position:center; }
        body.page-pardus .wizard-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:7px; }
        body.page-pardus .footer-box { padding:18px 20px; }
        body.page-pardus .footer-box p { color:var(--muted); font-size:.84rem; line-height:1.6; }
        body.page-pardus .noscript-box { margin-top:12px; padding:18px 20px; font-size:.92rem; }
        @media (max-width:980px) {
            body.page-pardus .site-header {position:static;}
            body.page-pardus .header-inner {min-height:72px; padding:12px 0;}
            body.page-pardus .wizard {width:100%; padding:12px; border-radius:20px;}
            body.page-pardus .step-grid {grid-template-columns:1fr;}
            body.page-pardus .step-image-shell {min-height:360px;}
            body.page-pardus .progress-meta {align-items:flex-start;}
            body.page-pardus .progress-label {width:100%; font-size:.78rem;}
            body.page-pardus .side-card, body.page-pardus .step-card {padding:14px;}
            body.page-pardus .step-copy-card {min-width:0;}
            body.page-pardus .wizard-actions {
                position:sticky;
                bottom:calc(10px + env(safe-area-inset-bottom));
                z-index:6;
                padding:8px;
                margin-top:12px;
                background:rgba(245,247,251,.94);
                border:1px solid #dde6f1;
                border-radius:16px;
                backdrop-filter:blur(12px);
                box-shadow:0 12px 24px rgba(10,22,40,.08);
            }
            body.page-pardus .wizard-actions .button, body.page-pardus .wizard-actions .button-secondary {
                flex:1 1 0;
                min-width:0;
                min-height:46px;
            }
        }

        body.page-pardus .brand small {
            display: block;
            margin-top: 0.18rem;
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--blue-dark);
        }
        @media (max-height:920px) and (min-width:981px) {
            body.page-pardus .wizard { padding:7px; }
            body.page-pardus .progress { padding:7px 9px; }
            body.page-pardus .step-card { padding:4px; }
            body.page-pardus .side-card { padding:7px; }
            body.page-pardus .step-copy-card { gap:7px; }
            body.page-pardus .step-copy-card h3 { font-size:1rem; }
            body.page-pardus .step-lead { font-size:.78rem; line-height:1.42; }
            body.page-pardus .step-detail-list { gap:7px; }
            body.page-pardus .step-detail-list li { font-size:.75rem; line-height:1.36; }
            body.page-pardus .step-note-line { padding-top:8px; font-size:.7rem; }
            body.page-pardus .step-action-row { margin-top:8px; }
            body.page-pardus .step-image-shell { min-height:320px; padding:10px; }
            body.page-pardus .step-image-frame { padding:7px; }
            body.page-pardus .step-image-frame img { max-height:272px; }
            body.page-pardus .wizard-actions { margin-top:4px; }
            body.page-pardus .button, body.page-pardus .button-secondary, body.page-pardus .step-action-link { min-height:38px; padding:.62rem .9rem; font-size:.82rem; }
        }
        @media (max-width:720px) {
            body.page-pardus .container {width:min(1160px,calc(100vw - 24px));}
            body.page-pardus .brand {gap:12px;}
        body.page-pardus .brand img {width:132px;}
            body.page-pardus .brand span {font-size:.68rem;}
            body.page-pardus .brand strong {font-size:.92rem;} body.page-pardus .brand small {font-size:.78rem;}
            body.page-pardus .wizard, body.page-pardus .step-card, body.page-pardus .footer-box, body.page-pardus .noscript-box {padding:16px;}
            body.page-pardus .progress {padding:10px;}
            body.page-pardus .step-image-shell {min-height:280px; padding:12px;}
            body.page-pardus .step-image-frame img {max-height:300px;}
            body.page-pardus .wizard-actions {width:100%;}
            body.page-pardus .button, body.page-pardus .button-secondary {width:100%;}
        }
        @media (max-width:720px) {
            body.page-pardus .site-header { position:static; }
            body.page-pardus .header-inner { min-height:70px; padding:12px 0; }
            body.page-pardus .wizard { width:100%; padding:12px; border-radius:18px; }
            body.page-pardus .wizard-top { padding:0; }
            body.page-pardus .side-card, body.page-pardus .step-card { padding:14px; }
            body.page-pardus .step-copy-card { gap:12px; min-width:0; }
            body.page-pardus .progress-meta { align-items:flex-start; }
            body.page-pardus .progress-label { width:100%; font-size:.76rem; }
            body.page-pardus .step-detail-list { gap:10px; }
            body.page-pardus .wizard-actions { position:sticky; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:6; padding:8px; margin-top:12px; background:rgba(245,247,251,.94); border:1px solid #dde6f1; border-radius:16px; backdrop-filter:blur(12px); box-shadow:0 12px 24px rgba(10,22,40,.08); }
            body.page-pardus .wizard-actions .button, body.page-pardus .wizard-actions .button-secondary { min-height:46px; }
        }
        @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} body.page-pardus * {transition:none !important;} }

/* ===== OPENSUSE ===== */
body.page-opensuse { --blue:#1c458b; --blue-dark:#0a1628; --yellow:#ffc90d; --text:#233147; --muted:#617084; --line:#dde6f1; --page:#f5f7fb; --card:#fff; --soft:#eef4ff; --shadow:0 12px 28px rgba(12,35,72,.07); --container:min(1160px,calc(100vw - 32px)); }
        body.page-opensuse * { box-sizing:border-box; }
        html { scroll-behavior:smooth; }
        body.page-opensuse { margin:0; font-family:"Montserrat",sans-serif; color:var(--text); background:var(--page); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; overflow-x:hidden; padding-bottom:env(safe-area-inset-bottom); }
        body.page-opensuse a { color:inherit; text-decoration:none; }
        body.page-opensuse button { font:inherit; }
        body.page-opensuse a:focus-visible, body.page-opensuse button:focus-visible { outline:3px solid rgba(255,201,13,.55); outline-offset:3px; }
        body.page-opensuse img { display:block; max-width:100%; }
        body.page-opensuse h1, body.page-opensuse h2, body.page-opensuse h3, body.page-opensuse p { margin:0; }
        body.page-opensuse .container { width:var(--container); margin:0 auto; }
        body.page-opensuse .site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); border-top:3px solid var(--yellow); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
        body.page-opensuse .header-inner, body.page-opensuse .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; }
        body.page-opensuse .header-inner { min-height:80px; }
        body.page-opensuse .brand { display:inline-flex; align-items:center; gap:16px; min-width:0; }
        body.page-opensuse .brand img { width:166px; height:auto; }
        body.page-opensuse .brand span { display:block; font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); }
        body.page-opensuse .brand strong { display:block; margin-top:.2rem; font-size:1rem; color:var(--blue-dark); }
        body.page-opensuse .button, body.page-opensuse .button-secondary, body.page-opensuse .step-action-link { display:inline-flex; align-items:center; justify-content:center; min-height:41px; padding:.7rem .96rem; border-radius:999px; border:1px solid transparent; font-size:.87rem; font-weight:700; transition:background-color .16s ease,border-color .16s ease,transform .16s ease; }
        body.page-opensuse .button { background:var(--blue); color:#fff; }
        body.page-opensuse .button:hover, body.page-opensuse .button:focus-visible, body.page-opensuse .step-action-link:hover, body.page-opensuse .step-action-link:focus-visible { background:#17386f; border-color:#17386f; color:#fff; transform:translateY(-1px); }
        body.page-opensuse .button-secondary { background:#fff; color:var(--blue); border-color:#d6e2f1; }
        body.page-opensuse .button-secondary:hover, body.page-opensuse .button-secondary:focus-visible { background:#f8fbff; border-color:#bfd0e9; transform:translateY(-1px); }
        body.page-opensuse .button[disabled], body.page-opensuse .button-secondary[disabled] { opacity:.55; cursor:not-allowed; transform:none; }
        body.page-opensuse .section { padding:12px 0; }
        body.page-opensuse .wizard, body.page-opensuse .footer-box, body.page-opensuse .noscript-box { background:var(--card); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
        body.page-opensuse .wizard { width:min(100%,1060px); margin:0 auto; padding:9px; }
        body.page-opensuse .wizard-top { padding:4px 4px 0; }
        body.page-opensuse .pill, body.page-opensuse .step-badge { display:inline-flex; align-items:center; min-height:32px; padding:.35rem .76rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
        body.page-opensuse .progress { margin-top:9px; padding:8px 10px; border-radius:18px; border:1px solid #deebfb; background:#f8fbff; }
        body.page-opensuse .progress-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
        body.page-opensuse .progress-count, body.page-opensuse .progress-label { font-size:.8rem; font-weight:700; }
        body.page-opensuse .progress-count { color:var(--blue); }
        body.page-opensuse .progress-label { color:var(--muted); }
        body.page-opensuse .progress-track { margin-top:7px; height:8px; border-radius:999px; background:#dfe9f8; overflow:hidden; }
        body.page-opensuse .progress-fill { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue) 0%,#2d64be 100%); transition:width .22s ease; }
        body.page-opensuse .step-card { margin-top:7px; border-radius:18px; border:1px solid var(--line); background:#fff; padding:6px; }
        body.page-opensuse .step-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:6px; align-items:stretch; }
        body.page-opensuse .side-card { border-radius:18px; border:1px solid var(--line); background:#fff; padding:9px; }
        body.page-opensuse .side-card.alt { display:grid; align-content:start; background:#f8fbff; border-color:#e3ebf7; }
        body.page-opensuse .step-copy-card { display:grid; align-content:start; gap:9px; }
        body.page-opensuse .step-badge { min-height:26px; padding:.22rem .56rem; font-size:.7rem; width:fit-content; }
        body.page-opensuse .step-copy-card h3 { margin:0; font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.18; color:var(--blue-dark); text-wrap:balance; }
        body.page-opensuse .step-lead { margin:0; color:var(--muted); font-size:.81rem; line-height:1.48; }
        body.page-opensuse .step-detail-list { margin:0; padding:1px 0 0; list-style:none; display:grid; gap:8px; counter-reset:step-detail; }
        body.page-opensuse .step-detail-list li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:9px; align-items:start; color:var(--muted); font-size:.77rem; line-height:1.4; }
        body.page-opensuse .step-detail-text { display:block; min-width:0; }
        body.page-opensuse .step-detail-list li::before { counter-increment:step-detail; content:counter(step-detail); display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; background:#f5f8fd; border:1px solid #deebfb; color:var(--blue); font-size:.7rem; font-weight:700; line-height:1; }
        body.page-opensuse .step-note-line { margin:2px 0 0; color:var(--muted); font-size:.72rem; line-height:1.4; padding-top:10px; border-top:1px solid #e8eef7; }
        body.page-opensuse .step-inline-highlight { color:#c2272d; font-weight:700; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }
        body.page-opensuse .step-inline-credential { color:#c2272d; font-weight:700; }
        body.page-opensuse .step-action-row { margin-top:11px; display:grid; }
        body.page-opensuse .step-action-link { width:100%; min-height:44px; border-radius:14px; background:var(--blue); border-color:var(--blue); color:#fff; box-shadow:0 10px 22px rgba(28,69,139,.16); }
        body.page-opensuse .step-figure { display:grid; gap:8px; margin:0; height:100%; }
        body.page-opensuse .step-image-shell { display:grid; min-height:380px; border-radius:16px; border:1px solid #dfe8f4; background:radial-gradient(circle at top, rgba(255,255,255,.95) 0%, rgba(244,248,255,.95) 100%); padding:13px; }
        body.page-opensuse .step-image-frame { display:grid; place-items:center; border-radius:14px; background:#fff; border:1px solid #e6edf7; box-shadow:inset 0 1px 0 rgba(255,255,255,.85); padding:9px; }
        body.page-opensuse .step-image-frame img { width:100%; max-height:336px; object-fit:contain; object-position:center; }
        body.page-opensuse .wizard-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:7px; }
        body.page-opensuse .footer-box { padding:18px 20px; }
        body.page-opensuse .footer-box p { color:var(--muted); font-size:.84rem; line-height:1.6; }
        body.page-opensuse .noscript-box { margin-top:12px; padding:18px 20px; font-size:.92rem; }
        @media (max-width:980px) {
            body.page-opensuse .site-header {position:static;}
            body.page-opensuse .header-inner {min-height:72px; padding:12px 0;}
            body.page-opensuse .wizard {width:100%; padding:12px; border-radius:20px;}
            body.page-opensuse .step-grid {grid-template-columns:1fr;}
            body.page-opensuse .step-image-shell {min-height:360px;}
            body.page-opensuse .progress-meta {align-items:flex-start;}
            body.page-opensuse .progress-label {width:100%; font-size:.78rem;}
            body.page-opensuse .side-card, body.page-opensuse .step-card {padding:14px;}
            body.page-opensuse .step-copy-card {min-width:0;}
            body.page-opensuse .wizard-actions {
                position:sticky;
                bottom:calc(10px + env(safe-area-inset-bottom));
                z-index:6;
                padding:8px;
                margin-top:12px;
                background:rgba(245,247,251,.94);
                border:1px solid #dde6f1;
                border-radius:16px;
                backdrop-filter:blur(12px);
                box-shadow:0 12px 24px rgba(10,22,40,.08);
            }
            body.page-opensuse .wizard-actions .button, body.page-opensuse .wizard-actions .button-secondary {
                flex:1 1 0;
                min-width:0;
                min-height:46px;
            }
        }

        body.page-opensuse .brand small {
            display: block;
            margin-top: 0.18rem;
            font-size: 0.82rem;
            font-weight: 700;
            color: var(--blue-dark);
        }
        @media (max-height:920px) and (min-width:981px) {
            body.page-opensuse .wizard { padding:7px; }
            body.page-opensuse .progress { padding:7px 9px; }
            body.page-opensuse .step-card { padding:4px; }
            body.page-opensuse .side-card { padding:7px; }
            body.page-opensuse .step-copy-card { gap:7px; }
            body.page-opensuse .step-copy-card h3 { font-size:1rem; }
            body.page-opensuse .step-lead { font-size:.78rem; line-height:1.42; }
            body.page-opensuse .step-detail-list { gap:7px; }
            body.page-opensuse .step-detail-list li { font-size:.75rem; line-height:1.36; }
            body.page-opensuse .step-note-line { padding-top:8px; font-size:.7rem; }
            body.page-opensuse .step-action-row { margin-top:8px; }
            body.page-opensuse .step-image-shell { min-height:320px; padding:10px; }
            body.page-opensuse .step-image-frame { padding:7px; }
            body.page-opensuse .step-image-frame img { max-height:272px; }
            body.page-opensuse .wizard-actions { margin-top:4px; }
            body.page-opensuse .button, body.page-opensuse .button-secondary, body.page-opensuse .step-action-link { min-height:38px; padding:.62rem .9rem; font-size:.82rem; }
        }
        @media (max-width:720px) {
            body.page-opensuse .container {width:min(1160px,calc(100vw - 24px));}
            body.page-opensuse .brand {gap:12px;}
        body.page-opensuse .brand img {width:132px;}
            body.page-opensuse .brand span {font-size:.68rem;}
            body.page-opensuse .brand strong {font-size:.92rem;} body.page-opensuse .brand small {font-size:.78rem;}
            body.page-opensuse .wizard, body.page-opensuse .step-card, body.page-opensuse .footer-box, body.page-opensuse .noscript-box {padding:16px;}
            body.page-opensuse .progress {padding:10px;}
            body.page-opensuse .step-image-shell {min-height:280px; padding:12px;}
            body.page-opensuse .step-image-frame img {max-height:300px;}
            body.page-opensuse .wizard-actions {width:100%;}
            body.page-opensuse .button, body.page-opensuse .button-secondary {width:100%;}
        }
        @media (max-width:720px) {
            body.page-opensuse .site-header { position:static; }
            body.page-opensuse .header-inner { min-height:70px; padding:12px 0; }
            body.page-opensuse .wizard { width:100%; padding:12px; border-radius:18px; }
            body.page-opensuse .wizard-top { padding:0; }
            body.page-opensuse .side-card, body.page-opensuse .step-card { padding:14px; }
            body.page-opensuse .step-copy-card { gap:12px; min-width:0; }
            body.page-opensuse .progress-meta { align-items:flex-start; }
            body.page-opensuse .progress-label { width:100%; font-size:.76rem; }
            body.page-opensuse .step-detail-list { gap:10px; }
            body.page-opensuse .wizard-actions { position:sticky; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:6; padding:8px; margin-top:12px; background:rgba(245,247,251,.94); border:1px solid #dde6f1; border-radius:16px; backdrop-filter:blur(12px); box-shadow:0 12px 24px rgba(10,22,40,.08); }
            body.page-opensuse .wizard-actions .button, body.page-opensuse .wizard-actions .button-secondary { min-height:46px; }
        }
        @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} body.page-opensuse * {transition:none !important;} }

/* ===== IOS MAC FLOW REFRESH ===== */
body.page-ios-mac .wizard { width:min(100%,1240px); }
body.page-ios-mac .step-grid { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:10px; }
body.page-ios-mac .step-card { margin-top:10px; }
body.page-ios-mac .side-card { padding:14px; }
body.page-ios-mac .step-copy-card { gap:12px; }
body.page-ios-mac .step-copy-card h3 { max-width:24ch; }
body.page-ios-mac .step-badge { display:inline-flex; align-items:center; min-height:26px; width:fit-content; padding:.22rem .56rem; border-radius:999px; background:var(--soft); color:var(--blue); font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-ios-mac .credentials { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:2px; gap:10px; }
body.page-ios-mac .credentials.count-1 { grid-template-columns:minmax(0,1fr); }
body.page-ios-mac .credential-card { display:grid; gap:8px; padding:12px 14px; border-radius:16px; border:1px solid #dfe8f4; background:#fff; box-shadow:none; }
body.page-ios-mac .credential-badge { display:block; min-height:0; width:auto; padding:0; border-radius:0; background:transparent; color:var(--blue-dark); font-size:.96rem; font-weight:700; letter-spacing:0; text-transform:none; }
body.page-ios-mac .credential-rows { display:grid; gap:0; }
body.page-ios-mac .credential-row { display:grid; grid-template-columns:84px minmax(0,1fr); gap:8px; align-items:center; padding:8px 0; min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
body.page-ios-mac .credential-row + .credential-row { border-top:1px solid #e8eef7; }
body.page-ios-mac .credential-label { color:var(--muted); font-size:.74rem; font-weight:700; letter-spacing:0; text-transform:none; white-space:nowrap; }
body.page-ios-mac .credential-value { display:block; margin-top:0; color:var(--blue-dark); min-width:0; font-size:clamp(.76rem,1.05vw,.86rem); font-weight:600; line-height:1.3; letter-spacing:-.01em; white-space:nowrap; }
body.page-ios-mac .step-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
body.page-ios-mac .step-gallery.single-step-figure, body.page-ios-mac .step-gallery.count-1 { grid-template-columns:1fr; }
body.page-ios-mac .step-gallery-item { display:grid; gap:8px; margin:0; }
body.page-ios-mac .step-image-shell { display:grid; min-height:392px; border-radius:16px; border:1px solid #dfe8f4; background:radial-gradient(circle at top, rgba(255,255,255,.96) 0%, rgba(238,244,255,.95) 100%); padding:12px; }
body.page-ios-mac .step-image-frame { display:grid; place-items:center; min-height:100%; border-radius:14px; background:#fff; border:1px solid #e6edf7; box-shadow:inset 0 1px 0 rgba(255,255,255,.85); padding:9px; }
body.page-ios-mac .step-image-frame img { width:100%; max-height:352px; object-fit:contain; object-position:center; }
body.page-ios-mac .step-gallery.single-step-figure .step-image-frame img { max-height:462px; }
body.page-ios-mac .step-gallery-label { font-size:.76rem; font-weight:700; color:var(--blue-dark); text-align:center; }
body.page-ios-mac .step-figure-note { margin-top:10px; color:var(--muted); font-size:.76rem; line-height:1.48; text-align:center; }
body.page-android .credentials,
body.page-ios .credentials,
body.page-ubuntu .credentials,
body.page-pardus .credentials,
body.page-opensuse .credentials,
body.page-ios-mac .credentials {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:2px;
}
body.page-android .credentials.count-1,
body.page-ios .credentials.count-1,
body.page-ubuntu .credentials.count-1,
body.page-pardus .credentials.count-1,
body.page-opensuse .credentials.count-1,
body.page-ios-mac .credentials.count-1 {
    grid-template-columns:minmax(0,1fr);
}
body.page-android .credential-card,
body.page-ios .credential-card,
body.page-ubuntu .credential-card,
body.page-pardus .credential-card,
body.page-opensuse .credential-card,
body.page-ios-mac .credential-card {
    display:grid;
    gap:8px;
    padding:12px 14px;
    border-radius:16px;
    border:1px solid #dfe8f4;
    background:#fff;
    box-shadow:none;
}
body.page-android .credential-badge,
body.page-ios .credential-badge,
body.page-ubuntu .credential-badge,
body.page-pardus .credential-badge,
body.page-opensuse .credential-badge,
body.page-ios-mac .credential-badge {
    display:block;
    min-height:0;
    width:auto;
    padding:0;
    border-radius:0;
    background:transparent;
    color:var(--blue-dark);
    font-size:.96rem;
    font-weight:700;
    letter-spacing:0;
    text-transform:none;
}
body.page-android .credential-rows,
body.page-ios .credential-rows,
body.page-ubuntu .credential-rows,
body.page-pardus .credential-rows,
body.page-opensuse .credential-rows,
body.page-ios-mac .credential-rows {
    display:grid;
    gap:0;
}
body.page-android .credential-row,
body.page-ios .credential-row,
body.page-ubuntu .credential-row,
body.page-pardus .credential-row,
body.page-opensuse .credential-row,
body.page-ios-mac .credential-row {
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:8px;
    align-items:center;
    padding:9px 0;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}
body.page-android .credential-row::-webkit-scrollbar,
body.page-ios .credential-row::-webkit-scrollbar,
body.page-ubuntu .credential-row::-webkit-scrollbar,
body.page-pardus .credential-row::-webkit-scrollbar,
body.page-opensuse .credential-row::-webkit-scrollbar,
body.page-ios-mac .credential-row::-webkit-scrollbar {
    display:none;
}
body.page-android .credential-row + .credential-row,
body.page-ios .credential-row + .credential-row,
body.page-ubuntu .credential-row + .credential-row,
body.page-pardus .credential-row + .credential-row,
body.page-opensuse .credential-row + .credential-row,
body.page-ios-mac .credential-row + .credential-row {
    border-top:1px solid #e8eef7;
}
body.page-android .credential-label,
body.page-ios .credential-label,
body.page-ubuntu .credential-label,
body.page-pardus .credential-label,
body.page-opensuse .credential-label,
body.page-ios-mac .credential-label {
    color:var(--muted);
    font-size:.84rem;
    font-weight:700;
    white-space:nowrap;
}
body.page-android .credential-value,
body.page-ios .credential-value,
body.page-ubuntu .credential-value,
body.page-pardus .credential-value,
body.page-opensuse .credential-value,
body.page-ios-mac .credential-value {
    display:block;
    margin:0;
    min-width:0;
    color:var(--blue-dark);
    font-size:clamp(.84rem,.96vw,.94rem);
    font-weight:700;
    line-height:1.35;
    letter-spacing:-.01em;
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
}
body.page-android .credentials {
    grid-template-columns:1fr;
    margin-top:6px;
    gap:8px;
    justify-items:start;
}
body.page-android .credential-card {
    width:min(100%,430px);
    gap:6px;
    padding:10px 12px;
    border-radius:12px;
    border-color:#e3eaf5;
}
body.page-android .credential-badge {
    font-size:.84rem;
}
body.page-android .credential-row {
    grid-template-columns:minmax(0,1fr);
    gap:2px;
    align-items:start;
    padding:7px 0;
    overflow:visible;
}
body.page-android .credential-label {
    font-size:.72rem;
}
body.page-android .credential-value {
    font-size:clamp(.78rem,.86vw,.86rem);
    line-height:1.24;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
}
@media (max-width:1100px) {
    body.page-ios-mac .credentials { grid-template-columns:1fr; }
}
@media (max-width:980px) {
    body.page-android .credentials,
    body.page-ios .credentials,
    body.page-ubuntu .credentials,
    body.page-pardus .credentials,
    body.page-opensuse .credentials,
    body.page-ios-mac .credentials { grid-template-columns:1fr; }
    body.page-ios-mac .wizard { width:100%; }
    body.page-ios-mac .step-grid { grid-template-columns:1fr; }
    body.page-ios-mac .step-gallery { grid-template-columns:1fr; }
    body.page-ios-mac .step-image-shell { min-height:332px; }
}
@media (max-height:920px) and (min-width:981px) {
    body.page-ios-mac .step-image-shell { min-height:332px; padding:10px; }
    body.page-ios-mac .step-image-frame img { max-height:300px; }
    body.page-ios-mac .step-gallery.single-step-figure .step-image-frame img { max-height:388px; }
}
@media (max-width:720px) {
    body.page-home .credential-mini-row { grid-template-columns:70px minmax(0, 1fr); gap:7px; padding:8px 0; }
    body.page-home .mini-card.credential-mini-card .credential-mini-value { font-size:.82rem; }
    body.page-android .credential-row,
    body.page-ios .credential-row,
    body.page-ubuntu .credential-row,
    body.page-pardus .credential-row,
    body.page-opensuse .credential-row,
    body.page-ios-mac .credential-row { grid-template-columns:70px minmax(0,1fr); gap:7px; padding:8px 0; }
    body.page-android .credential-card { width:100%; }
    body.page-android .credential-row { grid-template-columns:1fr; gap:2px; padding:6px 0; }
    body.page-android .credential-badge,
    body.page-ios .credential-badge,
    body.page-ubuntu .credential-badge,
    body.page-pardus .credential-badge,
    body.page-opensuse .credential-badge,
    body.page-ios-mac .credential-badge { font-size:.9rem; }
    body.page-android .credential-badge { font-size:.82rem; }
    body.page-android .credential-label,
    body.page-ios .credential-label,
    body.page-ubuntu .credential-label,
    body.page-pardus .credential-label,
    body.page-opensuse .credential-label,
    body.page-ios-mac .credential-label { font-size:.76rem; }
    body.page-android .credential-label { font-size:.7rem; }
    body.page-android .credential-value,
    body.page-ios .credential-value,
    body.page-ubuntu .credential-value,
    body.page-pardus .credential-value,
    body.page-opensuse .credential-value,
    body.page-ios-mac .credential-value { font-size:.82rem; }
    body.page-android .credential-value { font-size:.78rem; }
    body.page-ios-mac .step-copy-card { gap:12px; }
    body.page-ios-mac .step-copy-card h3 { max-width:none; }
    body.page-ios-mac .credential-row { grid-template-columns:84px minmax(0,1fr); gap:8px; padding:8px 0; }
    body.page-ios-mac .credential-badge { font-size:.9rem; }
    body.page-ios-mac .credential-label { font-size:.76rem; }
    body.page-ios-mac .credential-value { font-size:.88rem; }
    body.page-ios-mac .step-image-shell { min-height:268px; padding:11px; }
    body.page-ios-mac .step-image-frame img { max-height:286px; }
}