.elementor-2361 .elementor-element.elementor-element-2a906139{--display:flex;}/* Start custom CSS */.sg-en-note {
--green: #0F6E56;
--green-dark: #084D3C;
--green-light: #E1F5EE;
--amber: #B76E00;
--amber-bg: #FDF7EC;
--text: #1A2A24;
--text-mid: #354D44;
--text-soft: #7A9088;
--bg: #FAFDF9;
--bg2: #EDF5F0;
--border: #C8DDD5;
--white: #ffffff;
--divider: #dde9e4;

font-family: "Source Serif Pro", Georgia, serif;
color: var(--text-mid);
background: var(--bg);
line-height: 1.88;
max-width: 720px;
margin: 0 auto;
}

/* Tag */
.sg-en-note .sg-tag { padding: 20px 30px 0; font-size: 12px; color: var(--text-soft); letter-spacing: 0.04em; }
.sg-en-note .sg-tag span { color: var(--green); font-weight: 700; }

/* H1 */
.sg-en-note h1 {
font-family: "Playfair Display", serif;
font-size: 28px; font-weight: 600; line-height: 1.4;
color: var(--text); padding: 16px 30px 0; margin: 0;
}

/* Byline */
.sg-en-note .sg-byline { padding: 14px 30px 0; font-size: 13px; color: var(--text-soft); }

/* Hero image */
.sg-en-note .sg-hero-img { width: 100%; display: block; margin: 20px 0; }

/* Core answer box */
.sg-en-note .sg-core {
background: var(--green-light); border-left: 4px solid var(--green);
margin: 0 30px 28px; padding: 18px 22px; border-radius: 0 8px 8px 0;
}
.sg-en-note .sg-core .sg-core-label {
font-family: "Source Serif Pro", serif;
font-size: 10px; font-weight: 700; text-transform: uppercase;
color: var(--green); letter-spacing: 0.12em; margin-bottom: 8px;
}
.sg-en-note .sg-core p { font-size: 15.5px; color: var(--green-dark); margin: 0; line-height: 1.8; }
.sg-en-note .sg-core a { color: var(--green); font-weight: 700; }

/* Author card */
.sg-en-note .sg-author-card {
display: flex; gap: 14px; align-items: flex-start;
background: var(--white); border: 1px solid var(--border);
border-radius: 12px; padding: 18px 20px; margin: 0 30px 28px;
}
.sg-en-note .sg-avatar {
flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%;
background: var(--green); color: #fff;
display: flex; align-items: center; justify-content: center;
font-family: "Playfair Display", serif; font-size: 17px; font-weight: 600;
}
.sg-en-note .sg-author-name { font-weight: 700; font-size: 14.5px; color: var(--text); }
.sg-en-note .sg-author-creds { font-size: 12.5px; color: var(--text-soft); line-height: 1.65; margin-top: 3px; }
.sg-en-note .sg-author-creds a { color: var(--green); }

/* Body */
.sg-en-note .sg-body { padding: 0 30px 40px; }
.sg-en-note p { font-size: 16.5px; margin: 0 0 18px 0; }

/* Divider */
.sg-en-note .sg-divider { border: none; border-top: 1px solid var(--divider); margin: 28px 0; }

/* Pull quote */
.sg-en-note .sg-pullquote {
font-family: "Playfair Display", serif;
font-style: italic; font-size: 19px;
color: var(--green-dark);
border-left: 3px solid var(--green);
padding: 8px 0 8px 20px; margin: 24px 0; line-height: 1.75;
}

/* H2/H3 */
.sg-en-note .sg-body h2 {
font-family: "Playfair Display", serif;
font-size: 22px; font-weight: 600;
color: var(--green-dark); margin-top: 36px; margin-bottom: 12px;
}
.sg-en-note .sg-body h3 {
font-family: "Playfair Display", serif;
font-size: 17px; font-weight: 600;
color: var(--text); margin: 22px 0 8px 0;
}
.sg-en-note .sg-body .sg-how {
font-size: 13.5px; color: var(--text-soft);
border-left: 2px solid var(--border);
padding-left: 12px; margin: 8px 0 16px 0;
}
.sg-en-note .sg-body .sg-how a { color: var(--green); }

/* SG note box */
.sg-en-note .sg-sg-box {
background: var(--amber-bg); border-left: 4px solid var(--amber);
border-radius: 0 8px 8px 0; padding: 16px 20px; margin: 24px 0;
}
.sg-en-note .sg-sg-box .sg-label {
font-size: 10px; font-weight: 700; text-transform: uppercase;
color: var(--amber); letter-spacing: 0.1em; margin-bottom: 8px;
}
.sg-en-note .sg-sg-box p { font-size: 14px; color: #5c4410; margin: 0; }

/* CTA */
.sg-en-note .sg-cta { margin: 28px 0; }
.sg-en-note .sg-cta h3 {
font-family: "Playfair Display", serif;
font-size: 18px; color: var(--text); margin: 0 0 12px 0;
}
.sg-en-note .sg-cta-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.sg-en-note .sg-btn {
display: inline-block; padding: 11px 22px;
border-radius: 8px; font-size: 14px; font-weight: 700; text-decoration: none;
}
.sg-en-note .sg-btn-green { background: var(--green); color: #fff; }
.sg-en-note .sg-btn-outline { background: transparent; color: var(--green); border: 2px solid var(--green); }

/* Related */
.sg-en-note .sg-related { margin: 28px 0; }
.sg-en-note .sg-related h3 { font-size: 15px; color: var(--text-soft); font-weight: 400; margin: 0 0 12px 0; }
.sg-en-note .sg-related a {
display: block; font-size: 14.5px; font-weight: 600;
color: var(--green); text-decoration: none;
padding: 10px 0; border-bottom: 1px solid var(--border);
}
.sg-en-note .sg-related a:last-child { border-bottom: none; }

/* Link card */
.sg-en-note .sg-linkcard {
border: 1px solid var(--border); border-radius: 10px;
background: var(--white); padding: 14px 18px;
margin: 12px 0; display: block; text-decoration: none;
}
.sg-en-note .sg-linkcard .sg-lc-title { font-size: 14px; font-weight: 600; color: var(--green-dark); }
.sg-en-note .sg-linkcard .sg-lc-desc { font-size: 12px; color: var(--text-soft); margin-top: 3px; }

/* FAQ */
.sg-en-note .sg-faq-section { margin: 28px 0 0; }
.sg-en-note .sg-faq-label {
font-size: 11px; font-weight: 700; text-transform: uppercase;
color: var(--text-soft); letter-spacing: 0.1em; margin-bottom: 16px;
}
.sg-en-note .sg-faq-item { margin-bottom: 20px; }
.sg-en-note .sg-faq-item .sg-q {
font-family: "Playfair Display", serif; font-weight: 600;
color: var(--text); margin-bottom: 7px; font-size: 15.5px;
}
.sg-en-note .sg-faq-item .sg-a { font-size: 15px; color: var(--text-mid); }

/* HSA mandatory footer */
.sg-en-note .sg-hsa-footer {
background: var(--amber-bg); border: 1px solid #e8c88a;
border-left: 4px solid var(--amber); border-radius: 0 8px 8px 0;
padding: 16px 18px; margin-top: 32px;
}
.sg-en-note .sg-hsa-footer .sg-label {
font-size: 10px; font-weight: 700; text-transform: uppercase;
color: var(--amber); letter-spacing: 0.1em; margin-bottom: 8px;
}
.sg-en-note .sg-hsa-footer p { font-size: 13px; color: #5c4410; margin: 0; }/* End custom CSS */