/* GemstoneRO wiki template "gemstone": the page frame's own parts (gsw-), on top of the main site's gs-core.css, gs-sky.css and
   gs-scenery.css (copied unchanged next to this file). Tokens (--gs-*) and components (gs-*) are the main site's; this file only
   adds what the wiki has and the main site does not: the page head's title without an h1, the wiki bar (tabs, search with its
   live suggestions, the wiki's own log in), the trace and page tools row, the content grid with the TOC column, the page info row,
   the editor row's end and the footer's copyright line. Static file: it does NOT go through DokuWiki's css.php (modern CSS is
   fine here). Linked after DokuWiki's bundle, so the frame keeps its look; it never styles inside #dokuwiki__content. */

/* --- page head: the main site's compact hero band; its title is a paragraph (the page's one h1 is the wiki page's own) --- */
.gsw-hero__title{font-family:var(--gs-font-serif);font-weight:800;color:var(--gs-text);letter-spacing:0;text-wrap:balance}
/* the wiki's tagline: two lines at most (the main site's one-line intro would cut it) */
.gsw-hero.gs-hero--intro .gs-hero__intro{-webkit-line-clamp:2}
.gsw-youarehere ol{min-width:0}
.gsw-youarehere li{min-width:0;max-width:100%}
.gsw-youarehere a,.gsw-youarehere [aria-current]{overflow-wrap:anywhere}
.gsw-youarehere [aria-current=page]{display:inline-block;max-width:min(46ch,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
/* a namespace without its own page (DokuWiki's missing-page link) */
.gsw-youarehere a.wikilink2{color:var(--gs-text-2);text-decoration:underline dotted rgba(185,200,234,.6);text-underline-offset:.25em}
.gsw-youarehere a.wikilink2:hover{color:#fff}
.gsw-youarehere .curid{display:contents}

/* --- the content wrapper (the main site's gs-content spacing; not .gs-content itself: gs.js leaves the wiki's tables alone) --- */
.gsw-wrap{padding-top:var(--gs-s-5);padding-bottom:var(--gs-s-10)}

/* --- the wiki bar: the wiki's places as the main site's tabs (the wiki's log in last), the search (the market row's layout) --- */
.gsw-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gs-s-3) var(--gs-s-5);margin:0 0 var(--gs-s-4)}
.gsw-bar>.gs-tabs{margin:0}
.gsw-bar__tabs .gs-tab .gs-icon{opacity:.85}
.gsw-bar__tabs .gs-tab[aria-current] .gs-icon{opacity:1}
/* the wiki's own log in (not the gemstonero.com site's of the header): set apart from the places by a thin rule */
.gsw-bar__tabs .gsw-tab--login{margin-left:5px}
.gsw-bar__tabs .gsw-tab--login::after{content:"";position:absolute;left:-5px;top:9px;bottom:9px;width:1px;background:var(--gs-line-strong)}
.gsw-lock{width:12px;height:12px;margin-left:-2px;opacity:.8}
/* the search takes the rest of the tabs' row; when the row wraps (tablets) it takes the whole next row */
.gsw-search{flex:1 1 320px;min-width:min(100%,280px)}
.gsw-search>.gs-input::-webkit-search-cancel-button{display:none}
@media (max-width:767.98px){
  .gsw-bar{gap:var(--gs-s-3)}
  .gsw-bar>.gs-tabs{flex:1 1 100%;width:100%}
  .gsw-search{flex:1 1 100%;margin-left:0}
}

/* DokuWiki's live page suggestions under the search field (#qsearch__out, filled by its qsearch script): the main site's menu panel */
.gsw-qsearch{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;display:none;max-height:min(60vh,440px);overflow-y:auto;padding:8px;border-radius:var(--gs-r-3);background:var(--gs-night-850);border:1px solid var(--gs-line-strong);box-shadow:var(--gs-shadow-3);color:var(--gs-text);font:400 var(--gs-fs-sm)/1.35 var(--gs-font-body);text-align:left;scrollbar-width:thin}
.gsw-qsearch::before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(143,208,255,.6),transparent)}
.gsw-qsearch>strong{display:block;margin:2px 8px 6px;color:var(--gs-text-muted);font:700 var(--gs-fs-xs)/1.3 var(--gs-font-display);letter-spacing:.06em;text-transform:uppercase}
.gsw-qsearch ul{margin:0;padding:0;list-style:none}
.gsw-qsearch li{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gsw-qsearch a{display:block;min-height:40px;padding:10px 10px;border-radius:var(--gs-r-2);color:var(--gs-text);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gsw-qsearch a:hover,.gsw-qsearch a:focus-visible{background:rgba(79,134,255,.15);color:#fff}
.gsw-qsearch a:focus-visible{outline-offset:-3px}

/* --- the row above the content: DokuWiki's trace (pages visited last) and the page tools (the main site's chips) --- */
.gsw-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gs-s-3) var(--gs-s-5);margin:0 0 var(--gs-s-5)}
.gsw-trace{display:flex;align-items:center;gap:10px;flex:1 1 320px;min-width:0}
.gsw-trace__label{flex:none;color:var(--gs-text-muted);font:700 var(--gs-fs-xs)/1 var(--gs-font-display);letter-spacing:.06em;text-transform:uppercase}
.gsw-trace__list{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;min-width:0;margin:0;padding:0;list-style:none;font:700 var(--gs-fs-xs)/1.3 var(--gs-font-display)}
.gsw-trace__list li{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;margin:0}
.gsw-trace__list li+li::before{content:"";flex:none;width:4px;height:4px;transform:rotate(45deg);background:var(--gs-sapphire-400);opacity:.7}
.gsw-trace__list a{position:relative;display:inline-block;max-width:24ch;min-height:28px;padding:7px 0;overflow:hidden;color:var(--gs-text-2);text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.gsw-trace__list a:hover{color:#fff;text-decoration:underline}
.gsw-trace__list a[aria-current]{color:var(--gs-text)}
.gsw-tools{flex:0 1 auto;min-width:0;margin-left:auto}
.gsw-tools__list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:0;padding:0;list-style:none}
.gsw-tools__list li{margin:0}
.gsw-tool{max-width:100%;padding:0 13px;font-size:var(--gs-fs-xs)}
.gsw-tool .gsw-label{min-width:0;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gsw-tool .gs-icon{color:var(--gs-azure-300)}
.gsw-tool:hover .gs-icon{color:#fff}
@media (max-width:767.98px){
  .gsw-row{gap:var(--gs-s-2)}
  /* phones: the content comes first; the trace (a convenience of big screens) is left out, as the old wiki did */
  .gsw-trace{display:none}
  .gsw-tools{flex:1 1 100%;margin-left:0}
  /* a sideways scrolling row: room inside it for the focus ring (a scroll box clips what leaves it) */
  .gsw-tools__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:-6px;padding:6px}
  .gsw-tools__list::-webkit-scrollbar{display:none}
  .gsw-tools__list li{flex:none}
}
@media (pointer:coarse),(max-width:767.98px){.gsw-trace__list a::after{content:"";position:absolute;inset:-8px -5px}}

/* --- the content grid: the content column and, when the page has one, the table of contents (a sticky right column from
   1100 px; above the content below that, where wiki-dev's script.js closes it). The TOC's own look is the bundle's (#dw__toc) --- */
.gsw-doc{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gs-s-5) var(--gs-s-7);align-items:start}
.gsw-doc>*{min-width:0}
#dokuwiki__content{position:relative;min-width:0}
@media (min-width:1100px){
  .gsw-doc--toc{grid-template-columns:minmax(0,1fr) clamp(220px,20vw,280px)}
  .gsw-doc--toc>#dokuwiki__content{grid-column:1;grid-row:1}
  .gsw-doc--toc>.gsw-doc__toc{grid-column:2;grid-row:1;position:sticky;top:calc(var(--gs-header-h) + 16px);max-height:calc(100vh - var(--gs-header-h) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
}

/* --- the end of the content column: DokuWiki's page info (its text look is the bundle's .docInfo) and Back to top --- */
.gsw-pageinfo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gs-s-3) var(--gs-s-5);margin-top:var(--gs-s-5)}
.gsw-pageinfo>.docInfo{flex:1 1 320px;min-width:0;margin:0}
.gsw-totop{flex:none;margin-left:auto}

/* --- the editor row (the main site's staff tools row, gs-adminbar of its kit): the end with the wiki user and Log out --- */
.gsw-editbar__link{gap:6px}
.gsw-editbar__link .gs-icon{width:14px;height:14px;opacity:.85}
.gsw-editbar__end{display:flex;align-items:center;gap:var(--gs-s-3);flex:none;min-width:0;margin-left:auto}
.gsw-editbar__who{display:inline-flex;align-items:center;gap:6px;min-width:0;margin:0;color:var(--gs-text-2);font:700 var(--gs-fs-xs)/1.2 var(--gs-font-display);white-space:nowrap}
.gsw-editbar__who .gs-icon{flex:none;color:var(--gs-azure-300)}
.gsw-editbar__name{min-width:0;max-width:18ch;overflow:hidden;text-overflow:ellipsis}
.gsw-editbar__name a{color:inherit}
.gsw-editbar__logout{margin:0}
.gsw-editbar__logout .gs-btn{--gs-btn-h:32px;padding:0 12px;font-size:var(--gs-fs-xs)}
/* small phones: the name is read out but not shown (the row keeps its links and Log out) */
@media (max-width:519.98px){.gsw-editbar__who{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gsw-editbar__end{gap:var(--gs-s-2)}}
@media (pointer:coarse),(max-width:767.98px){.gsw-editbar__logout .gs-btn{--gs-btn-h:44px}}

/* --- a plugin's own menu item icon (DokuWiki's filled SVG) next to the sprite's line icons --- */
.gsw-dwicon{display:inline-flex;flex:none;width:1.1em;height:1.1em}
.gsw-dwicon svg{width:100%;height:100%;fill:currentColor}

/* --- the footer's last line: the wiki's copyright (its four links sit in the main site's bottom row) --- */
.gsw-footer__copy{margin:0;color:var(--gs-text-muted)}

@media print{.gsw-hero,.gsw-bar,.gsw-row,.gsw-editbar,.gsw-totop,.gsw-doc__toc,.gs-sky{display:none!important}.gsw-doc{display:block}}