/* ============================================================
   SERVICE TECH VAULT — FIELD GUIDE SYSTEM
   ============================================================ */

body.stv-field-guide-page{
    background:
        radial-gradient(
            circle at 50% 3%,
            rgba(255,94,17,.20),
            transparent 29%
        ),
        radial-gradient(
            circle at 12% 46%,
            rgba(145,34,7,.10),
            transparent 26%
        ),
        radial-gradient(
            circle at 89% 68%,
            rgba(255,100,18,.07),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #070504,
            #110906 34%,
            #070605 100%
        ) !important;
}


/* ============================================================
   HERO
   ============================================================ */

#stv-field-guide-hero{
    width:min(
        calc(100% - 28px),
        980px
    );

    margin:
        52px auto
        26px;

    text-align:center;
}

#stv-field-guide-hero .runes{
    color:#c64b17;

    font-family:Georgia,serif;

    font-size:17px;
    letter-spacing:.52em;
}

#stv-field-guide-hero .kicker{
    display:inline-block;

    margin-top:15px;

    padding:
        7px 13px;

    border-radius:999px;

    border:
        1px solid rgba(255,114,27,.25);

    background:
        rgba(255,91,13,.055);

    color:#e8aa72;

    font-size:10px;
    font-weight:900;

    letter-spacing:.23em;

    text-transform:uppercase;
}

#stv-field-guide-hero h1{
    max-width:930px;

    margin:
        18px auto
        11px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(38px,6vw,67px) !important;

    line-height:1;

    letter-spacing:-.035em;

    background:
        linear-gradient(
            180deg,
            #fff9ef,
            #ffd19b 42%,
            #ff741e 74%,
            #aa2909
        ) !important;

    background-clip:text !important;
    -webkit-background-clip:text !important;

    color:transparent !important;
}

#stv-field-guide-hero .subtitle{
    max-width:720px;

    margin:
        15px auto
        0;

    color:#c0ac97;

    font-size:
        clamp(14px,2vw,18px);

    line-height:1.65;
}


/* ============================================================
   FIELD GUIDE MEDALLION
   ============================================================ */

#stv-field-medallion{
    width:88px;
    height:88px;

    margin:
        25px auto
        0;

    display:grid;
    place-items:center;

    border-radius:50%;

    border:
        1px solid rgba(255,118,28,.40);

    background:
        radial-gradient(
            circle,
            rgba(255,107,20,.16),
            rgba(13,8,5,.90) 60%,
            rgba(5,4,3,.98)
        );

    box-shadow:
        0 0 25px rgba(255,72,6,.09);
}

#stv-field-medallion span{
    color:#ff8127;

    font-family:Georgia,serif;

    font-size:32px;

    text-shadow:
        0 0 13px rgba(255,77,8,.42);
}


/* ============================================================
   GUIDE META
   ============================================================ */

#stv-field-meta{
    width:min(
        calc(100% - 28px),
        900px
    );

    margin:
        26px auto
        34px;

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:10px;
}

.stv-meta-card{
    padding:
        16px 12px;

    text-align:center;

    border:
        1px solid rgba(255,106,23,.22);

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            rgba(26,16,10,.95),
            rgba(8,7,6,.98)
        );
}

.stv-meta-card span{
    display:block;

    color:#8e7966;

    font-size:8px;

    font-weight:900;

    letter-spacing:.11em;

    text-transform:uppercase;
}

.stv-meta-card strong{
    display:block;

    margin-top:6px;

    color:#fff0dd;

    font-size:12px;
}


/* ============================================================
   GUIDE ARTICLE SHELL
   ============================================================ */

#stv-field-guide-shell{
    width:min(
        calc(100% - 28px),
        930px
    );

    margin:
        0 auto
        45px;

    padding:5px;

    border-radius:25px;

    background:
        linear-gradient(
            135deg,
            rgba(255,114,28,.50),
            rgba(103,25,7,.12) 48%,
            rgba(255,139,41,.44)
        );

    box-shadow:
        0 25px 75px rgba(0,0,0,.31);
}

#stv-field-guide-inner{
    padding:
        34px;

    border-radius:21px;

    background:
        linear-gradient(
            145deg,
            rgba(22,14,9,.99),
            rgba(7,6,5,.99)
        );
}


/* ============================================================
   ORIGINAL CONTENT
   ============================================================ */

body.stv-field-guide-page
.stv-guide-content-enhanced{
    width:100% !important;

    max-width:none !important;

    margin:0 !important;

    padding:0 !important;

    background:none !important;

    box-shadow:none !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced > h1:first-of-type{
    display:none !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced h2{
    margin:
        43px 0
        17px !important;

    padding:
        19px 0
        11px !important;

    border-top:
        1px solid rgba(255,108,23,.15);

    color:#fff0dd !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(24px,3vw,31px) !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced h2::before{
    content:"ᚠ ᚱ ᛏ";

    display:block !important;

    margin-bottom:7px;

    color:#d24d16 !important;

    font-family:Georgia,serif;

    font-size:10px !important;

    letter-spacing:.42em;
}

body.stv-field-guide-page
.stv-guide-content-enhanced h3{
    margin-top:28px !important;

    color:#ffd7ad !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced h3::before{
    content:"ᛉ";

    margin-right:8px;

    color:#e45a18;
}

body.stv-field-guide-page
.stv-guide-content-enhanced p,
body.stv-field-guide-page
.stv-guide-content-enhanced li{
    color:#c1ad98 !important;

    font-size:
        clamp(14px,1.5vw,16px);

    line-height:1.75 !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced strong{
    color:#f5dec4 !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced a{
    color:#ff9a3e !important;
}


/* ============================================================
   LISTS AS FIELD STEPS
   ============================================================ */

body.stv-field-guide-page
.stv-guide-content-enhanced ol{
    counter-reset:stvFieldStep;

    padding-left:0 !important;

    list-style:none !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced ol > li{
    position:relative;

    margin:
        10px 0;

    padding:
        14px 16px
        14px 52px;

    border:
        1px solid rgba(255,107,23,.14);

    border-radius:13px;

    background:
        rgba(255,255,255,.018);

    counter-increment:stvFieldStep;
}

body.stv-field-guide-page
.stv-guide-content-enhanced ol > li::before{
    content:
        counter(stvFieldStep);

    position:absolute;

    left:13px;
    top:12px;

    width:27px;
    height:27px;

    display:grid;
    place-items:center;

    border-radius:50%;

    color:#210a03;

    background:
        linear-gradient(
            180deg,
            #ff9b3d,
            #e94a0d
        );

    font-size:11px;

    font-weight:950;
}


/* ============================================================
   BULLETS
   ============================================================ */

body.stv-field-guide-page
.stv-guide-content-enhanced ul{
    padding-left:23px !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced ul li::marker{
    color:#ff7922;
}


/* ============================================================
   CODE / TECH VALUES
   ============================================================ */

body.stv-field-guide-page
.stv-guide-content-enhanced pre{
    position:relative;

    overflow:auto;

    padding:
        18px !important;

    border:
        1px solid rgba(255,108,24,.22) !important;

    border-radius:13px !important;

    background:
        #080705 !important;

    color:#ffd0a0 !important;

    box-shadow:
        inset 0 0 24px rgba(255,78,8,.025);
}

body.stv-field-guide-page
.stv-guide-content-enhanced code{
    color:#ffc78c !important;

    background:
        rgba(255,103,19,.055) !important;

    border:
        1px solid rgba(255,107,24,.12) !important;

    padding:
        2px 5px;

    border-radius:6px;
}


/* ============================================================
   TABLES
   ============================================================ */

body.stv-field-guide-page
.stv-guide-content-enhanced table{
    display:block;

    width:100%;

    overflow-x:auto;

    border:
        1px solid rgba(255,106,23,.20);

    border-radius:14px;
}

body.stv-field-guide-page
.stv-guide-content-enhanced th{
    color:#ffb362 !important;

    background:
        rgba(255,94,14,.07) !important;
}

body.stv-field-guide-page
.stv-guide-content-enhanced td{
    color:#baa58f !important;
}


/* ============================================================
   TECH NOTES / WARNINGS
   ============================================================ */

.stv-field-callout{
    margin:
        23px 0;

    padding:
        17px 18px;

    border:
        1px solid rgba(255,111,25,.22);

    border-radius:14px;

    background:
        rgba(255,91,13,.035);
}

.stv-field-callout .label{
    display:block;

    margin-bottom:6px;

    color:#ff9b43;

    font-size:9px;

    font-weight:950;

    letter-spacing:.11em;

    text-transform:uppercase;
}

.stv-field-callout p{
    margin:0 !important;

    font-size:12px !important;
}


/* ============================================================
   TECHNICIAN CHECKLIST
   ============================================================ */

#stv-field-checklist{
    width:min(
        calc(100% - 28px),
        900px
    );

    margin:
        0 auto
        33px;

    padding:
        25px;

    border:
        1px solid rgba(255,108,24,.23);

    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            rgba(29,17,10,.96),
            rgba(8,7,6,.99)
        );
}

#stv-field-checklist h2{
    margin:
        0 0
        14px !important;

    padding:0 !important;

    font-family:Georgia,serif !important;

    font-size:
        clamp(23px,3vw,31px) !important;
}

#stv-field-checklist h2::before{
    display:none !important;
}

#stv-field-checklist .check{
    display:flex;

    align-items:flex-start;

    gap:10px;

    padding:
        10px 0;

    border-bottom:
        1px solid rgba(255,255,255,.06);
}

#stv-field-checklist .check:last-child{
    border-bottom:none;
}

#stv-field-checklist .mark{
    width:22px;
    height:22px;

    flex:0 0 22px;

    display:grid;
    place-items:center;

    border:
        1px solid rgba(255,111,25,.37);

    border-radius:6px;

    color:#ff8128;

    font-size:11px;
}

#stv-field-checklist .text{
    color:#ad9883;

    font-size:12px;

    line-height:1.55;
}


/* ============================================================
   FIELD GUIDE NAVIGATION
   ============================================================ */

#stv-guide-navigation{
    width:min(
        calc(100% - 28px),
        900px
    );

    margin:
        0 auto
        70px;

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:12px;
}

.stv-guide-nav-card{
    display:block;

    padding:
        20px;

    text-decoration:none !important;

    border:
        1px solid rgba(255,107,23,.21);

    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            rgba(26,16,10,.95),
            rgba(8,7,6,.98)
        );

    transition:
        transform .18s ease,
        border-color .18s ease;
}

.stv-guide-nav-card:hover{
    transform:
        translateY(-2px);

    border-color:
        rgba(255,130,38,.55);
}

.stv-guide-nav-card span{
    display:block;

    color:#8e7864;

    font-size:8px;

    font-weight:900;

    letter-spacing:.10em;

    text-transform:uppercase;
}

.stv-guide-nav-card strong{
    display:block;

    margin-top:6px;

    color:#fff0dd;

    font-size:14px;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:700px){

    #stv-field-meta{
        grid-template-columns:
            repeat(2,1fr);
    }

    #stv-field-guide-inner{
        padding:
            25px 16px;
    }

    #stv-guide-navigation{
        grid-template-columns:1fr;
    }

}

@media(max-width:420px){

    #stv-field-meta{
        gap:7px;
    }

    .stv-meta-card{
        padding:
            13px 8px;
    }

}

@media(prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
    }

}

/* ============================================================
   STV LEGACY FIELD GUIDE DARK FALLBACK
   Added for older guides that do not yet use
   #stv-field-guide-shell / .stv-guide-content-enhanced
   ============================================================ */

body.stv-global-theme.stv-field-guide-page > header,
body.stv-global-theme.stv-field-guide-page > main,
body.stv-global-theme.stv-field-guide-page > footer {
    width:min(calc(100% - 28px),930px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    background:transparent !important;
}

body.stv-global-theme.stv-field-guide-page > main > article {
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;

    padding:clamp(18px,4vw,34px) !important;

    color:#c1ad98 !important;

    border:
        1px solid rgba(255,108,24,.28) !important;

    border-radius:21px !important;

    background:
        linear-gradient(
            145deg,
            rgba(22,14,9,.99),
            rgba(7,6,5,.99)
        ) !important;

    box-shadow:
        0 25px 75px rgba(0,0,0,.31),
        inset 0 0 40px rgba(255,78,7,.025) !important;
}

body.stv-global-theme.stv-field-guide-page > main > article p,
body.stv-global-theme.stv-field-guide-page > main > article li {
    color:#c1ad98 !important;
}

body.stv-global-theme.stv-field-guide-page > main > article strong {
    color:#f5dec4 !important;
}

body.stv-global-theme.stv-field-guide-page > main > article h2 {
    color:#fff0dd !important;
}

body.stv-global-theme.stv-field-guide-page > main > article code {
    color:#ffd0a0 !important;
    background:#080705 !important;
    border:1px solid rgba(255,107,24,.16) !important;
}

body.stv-global-theme.stv-field-guide-page > main > article .warning {
    color:#f5dec4 !important;

    background:
        linear-gradient(
            135deg,
            rgba(75,34,10,.72),
            rgba(24,15,9,.96)
        ) !important;

    border:
        1px solid rgba(255,125,35,.30) !important;

    border-left:
        6px solid #ff7922 !important;

    border-radius:12px !important;
}

body.stv-global-theme.stv-field-guide-page > main > article .warning p,
body.stv-global-theme.stv-field-guide-page > main > article .warning li,
body.stv-global-theme.stv-field-guide-page > main > article .warning strong {
    color:#f5dec4 !important;
}

body.stv-global-theme.stv-field-guide-page > footer {
    color:#927d69 !important;
    border-top:
        1px solid rgba(255,108,24,.20) !important;
}

@media(max-width:700px) {
    body.stv-global-theme.stv-field-guide-page > main > article {
        padding:18px 16px !important;
        border-radius:16px !important;
    }
}


/* ============================================================
   STV FIELD GUIDE FINAL READABILITY OVERRIDE
   Prevent legacy white/pale content cards from surviving
   the field-guide JavaScript transformation.
   ============================================================ */

body.stv-global-theme.stv-field-guide-page article,
body.stv-global-theme.stv-field-guide-page
#stv-field-guide-inner article,
body.stv-global-theme.stv-field-guide-page
.stv-guide-content-enhanced {
    background:
        linear-gradient(
            145deg,
            #160e09 0%,
            #0b0806 100%
        ) !important;

    color:#e6d4c0 !important;

    border-color:
        rgba(255,112,29,.28) !important;
}


/* Main readable copy */
body.stv-global-theme.stv-field-guide-page article p,
body.stv-global-theme.stv-field-guide-page article li,
body.stv-global-theme.stv-field-guide-page
.stv-guide-content-enhanced p,
body.stv-global-theme.stv-field-guide-page
.stv-guide-content-enhanced li {
    color:#e1cfbb !important;
}


/* Section headings */
body.stv-global-theme.stv-field-guide-page article h2,
body.stv-global-theme.stv-field-guide-page
.stv-guide-content-enhanced h2 {
    color:#fff0dd !important;

    -webkit-text-fill-color:#fff0dd !important;

    background:none !important;
}


/* Bold text */
body.stv-global-theme.stv-field-guide-page article strong,
body.stv-global-theme.stv-field-guide-page
.stv-guide-content-enhanced strong {
    color:#fff0dc !important;
}


/* Legacy warning / security boxes */
body.stv-global-theme.stv-field-guide-page .warning,
body.stv-global-theme.stv-field-guide-page .notice {
    background:
        linear-gradient(
            135deg,
            #32190d,
            #17100b
        ) !important;

    color:#fff0dc !important;

    border:
        1px solid rgba(255,128,42,.36) !important;

    border-left:
        6px solid #ff741e !important;
}

body.stv-global-theme.stv-field-guide-page .warning *,
body.stv-global-theme.stv-field-guide-page .notice * {
    color:#fff0dc !important;
}


/* Numbered step cards created by the guide theme */
body.stv-global-theme.stv-field-guide-page .steps > li,
body.stv-global-theme.stv-field-guide-page ol.steps > li,
body.stv-global-theme.stv-field-guide-page
.stv-guide-content-enhanced ol > li {
    background:
        linear-gradient(
            145deg,
            #18100b,
            #0d0907
        ) !important;

    color:#e1cfbb !important;

    border:
        1px solid rgba(255,111,25,.24) !important;

    box-shadow:
        inset 0 0 20px rgba(255,83,8,.025) !important;
}


/* Inline command/code chips */
body.stv-global-theme.stv-field-guide-page code {
    background:#090705 !important;

    color:#ffd19e !important;

    border:
        1px solid rgba(255,116,28,.26) !important;
}


/* Protect against legacy cream/paper variables */
body.stv-global-theme.stv-field-guide-page {
    --cream:#090705 !important;
    --paper:#140e0a !important;
    --ink:#e1cfbb !important;
    --yellow:#32190d !important;
    --red:#311413 !important;
    --green:#102218 !important;
}