/* extracted verbatim 2026-08-28 estate speed sweep. New content = new filename. */

        :root {
            /* Map local aliases to the locked global design system (Site.Master). */
            --bg-app: var(--void); --bg-panel: var(--panel); --bg-card: var(--panel-2); --border-subtle: var(--line);
            --text-main: var(--ink); --text-muted: var(--ink-dim); --text-dim: var(--ink-faint);
            --color-primary: var(--action); --color-signal: var(--model); --color-gold: var(--gold);
            --font-ui: var(--ui); --font-data: var(--mono);
            --radius-lg: 12px;
        }

        body, html { background-color: var(--bg-app); color: var(--text-main); font-family: var(--font-ui); margin: 0; padding: 0; line-height: 1.6; }
        .wrapper { width: 100%; max-width: 860px; margin: 0 auto; padding: 40px 5%; box-sizing: border-box; content-visibility: auto; contain: content; }
        a { color: var(--color-primary); text-decoration: none; transition: 0.2s; } 
        a:hover { color: var(--action-hi); text-decoration: underline; }

        .breadcrumbs { margin-bottom: 2rem; font-size: 0.75rem; font-family: var(--font-data); color: var(--text-dim); letter-spacing: 0.05em; text-transform: uppercase; }
        .breadcrumbs ol { list-style: none; padding: 0; margin: 0; } 
        .breadcrumbs li { display: inline; }
        .breadcrumbs a { color: var(--text-dim); text-decoration: none; } 
        .breadcrumbs a:hover { color: var(--color-primary); }
        .breadcrumbs li::after { content: '/'; margin: 0 8px; color: var(--border-subtle); } 
        .breadcrumbs li:last-child::after { content: ''; }
        .breadcrumbs li:last-child { color: var(--color-primary); }

        .section-title { font-family: var(--display); font-size: 2.5rem; font-weight: 800; color: var(--ink); margin: 0 0 1rem 0; border-bottom: 1px solid var(--border-subtle); padding-bottom: 18px; line-height: 1.2; }
        .intro-lead { font-size: 1.08rem; color: var(--text-muted); margin: 0 0 1.25rem 0; line-height: 1.75; }

        .meta-row { display:flex; gap:10px; flex-wrap:wrap; margin: 0 0 1.75rem 0; }
        .pill {
            display:inline-flex; align-items:center; gap:8px;
            padding: 8px 12px; border-radius: 999px;
            background: rgba(59,130,246,0.08);
            border: 1px solid rgba(59,130,246,0.25);
            color: var(--text-muted);
            font-family: var(--font-data);
            font-size: 0.78rem;
        }
        .pill i { color: var(--action-hi); }

        .answer-box {
            background: var(--panel);
            border: 1px solid var(--card-edge);
            border-radius: var(--radius-lg);
            box-shadow: 0 20px 40px -22px var(--accent-glow);
            padding: 18px 18px;
            margin: 0 0 2rem 0;
            position: relative;
            overflow: hidden;
        }
        .answer-box::before {
            content:'';
            position:absolute; top:0; left:0; right:0; height:3px;
            background: linear-gradient(90deg, var(--action-hi), var(--color-primary));
        }
        .answer-box .label {
            font-family: var(--font-data);
            font-size: 0.75rem;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--color-gold);
            margin-bottom: 10px;
        }
        .answer-box p { margin: 0; color: var(--text-main); }
        .answer-box p span { color: var(--text-muted); }

        .two-col { display:grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0 0 2rem 0; }
        @media (max-width: 780px) { .two-col { grid-template-columns: 1fr; } }

        .card {
            background: var(--bg-panel);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-lg);
            padding: 16px;
        }
        .card h3 {
            margin: 0 0 10px 0;
            font-size: 1.02rem;
            color: var(--ink);
            display:flex; align-items:center; gap:10px;
        }
        .card h3 i { color: var(--action-hi); }
        .card ul { margin: 0; padding-left: 18px; }
        .card li { color: var(--text-muted); margin-bottom: 8px; }

        .guide-section { margin-bottom: 34px; }
        .guide-section h2 { font-family: var(--display); font-size: 1.5rem; color: var(--text-main); margin: 0 0 12px 0; display: flex; align-items: center; gap: 10px; font-weight: 750; }
        .guide-section h2::before { content: '>'; color: var(--action-hi); font-family: var(--font-data); font-weight: 800; }
        .guide-section p, .guide-section li { color: var(--text-muted); font-size: 1rem; margin-bottom: 12px; }
        .guide-section ul, .guide-section ol { padding-left: 20px; margin-bottom: 16px; }

        .guide-example {
            background-color: var(--bg-panel); border: 1px solid var(--border-subtle);
            border-left: 4px solid var(--action-hi); border-radius: var(--radius-lg);
            padding: 18px; margin: 18px 0; font-family: var(--font-data); font-size: 0.92rem; color: var(--text-main);
        }
        .guide-example p { margin: 6px 0; color: var(--text-muted); }
        .guide-example p:first-child { color: var(--color-gold); font-weight: 750; text-transform: uppercase; margin-bottom: 10px; }

        .table-wrap { overflow-x:auto; border-radius: var(--radius-lg); border: 1px solid var(--border-subtle); }
        table.compare {
            width:100%; border-collapse: collapse; min-width: 680px;
            background: var(--panel);
        }
        table.compare th, table.compare td {
            padding: 12px 12px;
            border-bottom: 1px solid var(--line);
            vertical-align: top;
        }
        table.compare th {
            text-align:left;
            font-family: var(--font-data);
            font-size: 0.8rem;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: var(--text-dim);
            background: var(--panel-2);
        }
        table.compare td { color: var(--text-muted); }
        table.compare tr:last-child td { border-bottom: none; }

        .jump-links {
            display:flex; flex-wrap:wrap; gap:10px;
            margin: 0 0 1.75rem 0;
        }
        .jump-links a {
            display:inline-flex; align-items:center; gap:8px;
            padding: 9px 12px; border-radius: 10px;
            background: var(--panel-2);
            border: 1px solid var(--line);
            font-family: var(--font-data);
            font-size: 0.78rem;
            color: var(--text-muted);
        }
        .jump-links a:hover { border-color: var(--action); text-decoration:none; color: var(--action-hi); }

        details.faq {
            background: var(--bg-panel);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-lg);
            padding: 14px 14px;
            margin: 10px 0;
        }
        details.faq summary {
            cursor:pointer;
            list-style:none;
            font-weight: 700;
            color: var(--ink);
            display:flex;
            align-items:center;
            justify-content: space-between;
            gap: 12px;
        }
        details.faq summary::-webkit-details-marker { display:none; }
        .faq-answer { margin-top: 10px; color: var(--text-muted); }
        .chev { color: var(--text-dim); font-family: var(--font-data); }
        details[open] .chev { color: var(--color-primary); }

        .related {
            margin-top: 26px;
            background: linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-lg);
            padding: 16px;
        }
        .related h3 { margin: 0 0 10px 0; color: var(--ink); font-size: 1.05rem; }
        .related ul { margin: 0; padding-left: 18px; }
        .related li { margin-bottom: 8px; }

        .subscribe-section {
            background: linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-card) 100%);
            border: 1px solid var(--border-subtle); border-radius: var(--radius-lg);
            padding: 40px; text-align: center; margin-top: 54px; position: relative; overflow: hidden;
        }
        .subscribe-section::before { content:''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--color-primary), var(--action-hi)); }
        .subscribe-section h2 { font-family: var(--display); font-size: 1.8rem; margin: 0 0 12px 0; color: var(--ink); }
        .subscribe-section p { color: var(--text-muted); max-width: 640px; margin: 0 auto 22px auto; }
        .subscribe-button {
            display: inline-flex; align-items: center; gap: 8px; background: var(--accent-grad); color: #fff;
            padding: 12px 28px; border-radius: 100px; font-weight: 750; text-decoration: none;
            box-shadow: 0 10px 30px -8px var(--accent-glow); transition: transform 0.2s;
        }
        .subscribe-button:hover { transform: scale(1.05); color: #fff; text-decoration: none; }