/* Solaris OS in the Future navigation r2 · 2026-11-09 (Nico 09.11., second pass)
   r2: the menu opens with one head row. Left: the worlds (Zukunft · Prolog · Vergangenheit), the same links
       the menu also carries at its bottom left. Right: Solaris OS as a gold field with inner spacing on every
       side. On phones both sit side by side in that first row.
       Fields with a background keep a distance between text and edge: the Solaris OS field, and the menu's own
       marker for the page you are on (its number and arrow used to touch the edge).
   r1: Solaris OS bar at the head of the menu, second mark in the desktop header, link on /arbeiten/solaris.
   Only [data-nh-solaris-os] selectors, plus the spacing of a[aria-current=page] rows in the menu. */

/* an empty partner keeps the odd/even column rhythm of the list */
.score-menu-index>i[data-nh-solaris-os="pair"]{display:none!important}

/* ── head row: same two columns as the list below ── */
.score-menu-index>div[data-nh-solaris-os="head"]{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(34px,6vw,110px);align-items:stretch;min-width:0}
/* narrow layouts: the list starts right under SCHLIESSEN - the gold field gets a little air above it */
@media (width<=900px){.score-menu-index:has(>div[data-nh-solaris-os="head"]){margin-top:8px}}

/* worlds, left */
.score-menu-index nav[data-nh-solaris-os="worlds"]{container:nhworlds/inline-size;display:grid;grid-template-columns:36px auto minmax(0,1fr);grid-template-rows:auto 44px;align-content:center;align-items:center;min-width:0;padding:7px clamp(14px,2vw,32px) 6px 0;border-bottom:1px solid var(--line,#dedbd229);box-sizing:border-box}
.score-menu-index nav[data-nh-solaris-os="worlds"]>i{grid-row:1/3;grid-column:1;position:relative;display:block;width:18px;height:11px;margin-left:1px}
.score-menu-index nav[data-nh-solaris-os="worlds"]>i::before,.score-menu-index nav[data-nh-solaris-os="worlds"]>i::after{content:"";position:absolute;top:0;width:9px;height:9px;border:1px solid #dedbd2;border-radius:50%;opacity:.6}
.score-menu-index nav[data-nh-solaris-os="worlds"]>i::before{left:0}
.score-menu-index nav[data-nh-solaris-os="worlds"]>i::after{left:6px;border-color:#e4c380;background:#e4c38066;opacity:1}
.score-menu-index nav[data-nh-solaris-os="worlds"]>small{grid-row:1;margin:0;font-size:8px;line-height:1.7;letter-spacing:1.5px;color:#a8b5a0;white-space:nowrap}
.score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="label"]{grid-column:2}
.score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="here"]{grid-column:3;justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-left:18px;color:#e4c380}
.score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="here"]::before{content:"";width:5px;height:5px;border-radius:50%;background:#e4c380;box-shadow:0 0 8px 1px #e4c38099}
.score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="here"]>u{text-decoration:none;color:#a8b5a0;margin-right:-4px}
.score-menu-index nav[data-nh-solaris-os="worlds"]>div{grid-row:2;grid-column:2/4;display:flex;align-items:center;gap:clamp(18px,2.2vw,36px);min-width:0}
.score-menu-index nav[data-nh-solaris-os="worlds"]>div>a{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:9px;min-width:0;min-height:44px!important;margin:0;padding:0!important;border:0!important;background:none;font-size:10px;line-height:1.5;letter-spacing:1px;color:#e7e2d6;white-space:nowrap;text-decoration:none}
.score-menu-index nav[data-nh-solaris-os="worlds"]>div>a>i{font-style:normal;font-size:13px;line-height:1;transition:translate .3s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){
  .score-menu-index nav[data-nh-solaris-os="worlds"]>div>a:hover{color:#fff5de}
  .score-menu-index nav[data-nh-solaris-os="worlds"]>div>a:hover>i{translate:2px -2px}
}
@container nhworlds (width < 400px){.score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="label"]{display:none}.score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="here"]{grid-column:2/4;margin-left:0}}

/* Solaris OS, right: a field with a background, so every side keeps its distance */
.score-menu-index a[data-nh-solaris-os="menu"]{--os-gold:#e4c380;--os-hot:#fff5de;container:nhos/inline-size;position:relative;isolation:isolate;display:grid!important;grid-template-columns:36px auto minmax(0,1fr) 28px!important;align-items:center;min-width:0;min-height:48px;margin:0;padding:11px clamp(14px,2vw,32px)!important;box-sizing:border-box;border:0!important;border-left:1px solid var(--line,#dedbd229)!important;border-bottom:1px solid #e4c3806b!important;background:linear-gradient(90deg,#e4c38024,#e4c3800f 58%,#e4c38008);color:var(--os-hot)!important;text-decoration:none}
.score-menu-index a[data-nh-solaris-os="menu"]::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,#ffb43a,#ff5fa8 22%,#a98bff 42%,#35d6f2 62%,#2fe8d2 80%,#8be36a);opacity:.75;transition:opacity .4s}
.score-menu-index a[data-nh-solaris-os="menu"]::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(70% 220% at 18% 50%,#e4c3802b,#e4c38000 70%);opacity:0;transition:opacity .45s}
.score-menu-index a[data-nh-solaris-os="menu"]>span{grid-column:1;position:relative;display:block;width:9px;height:9px;margin-left:10px;border-radius:50%;background:#fff3dc;box-shadow:0 0 0 3px #e4c38040,0 0 16px 2px #e4c380;font-size:0!important;opacity:1!important}
.score-menu-index a[data-nh-solaris-os="menu"]>span::after{content:"";position:absolute;inset:-7px -10px;border:1px solid #e4c38099;border-radius:50%;transform:rotate(-24deg)}
.score-menu-index a[data-nh-solaris-os="menu"]>b{grid-column:2;padding-right:.08em;font-family:inherit!important;font-size:clamp(25px,3.25vw,52px)!important;font-weight:400;line-height:1!important;letter-spacing:-.055em!important;background:linear-gradient(100deg,#fff5de 0%,#f1d59b 42%,#e4c380 70%,#f0a773 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transition:translate .5s cubic-bezier(.16,1,.3,1)}
.score-menu-index a[data-nh-solaris-os="menu"]>small{grid-column:3;justify-self:start;min-width:0;max-width:calc(100% - clamp(14px,1.7vw,26px));margin:0 0 0 clamp(14px,1.7vw,26px);padding:.62em 1.1em .56em;border:1px solid #e4c38080;border-radius:999px;font-size:9px;font-weight:400;line-height:1.3;letter-spacing:.24em;color:var(--os-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.score-menu-index a[data-nh-solaris-os="menu"]>small>u{text-decoration:none}
.score-menu-index a[data-nh-solaris-os="menu"]>em{grid-column:4;justify-self:end;color:var(--os-gold)!important;transition:translate .5s cubic-bezier(.16,1,.3,1)}
.score-menu-index a[data-nh-solaris-os="menu"]:focus-visible{outline:2px solid #e4c380;outline-offset:-2px}
@media (hover:hover) and (pointer:fine){
  .score-menu-index a[data-nh-solaris-os="menu"]:hover::after,.score-menu-index a[data-nh-solaris-os="menu"]:hover::before{opacity:1}
  .score-menu-index a[data-nh-solaris-os="menu"]:hover>b{translate:6px 0}
  .score-menu-index a[data-nh-solaris-os="menu"]:hover>em{translate:3px -3px}
}
@media (width>700px){
  @container nhos (width < 522px){.score-menu-index a[data-nh-solaris-os="menu"]>small>u+u{display:none}}
  @container nhos (width < 282px){.score-menu-index a[data-nh-solaris-os="menu"]>small{display:none}}
}

/* phones: both cells stay in the first row */
@media (width<=700px){
  .score-menu-index>div[data-nh-solaris-os="head"]{grid-template-columns:auto minmax(0,1fr);column-gap:12px}
  /* no size containment here: this cell is as wide as its longest link */
  .score-menu-index nav[data-nh-solaris-os="worlds"]{container-type:normal;display:flex;flex-direction:column;justify-content:center;padding:6px 0 4px}
  .score-menu-index nav[data-nh-solaris-os="worlds"]>i,.score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="label"],.score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="here"]>u{display:none}
  .score-menu-index nav[data-nh-solaris-os="worlds"]>small[data-part="here"]{align-self:flex-start;margin:0;line-height:18px}
  .score-menu-index nav[data-nh-solaris-os="worlds"]>div{flex-direction:column;align-items:flex-start;gap:0}
  .score-menu-index nav[data-nh-solaris-os="worlds"]>div>a{font-size:9px}
  .score-menu-index a[data-nh-solaris-os="menu"]{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto minmax(0,1fr);row-gap:8px;padding:12px 14px 13px!important;border-left:0!important}
  .score-menu-index a[data-nh-solaris-os="menu"]>span{grid-row:1;grid-column:1;margin:0 14px 0 9px}
  .score-menu-index a[data-nh-solaris-os="menu"]>small{grid-row:1;grid-column:2;max-width:100%;margin:0;padding:.55em 1em .5em;font-size:8px;letter-spacing:.18em}
  .score-menu-index a[data-nh-solaris-os="menu"]>em{grid-row:1;grid-column:3;font-size:21px!important;line-height:1}
  .score-menu-index a[data-nh-solaris-os="menu"]>b{grid-row:2;grid-column:1/-1;align-self:end;font-size:clamp(21px,7.2vw,31px)!important;line-height:1!important}
  @container nhos (width < 226px){.score-menu-index a[data-nh-solaris-os="menu"]>small>u+u{display:none}}
}
@media (width<=340px){
  .score-menu-index>div[data-nh-solaris-os="head"]{column-gap:10px}
  .score-menu-index nav[data-nh-solaris-os="worlds"]>div>a{font-size:8px;gap:7px}
  .score-menu-index a[data-nh-solaris-os="menu"]{padding:12px 11px 13px!important}
}

/* ── the menu's own marker for the current page: text keeps its distance from the field edge ── */
@media (width>700px){
  .score-shell .score-menu-index>a[aria-current="page"]:nth-child(odd){margin-left:-14px;padding-left:14px!important}
  .score-shell .score-menu-index>a[aria-current="page"]:nth-child(2n){margin-right:-14px;padding-right:14px!important}
}
@media (width<=700px){
  .score-shell .score-menu-index>a[aria-current="page"]{margin-inline:-10px;padding-inline:10px!important}
}

/* ── header mark: desktop only, never moves the existing links ── */
header.score-nav a[data-nh-solaris-os="header"]{display:none}
@media (width>=1100px){
  /* the primary links are already positioned (centred) by the site; the mark hangs on their right edge */
  header.score-nav a[data-nh-solaris-os="header"]{position:absolute;left:100%;top:50%;translate:0 -50%;display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0 0 0 clamp(12px,1.2vw,20px);padding:0 0 0 clamp(12px,1.2vw,20px);background:none!important;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .5s}
  header.score-nav a[data-nh-solaris-os="header"][data-fit="1"]{opacity:1;visibility:visible}
  header.score-nav a[data-nh-solaris-os="header"]::before{content:"";position:absolute;left:0;top:50%;width:1px;height:18px;margin-top:-9px;background:currentColor;opacity:.26}
  header.score-nav a[data-nh-solaris-os="header"]>i{position:relative;display:block;width:26px;height:26px;flex:none}
  header.score-nav a[data-nh-solaris-os="header"]>i>img{display:block;width:26px;height:26px;object-fit:contain;filter:brightness(var(--emblem-brightness,1));transition:scale .6s cubic-bezier(.16,1,.3,1)}
  header.score-nav a[data-nh-solaris-os="header"]>i::before{content:"";position:absolute;inset:3px -7px;border:1px solid currentColor;border-radius:50%;opacity:.42;rotate:-24deg}
  header.score-nav a[data-nh-solaris-os="header"]>i::after{content:"";position:absolute;right:-6px;top:3px;width:4px;height:4px;border-radius:50%;background:#e4c380;box-shadow:0 0 8px 1px #e4c380}
  header.score-nav a[data-nh-solaris-os="header"]>span{display:inline-flex;align-items:center;gap:.7em}
  header.score-nav a[data-nh-solaris-os="header"]>span>em{font-style:normal}
  header.score-nav a[data-nh-solaris-os="header"][data-size="compact"]>span>em{display:none}
  header.score-nav a[data-nh-solaris-os="header"]>span>b{font-weight:400;padding:.34em .5em .3em .66em;border:1px solid #e4c380;border-radius:999px;color:#e4c380;letter-spacing:.16em}
  header.score-nav a[data-nh-solaris-os="header"]:hover>i>img{scale:1.12}
  header.score-nav a[data-nh-solaris-os="header"]:focus-visible{outline:1px solid currentColor;outline-offset:6px}
}

/* ── /arbeiten/solaris ── */
.case-title>a.case-original-link[data-nh-solaris-os="case"]{margin-left:clamp(18px,2.4vw,38px);border-bottom-color:#e4c380b3;color:#fff5de}
.case-title>a.case-original-link[data-nh-solaris-os="case"]>b{color:#e4c380}
/* the closing section is a grid with gap 5vw: the second link sits directly under EXPERIENCE ORIGINAL */
.case-text>a[data-nh-solaris-os="case-end"]{grid-column:2;justify-self:start;margin-top:calc(18px - 5vw)!important;color:#e4c380}
@media (width<=700px){
  .case-title>a.case-original-link[data-nh-solaris-os="case"]{display:flex;width:fit-content;margin:6px 0 0}
  .case-text>a[data-nh-solaris-os="case-end"]{display:flex!important;align-items:center;width:fit-content;min-height:44px;margin-top:0!important}
}
@media (prefers-reduced-motion:reduce){
  .score-menu-index a[data-nh-solaris-os="menu"]::before,.score-menu-index a[data-nh-solaris-os="menu"]::after,.score-menu-index a[data-nh-solaris-os="menu"]>b,.score-menu-index a[data-nh-solaris-os="menu"]>em,.score-menu-index nav[data-nh-solaris-os="worlds"]>div>a>i,header.score-nav a[data-nh-solaris-os="header"],header.score-nav a[data-nh-solaris-os="header"]>i>img{transition:none}
}
@media (forced-colors:active){.score-menu-index a[data-nh-solaris-os="menu"]>b{background:none;color:inherit;-webkit-text-fill-color:currentColor}}