/* syncgermany.com / sg-workbench / layout:workbench */
*,*::before,*::after{box-sizing:border-box}
:root{
  --p:#525b66;--a:#e98234;--bg:#f7f7f4;--sf:#ffffff;
  --ink:#30343b;--muted:#6e737a;--r:10px;
  --font:'Source Sans 3',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body.site{margin:0;background:var(--bg);background-image:repeating-linear-gradient(0deg, rgba(82,91,102,.06) 0 1px, transparent 1px 22px);color:var(--ink);font-family:var(--font);line-height:1.55}
body.site a{color:var(--p)}
body.site main a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.hdr{margin:0 0 1.75rem;position:relative;z-index:40}
.hdr-shell{background:var(--sf);border-bottom:1px solid color-mix(in srgb,var(--p) 14%,#fff);box-shadow:0 10px 32px color-mix(in srgb,var(--ink) 7%,transparent)}
.hdr-shell-soft{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--p) 5%,#fff))}
.hdr-shell-warm{background:linear-gradient(180deg,#fff7ef,var(--sf))}
.hdr-shell-ice{background:linear-gradient(180deg,#f4fbff,var(--sf))}
.hdr-shell-accent{border-bottom:4px solid var(--a)}
.hdr-shell-bold{border-bottom:3px solid var(--ink)}
.hdr-shell-line{border-bottom:2px solid var(--p)}
.hdr-shell-market{border-bottom:3px solid var(--p)}
.hdr-shell-mast{background:var(--sf);border-bottom:4px double color-mix(in srgb,var(--p) 35%,#fff);box-shadow:none}
.hdr-inner{max-width:1180px;margin:0 auto;padding:.9rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.25rem}
.hdr-mast{max-width:1180px;margin:0 auto;padding:1.35rem 1.25rem 1.1rem;text-align:center}
.hdr-mast .hdr-logo{justify-content:center;margin:0 auto}
.hdr-mast .hdr-nav{justify-content:center;margin-top:1rem}
.hdr-logo{display:flex;align-items:center;gap:.8rem;text-decoration:none!important;color:inherit!important;min-width:0}
.hdr-logo:hover{text-decoration:none!important;opacity:.96}
.hdr-mark{flex:0 0 auto;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--p),color-mix(in srgb,var(--a) 65%,var(--p)));color:#fff;font-weight:800;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.04em;box-shadow:0 6px 18px color-mix(in srgb,var(--p) 34%,transparent)}
.hdr-brand{display:flex;flex-direction:column;gap:.12rem;line-height:1.15;min-width:0;text-align:left}
.hdr-name{font-size:1.08rem;font-weight:800;color:var(--ink);letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(52vw,420px)}
.hdr-domain{font-size:.72rem;font-weight:600;color:var(--muted);letter-spacing:.02em}
.hdr-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem}
.hdr-link{display:inline-flex;align-items:center;padding:.45rem .85rem;font-size:.84rem;font-weight:700;line-height:1.2;text-decoration:none!important;color:var(--p)!important;transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;white-space:nowrap}
.hdr-link-pill{border-radius:999px;background:color-mix(in srgb,var(--p) 8%,#fff);border:1px solid color-mix(in srgb,var(--p) 20%,#fff)}
.hdr-link-pill:hover{background:var(--p)!important;color:#fff!important;border-color:var(--p)!important;transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--p) 28%,transparent)}
.hdr-link-line{border-radius:0;background:transparent!important;border:none;border-bottom:2px solid transparent;padding:.35rem .55rem;color:var(--ink)!important}
.hdr-link-line:hover{border-bottom-color:var(--p);color:var(--p)!important;transform:none;box-shadow:none}
.hdr-link-tab{border-radius:10px 10px 0 0;background:color-mix(in srgb,var(--p) 6%,#fff);border:1px solid color-mix(in srgb,var(--p) 18%,#fff);border-bottom:3px solid transparent;margin-bottom:-1px}
.hdr-link-tab:hover{border-bottom-color:var(--a);background:#fff}
.hdr-link-box{border-radius:0;border:2px solid var(--ink);background:#fff;text-transform:uppercase;font-size:.74rem;letter-spacing:.05em}
.hdr-link-box:hover{background:var(--ink)!important;color:#fff!important}
.hdr-link-dot{border-radius:999px;background:transparent;border:2px dotted var(--p);padding:.4rem .9rem}
.hdr-link-dot:hover{background:color-mix(in srgb,var(--p) 10%,#fff)}
.hdr-link-plain{border-radius:6px;background:transparent;border:1px solid transparent;font-weight:600;color:var(--ink)!important}
.hdr-link-plain:hover{border-color:color-mix(in srgb,var(--p) 22%,#fff);background:color-mix(in srgb,var(--p) 5%,#fff)}
.hdr-link-file{border-radius:4px;background:#fff;border:1px solid color-mix(in srgb,var(--ink) 18%,#fff);font-family:monospace;font-size:.78rem}
.hdr-link-file:hover{border-color:var(--p);box-shadow:3px 3px 0 color-mix(in srgb,var(--p) 25%,#fff)}
.hdr-link-red{border-radius:0;background:#fff;border-left:4px solid #c62828;padding:.4rem .75rem;font-size:.8rem;text-transform:uppercase}
.hdr-link-red:hover{background:#fff5f5}
.hdr-link-soft{border-radius:14px;background:color-mix(in srgb,var(--a) 12%,#fff);border:1px solid color-mix(in srgb,var(--a) 28%,#fff)}
.hdr-link-soft:hover{background:color-mix(in srgb,var(--a) 22%,#fff)}
.hdr-link-eco{border-radius:0 12px 0 12px;background:color-mix(in srgb,#2e7d32 10%,#fff);border:1px solid color-mix(in srgb,#2e7d32 25%,#fff)}
.hdr-link-warm{border-radius:18px;background:linear-gradient(180deg,#fff7ef,#fff);border:1px solid #f0c9a6}
.hdr-link-ice{border-radius:8px;background:#f4fbff;border:1px solid #b8e4f0}
.hdr-link-tag{border-radius:4px;background:#fff;border:1px solid var(--p);font-family:monospace;font-size:.76rem;padding:.35rem .65rem}
.hdr-link-tag:hover{background:var(--p)!important;color:#fff!important}
.hdr-link-shop{border-radius:8px;background:var(--p);color:#fff!important;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.hdr-link-shop:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.hdr-lead{max-width:1180px;margin:0 auto;padding:0 1.25rem .95rem;color:var(--muted);font-size:1rem}
.hdr-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 .5rem}
.hdr-tag{margin:.55rem auto 0;max-width:38rem;color:var(--muted);font-size:.95rem}
.hdr-memo{margin:.55rem 0 0;color:var(--muted);font-size:.95rem}
.hdr-rule{height:3px;width:72px;background:var(--a);margin:0 auto .85rem;border-radius:999px}
.hdr-stripe{height:6px;background:linear-gradient(90deg,var(--p),var(--a))}
.hdr-badge{padding:.28rem .7rem;border-radius:999px;background:linear-gradient(90deg,var(--p),var(--a));color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em}
.hdr-eco,.hdr-search,.hdr-prompt{font-size:.74rem;font-weight:700;color:var(--muted)}
.hdr-prompt{font-family:monospace;background:color-mix(in srgb,var(--p) 7%,#fff);padding:.25rem .55rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--p) 14%,#fff)}
.hdr-inner-catalog{display:grid;grid-template-columns:auto 1fr auto;gap:1rem}
.hdr-inner-lab{display:grid;grid-template-columns:auto auto 1fr;gap:.75rem 1rem}
.site-wrap{max-width:1180px;margin:0 auto;padding:0 1.25rem}
.rubric-row{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.25rem 0 1.75rem}
.rubric-chip{display:inline-block;font-weight:700;font-size:.88rem;text-decoration:none;color:var(--p)}
.rubric-chip:hover{text-decoration:none}
.rubric-pill{padding:.45rem .95rem;border-radius:999px;background:var(--sf);border:1px solid color-mix(in srgb,var(--p) 24%,#fff)}
.rubric-pill:hover{background:color-mix(in srgb,var(--p) 8%,#fff)}
.rubric-line{padding:.3rem .55rem;border-radius:0;border:none;border-bottom:2px solid color-mix(in srgb,var(--p) 20%,#fff);background:transparent;color:var(--ink)}
.rubric-line:hover{border-bottom-color:var(--p);color:var(--p)}
.rubric-tab{padding:.4rem .85rem;border-radius:8px 8px 0 0;background:color-mix(in srgb,var(--p) 6%,#fff);border:1px solid color-mix(in srgb,var(--p) 18%,#fff)}
.rubric-box{padding:.4rem .8rem;border-radius:0;border:2px solid var(--ink);text-transform:uppercase;font-size:.76rem;letter-spacing:.04em}
.rubric-dot{padding:.4rem .9rem;border-radius:999px;border:2px dotted var(--p);background:#fff}
.rubric-plain{padding:.35rem .7rem;border-radius:6px;border:1px solid transparent;background:transparent;font-weight:600;color:var(--ink)}
.rubric-plain:hover{border-color:color-mix(in srgb,var(--p) 22%,#fff)}
.rubric-file{padding:.35rem .7rem;border-radius:4px;border:1px solid color-mix(in srgb,var(--ink) 18%,#fff);font-family:monospace;font-size:.8rem;background:#fff}
.rubric-memo{padding:.25rem 0;border-radius:0;border:none;border-bottom:1px solid color-mix(in srgb,var(--p) 20%,#fff);font-size:.9rem;color:var(--muted)}
.rubric-red{padding:.35rem .7rem;border-radius:0;border-left:4px solid #c62828;background:#fff;font-size:.8rem;text-transform:uppercase}
.rubric-soft{padding:.45rem 1rem;border-radius:14px;background:color-mix(in srgb,var(--a) 12%,#fff);border:1px solid color-mix(in srgb,var(--a) 28%,#fff)}
.rubric-eco{padding:.4rem .85rem;border-radius:0 12px 0 12px;border:1px solid color-mix(in srgb,#2e7d32 25%,#fff);background:color-mix(in srgb,#2e7d32 8%,#fff)}
.rubric-warm{padding:.4rem .9rem;border-radius:18px;border:1px solid #f0c9a6;background:linear-gradient(180deg,#fff7ef,#fff)}
.rubric-ice{padding:.4rem .85rem;border-radius:8px;border:1px solid #b8e4f0;background:#f4fbff}
.rubric-tag{padding:.3rem .65rem;border-radius:4px;border:1px solid var(--p);font-family:monospace;font-size:.78rem;background:#fff}
.rubric-shop{padding:.4rem .8rem;border-radius:8px;background:var(--p);color:#fff;border:2px solid var(--ink)}
.section-block{margin:2.5rem 0 3rem}
.section-head h2{margin:0 0 .35rem;font-size:1.35rem}
.section-head p{margin:0;color:var(--muted);font-size:.95rem}
.btn-promo{display:inline-block;padding:.75rem 1.35rem;background:var(--p);color:#fff!important;border-radius:var(--r);font-weight:700;text-decoration:none!important;border:2px solid var(--p)}
.btn-promo:hover{filter:brightness(1.06);text-decoration:none!important}
.btn-soft{background:color-mix(in srgb,var(--p) 12%,#fff);color:var(--p)!important;border-color:color-mix(in srgb,var(--p) 30%,#fff)}
.btn-outline{background:transparent;color:var(--p)!important}
.btn-block{border-radius:0;text-transform:uppercase;letter-spacing:.06em}
.btn-round{border-radius:999px}
.btn-code{font-family:monospace}
.promo{margin:1.5rem 0 2.5rem}
.promo h1{margin:.5rem 0;font-size:clamp(1.6rem,3.5vw,2.8rem);line-height:1.12}
.promo h1 a{color:inherit;text-decoration:none}
.promo-media img{width:100%;object-fit:cover}
.art{background:var(--sf);overflow:hidden}
.art h3{margin:.35rem 0;font-size:1.05rem;line-height:1.3}
.art h3 a{color:inherit;text-decoration:none}
.art h3 a:hover{color:var(--p)}
.art p{margin:.4rem 0 0;color:var(--muted);font-size:.92rem}
.art-cat{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--p);margin-bottom:.25rem}
.art-thumb img{width:100%;height:100%;object-fit:cover}
.art-card .art-copy{padding:1rem 1.15rem 1.2rem}
.art-list{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:start;padding:.85rem;border:1px solid color-mix(in srgb,var(--p) 14%,#fff);border-radius:calc(var(--r)/1.5);background:var(--sf)}
.art-list .art-thumb{height:120px;border-radius:10px;overflow:hidden}
.art-compact{padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--p) 14%,#fff);border-radius:calc(var(--r)/2);background:var(--sf)}
.cat-head{margin:1.25rem 0 1.5rem;padding-bottom:.85rem;border-bottom:2px solid color-mix(in srgb,var(--p) 14%,#fff)}
.cat-head h1{margin:0;font-size:clamp(1.45rem,3vw,2rem)}
.cat-page-intro{margin:.4rem 0 0;color:var(--muted);font-size:.94rem}
.ad-note{padding:1rem 1.1rem;margin-bottom:1.5rem;font-size:.92rem;line-height:1.5}
.ad-note strong{display:block;margin-bottom:.35rem}
.ad-note-broadsheet{border:1px solid var(--p);border-left:8px double var(--p);background:#fff9e8;font-family:Georgia,serif}
.ad-note-portal{border-radius:20px;background:color-mix(in srgb,var(--a) 16%,#fff);border:1px solid color-mix(in srgb,var(--a) 30%,#fff)}
.ad-note-dashboard{border-radius:12px;background:linear-gradient(135deg,#fff8db,#fff);border:2px dashed var(--a)}
.ad-note-poster{border:3px solid var(--ink);border-radius:0;background:#fff;text-transform:uppercase;font-size:.82rem;letter-spacing:.03em}
.ad-note-academy{border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--p) 8%,#fff),#fff);border-left:5px solid var(--a)}
.ad-note-catalog{border-radius:6px;background:#f6f6f6;border:1px solid #ddd;font-size:.85rem}
.ad-note-workbench{border-radius:4px;background:#fff;border:1px solid color-mix(in srgb,var(--ink) 20%,#fff);font-family:monospace;font-size:.84rem}
.ad-note-briefing{border:none;border-top:3px solid var(--p);border-bottom:3px solid var(--p);background:transparent;padding:1rem 0;text-align:center;font-style:italic}
.ad-note-redline{border-left:8px solid #c62828;background:#fff5f5;border-radius:0}
.ad-note-family{border-radius:18px;border:1px dashed var(--a);background:#fffaf6}
.ad-note-eco{border-radius:0 16px 0 16px;background:color-mix(in srgb,#2e7d32 8%,#fff);border:1px solid color-mix(in srgb,#2e7d32 28%,#fff)}
.ad-note-sunrise{border-radius:22px;background:linear-gradient(180deg,#fff3e6,#fff);border:1px solid #f0c9a6}
.ad-note-arctic{border-radius:20px 20px 4px 20px;background:#e8f7fb;border:1px solid #b8e4f0}
.ad-note-lab{border-left:6px solid var(--p);border-radius:0;background:#eef1ff;font-family:monospace;font-size:.84rem}
.ad-note-market{border-radius:10px;background:#fff;border:2px solid var(--ink);box-shadow:6px 6px 0 color-mix(in srgb,var(--p) 20%,#fff)}
.article-disclaimer p{margin:.35rem 0 0}
.article-lead{color:var(--muted);font-size:1.15rem}
.article-hero{width:100%;border-radius:var(--r);margin:1rem 0 1.5rem}
.article-page{max-width:820px;margin:0 auto;padding:2rem 1.25rem}
.article-body{font-size:1.07rem;line-height:1.82}
.article-body img{max-width:100%;height:auto;border-radius:var(--r);margin:1rem 0}
.article-body h2{margin-top:2rem;color:var(--p)}
.article-body blockquote{border-left:5px solid var(--a);padding:1rem 1.25rem;background:color-mix(in srgb,var(--a) 12%,#fff)}
.site-quiz{background:var(--sf);padding:1.25rem;border-radius:var(--r)}
.quiz-option{display:block;width:100%;text-align:left;margin-bottom:.6rem;padding:.65rem .9rem;border:1px solid color-mix(in srgb,var(--p) 25%,#fff);background:#fff;border-radius:calc(var(--r)/1.5);cursor:pointer}
.quiz-option.active{background:var(--p);color:#fff;border-color:var(--p)}
.quiz-result{padding:1rem;background:color-mix(in srgb,var(--p) 8%,#fff);border-radius:var(--r)}
.partner-cta,.btn-primary{background:var(--p)!important;border-color:var(--p)!important}

.hdr-workbench .hdr-mark{border-radius:8px;font-family:monospace}
.promo-workbench{border-left:10px solid var(--a);padding:1.5rem 1.5rem 1.5rem 1.25rem;background:var(--sf);border-radius:10px;box-shadow:0 1px 0 #d9d9d2}
.promo-workbench .promo-terminal{font-family:monospace;font-size:.85rem;color:var(--muted);margin-bottom:.5rem}
.feed-workbench{display:flex;flex-direction:column;gap:.75rem}
.feed-workbench .art-list{border-color:#d9d9d2}
.feed-workbench .art-thumb{height:110px}
.ftr-workbench{background:#e9e9e3;border-top:1px solid #cfcfc8;padding:2rem 0;margin-top:3rem}.ftr-wrap{max-width:1180px;margin:0 auto;padding:0 1.25rem}
.ftr-brand{font-weight:800;margin:0 0 .25rem}
.ftr-tag{color:var(--muted);margin:0 0 .5rem;font-size:.92rem}
.ftr-copy{margin:0;font-size:.85rem;color:var(--muted)}
.ftr a{color:inherit}@media(max-width:900px){
.hdr-inner{flex-direction:column;align-items:stretch}
.hdr-nav{justify-content:flex-start}
.hdr-name{max-width:100%;white-space:normal}
.hdr-inner-catalog,.hdr-inner-lab{grid-template-columns:1fr}
.promo-portal .promo-inner,.promo-dashboard,.promo-poster,.promo-academy .promo-grid,.promo-catalog,.promo-redline,.promo-eco,.promo-family .promo-media{grid-template-columns:1fr;display:block}
.feed-broadsheet,.feed-portal,.feed-poster,.feed-academy,.feed-briefing,.feed-redline,.feed-family,.feed-sunrise,.feed-arctic,.feed-market{grid-template-columns:1fr}
.feed-dashboard,.feed-eco{columns:1}
.art-list,.feed-catalog .art-list,.feed-workbench .art-list,.feed-lab .art-list{grid-template-columns:1fr}
.feed-arctic .art-card:nth-child(4n+1){grid-column:span 1}
}