/* Knappar. En accent: guld. Join är en platt fyllning. Vald filterknapp har en guldkant
   med kort sken. Allt annat är en tyst platta. Laddas sist. */
:root{--knapp-r:8px;--knapp-yta:rgba(236,233,223,.08);--knapp-yta-hover:rgba(236,233,223,.13)}

/* Andra knappen bredvid huvudknappen: lugn platta */
.knp.knp-massing{background:var(--knapp-yta)!important;color:var(--elfenben)!important;
  border:1px solid transparent!important;border-radius:var(--knapp-r)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.knp.knp-massing:hover{background:var(--knapp-yta-hover)!important;filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important}

/* Övriga knappar: mörk platta, ingen ram */
.interior .interior-layout :is(button,.btn,.faq-filter-btn,.copy-btn,.list-search button):not(.btn-primary:not(.copy-btn)),
.interior .legacy-content :is(.vt-filter-btn,.ord-alpha-btn,.inf-nav-btn,.pb-filter-btn,.pb-copy-btn){
  background:var(--knapp-yta)!important;border:1px solid transparent!important;border-radius:var(--knapp-r)!important;
  color:var(--elfenben)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  font:500 13px/1 var(--sans)!important;letter-spacing:0!important;
  transition:background .2s,color .2s,box-shadow .25s}
.interior .interior-layout :is(button,.btn,.faq-filter-btn,.copy-btn,.list-search button):not(.btn-primary:not(.copy-btn)):hover,
.interior .legacy-content :is(.vt-filter-btn,.ord-alpha-btn,.inf-nav-btn,.pb-filter-btn,.pb-copy-btn):hover{
  background:var(--knapp-yta-hover)!important;color:var(--elfenben)!important}

/* Huvudknapp, .knp och forum: samma platta. En sida tål en fylld knapp, och den sitter i toppen. */
.knp:not(.knp-massing),
.interior .interior-layout :is(.btn-primary:not(.copy-btn)),
.forum-page .forum-toolbar .btn,
.forum-page .closing .btn{
  background:var(--knapp-yta)!important;border:1px solid transparent!important;border-radius:var(--knapp-r)!important;
  color:var(--elfenben)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  font-family:var(--sans)!important;font-weight:500!important;letter-spacing:0!important;
  filter:none!important;text-shadow:none!important}
.knp:not(.knp-massing):hover,
.interior .interior-layout :is(.btn-primary:not(.copy-btn)):hover,
.forum-page .forum-toolbar .btn:hover,
.forum-page .closing .btn:hover{
  background:var(--knapp-yta-hover)!important;color:var(--elfenben)!important;filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important}

/* Join: plant guld, mörk text, sken som dör tätt under kanten.
   #1a1408 mot #e1b767 är 9,7. Mot hover #e8c27a är 10,8. */
.topp .medlem, a.medlem{
  border:0!important;border-radius:var(--knapp-r)!important;color:#1a1408!important;font-weight:600!important;
  font-family:var(--sans)!important;font-size:14px!important;letter-spacing:0!important;
  height:34px!important;padding:0 14px!important;text-shadow:none!important;
  background:#e1b767!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 14px -8px rgba(225,183,103,.95)!important;
  transition:background .2s var(--ease),box-shadow .2s var(--ease)}
.topp .medlem:hover, a.medlem:hover{
  filter:none!important;color:#1a1408!important;background:#e8c27a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 16px -8px rgba(225,183,103,1)!important}

/* Vald filterknapp: samma guld, som en kant. Inte en andra färg. */
:root .interior .interior-layout button:is(.faq-filter-btn,.vt-filter-btn,.ord-alpha-btn,.inf-nav-btn,.pb-filter-btn):is(.active,.is-active,[aria-pressed=true]){
  position:relative;border-radius:var(--knapp-r)!important;color:var(--elfenben)!important;
  font-family:var(--sans)!important;font-weight:500!important;letter-spacing:0!important;
  background:linear-gradient(180deg,rgba(225,183,103,.07),rgba(225,183,103,.02))!important;
  border:1px solid rgba(225,183,103,.22)!important;
  box-shadow:0 6px 12px -8px rgba(225,183,103,.85)!important;
  transition:filter .3s var(--ease)}
:root .interior .interior-layout button:is(.faq-filter-btn,.vt-filter-btn,.ord-alpha-btn,.inf-nav-btn,.pb-filter-btn):is(.active,.is-active,[aria-pressed=true]):hover{filter:brightness(1.08)}
:root .interior .interior-layout button:is(.faq-filter-btn,.vt-filter-btn,.ord-alpha-btn,.inf-nav-btn,.pb-filter-btn):is(.active,.is-active,[aria-pressed=true])::before,
:root .interior .interior-layout button:is(.faq-filter-btn,.vt-filter-btn,.ord-alpha-btn,.inf-nav-btn,.pb-filter-btn):is(.active,.is-active,[aria-pressed=true])::after{content:"";position:absolute;pointer-events:none}
:root .interior .interior-layout button:is(.faq-filter-btn,.vt-filter-btn,.ord-alpha-btn,.inf-nav-btn,.pb-filter-btn):is(.active,.is-active,[aria-pressed=true])::before{top:-1px;left:22%;right:22%;height:1px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(255,244,220,.85) 35%,#fff 50%,rgba(255,244,220,.85) 65%,transparent);
  box-shadow:0 0 4px rgba(243,226,188,.8)}
:root .interior .interior-layout button:is(.faq-filter-btn,.vt-filter-btn,.ord-alpha-btn,.inf-nav-btn,.pb-filter-btn):is(.active,.is-active,[aria-pressed=true])::after{inset:-1px;border-radius:calc(var(--knapp-r) + 1px);padding:1.5px;
  background:radial-gradient(42% 100% at 50% 100%,#fff,#f3e2bc 32%,transparent 70%),
             radial-gradient(14% 60% at 0% 100%,#f6e7c4,transparent 76%),
             radial-gradient(14% 60% at 100% 100%,#f6e7c4,transparent 76%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  filter:drop-shadow(0 0 2px rgba(225,183,103,.95)) drop-shadow(0 1px 2px rgba(201,154,69,.55))}

/* Toppraden: mindre spärrning. EN/SV behåller Space Mono. Sign in är Grotesk. */
.topp .sprak{letter-spacing:.02em!important}
.topp .konto .in{font-family:var(--sans)!important;letter-spacing:0!important}

/* Space Mono ur löptext. Etiketter, ögonbryn, tabellhuvuden och kod behåller mono. */
p.meta,
.status-rad .meta,
.ak-lista .meta,
.snart,
.interior .legacy-content .inf-disclaimer,
.brodtext blockquote cite,
.ak-res-rad{
  font-family:var(--sans)!important;letter-spacing:0!important;text-transform:none!important}
.interior .legacy-content .inf-disclaimer{font-size:14px!important;line-height:1.5!important}
.status-rad .snart,.status-rad .meta,.ak-lista .meta{font-size:14px!important;line-height:1.5!important}