/* v172: Namens-Übungsblatt (Vorschau + Druck) */
#nsArea{display:none}
#nsArea.open{display:block;position:fixed;inset:0;z-index:9999;overflow:auto;background:#dcdcd6;-webkit-overflow-scrolling:touch}
body.ns-preview{overflow:hidden}
#nsArea .ns-bar{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem 1rem;background:#171a21;color:#fff}
#nsArea .ns-bar button{min-height:2.75rem;padding:.5rem 1.1rem;border-radius:.6rem;border:1px solid #fff;background:#0b5e5e;color:#fff;font:inherit;font-weight:700;cursor:pointer}
#nsArea .ns-bar .ns-x{background:transparent}
#nsArea .ns-bar span{font-size:.82rem;opacity:.85;flex:1 1 14rem}
#nsArea .ns-bar button:focus-visible{outline:3px solid #ffd479;outline-offset:2px}
#nsArea .ns-wrap{padding:1rem;display:flex;justify-content:center}
#nsArea .ns-page{background:#fff;color:#000;width:min(100%,210mm);box-sizing:border-box;padding:8mm;box-shadow:0 2px 10px rgba(0,0,0,.25);font-family:"Source Sans 3",system-ui,sans-serif}
.ns-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #000;padding-bottom:2mm;font-size:1.1rem;gap:1rem}.ns-head span{font-size:.75rem;color:#444;white-space:nowrap}
.ns-sub{margin:.4rem 0 0;font-size:.85rem;color:#333}
.ns-big{font:700 5.5rem/1.5 Amiri,"Scheherazade New",serif;text-align:center;margin:.4rem 0 .2rem}
.ns-page.m .ns-big{font-size:4.6rem}.ns-page.s .ns-big{font-size:3.6rem}.ns-page.xs .ns-big{font-size:2.8rem}
.ns-lbl{margin:.5rem 0 .2rem;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#444}
.ns-letters{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;justify-content:center;border:1px dashed #999;padding:.4rem}
.ns-letters span{font:400 2.4rem/1.4 Amiri,"Scheherazade New",serif}
.ns-row{font:400 4.6rem/1 Amiri,"Scheherazade New",serif;text-align:center;height:22mm;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;border-bottom:1px solid #777;background:linear-gradient(#e2e2e2,#e2e2e2) 0 62%/100% 1px no-repeat}
.ns-page.m .ns-row{font-size:3.8rem}.ns-page.s .ns-row{font-size:3rem}.ns-page.xs .ns-row{font-size:2.2rem}
.ns-row.t1{color:#9a9a9a}.ns-row.t2{color:#b8b8b8}.ns-row.t3{color:#cfcfcf}.ns-row.t4{color:#dcdcdc}.ns-row.t0{color:transparent}
@media print{
  @page{size:A4;margin:10mm}
  body.ns-printing>*:not(#nsArea){display:none!important}
  body.ns-printing #nsArea{display:block!important;position:static!important;overflow:visible!important;background:#fff!important}
  body.ns-printing .ns-bar{display:none!important}
  body.ns-printing{overflow:visible!important;background:#fff!important}
  body.ns-printing .ns-wrap{padding:0!important;display:block!important}
  body.ns-printing .ns-page{width:auto!important;box-shadow:none!important;padding:0!important;height:262mm;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
