.spice-branch-guide{width:100%;box-sizing:border-box;font-family:inherit;color:#303030}.spice-branch-guide *,.spice-branch-guide *::before,.spice-branch-guide *::after{box-sizing:border-box}.spice-branch-guide [hidden]{display:none!important}.spice-branch-guide__header{position:relative;padding:42px 46px 36px;background:#fff;border:1px solid #d9d9d9;border-radius:16px;box-shadow:0 7px 26px rgba(0,0,0,.025);overflow:hidden}.spice-branch-guide__header::before{content:"";position:absolute;top:0;left:46px;width:58px;height:3px;background:#333}.spice-branch-guide__eyebrow,.spice-branch-guide__progress-kicker,.spice-branch-guide__step-label,.spice-branch-guide__overview-label,.spice-branch-guide__note-label{display:block;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#96989a}.spice-branch-guide__eyebrow{margin-bottom:13px}.spice-branch-guide__title{margin:0;max-width:900px;font-size:clamp(28px,3.2vw,42px);line-height:1.08;font-weight:500;letter-spacing:-.04em;color:#303030}.spice-branch-guide__intro{max-width:840px;margin:17px 0 0;font-size:14px;line-height:1.75;color:#7c7f81}.spice-branch-guide__layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:24px;align-items:start;margin-top:18px}.spice-branch-guide__main{min-width:0}.spice-branch-guide__sequence{display:grid;gap:15px}.spice-branch-guide__step,.spice-branch-guide__decision{position:relative;padding:30px 32px 28px;background:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 6px 22px rgba(0,0,0,.02);scroll-margin-top:110px;transition:border-color .18s ease,background .18s ease}.spice-branch-guide__step.is-complete,.spice-branch-guide__decision.is-complete{background:#fafafa;border-color:#d5d5d5}.spice-branch-guide__step-head,.spice-branch-guide__decision-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center}.spice-branch-guide__number,.spice-branch-guide__decision-number{display:grid;place-items:center;width:46px;height:46px;border:1px solid #d7d7d7;border-radius:50%;background:#f3f3f3;color:#55585a;font-size:11px;font-weight:750;letter-spacing:.06em}.spice-branch-guide__decision-number{border-radius:12px;background:#ededed}.spice-branch-guide__step.is-complete .spice-branch-guide__number,.spice-branch-guide__decision.is-complete .spice-branch-guide__decision-number{background:#333;border-color:#333;color:#fff}.spice-branch-guide__step-heading{min-width:0}.spice-branch-guide__step-label{margin-bottom:6px}.spice-branch-guide__step-title{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.2;font-weight:500;letter-spacing:-.025em;color:#303030}.spice-branch-guide__step-text{margin:20px 0 0 64px;font-size:14px;line-height:1.75;color:#6f7274}.spice-branch-guide__step-text code,.spice-branch-guide__note-text code{padding:2px 5px;border:1px solid #ddd;border-radius:4px;background:#f5f5f5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.92em}.spice-branch-guide__figure{margin:22px 0 0 64px}.spice-branch-guide__image,.spice-branch-guide__video{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;object-position:left top;border:1px solid #d7d7d7;border-radius:12px;background:#f5f5f5}.spice-branch-guide__video{background:#111}.spice-branch-guide__audio{display:block;width:100%;min-height:44px}.spice-branch-guide__caption{display:block;margin:9px 2px 0;font-size:10px;line-height:1.55;color:#96989a}.spice-branch-guide__note{margin:20px 0 0 64px;padding:15px 17px;border-left:3px solid #555;background:#f5f5f5;border-radius:0 9px 9px 0}.spice-branch-guide__note-label{margin-bottom:6px;color:#7d8082}.spice-branch-guide__note-text{margin:0;font-size:13px;line-height:1.65;color:#66696b}.spice-branch-guide__step-footer{display:flex;justify-content:flex-end;margin:24px 0 0 64px;padding-top:18px;border-top:1px solid #eee}.spice-branch-guide__complete{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 15px;border:1px solid #3d3d3d;border-radius:9px;background:#333;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.spice-branch-guide__complete:hover{background:#1f1f1f}.spice-branch-guide__complete:focus-visible,.spice-branch-guide__choice:focus-visible,.spice-branch-guide__overview-item:focus-visible{outline:2px solid #444;outline-offset:3px}.spice-branch-guide__complete.is-spice-complete,.spice-branch-guide__complete:disabled{border-color:#d0d0d0;background:#f2f2f2;color:#666;cursor:default}.spice-branch-guide__choice-grid{display:grid;gap:12px;margin:24px 0 0 64px}.spice-branch-guide__choice-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.spice-branch-guide__choice-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.spice-branch-guide__choice-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.spice-branch-guide__choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:168px;padding:20px 18px;border:1px solid #d8d8d8;border-radius:12px;background:#f8f8f8;color:#303030;text-align:left;font:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.spice-branch-guide__choice:hover{border-color:#aaa;background:#fff;transform:translateY(-1px)}.spice-branch-guide__choice-code{display:grid;place-items:center;min-width:35px;height:35px;padding:0 7px;border-radius:9px;background:#333;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em}.spice-branch-guide__choice-title{display:block;margin-top:15px;font-size:15px;line-height:1.35;font-weight:700;color:#303030}.spice-branch-guide__choice-description{display:block;margin-top:7px;font-size:12px;line-height:1.55;color:#777b7d}.spice-branch-guide__choice-action{display:block;margin-top:auto;padding-top:16px;font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#4e5153}.spice-branch-guide__selected-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:24px 0 0 64px;padding:15px 17px;border:1px solid #d7d7d7;border-radius:11px;background:#f6f6f6}.spice-branch-guide__selected-summary>span{font-size:9px;font-weight:750;letter-spacing:.16em;color:#96989a}.spice-branch-guide__selected-summary>strong{font-size:13px;color:#383a3b}.spice-branch-guide__selected-summary>button{min-height:34px;padding:0 11px;border:1px solid #d0d0d0;border-radius:7px;background:#fff;color:#666;font:inherit;font-size:10px;font-weight:650;cursor:pointer}.spice-branch-guide__branch{margin:16px 0 0 64px;padding:18px 0 0 18px;border-left:2px solid #dedede}.spice-branch-guide__branch>.spice-branch-guide__sequence{gap:15px}.spice-branch-guide__progress{position:sticky;top:92px;padding:24px 22px;background:#f7f7f7;border:1px solid #ddd;border-radius:14px}.spice-branch-guide__progress-value{margin-top:10px;font-size:36px;line-height:1;font-weight:650;letter-spacing:-.05em;color:#303030}.spice-branch-guide__progress-track{height:6px;margin-top:14px;overflow:hidden;border-radius:999px;background:#dfdfdf}.spice-branch-guide__progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:#333;transition:width .24s ease}.spice-branch-guide__progress-current{margin:10px 0 0;font-size:11px;line-height:1.5;color:#747678}.spice-branch-guide__overview-label{margin-top:25px;padding-top:20px;border-top:1px solid #ddd}.spice-branch-guide__overview{display:grid;gap:6px;margin-top:10px}.spice-branch-guide__overview-item{display:grid;grid-template-columns:28px minmax(0,1fr) 12px;gap:9px;align-items:center;width:100%;min-height:42px;padding:7px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#747678;text-align:left;font:inherit;cursor:pointer}.spice-branch-guide__overview-item>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ececec;font-size:9px;font-weight:750}.spice-branch-guide__overview-item strong{min-width:0;font-size:11px;line-height:1.35;font-weight:650;color:#5f6264}.spice-branch-guide__overview-item i{width:7px;height:7px;border:1px solid #b7b7b7;border-radius:50%}.spice-branch-guide__overview-item.is-active{border-color:#d5d5d5;background:#fff}.spice-branch-guide__overview-item.is-active strong{color:#303030}.spice-branch-guide__overview-item.is-complete>span{background:#333;color:#fff}.spice-branch-guide__overview-item.is-complete i{border-color:#333;background:#333}.spice-branch-guide__done-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;margin-top:16px;padding:12px 10px;border-top:1px solid #ddd;color:#454748}.spice-branch-guide__done-message>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#333;color:#fff;font-size:11px}.spice-branch-guide__done-message strong{font-size:11px;line-height:1.4}.spice-branch-guide__done-message[hidden]{display:none!important}@media(max-width:1100px){.spice-branch-guide__choice-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.spice-branch-guide__choice-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.spice-branch-guide__layout{grid-template-columns:1fr}.spice-branch-guide__progress{position:static;grid-row:1}.spice-branch-guide__main{grid-row:2}.spice-branch-guide__overview{grid-template-columns:repeat(2,minmax(0,1fr))}.spice-branch-guide__choice-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.spice-branch-guide__choice-grid--3,.spice-branch-guide__choice-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.spice-branch-guide__header{padding:35px 26px 30px;border-radius:14px}.spice-branch-guide__header::before{left:26px}.spice-branch-guide__title{font-size:28px}.spice-branch-guide__step,.spice-branch-guide__decision{padding:25px 22px 23px;border-radius:13px}.spice-branch-guide__step-head,.spice-branch-guide__decision-head{grid-template-columns:41px minmax(0,1fr);gap:13px}.spice-branch-guide__number,.spice-branch-guide__decision-number{width:39px;height:39px}.spice-branch-guide__step-title{font-size:20px}.spice-branch-guide__step-text,.spice-branch-guide__figure,.spice-branch-guide__note,.spice-branch-guide__step-footer,.spice-branch-guide__choice-grid,.spice-branch-guide__selected-summary,.spice-branch-guide__branch{margin-left:0}.spice-branch-guide__branch{padding-left:11px}.spice-branch-guide__choice-grid--2,.spice-branch-guide__choice-grid--3,.spice-branch-guide__choice-grid--4{grid-template-columns:1fr}.spice-branch-guide__choice{min-height:138px}.spice-branch-guide__selected-summary{grid-template-columns:1fr;gap:7px}.spice-branch-guide__overview{grid-template-columns:1fr}.spice-branch-guide__progress{padding:21px 19px}.spice-branch-guide__complete{width:100%}}
.spice-branch-guide__gallery{margin:22px 0 0 64px}.spice-branch-guide__gallery .spice-branch-guide__figure{margin:0}@media(max-width:580px){.spice-branch-guide__gallery{margin-left:0}}

/* SPICE v0.41.14: optional continuation after media */
.spice-after-media-editor { margin: 18px 0 10px; padding: 14px 16px; border: 1px solid #dfe3e6; border-radius: 10px; background: #fafbfb; }
.spice-after-media-label { display:block; margin-bottom: 10px; color:#757d82; font-size: 10px; font-weight: 750; letter-spacing: .08em; }
.spice-after-media-text { margin-top: 16px; }

/* Additional repeatable media/text segments. */
.spice-extra-content__section{margin:20px 0;max-width:100%;}
.spice-extra-content__figure{margin:12px 0 8px;max-width:100%;}
.spice-extra-content__figure img,.spice-extra-content__figure video{max-width:100%;height:auto;display:block;border-radius:10px;}
.spice-extra-content__figure audio{max-width:100%;width:100%;}
.spice-extra-content__figure figcaption{margin-top:8px;color:#505962;font-size:.9rem;}
.spice-extra-content__text{margin:14px 0;line-height:1.65;}

.spice-extra-content__details{position:relative;display:inline-block;margin:6px 0}
.spice-extra-content__info{cursor:pointer;border:1px solid #d8dade;border-radius:50%;background:white;color:#666;font-size:14px}
.spice-extra-content__details-text{display:none;position:absolute;bottom:100%;left:0;max-width:320px;min-width:180px;background:#fff;padding:10px;border:1px solid #ddd;box-shadow:0 8px 30px #0002;z-index:2}
.spice-extra-content__details:hover .spice-extra-content__details-text,.spice-extra-content__details:focus-within .spice-extra-content__details-text{display:block}

/* v0.41.42: align repeated media and continuation with existing text indentation. */
.spice-branch-guide .spice-after-media-editor, .spice-branch-guide .spice-extra-content { margin-left:64px; width:calc(100% - 64px); box-sizing:border-box; }
.spice-branch-guide .spice-extra-content__text-panel, .spice-branch-guide .spice-extra-content__media-panel { box-sizing:border-box; width:100%; }
@media(max-width:580px) { .spice-branch-guide .spice-after-media-editor, .spice-branch-guide .spice-extra-content { margin-left:0; width:100%; } }

.spice-branch-guide__branch .spice-after-media-editor, .spice-branch-guide__branch .spice-extra-content{margin-left:0;width:100%}


/* v0.41.43: repeated screenshot captions/details/text must share one left edge */
.spice-extra-content__figure,
.spice-extra-content__details,
.spice-extra-content__caption,
.spice-extra-content__text { box-sizing:border-box; width:100%; max-width:100%; text-align:left !important; }
.spice-extra-content__figure { display:block; margin:12px 0 8px; }
.spice-extra-content__figure img,
.spice-extra-content__figure video,
.spice-extra-content__figure audio { display:block; margin:0; }
.spice-extra-content__caption,
.spice-extra-content__details,
.spice-extra-content__text,
.spice-extra-content__details-text { margin-left:0 !important; padding-left:0 !important; }
.spice-extra-content__details { display:block; }

/* 0.41.44: repeat media uses same layout constraints as the original screenshots. */
.spice-extra-content__section > .spice-extra-content__figure,
.spice-extra-content__section > .spice-extra-content__text {
  min-width: 0;
  box-sizing: border-box;
}
.spice-extra-content__figure > img,
.spice-extra-content__figure > video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 620px;
  object-fit: contain;
  object-position: left top;
  border: 1px solid #d7d7d7;
  border-radius: 12px;
  background: #f5f5f5;
}
.spice-extra-content__figure > audio { display: block; width: 100%; }

/* 0.41.68 – Einleitung optional ausblenden, andere Inhalte unverändert. */
.spice-branch-guide__header[hidden]{display:none!important}

/* 0.41.69: Ungefüllte weitere Medien-/Textabschnitte beanspruchen keine Frontend-Höhe. */
.spice-extra-content__section:empty, .spice-after-media-text:empty { display:none; }
