/* SG Editorial Sections — Product two-state, Mosaic, Engineering, Projects, Internal Links, Expert, FAQ, CTA */

/* Split-Layout (Spec §19/§43 core/columns is-style-sg-split) */
.is-style-sg-split{gap:clamp(2rem,5vw,5rem)!important;align-items:center}

/* Product two-state (Spec §19/§20/§21) — Hover PRIVATE→CLEAR, ohne Hover lesbar */
.sg-two-state{position:relative;overflow:hidden}
.sg-two-state__img{display:block;width:100%}
.sg-two-state__clear{position:absolute;inset:0;opacity:0;transition:opacity .12s ease-out}
@media(hover:hover){.sg-two-state:hover .sg-two-state__clear{opacity:1}}
.sg-two-state__tag{position:absolute;left:1rem;bottom:1rem;font-size:var(--sg-small);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(9,10,11,.55);padding:.35rem .6rem;z-index:2}
.sg-idx{font-size:var(--sg-small);letter-spacing:.2em;text-transform:uppercase;color:var(--sg-glass-blue)}

/* Application Mosaic (Spec §22/§23/§47) — asymmetrisches Editorial-Grid */
.sg-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,1fr);gap:1px;background:var(--sg-line)}
.sg-mosaic__cell{position:relative;background:var(--sg-black);color:#fff;overflow:hidden;display:flex;align-items:flex-end;min-height:180px}
.sg-mosaic__cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .12s ease-out,transform .3s ease}
.sg-mosaic__cell:hover img{opacity:.5;transform:scale(1.03)}
.sg-mosaic__label{position:relative;z-index:1;padding:1.25rem}
.sg-mosaic__label b{display:block;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}
.sg-mosaic__label span{font-size:var(--sg-small);color:rgba(255,255,255,.75)}
.sg-mosaic__cell--architecture{grid-column:span 2;grid-row:span 2}
.sg-mosaic__cell--wide{grid-column:span 2}
@media(max-width:900px){.sg-mosaic{grid-template-columns:repeat(2,1fr)}.sg-mosaic__cell--architecture{grid-column:span 2;grid-row:span 1}}
@media(max-width:560px){.sg-mosaic{grid-template-columns:1fr}.sg-mosaic__cell,.sg-mosaic__cell--architecture,.sg-mosaic__cell--wide{grid-column:auto}}

/* Engineering (Spec §24–26) — dark, zwei Spalten, technische Kommunikation */
.sg-engineering{background:var(--sg-black);color:#fff}
.is-style-sg-engineering{gap:clamp(2rem,6vw,6rem)!important;align-items:start}
.sg-specs{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--sg-line-dark)}
.sg-specs li{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--sg-line-dark)}
.sg-specs b{font-weight:600}.sg-specs span{color:var(--sg-steel)}
.sg-exploded{border:1px solid var(--sg-line-dark);padding:2rem;display:grid;gap:.5rem}
.sg-exploded__layer{height:14px;background:linear-gradient(90deg,transparent,var(--sg-glass-blue),transparent);opacity:.5}
.sg-exploded__layer:nth-child(odd){opacity:.8}

/* Project feature (Spec §30) — großes Bild links, Case-Info rechts */
.is-style-sg-project{gap:clamp(1.5rem,4vw,3rem)!important;align-items:stretch}
.sg-case{border-top:1px solid var(--sg-line)}
.sg-case dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:0}
.sg-case dt{padding:.9rem 1rem .9rem 0;font-size:var(--sg-small);letter-spacing:.12em;text-transform:uppercase;color:var(--sg-text-muted);border-bottom:1px solid var(--sg-line)}
.sg-case dd{margin:0;padding:.9rem 0;border-bottom:1px solid var(--sg-line)}

/* Internal Links (Spec §28) — Linien statt Boxen */
.sg-inlinks{border-top:1px solid var(--sg-line)}
.sg-inlinks a{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:baseline;padding:1.5rem 0;border-bottom:1px solid var(--sg-line);color:var(--sg-text)}
.sg-inlinks a:hover{color:var(--sg-glass-blue)}
.sg-inlinks .k{font-size:var(--sg-small);letter-spacing:.14em;text-transform:uppercase;color:var(--sg-glass-blue);min-width:9ch}
.sg-inlinks .t{font-size:clamp(1.05rem,1.6vw,1.35rem)}
.sg-inlinks .arr{font-size:1.2rem}

/* Expert / E-E-A-T (Spec §33/§43 core/quote is-style-sg-expert) */
.is-style-sg-expert{border-left:2px solid var(--sg-glass-blue);padding-left:1.5rem;font-style:normal}
.is-style-sg-expert cite{display:block;margin-top:.75rem;font-size:var(--sg-small);color:var(--sg-text-muted);font-style:normal}

/* FAQ (details/summary) */
.sg-faq details{border-bottom:1px solid var(--sg-line)}
.sg-faq summary{cursor:pointer;list-style:none;padding:1.25rem 0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;display:flex;justify-content:space-between;gap:1rem}
.sg-faq summary::-webkit-details-marker{display:none}
.sg-faq summary::after{content:"+";color:var(--sg-glass-blue)}
.sg-faq details[open] summary::after{content:"–"}
.sg-faq details > *:not(summary){padding-bottom:1.25rem;color:var(--sg-text-muted);max-width:var(--sg-text-width)}

/* Final CTA (Spec §35 davor) — dark */
.sg-final-cta{background:var(--sg-black);color:#fff;text-align:center}
.sg-final-cta h2{color:#fff;margin-bottom:1.5rem}

/* Image block-styles */
.is-style-sg-full{max-width:none}
.is-style-sg-architectural img{filter:contrast(1.03) saturate(.96)}