/* Service-Broker-Artikel DE/EN (/wissen/sql-server-service-broker/, /en/knowledge/sql-server-service-broker/). Präfix sb-. */
.sb-hero{position:relative;overflow:hidden}
.sb-hero .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:60px;align-items:center}
.sb-hero h1{max-width:19ch;font-size:clamp(2.2rem,3.5vw,3.5rem);line-height:1.1}
.sb-hero .lead{max-width:58ch}
.sb-hero .meta-line{font-size:.78rem;color:#a9c4d6;margin-top:22px}
.sb-hero-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.sb-hero-links a{font-size:.88rem;text-decoration:none;padding:10px 16px;border:1px solid #69899f;border-radius:7px;color:#fff}
.sb-hero-links a:first-child{background:var(--orange);border-color:var(--orange);color:var(--navy);font-weight:650}
.sb-layout{display:grid;grid-template-columns:minmax(0,820px) 245px;gap:55px;align-items:start;justify-content:center}
.sb-layout .article{min-width:0;max-width:none}
.sb-toc{order:2;position:sticky;top:112px;max-height:calc(100vh - 135px);overflow:auto;font-size:.85rem;scrollbar-width:thin}
.sb-toc summary{font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;list-style:none;padding:4px 0 14px}
.sb-toc summary::-webkit-details-marker{display:none}
.sb-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.sb-toc li a{display:block;border-left:2px solid transparent;margin-left:-2px;padding:7px 0 7px 15px;color:var(--ink-2);text-decoration:none;line-height:1.4}
.sb-toc a:hover,.sb-toc a[aria-current="true"]{color:var(--blue);border-left-color:var(--orange)}
.sb-toc a[aria-current="true"]{font-weight:650}
.sb-current{display:none}
.sb-article>section{scroll-margin-top:112px}
.sb-article h3{font-size:1.35rem;margin:1.65em 0 .8em}
.sb-article a{overflow-wrap:anywhere}
.sb-article li{margin-bottom:10px;color:var(--ink-2);line-height:1.65}
.sb-article ul,.sb-article ol{padding-left:1.35rem}
.sb-summary{margin:0 0 35px;padding:24px 28px;background:var(--blue-50);border-left:4px solid var(--orange);border-radius:0 12px 12px 0}
.sb-summary h2{font-size:1.3rem;margin:0 0 12px}
.sb-summary p{margin:0 0 10px}
.sb-summary p:last-child{margin-bottom:0}
.sb-table{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:25px 0;max-width:100%;background:#fff}
.sb-table:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.sb-table table{border-collapse:collapse;width:100%;font-size:.88rem;line-height:1.55;margin:0}
.sb-table th,.sb-table td{padding:13px 15px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line);white-space:normal;overflow-wrap:normal}
.sb-table th{background:var(--blue-50);font-weight:650;color:var(--ink)}
.sb-table tr:last-child td{border-bottom:0}
.sb-table td:first-child{font-weight:550;color:var(--ink)}
.sb-table table.wide{min-width:600px}
.sb-code{margin:26px 0;border:1px solid #26485f;border-radius:10px;overflow:hidden;background:#071f32}
.sb-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#0d2c43;color:#b5ccdc;font:500 .72rem var(--mono)}
.sb-copy{font:500 .75rem var(--text);border:1px solid #7391a6;border-radius:5px;padding:5px 10px;color:#fff;background:transparent;cursor:pointer}
.sb-copy:hover{background:#26485f}
.sb-article .sb-code pre{overflow-x:auto;padding:21px;margin:0;background:transparent;border:0;line-height:1.6}
.sb-article .sb-code code{font:.82rem/1.65 var(--mono);background:none;color:#d8e9f4;border:0;padding:0;border-radius:0;white-space:pre}
.sb-copy-status{font-size:.77rem;min-height:1.4em;color:var(--muted);display:block}
.sb-batch{margin:30px 0;border:1px solid var(--line);border-radius:13px;padding:25px;background:linear-gradient(130deg,#f4f9fc,#fff)}
.sb-batch figcaption{font-weight:650;color:var(--ink);margin-bottom:7px}
.sb-batch>p{font-size:.85rem;margin:0 0 21px}
.sb-bars{list-style:none!important;padding:0!important;margin:0;display:grid;gap:17px}
.sb-bars li{margin:0!important}
.sb-bar-title{display:flex;justify-content:space-between;gap:12px;font-size:.88rem;margin-bottom:6px}
.sb-bar-title b{font-family:var(--mono);font-weight:600;color:var(--ink)}
.sb-track{height:20px;border-radius:4px;background:#e6eef3;overflow:hidden}
.sb-bar{display:block;width:var(--width);height:100%;background:#006189;border-radius:4px}
.sb-bars li.b4 .sb-bar{background:#e97628}
.sb-bars li.b8 .sb-bar{background:#af4c16}
.sb-bars li.hot .sb-bar{background:repeating-linear-gradient(135deg,#7d8f9c 0 8px,#9fb0bc 8px 16px)}
.sb-bars li.hot{padding-top:14px;border-top:1px dashed var(--line)}
.sb-bars small{display:block;color:var(--muted);font-size:.75rem;line-height:1.5;margin-top:5px}
.sb-batch .sb-figure-note{margin:20px 0 0;font-size:.8rem;line-height:1.55}
.sb-flow{padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--blue-50);margin:26px 0}
.sb-flow ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.sb-flow li{margin:0;padding:13px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:.84rem;line-height:1.5}
.sb-flow li b{display:block;color:var(--blue);font:500 .67rem var(--mono);margin-bottom:7px}
.sb-flow li:nth-child(3){border-color:var(--orange);background:#fff3e9}
.sb-flow figcaption{font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:14px}
.sb-callout{border-left:4px solid var(--orange);padding:5px 20px;background:#fff8f1;margin:28px 0}
.sb-method{font-size:.9rem}
@media(max-width:1100px){
 .sb-hero .wrap{grid-template-columns:1fr;gap:28px}.sb-hero h1{max-width:20ch} .sb-layout{grid-template-columns:minmax(0,820px);gap:0}.sb-toc{order:0;position:static;max-height:none;overflow:visible;background:#ffffffed;border:1px solid var(--line);border-radius:10px;margin:0 0 24px;padding:0 16px;z-index:35;backdrop-filter:blur(8px)}
 .sb-ready .sb-toc{position:sticky;top:76px}.sb-toc summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0}
 .sb-toc summary::after{content:'▾';font-size:.9rem}.sb-toc details[open] summary::after{content:'▴'}
 .sb-toc ol{max-height:58vh;overflow:auto;margin-bottom:14px}.sb-current{display:inline;max-width:58vw;text-transform:none;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:var(--text);font-size:.78rem;color:var(--ink)}
 .sb-article>section{scroll-margin-top:140px}
}
@media(max-width:600px){
 .site-header .bar{gap:8px;padding-left:12px}.site-header .brand{flex:0 0 52px;min-width:52px}.site-header .brand img{width:52px;height:28px;object-fit:contain}
 .site-header .nav-actions{gap:5px}.site-header .nav-sos{font-size:.75rem;padding:8px 2px;gap:5px}
 .proto{left:8px;right:8px;bottom:8px;gap:5px;padding:6px 8px;flex-wrap:wrap;border-radius:12px;font-size:.67rem}.proto>span{width:100%;white-space:nowrap}
 .sb-hero{padding-bottom:50px}.sb-akten-hero{padding:18px}.sb-hero h1{font-size:2.3rem}.sb-ak-queue ol,.sb-ak-workers{gap:5px}.sb-ak-file{padding:9px 7px}.sb-ak-file em{font-size:.62rem}.sb-ak-workers li{font-size:.62rem;padding:8px 2px}
 .sb-tl-axis .half{display:none}.sb-tl-lane{flex-basis:76px;font-size:.62rem}.sb-tl-axis{margin-left:84px}.sb-tl-bar{font-size:.55rem}.sb-tl-head{flex-direction:column;gap:2px}.sb-akten-model{padding:16px}
 .sb-hero-links a{font-size:.8rem;padding:9px 12px}.sb-summary{padding:20px}.sb-batch{padding:20px}.sb-bar-title{font-size:.8rem}.sb-bars small{font-size:.72rem}
 .sb-flow ol{grid-template-columns:1fr}.sb-flow li{padding:12px 15px}.sb-article li{overflow-wrap:anywhere}
}
@media print{.sb-toc,.sb-akten-hero,.sb-copy,.proto{display:none!important}.sb-layout,.sb-hero .wrap{display:block}.sb-table{overflow:visible}.sb-code pre{white-space:pre-wrap}.sb-hero{padding:30px 0}.sb-hero h1{color:#000}.sb-batch,.sb-flow{break-inside:avoid}}

/* Bildvokabular „Akten mit Schloss“: Hero und Modellgrafik */
.sb-akten{margin:0;border-radius:16px}
.sb-akten-hero{padding:24px;border:1px solid #426177;background:#092c45;box-shadow:0 25px 70px #02132166;color:#fff}
.sb-ak-kicker{font:500 .7rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a9c4d6;margin-bottom:14px}
.sb-ak-title{font:600 1.4rem/1.2 var(--display);margin:0 0 6px;color:#fff}
.sb-ak-sub{font-size:.85rem;line-height:1.5;color:#c3d6e4;margin:0 0 16px}
.sb-ak-queue{border:1px dashed #69899f;border-radius:10px;padding:12px}
.sb-ak-qname{display:block;font:500 .7rem var(--mono);color:#a9c4d6;margin-bottom:9px}
.sb-ak-queue ol,.sb-ak-workers{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:8px}
.sb-ak-queue ol{grid-template-columns:repeat(3,1fr)}
.sb-ak-file{margin:0!important;padding:11px 10px;border-radius:7px;background:#ef7e31;color:#122e44;border:2px solid #ef7e31;line-height:1.35}
.sb-ak-file b{display:block;font:650 .86rem var(--display)}
.sb-ak-file span{display:block;font:500 .7rem var(--mono)}
.sb-ak-file em{display:block;margin-top:6px;padding-top:6px;border-top:1px solid #122e4440;font:600 .66rem/1.35 var(--text);font-style:normal}
.sb-ak-file em::before{content:'';display:inline-block;width:8px;height:7px;margin-right:5px;border:2px solid currentColor;border-radius:2px;vertical-align:0}
.sb-ak-arrow{text-align:center;font:500 .72rem var(--mono);color:#7d98ab;margin:9px 0}
.sb-akten-hero .sb-ak-workers{margin-top:12px!important}
.sb-ak-workers{grid-template-columns:repeat(4,1fr)}
.sb-ak-workers li{margin:0!important;text-align:center;padding:10px 3px;border-radius:6px;font:600 .72rem/1.35 var(--mono);background:#164b6a;border:1px solid #507b96;color:#fff}
.sb-ak-workers li small{display:block;font-weight:400;font-size:.66rem;color:#c3d6e4}
.sb-ak-workers li.idle{background:transparent;border-style:dashed;color:#a9c4d6}
.sb-akten-model{padding:22px;background:#0b2a40;border:1px solid #26485f;margin:28px 0}
.sb-akten-model figcaption{color:#c3d6e4;font-size:.84rem;line-height:1.6;margin-top:16px}
.sb-akten-model figcaption em{font-style:normal}

/* Zeitleiste „Wer arbeitet wann“ aus dbo.WorkLog */
.sb-timeline{margin:30px 0;border:1px solid var(--line);border-radius:13px;padding:22px;background:#fff}
.sb-tl-case+.sb-tl-case{margin-top:20px}
.sb-tl-head{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;margin:0 0 8px}
.sb-tl-head span{color:var(--muted);font-size:.8rem}
.sb-timeline ol{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:5px}
.sb-timeline li{margin:0!important;display:flex;align-items:center;gap:8px}
.sb-tl-lane{flex:0 0 96px;font:500 .7rem var(--mono);color:var(--ink-2)}
.sb-tl-track{position:relative;flex:1;height:24px;background:#eef3f6;border-radius:4px}
.sb-tl-bar{position:absolute;left:var(--l);width:var(--w);top:2px;bottom:2px;background:#006189;color:#fff;border-radius:3px;font:600 .62rem/20px var(--mono);text-align:center;overflow:hidden;box-shadow:inset -1px 0 #fff}
.sb-tl-bar.slow{background:#e97628;color:#122e44}
.sb-tl-none{position:absolute;inset:0;display:flex;align-items:center;padding-left:10px;font-size:.72rem;color:var(--muted);font-style:italic}
li.empty .sb-tl-track{background:repeating-linear-gradient(135deg,#f3f6f8 0 6px,#e9eef2 6px 12px)}
.sb-tl-axis{position:relative;height:18px;margin:6px 0 0 104px;font:500 .62rem var(--mono);color:var(--muted)}
.sb-tl-axis span{position:absolute;left:var(--l);transform:translateX(-50%);white-space:nowrap}
.sb-tl-axis span:first-child{transform:none}.sb-tl-axis span:last-child{transform:translateX(-100%)}
.sb-timeline figcaption{font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:14px}

/* Warnkasten, Antimuster, Tabellennotizen, Verständnisfragen */
.sb-warn{margin:26px 0;padding:18px 22px;border:2px solid #c2410c;border-left-width:8px;border-radius:10px;background:#fff4ec}
.sb-warn p{margin:0;color:var(--ink)}
.sb-code-head span{text-transform:none}
.sb-code-anti{border-color:#b42318}
.sb-code-anti .sb-code-head{background:#5c1a14;color:#ffd9d3}
.sb-note{font-size:.8rem;color:var(--muted);margin-top:-12px}
.sb-quiz{margin:14px 0;border:1px solid var(--line);border-radius:10px;background:var(--blue-50)}
.sb-quiz summary{cursor:pointer;padding:15px 18px;font-weight:650;color:var(--ink);line-height:1.5}
.sb-quiz[open] summary{border-bottom:1px solid var(--line)}
.sb-quiz p{margin:0;padding:15px 18px;background:#fff;border-radius:0 0 10px 10px}
@media print{.sb-quiz p{display:block}.sb-timeline,.sb-akten-model{break-inside:avoid}}
#weiterlesen .related{margin-top:22px}
@media(max-width:900px){#weiterlesen .related{grid-template-columns:1fr}}
