/* x1-fineshield-email - /fineshield/email (2026-10-01). Every rule scoped under .x1-fineshield-email. */

/* hero: wide photo, text and picture share the row */
.x1-fineshield-email .hero-grid {align-items: center;}
.x1-fineshield-email .hero-text {grid-column: 1 / span 6;}
.x1-fineshield-email .hero-media {grid-column: 7 / span 6;}
.x1-fineshield-email .hero-media .photo {aspect-ratio: 5 / 4; height: auto; min-height: 0;}
.x1-fineshield-email .d29-hero .display {font-size: clamp(2.6rem, 1.5rem + 3.8vw, 4.75rem);}

/* signature: the draft, the rule beside it, the correction */
.x1-fineshield-email .fse-draft-g {align-items: start; row-gap: var(--stack-l);}
.x1-fineshield-email .fse-steps {grid-column: 1 / span 5; list-style: none; margin: 0; padding: 0;}
.x1-fineshield-email .fse-mock-col {grid-column: 7 / span 6; align-self: stretch;}
.x1-fineshield-email .fse-step {padding-block: clamp(1.5rem, 1rem + 2vw, 2.75rem); border-top: 1px solid var(--rule); transition: opacity .35s ease;}
.x1-fineshield-email .fse-step:first-child {border-top: 0; padding-top: 0;}
.x1-fineshield-email .fse-step:last-child {padding-bottom: 0;}
.x1-fineshield-email .fse-h {font: 400 clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem)/1.12 var(--serif); letter-spacing: var(--track-display); color: var(--ink); margin-bottom: 1rem;}
.x1-fineshield-email .fse-step p {max-width: 40ch; text-wrap: pretty;}

.x1-fineshield-email .fse-mock {margin: 0; position: relative; padding-bottom: 2rem;}
.x1-fineshield-email .fse-mail {background: var(--surface); border-radius: 14px; box-shadow: 0 0 0 1px rgba(0,0,0,.07), 0 24px 60px -18px rgba(20,20,20,.22); padding: clamp(1.25rem, .8rem + 1.8vw, 2.25rem); margin-right: 9.5rem;}
.x1-fineshield-email .fse-mail-k {display: flex; align-items: center; gap: .5rem; font: 600 var(--fs-eyebrow)/1.4 var(--sans); letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--muted); padding-bottom: .9rem; margin-bottom: 1.1rem; border-bottom: 1px solid var(--rule);}
.x1-fineshield-email .fse-dot {width: 8px; height: 8px; border-radius: 50%; background: #F59E0B;}
.x1-fineshield-email .fse-mail-line {font: 400 clamp(1.3rem, 1.05rem + .9vw, 1.75rem)/1.35 var(--serif); color: var(--ink); max-width: 22ch;}
.x1-fineshield-email .fse-mark {background: linear-gradient(transparent 55%, rgba(245,158,11,.42) 55%); color: inherit; padding-inline: .1em; box-shadow: inset 0 -2px 0 #C2780F;}
.x1-fineshield-email .fse-fix {margin-top: clamp(1.5rem, 1rem + 1.6vw, 2.5rem); padding: 1.1rem 1.2rem; border-radius: 10px; background: var(--tint); border-left: 3px solid #24613B;}
.x1-fineshield-email .fse-tag {font: 600 .75rem/1.3 var(--sans); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: .5rem;}
.x1-fineshield-email .fse-tag-a {color: #8F520E;}
.x1-fineshield-email .fse-fix-line {color: var(--ink); font-size: 1.0625rem; line-height: 1.5;}
.x1-fineshield-email .fse-acts {display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem;}
.x1-fineshield-email .fse-act {font: 600 .8125rem/1 var(--sans); padding: .6rem .85rem; border-radius: 999px; border: 1px solid rgba(0,0,0,.18); color: var(--ink); background: var(--surface);}
.x1-fineshield-email .fse-act-p {background: var(--ink); border-color: var(--ink); color: #FAFAF7;}

.x1-fineshield-email .fse-rule {position: absolute; right: 0; top: clamp(4.5rem, 3rem + 3vw, 6rem); width: 13.5rem; background: #1A1712; color: #F2EDE3; border-radius: 12px; padding: 1.1rem 1.15rem 1.2rem; box-shadow: 0 22px 50px -16px rgba(20,20,20,.45);}
.x1-fineshield-email .fse-rule .fse-tag-a {color: #F5B544;}
.x1-fineshield-email .fse-dl {margin: 0; display: grid; gap: .8rem;}
.x1-fineshield-email .fse-dl div {border-top: 1px solid rgba(242,237,227,.16); padding-top: .7rem;}
.x1-fineshield-email .fse-dl dt {font: 500 .75rem/1.3 var(--sans); color: #B9B3A7; margin-bottom: .2rem;}
.x1-fineshield-email .fse-dl dd {margin: 0; font: 400 1.25rem/1.2 var(--serif); color: #FFF;}
.x1-fineshield-email .fse-dl div:first-child dd {text-decoration: line-through; text-decoration-color: #F59E0B; text-decoration-thickness: 2px;}

/* scroll emphasis (set by x1-fineshield-email.js; without JS everything is shown at full strength) */
.x1-fineshield-email [data-part] {transition: opacity .35s ease, transform .35s ease;}
.x1-fineshield-email .fse-mock[data-on="draft"] [data-part="fix"],
.x1-fineshield-email .fse-mock[data-on="draft"] [data-part="rule"] {opacity: .35;}
.x1-fineshield-email .fse-mock[data-on="rule"] [data-part="fix"] {opacity: .35;}
.x1-fineshield-email .fse-mock[data-on="rule"] [data-part="rule"] {transform: translateY(-4px);}

@media (min-width: 961px){
.x1-fineshield-email .fse-mock {position: sticky; top: 112px;}
}
@media (min-width: 1200px){
.x1-fineshield-email .fse-fix {margin-right: 3.5rem;}
}

/* pull line */
.x1-fineshield-email .fse-aha {margin: var(--section) auto 0; max-width: 24ch; text-align: center; font: 400 clamp(2rem, 1.3rem + 2.6vw, 3.5rem)/1.1 var(--serif); letter-spacing: var(--track-display); color: var(--ink); text-wrap: balance;}
.x1-fineshield-email .fse-aha::before {content: ""; display: block; width: 3rem; height: 3px; background: #F59E0B; margin: 0 auto 1.75rem;}

/* scope + record */
.x1-fineshield-email .fse-setup {background: var(--tint); border-top: 0 !important;}
.x1-fineshield-email .fse-two {row-gap: var(--stack-l);}
.x1-fineshield-email .fse-col {grid-column: span 6; border-top: 2px solid var(--ink); padding-top: 1.5rem; padding-right: clamp(0rem, 2vw, 2.5rem);}
.x1-fineshield-email .fse-h2 {font: 400 clamp(1.9rem, 1.35rem + 1.9vw, 2.875rem)/1.08 var(--serif); letter-spacing: var(--track-display); color: var(--ink); margin-bottom: 1.1rem; max-width: 18ch;}
.x1-fineshield-email .fse-col p {max-width: 44ch; text-wrap: pretty;}

/* film */
.x1-fineshield-email .fse-film {border-top: 0 !important;}
.x1-fineshield-email .fse-col-h {font-size: clamp(2rem, 1.35rem + 2.2vw, 3.25rem);}
.x1-fineshield-email .fse-film .split-text .d29-cta-row {margin-top: var(--stack-m);}
.x1-fineshield-email .fse-screen {margin: 0; background: #121212; border-radius: 14px; padding: clamp(.4rem, .2rem + .6vw, .75rem); box-shadow: 0 24px 60px -18px rgba(20,20,20,.3);}
.x1-fineshield-email .fse-screen video {display: block; width: 100%; height: auto; border-radius: 9px; background: #000;}

/* FAQ */
.x1-fineshield-email .fse-faq-list {grid-column: 3 / span 8;}

@media (max-width: 960px){
.x1-fineshield-email .hero-text, .x1-fineshield-email .hero-media,
.x1-fineshield-email .fse-steps, .x1-fineshield-email .fse-mock-col,
.x1-fineshield-email .fse-col, .x1-fineshield-email .fse-faq-list {grid-column: 1 / -1;}
.x1-fineshield-email .hero-media .photo {aspect-ratio: 3 / 2;}
.x1-fineshield-email .fse-mock-col {order: -1;}
}
@media (max-width: 1199px){
.x1-fineshield-email .fse-mail {margin-right: 0;}
.x1-fineshield-email .fse-rule {position: static; width: auto; margin: -1rem .75rem 0;}
.x1-fineshield-email .fse-mock {padding-bottom: 0;}
.x1-fineshield-email .fse-dl {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem;}
.x1-fineshield-email .fse-dl dd {font-size: 1.0625rem;}
}
@media (max-width: 700px){
.x1-fineshield-email .fse-col {padding-right: 0;}
}
@media (prefers-reduced-motion: reduce){
.x1-fineshield-email .fse-step, .x1-fineshield-email [data-part] {transition: none;}
.x1-fineshield-email .fse-mock[data-on="rule"] [data-part="rule"] {transform: none;}
}