/* ==========================================================================
   vertical_index — isolated vi-* template styles
   ========================================================================== */

:root {
    --vi-bg: #f2f0ea;
    --vi-surface: #faf9f5;
    --vi-paper: #ffffff;
    --vi-ink: #181817;
    --vi-muted: #6d6b65;
    --vi-line: #d9d5ca;
    --vi-soft-line: #e8e4da;
    --vi-accent: #405f55;
    --vi-accent-soft: #dce5e0;
    --vi-visual-overlay: rgba(24,24,23,.16);
    --vi-width: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body.vi-body {
    margin: 0;
    background:
        linear-gradient(to bottom, rgba(255,255,255,.32), transparent 300px),
        var(--vi-bg);
    color: var(--vi-ink);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}

.vi-body img { display: block; max-width: 100%; }
.vi-body a { color: inherit; text-decoration: none; }

.vi-shell {
    width: min(calc(100% - 40px), var(--vi-width));
    margin: 0 auto;
}

.vi-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 72px;
    border-bottom: 1px solid var(--vi-line);
}

.vi-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .02em;
}

.vi-brand-mark {
    width: 26px;
    height: 14px;
    border-top: 3px solid var(--vi-accent);
    border-bottom: 1px solid var(--vi-accent);
}

.vi-brand-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vi-topnav,
.vi-footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 13px;
    color: var(--vi-muted);
}

.vi-topnav a:hover,
.vi-footer-nav a:hover,
.vi-footer-mail:hover { color: var(--vi-accent); }

.vi-main { padding: 54px 0 84px; }

/* Home index / intro ----------------------------------------------------- */

.vi-home-lead {
    display: grid;
    grid-template-columns: minmax(260px, .78fr) minmax(0, 1.72fr);
    gap: 64px;
    align-items: start;
}

.vi-home-index { border-top: 3px solid var(--vi-ink); }

.vi-index-label {
    padding: 14px 0;
    border-bottom: 1px solid var(--vi-line);
    color: var(--vi-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vi-index-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vi-index-list li { border-bottom: 1px solid var(--vi-line); }

.vi-index-list a {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 10px;
    align-items: baseline;
    padding: 15px 0;
    transition: transform .18s ease, color .18s ease;
}

.vi-index-list a:hover {
    color: var(--vi-accent);
    transform: translateX(5px);
}

.vi-index-no,
.vi-reading-no,
.vi-related-no {
    color: var(--vi-muted);
    font-family: "Courier New", monospace;
    font-size: 12px;
}

.vi-index-name {
    font-size: clamp(17px, 1.5vw, 22px);
    font-weight: 700;
    line-height: 1.25;
}

.vi-eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--vi-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.vi-intro h1,
.vi-page-title h1,
.vi-article-heading h1 {
    max-width: 900px;
    margin: 0;
    font-size: clamp(44px, 7vw, 92px);
    line-height: .96;
    letter-spacing: -.055em;
}

.vi-intro-copy > p,
.vi-page-title > p,
.vi-article-heading > p {
    max-width: 760px;
    margin: 26px 0 0;
    color: var(--vi-muted);
    font-size: clamp(17px, 1.7vw, 22px);
    line-height: 1.55;
}

.vi-intro-visual {
    position: relative;
    overflow: hidden;
    min-height: 230px;
    margin: 38px 0 0;
    background: var(--vi-accent-soft);
    clip-path: polygon(0 0, 92% 0, 100% 18%, 100% 100%, 0 100%);
}

.vi-intro-visual img {
    width: 100%;
    height: min(36vw, 390px);
    object-fit: cover;
    filter: saturate(.82) contrast(.96);
}

.vi-intro-visual::after,
.vi-page-band::after,
.vi-article-poster::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, var(--vi-visual-overlay), transparent 46%);
    pointer-events: none;
}

.vi-visual-rule {
    position: absolute;
    z-index: 2;
    inset-block: 0;
    inset-inline-start: 13%;
    width: 1px;
    background: rgba(255,255,255,.6);
}

/* Numbered chapters ------------------------------------------------------ */

.vi-chapters {
    margin-top: 92px;
    border-top: 1px solid var(--vi-line);
}

.vi-chapter {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 34px;
    padding: 58px 0 64px;
    border-bottom: 1px solid var(--vi-line);
}

.vi-chapter-rail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    color: var(--vi-accent);
    font-family: "Courier New", monospace;
    font-size: 15px;
}

.vi-chapter-rail i {
    display: block;
    width: 1px;
    height: 86px;
    background: var(--vi-line);
}

.vi-chapter-body { max-width: 850px; }

.vi-chapter-heading {
    display: grid;
    grid-template-columns: minmax(120px, .35fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    margin-bottom: 24px;
}

.vi-chapter-heading span {
    padding-top: 7px;
    color: var(--vi-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.vi-chapter-heading h2,
.vi-long-content h2,
.vi-article-copy h2 {
    margin: 0;
    font-size: clamp(30px, 4.3vw, 58px);
    line-height: 1.04;
    letter-spacing: -.04em;
}

.vi-chapter-body p,
.vi-long-content p,
.vi-article-copy p {
    max-width: 760px;
    margin: 0 0 18px;
    color: #393834;
    font-size: 17px;
    line-height: 1.78;
}

.vi-chapter-body p:first-of-type,
.vi-long-content p:first-of-type,
.vi-article-copy p:first-of-type {
    font-size: 19px;
    color: var(--vi-ink);
}

.vi-section-index {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--vi-line);
}

.vi-section-index > span {
    color: var(--vi-accent);
    font-family: "Courier New", monospace;
    font-size: 15px;
}

.vi-section-index small,
.vi-related-head > span {
    display: block;
    margin-bottom: 5px;
    color: var(--vi-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.vi-section-index h2,
.vi-related-head h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 48px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

/* Reading / related ------------------------------------------------------ */

.vi-reading,
.vi-faq,
.vi-related { margin-top: 92px; }

.vi-reading-list,
.vi-related-list { border-bottom: 1px solid var(--vi-line); }

.vi-reading-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px 28px;
    gap: 28px;
    align-items: center;
    min-height: 142px;
    padding: 22px 0;
    border-top: 1px solid var(--vi-line);
    overflow: hidden;
}

.vi-reading-row:first-child,
.vi-related-row:first-child { border-top: 0; }

.vi-reading-copy {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 20px;
    min-width: 0;
}

.vi-reading-row h3,
.vi-related-row h3 {
    margin: 0 0 8px;
    font-size: clamp(21px, 2.4vw, 31px);
    line-height: 1.12;
    letter-spacing: -.025em;
}

.vi-reading-row p,
.vi-related-row p {
    max-width: 720px;
    margin: 0;
    color: var(--vi-muted);
    line-height: 1.5;
}

.vi-reading-visual,
.vi-related-image {
    position: relative;
    height: 96px;
    overflow: hidden;
    background: var(--vi-accent-soft);
    clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
}

.vi-reading-visual img,
.vi-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.72);
    transition: transform .25s ease;
}

.vi-reading-row:hover .vi-reading-visual img,
.vi-related-row:hover .vi-related-image img { transform: scale(1.04); }

.vi-reading-arrow,
.vi-related-arrow {
    justify-self: end;
    color: var(--vi-accent);
    font-size: 20px;
}

/* FAQ ------------------------------------------------------------------- */

.vi-faq-list { border-bottom: 1px solid var(--vi-line); }
.vi-faq-item { border-top: 1px solid var(--vi-line); }
.vi-faq-item:first-child { border-top: 0; }

.vi-faq-item summary {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 30px;
    gap: 18px;
    align-items: start;
    padding: 24px 0;
    cursor: pointer;
    list-style: none;
}

.vi-faq-item summary::-webkit-details-marker { display: none; }

.vi-faq-item summary::after {
    content: "+";
    justify-self: end;
    color: var(--vi-accent);
    font-size: 22px;
}

.vi-faq-item[open] summary::after { content: "−"; }

.vi-faq-item summary > span {
    color: var(--vi-muted);
    font-family: "Courier New", monospace;
    font-size: 12px;
}

.vi-faq-item summary strong {
    font-size: 19px;
    line-height: 1.35;
}

.vi-faq-answer {
    margin-inline-start: 72px;
    max-width: 760px;
    padding: 0 54px 26px 0;
    color: var(--vi-muted);
}

.vi-faq-answer p { margin: 0; }

/* Contact ---------------------------------------------------------------- */

.vi-contact {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 40px;
    margin-top: 92px;
    padding: 34px 0 0;
    border-top: 3px solid var(--vi-ink);
}

.vi-contact-index {
    color: var(--vi-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.vi-contact-copy h2 {
    margin: 0 0 8px;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.05;
}

.vi-contact-copy p {
    max-width: 680px;
    margin: 0 0 16px;
    color: var(--vi-muted);
}

.vi-contact-copy a {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--vi-accent);
    color: var(--vi-accent);
    font-weight: 700;
}

/* Page / article --------------------------------------------------------- */

.vi-page-head,
.vi-article-head {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
    gap: 56px;
    align-items: end;
}

.vi-page-title h1,
.vi-article-heading h1 { font-size: clamp(42px, 6.4vw, 82px); }

.vi-page-band,
.vi-article-poster {
    position: relative;
    overflow: hidden;
    min-height: 270px;
    margin: 0;
    background: var(--vi-accent-soft);
    clip-path: polygon(0 9%, 88% 0, 100% 13%, 100% 100%, 0 94%);
}

.vi-page-band img,
.vi-article-poster img {
    width: 100%;
    height: 100%;
    min-height: 270px;
    object-fit: cover;
}

.vi-page-band > span,
.vi-poster-cut {
    position: absolute;
    z-index: 2;
    inset-inline-end: 0;
    inset-block-end: 16%;
    width: 44%;
    height: 1px;
    background: rgba(255,255,255,.72);
}

.vi-page-index,
.vi-article-index {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 40px;
    margin-top: 74px;
    padding: 24px 0;
    border-top: 1px solid var(--vi-line);
    border-bottom: 1px solid var(--vi-line);
}

.vi-page-index-title,
.vi-article-index > span {
    color: var(--vi-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.vi-page-index ol,
.vi-article-index ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.vi-page-index li,
.vi-article-index li { border-top: 1px solid var(--vi-soft-line); }

.vi-page-index li:nth-child(-n+2),
.vi-article-index li:nth-child(-n+2) { border-top: 0; }

.vi-page-index a,
.vi-article-index a {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    padding: 12px 0;
}

.vi-page-index a > span,
.vi-article-index a > span {
    color: var(--vi-muted);
    font-family: "Courier New", monospace;
    font-size: 11px;
}

.vi-page-index strong,
.vi-article-index strong {
    font-size: 14px;
    line-height: 1.35;
}

.vi-page-flow,
.vi-article-body { margin-top: 70px; }

.vi-long-section {
    position: relative;
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 150px;
    gap: 28px;
    padding: 54px 0 64px;
    border-top: 1px solid var(--vi-line);
}

.vi-long-section:first-child { border-top: 0; }

.vi-long-number,
.vi-margin-number {
    color: var(--vi-accent);
    font-family: "Courier New", monospace;
    font-size: 14px;
}

.vi-long-content,
.vi-article-copy { max-width: 820px; }

.vi-inline-note {
    align-self: center;
    color: var(--vi-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.vi-inline-note i {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background: var(--vi-line);
}

.vi-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin-top: 26px;
    color: var(--vi-muted);
    font-size: 12px;
}

.vi-article-section {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 30px;
    padding: 46px 0;
    border-top: 1px solid var(--vi-line);
}

.vi-article-section:first-child { border-top: 0; }

.vi-section-divider {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 18px;
    align-items: center;
    margin-top: 34px;
}

.vi-section-divider span { height: 2px; background: var(--vi-accent); }
.vi-section-divider i { height: 1px; background: var(--vi-line); }

.vi-related-head {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 40px;
    align-items: end;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--vi-line);
}

.vi-related-head > span { margin: 0; }

.vi-related-row {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 150px 28px;
    gap: 22px;
    align-items: center;
    min-height: 130px;
    padding: 22px 0;
    border-top: 1px solid var(--vi-line);
}

.vi-related-row > div { min-width: 0; }

/* Shared contact form integration --------------------------------------- */

.vi-contact .sgf-section,
.vi-contact-page .sgf-section {
    grid-column: 1 / -1;
    margin: 0;
}

.vi-body .sgf-section { background: transparent; }
.vi-body .sgf-container { max-width: none; margin: 0; padding: 0; }
.vi-body .sgf-header { max-width: 760px; margin-bottom: 26px; }

.vi-body .sgf-heading {
    margin: 0 0 8px;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.vi-body .sgf-description { margin: 0; color: var(--vi-muted); }

.vi-body .sgf-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
    max-width: 900px;
}

.vi-body .sgf-field { display: grid; gap: 7px; }

.vi-body .sgf-field:has(textarea),
.vi-body .sgf-consent,
.vi-body .sgf-submit-row { grid-column: 1 / -1; }

.vi-body .sgf-field label,
.vi-body .sgf-consent {
    font-size: 12px;
    font-weight: 700;
}

.vi-body .sgf-field input,
.vi-body .sgf-field textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--vi-line);
    border-radius: 0;
    outline: 0;
    background: transparent;
    padding: 11px 0;
    color: var(--vi-ink);
    font: inherit;
}

.vi-body .sgf-field input:focus,
.vi-body .sgf-field textarea:focus { border-bottom-color: var(--vi-accent); }

.vi-body .sgf-field textarea {
    min-height: 120px;
    resize: vertical;
}

.vi-body .sgf-submit,
.vi-body button[type="submit"] {
    border: 1px solid var(--vi-ink);
    border-radius: 0;
    background: var(--vi-ink);
    color: #fff;
    padding: 12px 20px;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}

.vi-body .sgf-consent a {
    border-bottom: 1px solid var(--vi-accent);
    color: var(--vi-accent);
}

/* Footer ---------------------------------------------------------------- */

.vi-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 26px 40px;
    align-items: end;
    padding: 30px 0 40px;
    border-top: 1px solid var(--vi-line);
    color: var(--vi-muted);
    font-size: 12px;
}

.vi-footer-brand { display: grid; gap: 4px; }
.vi-footer-brand strong { color: var(--vi-ink); }
.vi-footer-mail { justify-self: end; }

/* RTL ------------------------------------------------------------------- */

html[dir="rtl"] .vi-index-list a:hover { transform: translateX(-5px); }

html[dir="rtl"] .vi-intro-visual,
html[dir="rtl"] .vi-reading-visual,
html[dir="rtl"] .vi-related-image,
html[dir="rtl"] .vi-page-band,
html[dir="rtl"] .vi-article-poster {
    transform: scaleX(-1);
}

html[dir="rtl"] .vi-intro-visual img,
html[dir="rtl"] .vi-reading-visual img,
html[dir="rtl"] .vi-related-image img,
html[dir="rtl"] .vi-page-band img,
html[dir="rtl"] .vi-article-poster img,
html[dir="rtl"] .vi-intro-visual::after,
html[dir="rtl"] .vi-page-band::after,
html[dir="rtl"] .vi-article-poster::after,
html[dir="rtl"] .vi-visual-rule,
html[dir="rtl"] .vi-page-band > span,
html[dir="rtl"] .vi-poster-cut {
    transform: scaleX(-1);
}

html[dir="rtl"] .vi-faq-answer { padding: 0 0 26px 54px; }
html[dir="rtl"] .vi-reading-arrow,
html[dir="rtl"] .vi-related-arrow { transform: scaleX(-1); }

/* Responsive ------------------------------------------------------------ */

@media (max-width: 980px) {
    .vi-home-lead,
    .vi-page-head,
    .vi-article-head { grid-template-columns: 1fr; }

    .vi-home-index { order: 2; }
    .vi-intro { order: 1; }

    .vi-page-band,
    .vi-article-poster { max-height: 360px; }

    .vi-long-section { grid-template-columns: 72px minmax(0, 1fr); }
    .vi-inline-note { grid-column: 2; max-width: 220px; }

    .vi-reading-row { grid-template-columns: minmax(0, 1fr) 120px 24px; }
    .vi-related-row { grid-template-columns: 44px minmax(0, 1fr) 120px 24px; }
}

@media (max-width: 720px) {
    .vi-shell { width: min(calc(100% - 28px), var(--vi-width)); }

    .vi-topline {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px 0;
    }

    .vi-topnav { gap: 12px 16px; }
    .vi-main { padding-top: 34px; }
    .vi-home-lead { gap: 42px; }

    .vi-intro h1,
    .vi-page-title h1,
    .vi-article-heading h1 { font-size: clamp(40px, 14vw, 68px); }

    .vi-intro-visual { min-height: 180px; }
    .vi-intro-visual img { height: 58vw; min-height: 180px; }
    .vi-chapters { margin-top: 60px; }

    .vi-chapter,
    .vi-article-section {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 16px;
    }

    .vi-chapter-heading {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .vi-chapter-heading span { padding-top: 0; }

    .vi-page-index,
    .vi-article-index,
    .vi-contact,
    .vi-related-head {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .vi-page-index ol,
    .vi-article-index ol { grid-template-columns: 1fr; }

    .vi-page-index li:nth-child(2),
    .vi-article-index li:nth-child(2) { border-top: 1px solid var(--vi-soft-line); }

    .vi-long-section {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 16px;
    }

    .vi-reading-row {
        grid-template-columns: minmax(0, 1fr) 24px;
        gap: 14px;
    }

    .vi-reading-copy {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
    }

    .vi-reading-visual {
        grid-column: 1 / -1;
        height: 130px;
    }

    .vi-reading-arrow {
        grid-column: 2;
        grid-row: 1;
    }

    .vi-related-row {
        grid-template-columns: 34px minmax(0, 1fr) 24px;
        gap: 12px;
    }

    .vi-related-image { display: none; }

    .vi-faq-item summary {
        grid-template-columns: 36px minmax(0, 1fr) 24px;
        gap: 10px;
    }

    .vi-faq-answer {
        margin-inline-start: 46px;
        padding-inline-end: 20px;
    }

    html[dir="rtl"] .vi-faq-answer { padding-inline-start: 20px; }

    .vi-body .sgf-form { grid-template-columns: 1fr; }

    .vi-body .sgf-field,
    .vi-body .sgf-field:has(textarea),
    .vi-body .sgf-consent,
    .vi-body .sgf-submit-row { grid-column: 1; }

    .vi-footer {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .vi-footer-mail { justify-self: start; }
}

@media (max-width: 460px) {
    .vi-index-list a { grid-template-columns: 38px 1fr; }

    .vi-section-index {
        grid-template-columns: 46px 1fr;
        gap: 14px;
    }

    .vi-chapter,
    .vi-article-section,
    .vi-long-section { grid-template-columns: 1fr; }

    .vi-chapter-rail {
        flex-direction: row;
        align-items: center;
    }

    .vi-chapter-rail i {
        width: 70px;
        height: 1px;
    }

    .vi-inline-note { grid-column: 1; }
    .vi-margin-number,
    .vi-long-number { margin-bottom: -10px; }
}

/* ==========================================================================
   Shared form + thank-you variants
   ========================================================================== */

/* Shared lead-form + thank-you variants. Prefixes: sgv-* and sgty-* */
.sgv-form-block{--sgv-ink:#202020;--sgv-muted:#6f6f6f;--sgv-line:rgba(32,32,32,.18);--sgv-paper:#fff;--sgv-soft:#f4f3ef;--sgv-accent:#323232;max-width:1100px;margin:56px auto;color:var(--sgv-ink);font-family:inherit}.sgv-form-block *{box-sizing:border-box}.sgv-form-block h2{margin:0;font:inherit;font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.05}.sgv-form-block p{color:var(--sgv-muted)}.sgv-overline{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sgv-form input,.sgv-form textarea{width:100%;font:inherit;color:inherit;outline:none}.sgv-form textarea{resize:vertical}.sgv-form button{font:inherit;font-weight:700;cursor:pointer}.sgv-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--sgv-muted)}.sgv-consent input{width:auto;margin-top:3px}.sgv-consent a{text-decoration:underline}.sgv-field{display:grid;gap:7px}.sgv-field>span{font-size:12px;font-weight:700}
/* v1 — framed editorial grid */
.sgv-form-v1{padding:34px;border:1px solid var(--sgv-line);background:var(--sgv-paper);box-shadow:0 18px 50px rgba(0,0,0,.06)}.sgv-v1-head{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 28px;margin-bottom:30px}.sgv-v1-head h2,.sgv-v1-head p{grid-column:2}.sgv-v1-head p{margin:0;max-width:680px}.sgv-v1-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sgv-v1-form input,.sgv-v1-form textarea{border:0;border-bottom:1px solid var(--sgv-line);background:transparent;padding:10px 0}.sgv-v1-form .sgv-field-message{grid-column:1/-1}.sgv-v1-form .sgv-consent{margin-top:20px}.sgv-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px}.sgv-actions button{border:1px solid var(--sgv-ink);background:var(--sgv-ink);color:#fff;padding:12px 22px}.sgv-actions small{color:var(--sgv-muted)}
/* v2 — numbered ruled document */
.sgv-form-v2{border-top:3px solid var(--sgv-ink);border-bottom:1px solid var(--sgv-ink)}.sgv-v2-head{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:24px 0 30px}.sgv-v2-head>span,.sgv-v2-line>b{font-family:monospace;color:var(--sgv-muted);font-size:12px}.sgv-v2-head p{margin:8px 0 0}.sgv-v2-line{display:grid;grid-template-columns:58px 150px 1fr;gap:20px;align-items:center;border-top:1px solid var(--sgv-line);padding:14px 0}.sgv-v2-line>span{font-size:12px;font-weight:700}.sgv-v2-line input,.sgv-v2-line textarea{border:0;background:transparent;padding:9px 0}.sgv-v2-message{align-items:start}.sgv-v2-foot{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border-top:1px solid var(--sgv-line);padding:22px 0}.sgv-v2-foot button{border:0;background:transparent;padding:8px 0;font-size:16px}
/* v3 — split contact panel */
.sgv-form-v3{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);border:1px solid var(--sgv-line);background:var(--sgv-paper)}.sgv-v3-side{padding:38px;background:var(--sgv-soft);border-inline-end:1px solid var(--sgv-line)}.sgv-v3-side h2{margin-top:18px}.sgv-v3-side p{margin:16px 0 28px}.sgv-v3-side>a{font-weight:700}.sgv-v3-form{padding:38px;display:grid;gap:18px}.sgv-v3-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sgv-v3-form input,.sgv-v3-form textarea{border:1px solid var(--sgv-line);background:transparent;padding:11px 12px}.sgv-v3-submit{display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid var(--sgv-line);background:transparent;padding:18px 0 0;margin-top:4px}.sgv-v3-submit b{font-size:20px}
/* v4 — compact horizontal strip */
.sgv-form-v4{background:var(--sgv-ink);color:#fff;padding:28px}.sgv-v4-banner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.22)}.sgv-v4-banner span{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sgv-v4-banner p{color:rgba(255,255,255,.68);margin:0}.sgv-v4-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid rgba(255,255,255,.22)}.sgv-v4-strip label{display:grid;gap:6px;padding:18px;border-inline-end:1px solid rgba(255,255,255,.22)}.sgv-v4-strip label:first-child{padding-inline-start:0}.sgv-v4-strip label:last-child{border:0}.sgv-v4-strip span,.sgv-v4-message>span{font-size:11px;color:rgba(255,255,255,.66)}.sgv-v4-form input,.sgv-v4-form textarea{border:0;background:transparent;color:#fff;padding:8px 0}.sgv-v4-message{display:grid;gap:8px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.22)}.sgv-v4-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:20px}.sgv-v4 .sgv-consent{color:rgba(255,255,255,.7)}.sgv-v4-bottom button{border:1px solid #fff;background:#fff;color:#111;padding:11px 20px}
/* v5 — dossier / numbered request */
.sgv-form-v5{display:grid;grid-template-columns:190px 1fr;gap:28px}.sgv-v5-label{padding:24px;border:1px solid var(--sgv-line);background:var(--sgv-soft);align-self:start}.sgv-v5-label span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sgv-muted);margin-bottom:20px}.sgv-v5-form{border:1px solid var(--sgv-line);background:var(--sgv-paper)}.sgv-v5-form header{padding:28px 32px;border-bottom:1px solid var(--sgv-line)}.sgv-v5-form header small{color:var(--sgv-muted)}.sgv-v5-form header p{margin:10px 0 0}.sgv-v5-row{display:grid;grid-template-columns:48px 150px 1fr;gap:18px;align-items:center;padding:14px 30px;border-bottom:1px solid var(--sgv-line)}.sgv-v5-row i,.sgv-v5-final>i{font-style:normal;font-family:monospace;color:var(--sgv-muted);font-size:11px}.sgv-v5-row>span{font-size:12px;font-weight:700}.sgv-v5-row input,.sgv-v5-row textarea{border:0;background:transparent;padding:10px 0}.sgv-v5-text{align-items:start}.sgv-v5-final{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;padding:20px 30px}.sgv-v5-final button{border:1px solid var(--sgv-ink);background:transparent;padding:10px 18px}
/* v6 — layered submission sheet */
.sgv-form-v6{position:relative;padding:20px 28px 28px}.sgv-v6-back,.sgv-v6-mid,.sgv-v6-front{border:1px solid var(--sgv-line);background:var(--sgv-paper)}.sgv-v6-back,.sgv-v6-mid{position:absolute;inset:20px 28px 28px}.sgv-v6-back{transform:rotate(-1.4deg) translate(-10px,10px);background:var(--sgv-soft)}.sgv-v6-mid{transform:rotate(1deg) translate(9px,5px)}.sgv-v6-front{position:relative;padding:34px;box-shadow:0 20px 55px rgba(0,0,0,.08)}.sgv-v6-stamp{position:absolute;inset-inline-end:26px;top:24px;width:70px;height:70px;border:2px solid var(--sgv-accent);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(8deg)}.sgv-v6-stamp span{font-size:20px}.sgv-v6-stamp small{font-size:8px;text-transform:uppercase}.sgv-v6-front header{max-width:70%;margin-bottom:28px}.sgv-v6-front header p{margin:10px 0 0}.sgv-v6-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sgv-v6-fields label,.sgv-v6-message{display:grid;gap:6px}.sgv-v6-fields span,.sgv-v6-message>span{font-size:11px;font-weight:700}.sgv-v6-form input,.sgv-v6-form textarea{border:0;border-bottom:1px solid var(--sgv-line);background:transparent;padding:10px 0}.sgv-v6-message{margin-top:18px}.sgv-v6-form .sgv-consent{margin-top:18px}.sgv-v6-action{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid var(--sgv-line)}.sgv-v6-action span{font-size:12px;color:var(--sgv-muted)}.sgv-v6-action button{border:1px solid var(--sgv-ink);background:var(--sgv-ink);color:#fff;padding:11px 20px}
/* thank-you shared */
.sgty-page{--ty-ink:#202020;--ty-muted:#707070;--ty-line:rgba(32,32,32,.18);--ty-paper:#fff;--ty-soft:#f1f0eb;--ty-accent:#383838;margin:0;min-height:100vh;color:var(--ty-ink);background:#efeee9;font-family:Arial,Helvetica,sans-serif}.sgty-page *{box-sizing:border-box}.sgty-page a{color:inherit;text-decoration:none}.sgty-page h1{margin:0;font-size:clamp(38px,7vw,76px);line-height:1}.sgty-page p{color:var(--ty-muted);font-size:17px;line-height:1.6}.sgty-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sgty-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.sgty-actions a{border-bottom:1px solid currentColor;padding-bottom:3px}.sgty-check{width:64px;height:64px;display:grid;place-content:center;border:1px solid var(--ty-ink);border-radius:50%;font-size:26px;margin-bottom:34px}
.sgty-v1{display:grid;place-items:center;padding:28px}.sgty-v1-wrap{width:min(820px,100%);padding:48px;border-top:3px solid var(--ty-ink);border-bottom:1px solid var(--ty-line)}.sgty-v1-wrap>p:not(.sgty-eyebrow){max-width:620px}
.sgty-v2{display:grid;place-items:center;padding:28px;background:#e7e6e1}.sgty-v2-card{width:min(760px,100%);background:#fff;border:1px solid var(--ty-line);box-shadow:0 24px 70px rgba(0,0,0,.09)}.sgty-v2-card>header,.sgty-v2-card>footer{display:flex;justify-content:space-between;gap:20px;padding:18px 26px;border-bottom:1px solid var(--ty-line)}.sgty-v2-card>footer{border:0;border-top:1px solid var(--ty-line)}.sgty-v2-status{display:flex;justify-content:space-between;gap:20px;padding:18px 26px;background:var(--ty-soft)}.sgty-v2-card>h1,.sgty-v2-card>p{margin-inline:26px}.sgty-v2-card>h1{margin-top:38px}.sgty-v2-card>p{margin-bottom:38px}
.sgty-v3{display:grid;place-items:center;padding:28px;background:#181818;color:#fff}.sgty-v3-grid{width:min(900px,100%);display:grid;grid-template-columns:1.5fr .5fr;border:1px solid rgba(255,255,255,.25)}.sgty-v3-grid section{padding:50px}.sgty-v3-grid section p{color:rgba(255,255,255,.68);max-width:580px}.sgty-v3-grid section>a{display:inline-block;margin-top:20px;border-bottom:1px solid currentColor}.sgty-v3-grid aside{border-inline-start:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:36px 20px}.sgty-v3-mark{font-size:64px}.sgty-v3-grid aside>a{font-size:12px;writing-mode:vertical-rl}
.sgty-v4{display:grid;place-items:center;padding:28px}.sgty-v4-wrap{width:min(920px,100%);position:relative;padding:44px 0}.sgty-v4-no{font:700 80px/1 monospace;color:#d0cec7}.sgty-v4-line{height:1px;background:var(--ty-line);margin:22px 0 40px}.sgty-v4-wrap>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sgty-v4-wrap>p{max-width:650px}.sgty-v4-wrap nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:18px;border-top:1px solid var(--ty-line)}
.sgty-v5{display:grid;place-items:center;padding:28px}.sgty-v5-stack{position:relative;width:min(760px,100%);min-height:460px}.sgty-v5-sheet{position:absolute;inset:30px;background:var(--ty-paper);border:1px solid var(--ty-line)}.sgty-v5-back{transform:rotate(-2.2deg);background:#e1dfd8}.sgty-v5-mid{transform:rotate(1.3deg)}.sgty-v5-front{position:relative;inset:auto;padding:56px;margin:30px;box-shadow:0 20px 60px rgba(0,0,0,.09)}.sgty-v5-pin{position:absolute;right:30px;top:28px;width:54px;height:54px;border:1px solid var(--ty-ink);border-radius:50%;display:grid;place-content:center}.sgty-v5-front small{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.sgty-v5-front>p{max-width:560px}.sgty-v5-front>div{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}
.sgty-v6{display:grid;place-items:center;padding:28px;background:#dedbd2}.sgty-v6-folder{width:min(800px,100%);position:relative;padding-top:36px}.sgty-v6-tab{position:absolute;top:0;left:0;min-width:170px;padding:10px 22px;background:#c8c3b7;border-radius:14px 14px 0 0;font-size:12px;font-weight:700}.sgty-v6-folder section{background:#f6f3ec;border:1px solid #bdb8ad;padding:54px;min-height:390px}.sgty-v6-mark{font-size:44px;margin-bottom:26px}.sgty-v6-folder section>span{font-size:11px;text-transform:uppercase;letter-spacing:.11em}.sgty-v6-folder p{max-width:580px}.sgty-v6-folder nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.sgty-v6-folder nav a{padding:10px 16px;border:1px solid var(--ty-line);background:#fff}
html[dir="rtl"] .sgty-v6-tab{left:auto;right:0}html[dir="rtl"] .sgty-v5-pin{right:auto;left:30px}
@media(max-width:760px){.sgv-v1-head{grid-template-columns:1fr}.sgv-v1-head h2,.sgv-v1-head p{grid-column:1}.sgv-v1-grid,.sgv-v3-pair,.sgv-v4-strip,.sgv-v6-fields{grid-template-columns:1fr}.sgv-form-v3,.sgv-form-v5{grid-template-columns:1fr}.sgv-v3-side{border-inline-end:0;border-bottom:1px solid var(--sgv-line)}.sgv-v2-line{grid-template-columns:34px 100px 1fr}.sgv-v4-strip label{padding:14px 0;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.18)}.sgv-v4-banner{grid-template-columns:1fr}.sgv-v5-final{grid-template-columns:34px 1fr}.sgv-v5-final button{grid-column:2}.sgv-v6-front header{max-width:calc(100% - 90px)}.sgv-v6-action,.sgv-actions,.sgv-v4-bottom{align-items:flex-start;flex-direction:column}.sgty-v3-grid{grid-template-columns:1fr}.sgty-v3-grid aside{border-inline-start:0;border-top:1px solid rgba(255,255,255,.25);flex-direction:row}.sgty-v3-grid aside>a{writing-mode:horizontal-tb}.sgty-v5-front,.sgty-v6-folder section,.sgty-v1-wrap{padding:34px 26px}}
@media(max-width:520px){.sgv-form-v1,.sgv-v6-front,.sgv-v3-form,.sgv-v3-side{padding:24px}.sgv-v2-line{grid-template-columns:28px 1fr}.sgv-v2-line input,.sgv-v2-line textarea{grid-column:2}.sgv-v2-foot{grid-template-columns:1fr}.sgv-v5-row{grid-template-columns:30px 1fr;padding:14px 20px}.sgv-v5-row input,.sgv-v5-row textarea{grid-column:2}.sgv-v6-stamp{width:56px;height:56px}.sgty-v2-card>header,.sgty-v2-card>footer,.sgty-v2-status{flex-direction:column}}