.elementor-10575 .elementor-element.elementor-element-7784c7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:32px;--padding-right:32px;}.elementor-10575 .elementor-element.elementor-element-7784c7b:not(.elementor-motion-effects-element-type-background), .elementor-10575 .elementor-element.elementor-element-7784c7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F7;}.elementor-10575 .elementor-element.elementor-element-7784c7b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10575 .elementor-element.elementor-element-7c67675{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10575 .elementor-element.elementor-element-c6e8890{text-align:center;}.elementor-10575 .elementor-element.elementor-element-c6e8890 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:46px;font-weight:500;color:#092444;}.elementor-widget-theme-post-excerpt{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-10575 .elementor-element.elementor-element-ff7f8c0{color:var( --e-global-color-0df65bb );}.elementor-10575 .elementor-element.elementor-element-ae1efa4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:32px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-10575 .elementor-element.elementor-element-ae1efa4:not(.elementor-motion-effects-element-type-background), .elementor-10575 .elementor-element.elementor-element-ae1efa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F6F7;}.elementor-10575 .elementor-element.elementor-element-ae1efa4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-content{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-10575 .elementor-element.elementor-element-336003e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-10575 .elementor-element.elementor-element-ae1efa4{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-ae1efa4 *//* ===========================================
   Anthropic Blog Style - Body Container CSS
   Apply to: Body Container in Elementor
   =========================================== */

/* 1. Container background */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 {
  background-color: #FAF9F5;
}

/* 2. Base typography */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 p,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 li {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.55;
  color: #141413;
}

/* 3. Text column - narrow for readability */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 p,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 ul,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 ol {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}

/* 4. Headings - DM Sans */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 h1 {
  font-family: "DM Sans", sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  color: #141413;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 h2 {
  font-family: "DM Sans", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: #141413;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 64px;
  margin-bottom: 32px;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 h2:first-child {
  margin-top: 0;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 h3 {
  font-family: "DM Sans", sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #141413;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 48px;
  margin-bottom: 24px;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 h4 {
  font-family: "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #141413;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-bottom: 16px;
}

/* 5. Figures - container with no background */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 figure,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-block-image {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-bottom: 32px;
}

/* Figure content - beige background container */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 figure .fig-content {
  background-color: #F0EEE6;
  border-radius: 16px;
  padding: 16px;
}

/* Figure title - inside beige background */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 figure .fig-title {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #141413;
  margin: 0 0 16px 0;
  text-align: center;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 figure img,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-block-image img,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 figure .fig-content img {
  width: 100%;
  display: block;
  border-radius: 8px;
  vertical-align: bottom;
  margin: 0;
}

/* Wide figure - hero style */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 figure.fig-wide {
  max-width: 880px;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 figure.fig-wide .fig-content {
  padding: 48px;
}

/* 6. Figure captions - OUTSIDE beige background */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 figcaption,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-element-caption {
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #5E5D59;
  margin: 12px 0 0 0;
  padding: 0;
}

/* 7. Tables - wider than text */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-block-table {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  font-size: 15px;
  border-collapse: collapse;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 table th {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  text-align: left;
  padding: 12px 16px;
  border-bottom: 2px solid #141413 !important;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 table td {
  padding: 12px 16px;
  border-bottom: 1px solid #E8E6DC !important;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 table tr:last-child td {
  border-bottom: none;
}

/* Tables inside figures - inner pane styling */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 figure table {
  max-width: 100%;
  margin: 0;
  background-color: #FAF9F5;
  border-radius: 8px;
  padding: 8px 16px;
  border: none;
}

/* Override WP default table styles */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table th,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table td {
  border: none;
  border-left: none;
  border-right: none;
  border-top: none;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 table tr,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table td,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table tbody tr,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table tbody td,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table tbody tr:nth-child(odd),
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table tbody tr:nth-child(even),
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table tbody tr:nth-child(odd) td,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 table tbody tr:nth-child(even) td,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-block-table tr,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-block-table td,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-block-table tbody tr:nth-child(odd),
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-block-table tbody tr:nth-child(even) {
  background-color: #FAF9F5 !important;
}

/* 8. Links */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 a {
  color: #141413;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 a:hover {
  text-decoration-thickness: 2px;
}

/* 9. Code blocks */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 pre,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 .wp-block-code {
  background-color: #F0EEE6;
  border-radius: 12px;
  padding: 32px;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  overflow-x: auto;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 code {
  font-family: "SF Mono", Monaco, "Courier New", monospace;
  font-size: 14px;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 p code {
  background-color: #F0EEE6;
  padding: 2px 6px;
  border-radius: 4px;
}

/* 10. Lists */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 ul,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 ol {
  padding-left: 21px;
}

.elementor-10575 .elementor-element.elementor-element-ae1efa4 li {
  margin-bottom: 8px;
}

/* 11. Blockquotes */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 blockquote {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  border-left: 3px solid #788C5D;
  font-style: italic;
}

/* 12. Horizontal rule */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 hr {
  max-width: 640px;
  margin: 48px auto;
  border: none;
  border-top: 1px solid #E8E6DC;
}

/* 13. Strong/Bold text */
.elementor-10575 .elementor-element.elementor-element-ae1efa4 strong,
.elementor-10575 .elementor-element.elementor-element-ae1efa4 b {
  font-weight: 600;
}/* End custom CSS */
/* Start custom CSS *//* wrapper box padding */
.e-con-boxed {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ===============================
   BODY TEXT (640px MAX)
================================ */
.content-body {
  width: 100%;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 1rem;
  box-sizing: border-box;
}

/* ===============================
   OFFSET IMAGE (880px)
================================ */

img.content-media,
.full-width-figure img {
    width: 840px !important;
    max-width: none !important;
    display: block;

    /* CENTER IMAGE */
    margin-left: calc(50% - 420px) !important;
    margin-right: 0 !important;

    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.full-width-figure img {
    width: 840px !important;
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* ===============================
   FIG CONTENT (MATCH IMAGE WIDTH)
================================ */
.fig-content-offset {
  width: 880px;
  max-width: 880px !important;
  margin-left: calc(50% - 440px) !important;
  margin-right: 0;
}

.fig-column {
    background-color: #e8e8ed;
    border-radius: 16px;
    padding: 16px;
    overflow: auto;
}

.fig-narrow {
  width: 100% !important;
  max-width: 640px !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Title */
.fig-title {
  font-size: 18px;
  font-weight: 600;
  color: #141413;
  margin: 0 0 16px 0;
  text-align: center;
}


/* Caption */
.fig-content figcaption {
  display: block;
  padding: 8px 0;
  color: #6b6b6b;
  box-sizing: border-box;
}

.full-width-figure figcaption,
.fig-content-offset figcaption {
    width: 880px !important;
    max-width: 880px;
    margin-left: calc(50% - 440px) !important;
    margin-right: 0 !important;
    text-align: left;
    padding: 8px 0;
    box-sizing: border-box;
}

/* Tables inside fig */
.fig-content table ,
.fig-content-offset  table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
}


/* ===============================
   RESPONSIVE SAFETY
================================ */
@media (max-width: 900px) {

  .content-body {
    padding: 0 0rem;
  }

  img.content-media,
  .fig-content,
  .fig-content-offset {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .fig-content,
  .fig-content-offset,
  .fig-content-offset figcaption,
  .fig-content figcaption,
  img.content-media {
    width: 100%;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Essential: responsive image scaling */
  .fig-content img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .full-width-figure figcaption,
  .fig-content-offset figcaption {
    width: 100%;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .fig-narrow {
    width: 100% !important;
    max-width: 640px !important;
  }

}

/* Mobile responsive tables */
@media (max-width: 768px) {
  .fig-content,
  .fig-content-offset {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .fig-content table,
  .fig-content-offset table {
    min-width: 500px;
    border-collapse: collapse;
  }
}/* End custom CSS */