/* Länkar och knappar — 6 november 2026, 8 november: färg i stället för streck.
   Aldrig understrykning eller streck på länkar, någonstans på webbplatsen. När man
   för pekaren över en länk får texten accentfärgen (samma korall som pekaren).
   Pekaren själv är en egen, inverterande skiva (se nedan och interaction-polish.js). */
:root{--ui-accent:#ff9a74;--ui-fill:color-mix(in srgb,currentColor 8%,transparent);--ui-line:color-mix(in srgb,currentColor 34%,transparent);--ui-hover-fill:#1d1c1a;--ui-hover-ink:#fff}
/* Hover: the accent colour and a slightly heavier stroke — never movement, never a line.
   (Hedvig has one weight; a fine text stroke thickens it without shifting the layout.) */
a[href]{-webkit-text-stroke:0 transparent;transition:color .3s ease,-webkit-text-stroke-width .3s ease}
a[href]:is(:hover,:focus-visible){color:var(--ui-accent);-webkit-text-stroke:.55px currentColor}
:is(a,button,summary),:is(a,button,summary):is(:hover,:focus-visible),:is(a,button,summary) *{text-decoration:none!important}
a[href],button:not(:disabled),summary,label[for]{cursor:pointer}
:is(.topbar a,.work-links a,.exhibit-chapters a,.category-quick-links a,.exhibit-link,.bio-cv-jump,.bio-cv-contact,.collection-jump,.contact-exhibition-links a,.text-link,.credit-source,.ribbon-collection-link,.film-series-choices button,.gryt-credit a){background-image:none!important;border-bottom:0!important}
body>header nav a[aria-current="page"]::after,.contact-exhibition-mail::after{display:none!important}
.site-footer.unified-footer a,.site-footer.unified-footer a:hover{background-image:none!important;text-decoration:none!important}
.site-cursor{display:none!important}

/* Living cursor (interaction-polish.js): a ball that morphs with what it points at. */
.mh-cursor{display:none}
@media(hover:hover) and (pointer:fine){
 html.has-mh-cursor,html.has-mh-cursor *{cursor:none!important}
 html.has-mh-cursor :is(input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),textarea,select,[contenteditable]:not([contenteditable="false"]),iframe,video[controls],[data-native-cursor]){cursor:auto!important}
 /* 7 nov: the cursor shines through what it covers — a small coloured disc that
    inverts the page beneath it (difference), and swells into a lens over links,
    pictures and films. Only this small element blends. */
 .mh-cursor{display:block;position:fixed;left:0;top:0;z-index:2147483647;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .2s ease;mix-blend-mode:difference}
 html.has-mh-cursor .mh-cursor{opacity:1}
 /* The page styles cap svg at max-width:100%; the cursor box is 0 wide, so lift the cap (8 nov:
    this hid the cursor on every page but the homepage). */
 .mh-cursor svg{position:absolute;left:-48px;top:-48px;display:block;overflow:visible;width:96px!important;height:96px!important;max-width:none!important;max-height:none!important}
 .mh-cursor path{fill:#ff9a74}
}

/* Calls to action (7–8 nov): plain words — no underline, no line, no box, no movement.
   They sit a little quieter; on hover they take the accent colour and grow heavier,
   and the cursor turns into an inverting disc. */
:is(a.button,.exhibit-link,.bio-cv-jump,.bio-cv-contact,.collection-jump,.ribbon-collection-link,.contact-exhibition-links a,.gryt-credit a,.film-viewer-external){
 display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;padding:6px 0;margin:0;
 border:0!important;border-radius:0;background:transparent!important;background-image:none!important;
 color:inherit;font:500 15.5px/1.3 var(--sans);letter-spacing:.012em;white-space:nowrap;
 text-decoration:none!important;opacity:.86;transition:opacity .3s ease,color .3s ease,-webkit-text-stroke-width .3s ease;
}
:is(a.button,.exhibit-link,.bio-cv-jump,.bio-cv-contact,.collection-jump,.ribbon-collection-link,.contact-exhibition-links a,.gryt-credit a,.film-viewer-external):is(:hover,:focus-visible){opacity:1;color:var(--ui-accent)!important;-webkit-text-stroke:.55px currentColor}

/* Real playback and gallery controls: compact, square (9 nov: no rounded corners). */
:is(.button,.room-tools button,.film-series-choices button,.portal-bottom button,.unified-footer-button,.motion-toggle,.film-portal-pause,.exhibit-playback){
 display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;
 border:0!important;border-radius:0;background:var(--ui-fill);color:inherit;
 font-family:var(--sans);font-size:15px;font-weight:500;line-height:1.3;letter-spacing:.01em;text-transform:none;
 transition:background-color .3s ease,color .3s ease;
}
:is(button.button,.room-tools button,.film-series-choices button,.portal-bottom button,.motion-toggle,.film-portal-pause,.exhibit-playback):is(:hover,:focus-visible){background:var(--ui-pill-hover-fill,#1d1c1a)!important;color:var(--ui-pill-hover-ink,#fff)!important}
.film-series-choices button[aria-pressed="true"]{background:var(--ui-pill-hover-fill,#1d1c1a);color:var(--ui-pill-hover-ink,#fff)}
.room-tools{gap:8px}.room-tools button span{margin-left:0}
.room-tools button:disabled,.film-portal-pause:disabled{opacity:.4;background:var(--ui-fill)!important;color:inherit!important}


/* Navigation: plain words; the accent colour on hover and for the current page,
   never an underline. */
:is(.topbar a,.work-links a,.exhibit-chapters a,.unified-footer-nav a,.category-quick-links a,.film-portal-categories a,.photo-secondary-links a),body>header nav a{
 display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:0;background:transparent!important;
 font-family:var(--sans);font-size:clamp(16px,1.2vw,18px);font-weight:450;line-height:1.3;letter-spacing:.005em;
 text-decoration:none!important;transition:color .3s ease,opacity .3s ease;
}
:is(.topbar a,.work-links a,.exhibit-chapters a,.unified-footer-nav a,.category-quick-links a,.film-portal-categories a,.photo-secondary-links a):is(:hover,:focus-visible),body>header nav a:is(:hover,:focus-visible){color:var(--ui-accent)!important;opacity:1}
body>header nav a[aria-current="page"]{color:var(--ui-accent)}
.unified-footer-nav a{padding-inline:10px;margin-inline:-10px}
.category-quick-links{gap:4px 18px;flex-wrap:wrap}
:is(a,button,summary):focus-visible{outline:2px solid currentColor;outline-offset:4px}

@media(max-width:600px){
 :is(a.button,.exhibit-link,.bio-cv-jump,.bio-cv-contact,.collection-jump,.ribbon-collection-link,.contact-exhibition-links a,.gryt-credit a,.film-viewer-external){font-size:15px}
 :is(.room-tools button,.film-series-choices button,.portal-bottom button,.motion-toggle,.film-portal-pause,.exhibit-playback){font-size:14px;padding-inline:15px}
 :is(.topbar a,.work-links a){padding-inline:8px}
 body>header nav{gap:0 4px}
 body>header nav a{min-height:44px;padding:6px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){:is(a,button,summary){transition:none!important}}
/* Film controls remain legible over the moving image. */
[data-category-preview-toggle]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:0!important;border-radius:0;background:var(--ui-fill);background-image:none!important;color:inherit;font:500 15px/1.4 var(--sans);transition:background-color .3s,color .3s}
[data-category-preview-toggle]:is(:hover,:focus-visible){background:var(--ui-pill-hover-fill,#1d1c1a);color:var(--ui-pill-hover-ink,#fff)!important}
.film-viewer{--ui-fill:#ffffff17}
.exhibit-playback{background:#111c;color:#fff}