.elementor-6071 .elementor-element.elementor-element-27b56067{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6071 .elementor-element.elementor-element-2cc38d3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6071 .elementor-element.elementor-element-23db87f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-6071 .elementor-element.elementor-element-1eced49{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}@media(max-width:767px){.elementor-6071 .elementor-element.elementor-element-2cc38d3{--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;}.elementor-6071 .elementor-element.elementor-element-23db87f{width:100%;max-width:100%;}.elementor-6071 .elementor-element.elementor-element-1eced49{width:100%;max-width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-3bcff066 */:root {
      --ink: #1a1a18;
      --cream: #fff;
      --accent: #038E9B;
      --accent-light: #f0e8e5;
      --muted: #7a7570;
      --border: #ddd9d0;
      --max: 740px;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      background: var(--cream);
      color: var(--ink);
      font-size: 17px;
      line-height: 1.75;
    }

    /* ── HEADER ── */



    .site-tag {
      font-size: 0.78rem;
      color: var(--muted);
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    /* ── HERO ── */
    .hero {
      max-width: 1100px;
      margin: 0 auto;
      padding: 4rem 2rem 3rem;
      display: grid;
      grid-template-columns: 1fr 340px;
      gap: 3rem;
      align-items: end;
      border-bottom: 1px solid var(--border);
    }

    .hero-label {
      font-size: 0.75rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent);
      font-weight: 500;
      margin-bottom: 1rem;
    }

    .hero-intro {
      font-size: 1.05rem;
      color: #3d3a35;
      max-width: 520px;
      line-height: 1.8;
    }

    .hero-meta {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      padding: 1.5rem;
      background: var(--ink);
      color: var(--cream);
      border-radius: 2px;
      font-size: 0.85rem;
    }

    .hero-meta strong {
      display: block;
      font-size: 0.7rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 0.2rem;
    }

    /* ── ARTICLE LAYOUT ── */
    article {
      max-width: var(--max);
      margin: 0 auto;
      padding: 3.5rem 2rem 5rem;
    }

    /* ── TYPOGRAPHY ── */



 

    p { margin-bottom: 1.4rem; }

    strong { font-weight: 500; }

    em { font-style: italic; }

    a { color: var(--accent); text-decoration: underline; text-decoration-thickness: 1px; }

    hr {
      border: none;
      border-top: 1px solid var(--border);
      margin: 2.5rem 0;
    }

    /* ── PULL QUOTE ── */
    .pullquote {
      border-left: 3px solid var(--accent);
      padding: 0.5rem 0 0.5rem 1.5rem;
      margin: 1.5rem 0;
      font-size: 1.2rem;
      font-style: italic;
      color: var(--ink);
      line-height: 1.5;
    }

    /* ── KEY INSIGHT BOX ── */
    .insight {
      background: var(--ink);
      color: var(--cream);
      padding: 1.5rem 1.75rem;
      margin: 2rem 0;
      border-radius: 2px;
      font-size: 1.05rem;
      font-style: italic;
      line-height: 1.5;
      display:inline-block;
    }

    .insight::before {
      content: '→';
      color: var(--accent);
      margin-right: 0.5rem;
      font-style: normal;
    }

    /* ── EXAMPLE BOX ── */
    .example {
      background: white;
      border: 1px solid var(--border);
      border-top: 3px solid var(--accent);
      padding: 1.5rem 1.75rem;
      margin: 1.5rem 0;
      font-size: 0.95rem;
      line-height: 1.8;
    }

    .example-label {
      font-size: 0.7rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent);
      font-weight: 500;
      margin-bottom: 0.75rem;
      display: block;
    }

    .example p { margin-bottom: 0.8rem; }
    .example p:last-child { margin-bottom: 0; }

    /* ── STEP LIST ── */
    .step-list {
      list-style: none;
      counter-reset: steps;
      margin: 1rem 0 1.5rem;
    }

    .step-list li {
      counter-increment: steps;
      display: flex;
      gap: 1rem;
      margin-bottom: 0.6rem;
      align-items: baseline;
    }

    .step-list li::before {
      content: counter(steps);
      font-family: 'Playfair Display', serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: #038e9b;
      min-width: 1.2rem;
      flex-shrink: 0;
    }

    /* ── STORY STRUCTURE ── */
    .story-grid {
      display: grid;
      gap: 0;
      margin: 1.5rem 0;
      border: 1px solid var(--border);
      max-width:430px;
    }

    .story-item {
      display: grid;
      grid-template-columns: 100% 1fr;
      border-bottom: 1px solid var(--border);
    }

    .story-item:last-child { border-bottom: none; }

    .story-item-label {
      padding: 0.85rem 1rem;
      background: var(--ink);
      color: var(--cream);
      font-size: 0.78rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      font-weight: 500;
      display: flex;
      align-items: center;
    }

    .story-item-text {
      padding: 0.85rem 1rem;
      font-size: 0.93rem;
      color: #3d3a35;
    }

    /* ── QUESTIONS LIST ── */
    .questions {
      list-style: none;
      margin: 1rem 0 1.5rem;
    }

    .questions li {
      padding: 0.5rem 0 0.5rem 1.5rem;
      border-bottom: 1px solid var(--border);
      position: relative;
      font-size: 0.95rem;
    }

    .questions li::before {
      content: '?';
      color: var(--accent);
      position: absolute;
      left: 0;
      font-weight: 500;
    }

    .questions li:last-child { border-bottom: none; }

    /* ── SECTION STEPS (a, b, c …) ── */
    .sub-steps {
      list-style: none;
      margin: 1rem 0 1.5rem;
    }

    .sub-steps li {
      /*display: grid;*/
      grid-template-columns: 2rem 1fr;
      gap: 0.5rem;
      margin: 1.2rem;
    }

    .sub-steps .marker {
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      color: var(--accent);
      font-size: 1.05rem;
      line-height: 1.6;
    }

    .sub-steps .content strong {
      display: block;
      margin-bottom: 0.2rem;
    }

    .sub-steps .content p { margin-bottom: 0; font-size: 0.95rem; }

    /* ── TIP BOX ── */
    .tip {
      background: var(--accent-light);
      border-left: 3px solid var(--accent);
      padding: 0.85rem 1.25rem;
      margin: 1.2rem 0;
      font-size: 0.92rem;
    }

    .tip strong { color: var(--accent); }

    /* ── SECTION DIVIDER ── */
    .section-number {
      display: inline-block;
      font-family: 'Playfair Display', serif;
      font-size: 3.5rem;
      font-weight: 900;
      color: var(--border);
      line-height: 1;
      margin-bottom: -0.3rem;
    }

    /* ── FREEBIE SECTION ── */
    .freebie {
      background: white;
      border: 2px solid var(--ink);
      padding: 2rem 2rem 2.5rem;
      margin: 3rem 0;
    }

    .freebie-badge {
      display: inline-block;
      background: var(--accent);
      color: white;
      font-size: 0.7rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 0.3rem 0.7rem;
      margin-bottom: 1rem;
      font-weight: 500;
    }

    .freebie h2 {
      margin-top: 0;
      font-size: 1.5rem;
    }

    /* ── WORKSHEET ── */
    .worksheet-section {
      margin-top: 1.5rem;
    }

    .worksheet-section h4 {
      border-bottom: 1px solid var(--border);
      padding-bottom: 0.4rem;
      margin-bottom: 1rem;
    }

    .worksheet-q {
      margin-bottom: 1.4rem;
    }

    .worksheet-q .qnum {
      font-weight: 700;
      color: var(--accent);
      font-size: 1rem;
      margin-right: 0.3rem;
    }

    .worksheet-q .qtext {
      font-size: 0.95rem;
      font-weight: 500;
      display: inline;
    }

    .answer-line {
      display: block;
      margin-top: 0.5rem;
      border-bottom: 1px solid var(--border);
      height: 1.8rem;
      margin-left: 0;
    }

    /* ── PROMPT BOX ── */
    .prompt-box {
      background: #f0ede6;
      border: 1px solid var(--border);
      padding: 1.5rem 1.75rem;
      font-size: 0.88rem;
      line-height: 1.8;
      font-family: 'DM Mono', 'Courier New', monospace;
      white-space: pre-wrap;
      word-break: break-word;
      margin-top: 1rem;
    }

    /* ── FAZIT ── */
    .fazit {
      border-top: 2px solid var(--ink);
      padding-top: 2.5rem;
      margin-top: 3.5rem;
    }

    .fazit h2 { margin-top: 0; }

    /* ── FOOTER ── */
    footer {
      border-top: 1px solid var(--border);
      text-align: center;
      padding: 2rem;
      font-size: 0.82rem;
      color: var(--muted);
    }

    /* ── RESPONSIVE ── */
    @media (max-width: 720px) {
      .hero { grid-template-columns: 1fr; }
      .hero-meta { display: none; }
      .story-item { grid-template-columns: 1fr; }
      .story-item-label { padding: 0.5rem 1rem; }
      h1 { font-size: 2.2rem; }
    }/* End custom CSS */