/* c/tillegg.css — regler som MAA overleve at stil.css skrives om. Bakgrunn: en parallell oekt har skrevet over stil.css fire ganger 07.08.2026 (kl. 18:27, 19:09, 19:34 …), og hver gang forsvant reglene under. De ligger derfor i en egen fil som lastes ETTER stil.css, saa de vinner paa rekkefoelge og ikke roeres av andre. Kan flyttes tilbake naar bare én oekt redigerer stil.css. */ /* ── Eksterne lenker i svaret ────────────────────────────────────── Ordrett fra forbildets `a.decorated-link` (root-kq1sk7cd.css): color:inherit — IKKE blaa. Samme farge som teksten rundt. prikket understrek, 1 px, tertiaerfarge, 2 px offset display:inline — inline-flex hindrer lange lenker i aa brytes. */ .md a.utlenke{display:inline;vertical-align:baseline;color:inherit;cursor:pointer; text-decoration-line:underline;text-decoration-style:dotted; text-decoration-thickness:1px;text-decoration-color:var(--tekst-3); text-underline-offset:2px;text-underline-position:from-font; text-decoration-skip-ink:auto} .md a.utlenke:hover{color:var(--lenke);text-decoration-color:inherit} .utlenke-ikon{width:14px;height:14px;border-radius:3px;object-fit:contain; vertical-align:-2px;margin-inline-end:3px} .utlenke-pil{opacity:.55;vertical-align:-1px;margin-inline-start:2px} .md a.utlenke:hover .utlenke-pil{opacity:1} /* `hidden` skal alltid slaa gjennom. Setter en klasse display, vinner den over nettleserens [hidden]{display:none}. Uten denne staar bildesoek-knappen i komponisten enda bildesok.js har skjult den. */ [hidden]{display:none!important} /* Rullepolstring, som forbildets scroll-pt-(--header-height). */ #traad{scroll-padding-top:56px} @media(pointer:coarse){ #traad{scroll-padding-top:60px} } /* Bakgrunn bak dialoger — FLYTTET til --scrim i stil.css. Her sto 70 % i lys og 60 % i moerk, med backdrop-filter:blur(8px). Slaatt opp i forbildets eget stilark (cdn/assets/root-*.css) 08.08.2026: --modal-backdrop-background: #0000004d lys / #00000080 moerk altsaa 30 % og 50 %, og dim-varianten har ingen filter-egenskap i det hele tatt — bare fade-varianten, og den bruker blur(1px), ikke 8. Vaar bakgrunn var mer enn dobbelt saa moerk i lys drakt som forbildets, og uskarpheten hadde ikke kilde. Verdiene bor naa paa --scrim-tokenet, ett sted, i stedet for i en overstyring her. */ /* ── Hover-kort paa lenker og kilder ─────────────────────────────── Verdiene er forbildets egne tokens (root-kq1sk7cd.css): --blue-400 #3a83f7 aksent ved hover --shadow-lg 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a hairline #ffffff1a i moerk, #00000014 i lys --radius-2xl 1rem --text-tertiary #ffffff94 moerk / #0000004a lys */ .lk-kort{position:absolute;z-index:2500;max-width:min(92vw,420px); background:var(--flate);color:var(--tekst); border-radius:16px;padding:10px 12px; box-shadow:0 10px 15px -3px #0000002e, 0 4px 6px -4px #0000002e, 0 0 0 1px #ffffff1a; font-size:13.5px;line-height:1.35} html[data-tema=light] .lk-kort{box-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a, 0 0 0 1px #00000014} /* Adresse-pilla: én rad, favikon — adresse — kopiknapp. */ .lk-kort.lk-url{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px; border-radius:999px} .lk-fav{width:16px;height:16px;border-radius:4px;object-fit:contain;flex:none} .lk-adr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:var(--tekst-2);font-size:13px} .lk-kopi{flex:none;display:flex;align-items:center;justify-content:center; width:28px;height:28px;border:0;border-radius:8px;background:none; color:var(--tekst-3);cursor:pointer} .lk-kopi:hover{background:var(--flate-2);color:var(--tekst)} .lk-kopi.ok{color:#4ade80} /* Kildekortet: bla-rad oeverst naar pilla dekker flere, saa navn, tittel og dato — som i forbildets Reddit-kort. */ .lk-kort.lk-kilde{width:min(92vw,340px);padding:0;overflow:hidden} .lk-topp{display:flex;align-items:center;gap:4px;padding:8px 12px; border-bottom:1px solid var(--kant-lett)} .lk-pil{width:28px;height:28px;border:0;border-radius:8px;background:none; color:var(--tekst-2);cursor:pointer;font-size:15px;line-height:1} .lk-pil:hover{background:var(--flate-2);color:var(--tekst)} .lk-teller{margin-inline-start:auto;color:var(--tekst-3);font-size:12.5px} .lk-kropp{padding:12px 14px 14px} .lk-navn{display:flex;align-items:center;gap:7px;font-size:13px; color:var(--tekst-2);margin-bottom:6px} .lk-tit{font-size:15px;font-weight:500;line-height:1.35;color:var(--tekst)} .lk-dato{margin-top:8px;font-size:13px;color:var(--tekst-3)} /* Aksentfargen ved hover er forbildets --blue-400. */ .md a.utlenke:hover{color:#3a83f7;text-decoration-color:#3a83f7} /* ── Tekst- og kanttokens fra forbildet ──────────────────────────── RETTET 08.08.2026. Her sto --tekst-2/-3 som gjennomsiktig hvit (#ffffffb3 / #ffffff94) med henvisning til root-kq1sk7cd.css, og kommentaren noterte at «vaar var #cdcdcd / #afafaf». Slaatt opp paa nytt i dagens ark (root-nsknr7j9.css) og maalt som BEREGNET verdi paa html.dark, body og et nestet element — alle tre gir det samme: --text-secondary #cdcdcd moerk / #5d5d5d lys --text-tertiary #afafaf moerk / #8f8f8f lys --text-quaternary #ffffff69 moerk / #00000030 lys --border-light #ffffff0d moerk / #0000000d lys Altsaa SOLIDE graatoner, ikke gjennomsiktige — og nettopp de verdiene vi hadde foer. Endringen gjorde sekundaertekst dimmere enn forbildet i moerk drakt (#b3b3b3 mot #cdcdcd), og i LYS drakt ble tertiaertekst #b3b3b3 mot deres #8f8f8f — merkbart utvasket paa etiketter og hjelpetekst. --kant-lett var dessuten doblet bort fra deres verdi. --tekst-4 stemte og staar urort. Blokka beholdes her, i stedet for aa slettes, fordi den maa vinne over stil.css. */ :root,html[data-tema=dark]{ --tekst-2:#cdcdcd; --tekst-3:#afafaf; --tekst-4:#ffffff69; --kant-lett:#ffffff0d; } /* Plassholder. Forbildet definerer --text-placeholder, men bruker den ALDRI — null treff i arket. Det som faktisk gjelder er input::placeholder,textarea::placeholder{color:var(--gray-500);opacity:1} og --gray-500 resolverer til #9b9b9b i BEGGE drakter. Maalt paa et ekte felt 08.08.2026: rgb(155,155,155), opacity 1, likt lys og moerk. Derfor ett token utenfor draktblokkene. Vaare felt brukte --tekst-3, som er draktavhengig og ingen av delene. */ :root{--plassholder:#9b9b9b} html[data-tema=light]{ --tekst-2:#5d5d5d; --tekst-3:#8f8f8f; --tekst-4:#00000030; --kant-lett:#0000000d; } /* «system» naar systemet er lyst — samme deling som stil.css bruker. Uten denne fikk en systemlys bruker de MOERKE tokenene. */ @media (prefers-color-scheme:light){ html[data-tema=system]{ --tekst-2:#5d5d5d; --tekst-3:#8f8f8f; --tekst-4:#00000030; --kant-lett:#0000000d; } } /* ── Overskriftsmarger i svaret ──────────────────────────────────── Rettet mot stilarket i «chatgpt 2139» (root-kq1sk7cd.css), som er fasit foran en avlesning av rendret markup: .markdown h2 { margin-top: calc(--spacing * 8); = 32px margin-bottom: calc(--spacing * 3);= 12px font-weight: 600 } .markdown h3 { 24px / 8px, 600 } .markdown h4 { 16px / 0, 600 } En tidligere runde satte 16/8 paa alle tre med henvisning til «mb-2 mt-4». Det stemmer ikke med arket: der staar mt-8 og mb-3. Ingen overskrift har toppmarg naar den staar foerst. */ .md h2{margin:32px 0 12px;font-weight:600} .md h3{margin:24px 0 8px;font-weight:600} .md h4{margin:16px 0 0;font-weight:600} .md h2:first-child,.md h3:first-child,.md h4:first-child{margin-top:0} .md h4+p{margin-top:0} /* ── Hover paa ikonknapper ───────────────────────────────────────── --flate-hover er #ffffff26 (15 %). Rettelse 7. aug: #ffffff26 ER en bakgrunn hos dem (--surface-hover, 21 bruk) — min tidligere paastand om at det bare var en kantfarge var feil. Men ikonknapper bruker ikke det tokenet: Bakgrunnen ved hover er --interactive-bg-secondary-hover = #ffffff1a (10 %) i moerk og #0000000d i lys, og press er #ffffff0d. .kbtn fikk alt riktig verdi via en senere regel; .ikonknapp, .hbtn, .modal-lukk og .radknapp sto igjen med den for sterke. */ .ikonknapp:hover,.hbtn:hover,.modal-lukk:hover,.radknapp:hover, .handl .hbtn:hover{background:var(--hover-svak);color:var(--tekst)} /* ── Musepeker ───────────────────────────────────────────────────── Forbildets kontrakt, tre regler: button:not(:disabled),[role=button]:not(:disabled) -> pointer .btn:disabled, .composer-btn:disabled -> not-allowed menyvalg med :disabled/[aria-disabled] -> default Vi satte pointer paa 79 enkeltvelgere i stedet for én grunnregel, og deaktiverte knapper fikk `default`. Grunnregelen har spesifisitet 0,0,1 og fyller bare hullene. */ button:not(:disabled):not([aria-disabled=true]), [role=button]:not([aria-disabled=true]){cursor:pointer} button:disabled,[role=button][aria-disabled=true]{cursor:not-allowed} .meny-rad:disabled,.vmeny-rad:disabled,.rad-meny button:disabled, [role=menuitem]:disabled,[role=menuitem][aria-disabled=true]{cursor:default} /* ── Hjelpetekst ved hover ───────────────────────────────────────── Ordrett fra forbildets tooltip-komponent (4813494d-…js): padding px-3 py-[5px] = 12/5 px (vaar: 4/8) radius rounded-full = pille (vaar: 8px) tekst text-sm leading-[18px] font-semibold tracking-[-0.15px] = 14/18/600/-0,15 (vaar: 12/16/600/0) bryting whitespace-pre-wrap + max-w (vaar: nowrap) skygge 0 8px 18px rgba(15,23,42,.2) (vaar: 0 4px 14px) */ #tips{border-radius:9999px;padding:5px 12px; font-size:14px;line-height:18px;font-weight:600;letter-spacing:-.15px; white-space:pre-wrap;max-width:20rem; box-shadow:0 8px 18px rgba(15,23,42,.2)} /* Stoerrelses- og hover-avvik maalt mot ChatGPT 7. aug 2026. Deres skala: --spacing 4px gir .icon-xs 12, .icon-sm 16 (406 bruk, den dominerende), .icon-lg 20, .icon-xl 28. Tekst: 12/14/16/18/20/24/30. Vi hadde to verdier utenfor skalaen. */ /* 26 svg-er i .radknapp laa paa 15px - naermeste er deres .icon-sm 16. */ .radknapp svg{width:16px;height:16px} /* .hode-kn stod paa 13px; naermeste er --text-sm .875rem = 14px. */ .hode-kn{font-size:14px} /* .bunnrad ligger PAA --flate-2 og hovret TIL --flate-2: delta 0 i begge temaer, altsaa ingen tilbakemelding i det hele tatt. Aarsaken er at vi bruker ugjennomsiktige flate-tokens til hover. ChatGPT bruker et gjennomsiktig lag (--interactive-bg-secondary-hover, #0000000d / #ffffff1a) nettopp for at det skal komponere riktig over hvilken som helst flate. --hover-svak er allerede den eksakte tvillingen til det tokenet. */ /* Lenkekortet dukket opp uten overgang. ChatGPT animerer alle popovere: .15s cubic-bezier(.16,1,.3,1) contentShow (opacity 0>1, scale .96>1) for menyer og kort, .1s ... show (kun opacity) for verktoytips. Vi bruker kort-varianten her, og tips-varianten paa #tips. Keyframe-navn og kurve er kopiert direkte fra root-kq1sk7cd.css. */ @keyframes lkVis{from{opacity:0;transform:scale(.96)} to{opacity:1;transform:scale(1)}} @keyframes tipsVis{from{opacity:0}to{opacity:1}} .lk-kort{animation:.15s cubic-bezier(.16,1,.3,1) lkVis; transform-origin:top left} #tips{animation:.1s cubic-bezier(.16,1,.3,1) tipsVis} @media (prefers-reduced-motion:reduce){ .lk-kort,#tips{animation:none}} /* .meny-pille satte --flate-3 baade som egen flate og som hover: samme token, altsaa ingen endring ved hover. Den har egen ugjennomsiktig bakgrunn, saa --hover-svak kan ikke erstatte den (da ville pilla bli gjennomsiktig). Overlegget legges oppaa som background-image, slik ChatGPT komponerer sine hover-lag over en eksisterende flate. */ .meny-pille:hover{background-color:var(--flate-3); background-image:linear-gradient(var(--hover-svak),var(--hover-svak))} /* ---- Sidemenyens tilstander, maalt mot ChatGPT 7. aug 2026 ---- Tre regler i stil.css kjempet om .rad: linje 109 satte --flate-2, linje 464 overstyrte hover til --hover-rad, linje 470 satte valgt tilbake til --flate-2. I lys modus ga det hover #f9f9f9 paa en #fcfcfc sidemeny - delta 3 av 255, altsaa nesten usynlig. ChatGPT ligger paa delta 10. Aarsaken er at --hover-rad er UGJENNOMSIKTIG; deres --menu-item-* er gjennomsiktige lag som gir samme kontrast uansett hvilken flate raden ligger paa. Verdiene under er deres. */ :root{--rad-hover:#ffffff1a;--rad-valgt:#ffffff1a;--rad-trykk:#ffffff0d} html[data-tema=light]{--rad-hover:#0000000a;--rad-valgt:#0000000d; --rad-trykk:#0000000f} @media (prefers-color-scheme:light){html[data-tema=system]{ --rad-hover:#0000000a;--rad-valgt:#0000000d;--rad-trykk:#0000000f}} .rad:hover,.bunnrad:hover,.meny button:hover,.innst-fane-knapp:hover, .sosial:hover{background:var(--rad-hover);color:var(--tekst)} .rad:active,.bunnrad:active,.meny button:active, .sosial:active{background:var(--rad-trykk)} .rad[aria-current=true]{background:var(--rad-valgt);color:var(--tekst)} /* Hovret OG valgt: ChatGPT legger hoveret oppaa, saa raden maa bli ett hakk sterkere enn valgt alene - deres --menu-item-active. */ .rad[aria-current=true]:hover{background:var(--rad-trykk)} /* «...»-knappen i sidemenyraden. ChatGPT gir den INGEN bakgrunn ved hover, bare farge — .__menu-item[data-sidebar-item] .__menu-item-trailing-icon-action:hover{color:var( --interactive-label-hover-secondary)}, som loeser til #000000e5 / #ffffffe5. Bakgrunnsreglene deres er scopet til [data-disabled]. Vi la en pille paa den, som dessuten stablet seg oppaa radens eget hover-lag. Pilla beholdes paa .ikonknapp/.hbtn/.modal-lukk, der forbildet bruker .btn-ghost (#0000000d) og .composer-btn. */ :root{--rad-ikon-hover:#ffffffe5} html[data-tema=light]{--rad-ikon-hover:#000000e5} @media (prefers-color-scheme:light){html[data-tema=system]{ --rad-ikon-hover:#000000e5}} .rad-li .radknapp:hover,.rad-li .radknapp:focus-visible{ background:none;color:var(--rad-ikon-hover)} /* .rad, .radknapp.rad-fest og .radknapp.rad-mer er tre SOESKEN i .rad-li. Derfor mistet raden sin egen hover i det musepekeren gikk over «...» eller naala — bakgrunnen forsvant midt i bevegelsen. Hos ChatGPT ligger trailing-knappen inne i .__menu-item, saa hele raden blir staaende markert. Vi flytter derfor hover-laget opp paa .rad-li, som allerede er den som avsloerer knappene. */ .rad-li:hover>.rad{background:var(--rad-hover);color:var(--tekst)} .rad-li:hover>.rad[aria-current=true]{background:var(--rad-trykk)} /* ---- Klebrig hover paa berooringsskjerm ---- Maalt 8. aug 2026: ChatGPT legger 1161 av 1277 :hover-regler (90 %) inne i @media (hover:hover). Vi hadde 55 av 253 (21 %). Uten den vakten henger hover-bakgrunnen igjen etter et tapp, til man trykker et annet sted — raden ser ut som om den er valgt. Her nulles de synligste; de oevrige 198 ligger i stil.css. */ @media (hover:none){ .rad:hover:not([aria-current=true]), .rad-li:hover>.rad:not([aria-current=true]), .bunnrad:hover,.meny button:hover,.innst-fane-knapp:hover, .sosial:hover,.ikonknapp:hover,.hbtn:hover,.modal-lukk:hover, .kbtn:hover,.handl .hbtn:hover{background:none} .meny-pille:hover{background-image:none} .rad-li .radknapp:hover{color:inherit} } /* .markdown h1 hos dem har --tw-tracking:-.04rem / letter-spacing:-.04rem. stil.css linje 164 setter letter-spacing:0 paa ALLE overskrifter, saa h1 ble staaende uten sporingen. Bare h1 har den hos forbildet — h2-h4 staar paa normal. Kontrollert ordrett i root-kq1sk7cd.css 8. aug 2026. */ .md h1{letter-spacing:-.04rem} /* Handlingsknappene under meldingene. Skjermbilde fra eier 8. aug 2026 viser en avrundet FIRKANT bak den hovrede knappen, ikke en sirkel — vi laa paa 999px. Forbildet bruker samme komponent (tx) for baade «share-prompt-link-turn-action-button» og «good-response-turn-action-button», saa formen gjelder begge rader. 10px svarer til deres --radius-lg (.625rem). */ .hbtn,.handl .hbtn{border-radius:10px} /* --lenke-hover var invertert mot forbildet i BEGGE temaer. Basisfargen traff eksakt (--link #2964aa / #7ab7ff), men vi gjorde lenka moerkere ved hover i lys modus og lysere i moerk — de gjoer det motsatte: --link-hover er #749ac8 i lys (avmettet, lysere) og #5e83b3 i moerk. Verifisert i root-kq1sk7cd.css 8. aug 2026. */ :root{--lenke-hover:#5e83b3} html[data-tema=light]{--lenke-hover:#749ac8} @media (prefers-color-scheme:light){html[data-tema=system]{ --lenke-hover:#749ac8}} /* Forbildet gir aksentblaaen i to gamut: sRGB #3a83f7 som reserve og color(display-p3 .227451 .513726 .968627) for skjermer som klarer P3. Samme tall i P3 er MER mettet enn i sRGB — det er ikke samme farge, men en bevisst bredere blaa. Vi hadde bare hex-en. */ @supports (color: color(display-p3 1 1 1)){ .md a.utlenke:hover{ color:color(display-p3 .227451 .513726 .968627); text-decoration-color:color(display-p3 .227451 .513726 .968627)} } /* Kildebrikkene (.sitat) i chatsvarene. De er utformet som en pille med --tekst-2 og egen hover, men BEGGE tilstandene tapte kaskaden mot .md a{color:var(--lenke)} (0,1,1) og .md a:hover (0,2,1) — brikka sto blaa i BEGGE temaer, altsaa moerkeblaatt paa svart i moerk modus. .sitat-l fikk samme behandling 4. aug med kommentaren «Samme spesifisitet som .md a, ellers vinner understrekingen»; .sitat ble glemt. Maalt 8. aug 2026: #2964aa i lys OG moerk. */ .md a.sitat,.md a.sitat:visited{color:var(--tekst-2);text-decoration:none} .md a.sitat:hover{background:var(--kant);color:var(--tekst)} /* Listepunktene sto med 8 px luft under hvert punkt (stil.css 3488, som overstyrte 204 og 1181 — tre regler om samme sak). Forbildet har NULL: .markdown-new-styling :is(.markdown ul li, .markdown ol li) {margin-block:0}. Avstanden deres kommer fra linjehoeyden alene, og det er derfor listene deres leses som en blokk og ikke som loese linjer. Eiers skjermbilde 8. aug 2026 viste nettopp den luften. */ .md li{margin-block:0} /* ── Sidemenyen maalt mot forbildet 8. aug 2026 ───────────────── «Samtaler»-overskriften hadde hover-bakgrunn (--flate-2). Deres .__menu-label har NULL hover-regler — den er en etikett, ikke en knapp, selv naar den kan felles sammen. Eiers skjermbilde. */ .hode-kn:hover,.hode-kn:focus-visible{background:none} /* Radteksten var for lys: vi hadde --tekst-2 (60 %), forbildet har --sidebar-body-primary #0d0d0d / #ededed, altsaa full styrke. */ .rad-li .rad{color:var(--tekst)} /* Tettere og stoerre, som eier peker paa. Forbildet har --menu-item-icon-gap .375rem = 6px; vi laa paa 10. Ikonene i navigasjonsradene gaar fra 18 til 20 = deres .icon-lg (calc(var(--spacing)*5)), som er den de bruker i sidepanelet. */ .rad{gap:6px} .rad-fast svg{width:20px;height:20px} /* «Samtaler»-etiketten. To rettelser til meg selv: 1) Jeg dempet den til #28282880 basert paa --sidebar-title-primary. Det tokenet er DEFINERT men aldri brukt — det finnes ingen var(--sidebar-title-primary) i arket deres. Etiketten har ingen fargeklasse og arver --text-primary, altsaa full styrke. 2) Stoerrelsen er ikke 14px. Deres regel er .__menu-label{font-size:calc(.875rem * var(--mini-sidebar-rem-revert))} og --mini-sidebar-rem-revert er calc(1/.875), saa produktet er 1rem = 16px med line-height 1.42857. Eier: «moerkere og stoerre». */ .hode-kn{color:var(--tekst);font-size:16px;line-height:1.42857} /* Samtalelista spratt tilbake naar man rullet opp fra toppen. overscroll-behavior-y:contain (stil.css 1089) stopper KJEDING til forelderen, men beholder elementets egen gummistrikk paa macOS. «none» stopper begge. Eier 8. aug: «man kunne scrolle opp i samtaler naar man allerede var paa toppen, chatgpt har ikke dette». */ .liste{overscroll-behavior-y:none} /* Naala i sidemenyraden er skraastilt hos forbildet — vaar sto rett opp. Jeg fikk ikke hentet stien deres ut av den minifiserte pakka, saa hellingen er matchet mot eiers skjermbilde. */ .rad-fest svg{rotate:-45deg} /* ── Kimis pil-animasjon i sidepanelseksjonen ──────────────────── Fra kimi homepage, index-DdJPCuwQ.css (.next-sidebar-section): .next-sidebar-section__toggle-icon.is-expanded{ --rotation:90deg; opacity:0; transform:translateX(-2px) rotate(...)} .next-sidebar-section:hover .next-sidebar-section__toggle-icon{ opacity:1; transform:translateX(0) rotate(...)} Overgang fra deres ikonpar: opacity .15s cubic-bezier(.23,1,.32,1), transform .15s cubic-bezier(.23,1,.32,1) Pila ligger altsaa skjult og 2 px til venstre, og GLIR inn naar man er over seksjonen. Vaar sto alltid synlig. */ .hode-pil{opacity:0; transform:translateX(-2px) rotate(0deg); transition:opacity .15s cubic-bezier(.23,1,.32,1), transform .15s cubic-bezier(.23,1,.32,1)} .hode-kn[aria-expanded=false] .hode-pil{ transform:translateX(-2px) rotate(-90deg)} .hode:hover .hode-pil, .hode-kn:focus-visible .hode-pil{ opacity:1;transform:translateX(0) rotate(0deg)} .hode:hover .hode-kn[aria-expanded=false] .hode-pil, .hode-kn[aria-expanded=false]:focus-visible .hode-pil{ opacity:1;transform:translateX(0) rotate(-90deg)} @media (prefers-reduced-motion:reduce){ .hode-pil{transition:none;opacity:1;transform:none} .hode-kn[aria-expanded=false] .hode-pil{transform:rotate(-90deg)}} /* ── Evneraden under skrivefeltet ─────────────────────────────── byggEvnerad() i mobil.js lager .evnerad med .evne-knapper, men INGEN css-fil styler dem — de sto med nettleserens standard «2px outset» og graa flate paa hver eneste side, ogsaa /c/. Eiers skjermbilde 8. aug 2026. Formen foelger .meny-pille. */ .evnerad{display:flex;flex-wrap:wrap;justify-content:center; gap:8px;margin:10px auto 0;max-width:768px;padding:0 12px} .evne{display:inline-flex;align-items:center;gap:6px; height:32px;padding:0 12px;border-radius:999px; border:1px solid var(--kant);background:transparent; font-family:inherit;font-size:13.5px;line-height:1; color:var(--tekst-2);cursor:pointer;white-space:nowrap; transition:background .15s cubic-bezier(.4,0,.2,1), color .15s cubic-bezier(.4,0,.2,1)} .evne:hover{background:var(--hover-svak);color:var(--tekst)} .evne svg{width:16px;height:16px;flex:none}