.elementor-908 .elementor-element.elementor-element-6077d615{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-908 .elementor-element.elementor-element-f8f3172 img{width:100%;height:320px;object-fit:cover;}}/* Start custom CSS for text-editor, class: .elementor-element-5d3e2905 *//* --- COLORS & VARIABLES --- */
:root {
  --line: #c9c9c9;
  --line-strong: #9a9a9a;
  --box: #eaeaea;
  --box2: #f3f3f3;
  --ink: #2b2b2b;
  --ink-soft: #6b6b6b;
  --label: #8a8a8a;
  --accent: #b98a6a;      /* Swap for Atkir's real accent color */
  --accent-dark: #8a6449; 
}



/* ---------- LAYOUT ---------- */
.layout { 
  display: flex; 
  align-items: flex-start; 
  font-family: Arial, Helvetica, sans-serif; 
  color: var(--ink); 
}
.main-col { 
  flex: 1 1 100%; 
  min-width: 0; 
}

/* ---------- ARTICLE TYPOGRAPHY ---------- */
.article p { font-size: 15.5px; line-height: 1.75; color: #333; margin: 0 0 16px; }
.article h2 { font-size: 23px; margin: 34px 0 12px; }
.article h3 { font-size: 18px; margin: 22px 0 10px; }
.article ul { padding-left: 20px; margin: 0 0 16px; }
.article li { font-size: 15px; line-height: 1.7; color: #333; margin-bottom: 6px; }
a.inline-link { color: var(--accent-dark); text-decoration: underline; text-decoration-style: dotted; cursor: pointer; }

/* ---------- INFO BOXES ---------- */
.box { border: 1px solid var(--line-strong); background: var(--box2); border-radius: 4px; padding: 16px 18px; margin: 20px 0; }
.box.covers { border-left: 4px solid var(--accent); }
.box.takeaway { border-left: 4px solid #7a7a7a; }
.box.case { background: #fff; border-style: dashed; }
.box.expert { background: #fff; border-left: 4px solid #b0b0b0; font-style: italic; }
.box.limits { background: #fff; }
.box h4 { margin: 0 0 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--accent-dark); }

/* ---------- SYMPTOM TABLE ---------- */
table.symptom { width: 100%; border-collapse: collapse; margin: 18px 0 26px; font-size: 13.5px; }
table.symptom th { background: #A5CCAF; color: #000 ; text-align: left; padding: 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; border:1px solid var(--line); }
table.symptom td { border: 1px solid var(--line); padding: 10px; vertical-align: top; color: #333; }
table.symptom tr:nth-child(even) td { background: #fff; }

/* ---------- FAQ ACCORDION ---------- */
.faq-item { border-bottom: 1px solid var(--line); padding: 14px 0; }
.faq-item summary { cursor: pointer; font-size: 15.5px; font-weight: bold; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:after { content: "+"; font-size: 20px; color: var(--ink-soft); }
.faq-item[open] summary:after { content: "–"; }
.faq-item p { margin-top: 10px; }

/* ---------- AUTHOR & COMMENTS ---------- */
.author-box { display: flex; gap: 16px; align-items: flex-start; border: 1px solid var(--line); border-radius: 6px; padding: 18px; margin-top: 30px; background: var(--box2); }
.author-avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--box); border: 1px solid var(--line-strong); flex: none; }
.comments { border: 1px dashed var(--line-strong); border-radius: 4px; padding: 24px; text-align: center; color: var(--ink-soft); font-family: monospace; font-size: 12px; margin-top: 30px; }

/* ---------- MOBILE RESPONSIVE ---------- */
@media (max-width: 900px) {
  .layout { flex-direction: column; }
  .inner { padding: 22px 0; }
}/* End custom CSS */