/* amstudio "Werkstatt" layer, sits on top of style.css.
   Same tokens, same 2px ink borders, no new fonts or colours. */

:root{--licht:rgb(255 180 107)}

/* ---------- hero: plain paper, the type and the tool shortcuts carry it ---------- */
.hero.hero-grid{background:var(--paper)}
.hero.hero-grid .hero-inner{z-index:2}
/* long German compounds must be able to break, the fixed hero overflowed on phones */
.hero h1{overflow-wrap:break-word;hyphens:manual}

/* sub + buttons left, tool shortcuts right, so the shortcuts sit above the fold on desktop */
.hero-lower{display:grid;grid-template-columns:minmax(0,600px) minmax(0,470px);justify-content:space-between;align-items:end;gap:2.4rem 3rem;animation-delay:.26s}
.hero-lower .hero-sub,.hero-lower .hero-actions{opacity:1;transform:none;animation:none}
.hero-tools{min-width:0}
@media(min-width:1101px){
  .hero-lower .hero-tools-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-tools-row a{border-bottom:2px solid var(--ink)}
  .hero-tools-row a:nth-child(2n){border-right:none}
  .hero-tools-row a:nth-child(n+3){border-bottom:none}
}
@media(max-width:1100px){
  .hero-lower{grid-template-columns:minmax(0,1fr)}
  .hero-tools-row{max-width:none}
}
.hero-tools-label{display:block;font-family:var(--mono);font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.8rem}
.hero-tools-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--ink);background:var(--paper);max-width:900px}
.hero-tools-row a{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.2rem;border-right:2px solid var(--ink);font-family:var(--display);font-weight:800;font-size:1.35rem;text-transform:uppercase;line-height:1;transition:background .2s}
.hero-tools-row a:last-child{border-right:none}
.hero-tools-row a small{font-family:var(--mono);font-weight:700;font-size:.68rem;letter-spacing:.05em;color:var(--ink-faint)}
.hero-tools-row a::after{content:"↓";font-family:var(--mono);font-size:.9rem;margin-top:.2rem;opacity:.4;transition:opacity .2s,transform .2s}
.hero-tools-row a:hover{background:var(--yellow)}
.hero-tools-row a:hover small{color:var(--ink)}
.hero-tools-row a:hover::after{opacity:1;transform:translateY(3px)}

/* ---------- werkstatt ---------- */
.ws-disclaimer{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:.82rem;color:var(--ink-soft);margin:-1.6rem 0 2rem;line-height:1.5}
.ws-disclaimer .stamp{background:var(--yellow);flex:none}

.ws-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--ink);background:var(--ink)}
.ws-tab{appearance:none;border:0;border-right:2px solid #3a3631;background:var(--ink);color:var(--paper);cursor:pointer;text-align:left;
  display:flex;flex-direction:column;gap:.4rem;padding:1.15rem 1.4rem;font-family:var(--display);font-weight:800;font-size:clamp(1.25rem,2vw,1.7rem);text-transform:uppercase;line-height:1;transition:background .2s,color .2s}
.ws-tab:last-child{border-right:none}
.ws-tab small{font-family:var(--mono);font-weight:700;font-size:.7rem;letter-spacing:.05em;color:var(--ink-faint)}
.ws-tab:hover{background:#26221f}
.ws-tab[aria-selected="true"]{background:var(--yellow);color:var(--ink)}
.ws-tab[aria-selected="true"] small{color:var(--ink)}
.ws-tab:focus-visible{outline:3px solid var(--yellow);outline-offset:-5px}

.ws-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);border:2px solid var(--ink);border-top:none}
.ws-panel[hidden]{display:none}
.ws-controls{padding:2.6rem;display:flex;flex-direction:column;gap:1.5rem;border-right:2px solid var(--ink);min-width:0}
.ws-controls h3{font-family:var(--display);font-weight:800;font-size:clamp(1.7rem,2.6vw,2.3rem);text-transform:uppercase;line-height:.98}
.ws-controls>p{color:var(--ink-soft);line-height:1.6;margin-top:-.6rem}

.ws-stage{position:relative;background:var(--ink);min-height:540px;overflow:hidden}
.ws-stage::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(244,239,228,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(244,239,228,.07) 1px,transparent 1px);
  background-size:40px 40px}
.ws-stage>svg,.ws-stage>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.ws-stage .ws-tag{position:absolute;top:20px;left:20px;z-index:2;background:var(--paper)}
.ws-stage-licht{background:color-mix(in srgb,var(--licht) 7%,var(--ink))}

.ws-note{grid-column:1/-1;border-top:2px solid var(--ink);padding:1rem 1.4rem;font-family:var(--mono);font-size:.74rem;line-height:1.6;color:var(--ink-soft);background:var(--paper-2)}

/* fields */
.ws-field{display:flex;flex-direction:column;gap:.7rem;min-width:0}
.ws-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.ws-field label,.ws-label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--mono);font-weight:700;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.ws-field output{font-family:var(--display);font-weight:900;font-size:1.9rem;letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
.ws-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;color:var(--ink-faint);margin-top:-.2rem}

.ws-range{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;cursor:pointer;margin:0}
.ws-range::-webkit-slider-runnable-track{height:12px;border:2px solid var(--ink);background:var(--track,var(--paper-2))}
.ws-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .15s}
.ws-range:active::-webkit-slider-thumb{transform:translate(-1px,-1px)}
.ws-range::-moz-range-track{height:8px;border:2px solid var(--ink);background:var(--track,var(--paper-2))}
.ws-range::-moz-range-thumb{width:20px;height:20px;border-radius:0;background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.ws-range:focus{outline:none}
.ws-range:focus-visible{outline:3px solid var(--ink);outline-offset:4px}

.ws-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.ws-chip{appearance:none;font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:.6em .95em;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.ws-chip:hover{background:var(--yellow);transform:translate(-2px,-2px)}
.ws-chip[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.ws-chip[aria-pressed="true"]:hover{transform:none}
.ws-chips-sm .ws-chip{font-size:.72rem;padding:.5em .8em}

.ws-read{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);margin:0}
.ws-read-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ws-read>div{padding:1rem 1.2rem;border-right:2px solid var(--ink);min-width:0}
.ws-read>div:last-child{border-right:none}
.ws-read dt{font-family:var(--mono);font-weight:700;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.45rem}
.ws-read dd{font-family:var(--display);font-weight:900;font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums;text-transform:uppercase}
.ws-read dd small{font-family:var(--mono);font-weight:700;font-size:.78rem;margin-left:.3em;color:var(--ink-soft);text-transform:none}
.ws-read dd.ws-small{font-family:var(--body);font-weight:600;font-size:1rem;line-height:1.35;text-transform:none}
.ws-read dd,.ws-read dt{overflow-wrap:break-word;hyphens:manual}
/* word readout (Warmweiß ... Tageslichtweiß) sits in a half-width cell */
.ws-read dd.ws-word{font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.02}

.ws-hint{font-family:var(--mono);font-size:.84rem;line-height:1.55;background:var(--paper-2);border:2px solid var(--ink);padding:.8rem 1rem}
.ws-why{font-size:.95rem;line-height:1.6;color:var(--ink-soft)}
.ws-why b{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:.3rem}
.ws-cta{align-self:flex-start;margin-top:auto}

/* licht room drawing */
.licht-room .room-lines,.licht-room path.room-lines{fill:none;stroke:rgba(244,239,228,.42);stroke-width:2;stroke-linecap:square}
.licht-room .room-lines rect{fill:none}
.licht-shade{fill:#2a2622;stroke:rgba(244,239,228,.7);stroke-width:2;stroke-linejoin:round}
.licht-bulb{fill:var(--licht);filter:drop-shadow(0 0 14px var(--licht))}
.licht-table{fill:none;stroke:var(--licht);stroke-width:7;stroke-linecap:square}
.licht-label{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.06em;fill:var(--licht)}

/* heizkurve chart */
.heiz-chart .axis{fill:none;stroke:rgba(244,239,228,.5);stroke-width:2}
.heiz-chart .grid{stroke:rgba(244,239,228,.1);stroke-width:1}
.heiz-chart .tick{font-family:var(--mono);font-size:12px;fill:rgba(244,239,228,.55)}
.heiz-chart .axis-title{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.08em;fill:rgba(244,239,228,.8);text-transform:uppercase}
.heiz-chart .curve{fill:none;stroke:rgba(244,239,228,.35);stroke-width:2;stroke-dasharray:6 6}
.heiz-chart .curve.on{stroke:var(--yellow);stroke-width:4;stroke-dasharray:none}
.heiz-chart .curve-label{font-family:var(--mono);font-weight:700;font-size:12px;fill:rgba(244,239,228,.55);text-transform:uppercase;letter-spacing:.05em}
.heiz-chart .curve-label.on{fill:var(--yellow)}
.heiz-chart .cursor-line{stroke:rgba(244,239,228,.55);stroke-width:1.5;stroke-dasharray:3 5}
.heiz-chart .dot{fill:var(--yellow);stroke:var(--ink);stroke-width:3}
.heiz-chart .dot2{fill:var(--ink);stroke:rgba(244,239,228,.6);stroke-width:2}
.heiz-chart .bubble rect{fill:var(--yellow);stroke:var(--ink);stroke-width:2}
.heiz-chart .bubble text{font-family:var(--display);font-weight:900;font-size:22px;fill:var(--ink)}
.heiz-chart .hp-note{font-family:var(--mono);font-size:12px;fill:rgba(244,239,228,.62)}

/* ---------- arbeit: Bautafel ---------- */
.site-board{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.4rem;align-items:start}
.bautafel{position:relative;background:#fbf9f3;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.bautafel-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;background:var(--ink);color:var(--yellow);padding:1.1rem 1.6rem;font-family:var(--display);font-weight:900;font-size:clamp(1.9rem,3.4vw,2.9rem);text-transform:uppercase;line-height:1}
.bautafel-head .it{color:var(--paper);opacity:.75}
.bautafel .hazard{height:12px}
.bautafel-rows{margin:0}
.bautafel-rows>div{display:grid;grid-template-columns:minmax(9.5rem,.8fr) minmax(0,1.5fr);border-top:2px solid var(--ink)}
.bautafel-rows>div:first-child{border-top:none}
.bautafel-rows dt{padding:1rem 1.2rem 1rem 1.6rem;border-right:2px solid var(--ink);font-family:var(--mono);font-weight:700;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);line-height:1.4}
.bautafel-rows dt i{display:block;font-style:normal;font-weight:500;color:var(--ink-faint);margin-top:.15rem}
.bautafel-rows dd{padding:1rem 1.6rem 1rem 1.2rem;font-size:1rem;line-height:1.5;align-self:center}
.bautafel-rows dd.big{font-family:var(--display);font-weight:900;font-size:clamp(1.6rem,2.6vw,2.2rem);text-transform:uppercase;line-height:1}
.bautafel-rows dd .case-link{font-size:.84rem}
.bautafel-stamp{position:absolute;right:1.4rem;top:5.4rem;background:var(--yellow);transform:rotate(6deg);font-size:.9rem}

.site-photos{display:flex;flex-direction:column;gap:1.4rem}
.site-photos figure{margin:0;border:2px solid var(--ink);background:var(--ink)}
.site-photos img{width:100%;height:auto;aspect-ratio:1568/765;object-fit:cover}
.site-photos figcaption{font-family:var(--mono);font-size:.76rem;color:var(--paper);padding:.6em 1em;letter-spacing:.03em}
.site-photos figure:nth-child(1){transform:rotate(-.6deg)}
.site-photos figure:nth-child(2){transform:rotate(.5deg);margin-left:1.4rem}
.site-photos .case-link{align-self:flex-start}

.bautafel-next{margin-top:3.4rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0;background:transparent;box-shadow:none;border:2px dashed var(--ink)}
.bautafel-next-head{padding:1.4rem 1.8rem;border-right:2px dashed var(--ink);font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:.4rem}
.bautafel-next-head b{font-size:1.7rem}
.bautafel-next-head span{font-size:1.1rem;color:var(--ink-faint)}
.bautafel-next .bautafel-rows>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);border-top:1px dashed var(--line-soft)}
.bautafel-next .bautafel-rows>div:first-child{border-top:none}
.bautafel-next .bautafel-rows dt{border-right:none;padding:.7rem 1rem .7rem 1.6rem}
.bautafel-next .bautafel-rows dd{padding:.7rem 1rem}
.bautafel-next dd.blank{font-family:var(--mono);font-size:.9rem;color:var(--ink-faint);border-bottom:2px solid var(--ink);align-self:end;padding-bottom:.35rem;margin-right:1rem}
.bautafel-next>.btn{margin:1.4rem 1.8rem}

/* ---------- ablauf: rule folded into each step ---------- */
.step{display:flex;flex-direction:column}
.step>p:not(.step-rule){margin-bottom:1.6rem}
.step-rule{margin-top:auto;padding-top:1.2rem;border-top:2px dashed var(--line-soft);font-size:.9rem;color:var(--ink-soft);line-height:1.55}
.step-rule b{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin-bottom:.4rem}

/* ---------- kontakt: Regiebericht ---------- */
.regie-desk{background:var(--paper-2);border-left:2px solid var(--ink);padding:2.6rem 2.6rem 3.2rem}
.regie{position:relative}
.regie-sheet{position:relative;z-index:2;background:#fbf9f3;border:2px solid var(--ink);padding:2.2rem 2.2rem 2rem;
  transition:transform .8s var(--ease),opacity .6s .15s}
/* perforation along the top edge of the pad */
.regie-sheet::before{content:"";position:absolute;left:0;right:0;top:12px;height:6px;
  background:radial-gradient(circle,var(--paper-2) 2.5px,transparent 3px) 0 0/14px 6px repeat-x}
.regie-copy{position:absolute;inset:0;z-index:1;background:var(--yellow);border:2px solid var(--ink);padding:2.2rem;
  transform:translate(10px,10px);display:flex;flex-direction:column;gap:1.2rem;overflow:hidden}
.regie-copy:focus{outline:none}
.regie-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:.6rem 0 1rem;border-bottom:2px solid var(--ink);margin-bottom:.4rem}
.regie-head b{font-family:var(--display);font-weight:900;font-size:1.9rem;text-transform:uppercase;line-height:1}
.regie-head span{font-family:var(--mono);font-weight:700;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);text-align:right;line-height:1.6}
.regie-head i{font-style:normal;color:var(--ink);display:inline-block;min-width:7em;border-bottom:1px solid var(--ink);text-align:center}
.regie-copy > *{opacity:.2;transition:opacity .5s .5s}
.regie-copy-title{font-family:var(--display);font-weight:900;font-size:clamp(2rem,3.4vw,2.9rem);text-transform:uppercase;line-height:.95}
.regie-copy-rows{margin:0;border:2px solid var(--ink)}
.regie-copy-rows>div{display:grid;grid-template-columns:8rem minmax(0,1fr);border-top:2px solid var(--ink)}
.regie-copy-rows>div:first-child{border-top:none}
.regie-copy-rows dt{font-family:var(--mono);font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;padding:.7rem .9rem;border-right:2px solid var(--ink)}
.regie-copy-rows dd{padding:.7rem .9rem;font-weight:600;overflow-wrap:anywhere}
.regie-copy-foot{font-family:var(--mono);font-size:.86rem;line-height:1.55;margin-top:auto}

/* after a successful send the original tears off and the carbon copy stays */
.regie.is-sent .regie-sheet{transform:translate(4%,-118%) rotate(-7deg);opacity:0;pointer-events:none}
.regie.is-sent .regie-copy{transform:none;transition:transform .6s .35s var(--ease)}
.regie.is-sent .regie-copy > *{opacity:1}
.regie.is-gone .regie-sheet{visibility:hidden}

/* about box: the two buttons did not wrap and pushed the box past the viewport on phones (also live) */
.about>*{min-width:0}
.about-links{flex-wrap:wrap;gap:1rem}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .ws-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:920px){
  .hero-tools-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-tools-row a{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}
  .hero-tools-row a:nth-child(2n){border-right:none}
  .hero-tools-row a:nth-child(n+3){border-bottom:none}
  .ws-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ws-tab{border-bottom:2px solid #3a3631}
  .ws-tab:nth-child(2n){border-right:none}
  .ws-tab:nth-child(n+3){border-bottom:none}
  .ws-panel{grid-template-columns:minmax(0,1fr)}
  .ws-stage{order:-1;min-height:300px;border-bottom:2px solid var(--ink)}
  .ws-controls{border-right:none;padding:1.8rem 1.4rem}
  .site-board{grid-template-columns:minmax(0,1fr)}
  .bautafel{box-shadow:6px 6px 0 var(--ink)}
  .bautafel-next{grid-template-columns:minmax(0,1fr)}
  .bautafel-next-head{border-right:none;border-bottom:2px dashed var(--ink)}
  .about-copy{padding:2.2rem 1.4rem}
  .about-fact{padding:1.4rem}
  .regie-desk{border-left:none;border-top:2px solid var(--ink);padding:1.6rem 1.2rem 2.4rem}
  .regie-sheet{padding:1.8rem 1.3rem 1.6rem}
  .regie-copy{padding:1.8rem 1.3rem}
}
@media(max-width:560px){
  .hero-tools-row a{font-size:1.1rem;padding:.85rem .9rem}
  .ws-tab{padding:.95rem 1rem;font-size:1.15rem}
  .ws-tab small{font-size:.62rem}
  .ws-field-row{grid-template-columns:minmax(0,1fr)}
  /* three readouts are too narrow on phones: area on its own row, counts side by side */
  .ws-read-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ws-read-3>div:first-child{grid-column:1/-1;border-right:none;border-bottom:2px solid var(--ink)}
  .ws-read>div{padding:.8rem .8rem}
  .ws-read dd{font-size:1.7rem}
  .ws-stage{min-height:260px}
  .bautafel-rows>div{grid-template-columns:minmax(0,1fr)}
  .bautafel-rows dt{border-right:none;padding:.9rem 1.2rem 0}
  .bautafel-rows dd{padding:.3rem 1.2rem .9rem}
  .bautafel-stamp{top:4.6rem;right:.8rem;font-size:.78rem}
  .site-photos figure:nth-child(2){margin-left:0}
  .bautafel-next .bautafel-rows>div{grid-template-columns:minmax(0,1fr)}
  .bautafel-next .bautafel-rows dt{padding:.8rem 1.2rem 0}
  .bautafel-next .bautafel-rows dd{padding:.3rem 1.2rem .7rem}
  .bautafel-next dd.blank{margin:0 1.2rem .6rem;padding:.3rem 0}
  .regie-head b{font-size:1.5rem}
  .regie-copy-rows>div{grid-template-columns:6rem minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .regie-sheet,.regie-copy,.regie-copy > *{transition:none!important}
  .hero-tools-row a::after{transition:none}
}

/* ---------- Baustein-Landingpages ---------- */
.page-hero.hero-grid{padding-bottom:4rem}

/* Landingpages: Suchanfrage trifft Seite */
.query-map{display:flex;flex-direction:column;gap:1rem}
.query-map-note{font-family:var(--mono);font-size:.78rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}
.query-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr);align-items:stretch;gap:1rem}
.query{display:flex;align-items:center;gap:.8rem;border:2px solid var(--ink);background:#fbf9f3;padding:1rem 1.2rem;font-family:var(--mono);font-weight:700;font-size:1rem;min-width:0}
.query svg{width:18px;height:18px;flex:none}
.query span{overflow-wrap:anywhere}
.query-arrow{display:flex;align-items:center;font-family:var(--display);font-weight:900;font-size:2rem;line-height:1}
.query-page{border:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.query-page b{font-family:var(--display);font-weight:800;font-size:1.35rem;text-transform:uppercase;line-height:1;color:var(--yellow)}
.query-page span{font-size:.92rem;line-height:1.5;color:#d8d2c5}
a.service-row{color:inherit}

/* Tracking: Messprotokoll */
.protokoll{border:2px solid var(--ink);background:#fbf9f3}
.protokoll-head,.protokoll-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.3fr)}
.protokoll-head{background:var(--ink);color:var(--paper);font-family:var(--mono);font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.protokoll-head span{padding:.9rem 1.4rem;border-right:2px solid #3a3631}
.protokoll-head span:last-child{border-right:none}
.protokoll-row{border-top:2px solid var(--ink)}
.protokoll-row span{padding:1.1rem 1.4rem;border-right:2px solid var(--ink);line-height:1.5;color:var(--ink-soft)}
.protokoll-row span:last-child{border-right:none}
.protokoll-row b{font-family:var(--display);font-weight:800;font-size:1.4rem;text-transform:uppercase;color:var(--ink);line-height:1}
.protokoll-row:hover{background:var(--yellow)}
.protokoll-row:hover span{color:var(--ink)}

/* Lokale Sichtbarkeit: was wir nicht machen */
.nicht{position:relative;border:2px dashed var(--ink);padding:2.6rem 2.4rem 2rem}
.nicht .stamp{position:absolute;top:-16px;left:2rem;background:var(--paper)}
.nicht ul{list-style:none;display:flex;flex-direction:column;gap:1rem}
.nicht li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:baseline;font-size:1.08rem;line-height:1.5}
.nicht li::before{content:"✕";font-family:var(--mono);font-weight:700;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}

@media(max-width:760px){
  .query-row{grid-template-columns:minmax(0,1fr);gap:0}
  .query-arrow{justify-content:center;transform:rotate(90deg);height:2.4rem}
  .protokoll-head{display:none}
  .protokoll-row{grid-template-columns:minmax(0,1fr)}
  .protokoll-row span{border-right:none;padding:.3rem 1.2rem}
  .protokoll-row span:first-child{padding-top:1.1rem}
  .protokoll-row span:last-child{padding-bottom:1.1rem}
  .nicht{padding:2.4rem 1.3rem 1.6rem}
}