/* Shared control sizing and focus, without decorative direction arrows. */
:root {
 --eq-icon-idle:#8b9292;
 --eq-icon-active:#5daaa3;
}
body :is(.rail-arrow,.view-pager button,.teaser-controls button) {
 box-sizing:border-box;min-width:44px;min-height:44px;
 display:inline-flex;align-items:center;justify-content:center;
}
body :is(.view-pager button,.teaser-controls button) {
 width:auto;padding-inline:12px;font-size:12px;
}
body :is(.official-website,.thesis-scroll-invitation,.thesis-continuation a) {
 box-sizing:border-box;min-width:44px;min-height:44px;
}
body :is(.official-website,.thesis-scroll-invitation) {
 display:inline-flex;align-items:center;
}
body :is(.rail-arrow,.view-pager button,.teaser-controls button,.official-website,.thesis-scroll-invitation,.thesis-continuation a):focus-visible,
body .mobile-options > summary:focus-visible {
 outline:2px solid var(--eq-icon-active);outline-offset:4px;
}

/* Keep native disclosure behaviour with a quiet plus/minus indicator. */
body[data-view='thesis'] details.thesis-dive > summary,
body .mobile-options > summary {
 box-sizing:border-box;min-width:44px;min-height:44px;list-style:none;
}
body[data-view='thesis'] details.thesis-dive > summary::marker,
body .mobile-options > summary::marker {content:''}
body[data-view='thesis'] details.thesis-dive > summary::-webkit-details-marker,
body .mobile-options > summary::-webkit-details-marker {display:none}
body[data-view='thesis'] details.thesis-dive .thesis-dive-toggle {
 color:var(--eq-icon-idle);
}
body[data-view='thesis'] details.thesis-dive > summary:is(:hover,:focus-visible) .thesis-dive-toggle {
 color:var(--eq-icon-active);
}
body[data-view='thesis'] details.thesis-dive > summary:focus-visible {outline:none}
body[data-view='thesis'] details.thesis-dive > summary:focus-visible .thesis-dive-toggle {
 outline:2px solid var(--eq-icon-active);outline-offset:4px;
}
body .mobile-options > summary::after {
 content:'+';display:inline-block;width:16px;margin-left:8px;text-align:center;
}
body .mobile-options[open] > summary::after {content:'−'}
body[data-view='thesis'] .thesis-continuation a:is(:hover,:focus-visible) .thesis-next-title {
 text-decoration-color:var(--eq-icon-active);
}
@media(forced-colors:active) {
 body[data-view='thesis'] details.thesis-dive .thesis-dive-toggle {color:ButtonText}
 body :is(.rail-arrow,.view-pager button,.teaser-controls button,.official-website,.thesis-scroll-invitation,.thesis-continuation a):focus-visible,
 body .mobile-options > summary:focus-visible,
 body[data-view='thesis'] details.thesis-dive > summary:focus-visible .thesis-dive-toggle {
  outline-color:Highlight;
 }
}