.tru2u-mc-contact-shell{--tru2u-green:#6F8F7A;--tru2u-green-dark:#5C7866;--tru2u-soft:#EDF3EF;--tru2u-border:#DDE5DF;--tru2u-muted:#6B736E;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.65fr);gap:28px;max-width:1120px;margin:36px auto;align-items:start}
.tru2u-mc-contact-card{position:sticky;top:24px;background:var(--tru2u-soft);border:1px solid var(--tru2u-border);border-radius:14px;padding:28px}.tru2u-mc-contact-card-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--tru2u-green);color:#fff;font-size:22px;margin-bottom:18px}.tru2u-mc-contact-card h2{margin:0 0 10px;color:var(--tru2u-green-dark)}.tru2u-mc-contact-card p{line-height:1.65}.tru2u-mc-contact-card-meta{border-top:1px solid rgba(111,143,122,.25);padding-top:16px;display:grid;gap:4px;color:var(--tru2u-muted)}
.tru2u-mc-contact{background:#fff;border:1px solid var(--tru2u-border);border-radius:14px;padding:30px;box-shadow:0 8px 28px rgba(36,56,45,.06)}.tru2u-mc-contact-intro{text-align:left;margin-bottom:24px}.tru2u-mc-eyebrow{display:inline-block;margin-bottom:8px;color:var(--tru2u-green);font-size:.78rem;font-weight:800;letter-spacing:.12em}.tru2u-mc-contact-intro h2{margin:0 0 10px;color:var(--tru2u-green-dark);font-size:clamp(1.7rem,3vw,2.25rem)}.tru2u-mc-required-note{color:var(--tru2u-muted);font-size:.9rem}.tru2u-mc-contact-form{padding:0;margin:0;border:0;background:transparent}
.tru2u-mc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.tru2u-mc-label{display:block;margin-bottom:7px;font-weight:700}.tru2u-mc-optional{margin-left:4px;color:var(--tru2u-muted);font-weight:400;font-size:.86rem}.tru2u-mc-field input,.tru2u-mc-field select,.tru2u-mc-field textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #C8D2CB;border-radius:7px;background:#fff;font:inherit}.tru2u-mc-field textarea{min-height:150px;resize:vertical}.tru2u-mc-field input:focus,.tru2u-mc-field select:focus,.tru2u-mc-field textarea:focus{outline:none;border-color:var(--tru2u-green);box-shadow:0 0 0 3px rgba(111,143,122,.14)}.tru2u-mc-field small{display:block;margin-top:6px;color:var(--tru2u-muted);font-size:.84rem}.tru2u-mc-full{grid-column:1/-1}.tru2u-mc-character-count{text-align:right}
.tru2u-mc-privacy{display:flex!important;align-items:flex-start;gap:10px;padding:14px;border-radius:8px;background:#F7F9F7;border:1px solid var(--tru2u-border)}.tru2u-mc-privacy input{margin-top:3px}.tru2u-mc-privacy span{font-weight:400;line-height:1.55}.tru2u-mc-privacy a{color:var(--tru2u-green-dark);font-weight:700}.tru2u-mc-form-actions{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}.tru2u-mc-submit{min-height:46px;padding:11px 22px;background:var(--tru2u-green);color:#fff;border:0;border-radius:6px;font-weight:800;cursor:pointer}.tru2u-mc-submit:hover{background:var(--tru2u-green-dark)}.tru2u-mc-form-reassurance{color:var(--tru2u-muted);font-size:.9rem}.tru2u-mc-response{margin-top:16px;min-height:1.2em}.tru2u-mc-hp{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:900px){.tru2u-mc-contact-shell{grid-template-columns:1fr;max-width:760px}.tru2u-mc-contact-card{position:static}}@media(max-width:640px){.tru2u-mc-contact-shell{margin:20px auto;gap:18px}.tru2u-mc-contact,.tru2u-mc-contact-card{padding:20px;border-radius:10px}.tru2u-mc-grid{grid-template-columns:1fr}.tru2u-mc-full{grid-column:auto}.tru2u-mc-submit{width:100%}.tru2u-mc-form-reassurance{width:100%;text-align:center}}


/* v0.1.1 — shaded Contact Us form */
.tru2u-mc-contact {
    background: #F3F7F4;
}

.tru2u-mc-field input,
.tru2u-mc-field select,
.tru2u-mc-field textarea {
    background: #FFFFFF;
}

.tru2u-mc-privacy {
    background: #FFFFFF;
}

.tru2u-mc-contact-intro {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(111, 143, 122, .22);
}


/* v0.2.3 — Email template preview */
.tru2u-mc-preview-panel {
    margin-top: 20px;
}

.tru2u-mc-preview-controls {
    margin: 12px 0 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.tru2u-mc-email-preview-frame {
    max-width: 820px;
    border: 1px solid #ccd0d4;
    background: #f6f7f7;
    padding: 14px;
    box-sizing: border-box;
    overflow: auto;
}

.tru2u-mc-email-preview-label {
    margin: 0 0 10px;
    padding: 8px 10px;
    background: #edf3ef;
    border-left: 4px solid #6F8F7A;
    color: #3f5f49;
    font-weight: 600;
}
