/* SENSUENA – Phase 182: Namens-Band, Holzschild, Satz-Finder, Werkbank-Zeile */

/* Werkbank-Zeile */
.nm-bench{border-bottom:1px solid var(--line);background:var(--bg-2)}
.nm-bench .wrap{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;padding-block:16px;font-size:15px;color:var(--ink-2)}
.nm-bench b{color:var(--ink);font-weight:600}
.nm-live{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600}
.nm-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--laser);animation:nm-pulse 2.2s infinite}
@keyframes nm-pulse{0%{box-shadow:0 0 0 0 rgba(139,155,255,.6)}100%{box-shadow:0 0 0 10px rgba(139,155,255,0)}}
.nm-due{color:var(--brass)}

/* Namens-Band */
.nm{position:relative;border-bottom:1px solid var(--line);background:radial-gradient(60% 80% at 78% 55%,rgba(212,184,138,.11),transparent 70%)}
.nm-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding-block:64px}
.nm-h{margin:12px 0 16px;font:400 clamp(36px,4.6vw,60px)/1.02 var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.nm-h em{font-style:italic;color:var(--brass)}
.nm-p{margin:0 0 24px;max-width:32em;color:var(--ink-2)}
.nm-form{display:flex;gap:10px;max-width:520px}
.nm-form input{flex:1;min-width:0;height:56px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);padding:0 22px;font:400 18px var(--sans)}
.nm-form input::placeholder{color:var(--muted)}
.nm-form input:focus{outline:none;border-color:var(--brass)}
.nm-note{margin:10px 0 0;font-size:13px;color:var(--muted);max-width:40em}
.nm-clear{background:none;border:0;padding:0;margin-left:4px;color:var(--brass);font:inherit;text-decoration:underline;cursor:pointer}
.nm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nm-disc{position:relative;justify-self:center;width:min(100%,440px);aspect-ratio:1;display:grid;place-items:center;transform:rotate(-3deg);filter:drop-shadow(0 34px 44px rgba(0,0,0,.7))}
.nm-disc img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.nm-eng{position:relative;width:56%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#4A2E1C;mix-blend-mode:multiply;opacity:.9}
.nm-k{font:500 11px ui-monospace,Consolas,monospace;letter-spacing:.3em;text-transform:uppercase;opacity:.78}
.nm-nw{display:block;width:100%;overflow:visible}
.nm-n{display:inline-block;white-space:nowrap;font:italic 400 clamp(40px,6vw,78px)/1.1 var(--serif);clip-path:inset(-12% 0 -12% 0)}
.nm-n.go{animation:nm-burn 1.5s linear both}
@keyframes nm-burn{from{clip-path:inset(-12% 100% -12% 0)}to{clip-path:inset(-12% 0 -12% 0)}}
.nm-eng i{display:block;width:46%;height:2px;margin:8px 0;border-radius:2px;background:#4A2E1C;opacity:.6}
.nm-dot{position:absolute;top:50%;left:22%;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(139,155,255,.55),0 0 22px 8px rgba(139,155,255,.75);opacity:0;pointer-events:none}
.nm-dot.go{animation:nm-dot 1.5s linear both}
@keyframes nm-dot{0%{left:22%;opacity:1}96%{left:78%;opacity:1}100%{left:78%;opacity:0}}
.nm-cap{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%) rotate(3deg);white-space:nowrap;font:500 11px ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}

/* Holzschild an den Karten */
.nm-tag{position:absolute;top:12px;left:-4px;z-index:2;display:inline-flex;align-items:baseline;gap:6px;max-width:82%;padding:5px 14px 5px 18px;border-radius:3px 12px 12px 3px;background:linear-gradient(180deg,#E3C99F,#CDAB7A);color:#4A2E1C;transform:rotate(-4deg);box-shadow:0 6px 14px rgba(0,0,0,.45);pointer-events:none}
.nm-tag::before{content:"";position:absolute;left:6px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#1d1c1a}
.nm-tag small{font:500 9px ui-monospace,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.nm-tag b{font:italic 400 19px/1.1 var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rg-im .rg-bdg~.nm-tag{top:46px}
.pc-media .nm-tag,.gp-ph .nm-tag{top:14px;left:-2px;z-index:3}

/* Vorschlag im Gestalter */
.nm-sug{align-self:flex-start;margin-top:8px;padding:6px 12px;border-radius:999px;border:1px dashed var(--brass);background:transparent;color:var(--ink-2);font:400 14px var(--sans);cursor:pointer}
.nm-sug b{font-weight:600;color:var(--brass)}
.nm-sug:hover{border-style:solid;color:var(--ink)}

/* Satz-Finder */
.nm-find{margin:0 0 18px;font:400 clamp(26px,3.4vw,42px)/1.35 var(--serif);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.nm-find select{appearance:none;-webkit-appearance:none;max-width:100%;padding:0 4px;border:0;border-bottom:2px dashed var(--birch-deep,#A88B5E);border-radius:0;background:transparent;color:var(--brass);font:italic 400 1em var(--serif);cursor:pointer}
.nm-find select:focus-visible{outline:2px solid var(--laser);outline-offset:4px}
.nm-find select option{font:400 16px var(--sans);font-style:normal;color:#111;background:#fff}
.nm-fn{font-style:italic;color:var(--brass)}
.nm-finder-on .rg-finder{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nm-finder-on .rg-bar [data-rg-b]{display:none}

@media (max-width:900px){
  .nm-in{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:40px 56px}
  .nm-tx{display:contents}
  .nm-tx>.eyebrow,.nm-h,.nm-p{order:1;margin-bottom:0}
  .nm-h{margin-top:-14px}
  .nm-disc{order:2;width:min(64%,270px);margin-bottom:22px}
  .nm-form{order:3}
  .nm-note{order:4;margin-top:-14px}
  .nm-bench .wrap{font-size:14px;gap:6px 20px;padding-block:14px}
}
@media (max-width:560px){
  .nm-p{display:none}
  .nm-form{flex-direction:column}.nm-form input{flex:none;width:100%}.nm-form .pill{width:100%;justify-content:center}
  .nm-disc{width:min(60%,230px)}
  .nm-tag{top:8px;padding:4px 10px 4px 15px}.nm-tag b{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.nm-n.go,.nm-dot.go,.nm-live::before{animation:none}}

/* Phase 187: Probe-Gravur zeigt nur den Text. Platz links und rechts, damit kein Buchstabe (J, f, y) angeschnitten wird */
.nm-eng{width:66%}
.nm-n{padding:0 .16em;clip-path:inset(-20% 0 -20% 0)}
@keyframes nm-burn{from{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0 -20% 0)}}