/* Artikler og guider på getmocc.com (samme uttrykk som forsiden: mørk, Figtree, svart og hvitt). Delt av alle artiklene. */
:root {
  --bg: #0a0a0b; --flate: #141416; --flate2: #1b1b1e; --linje: #26262a; --fg: #f5f5f6; --dempet: #a3a3ab; --svak: #6b6b73;
  --hvit: #ffffff; --aksent: #aab3ff; --font: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.65 var(--font); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img, svg { display: block; max-width: 100%; }
.indre { max-width: 760px; margin: 0 auto; padding: 0 24px; }
.bred { max-width: 1080px; }
@media (max-width: 640px) { .indre { padding: 0 16px; } body { font-size: 16px; } }

/* Topp og bunn */
.topp { border-bottom: 1px solid var(--linje); }
.topp .indre { height: 68px; display: flex; align-items: center; gap: 20px; }
.topp .merke img { height: 22px; width: auto; filter: invert(1); }
.topp nav { display: flex; gap: 22px; margin-left: auto; font-size: 15px; color: var(--dempet); }
.topp nav a { text-decoration: none; } .topp nav a:hover { color: var(--fg); }
@media (max-width: 640px) { .topp nav a:not(.knapp) { display: none; } }
.knapp { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 20px; border-radius: 999px; font: 600 15px var(--font);
  text-decoration: none; border: 1px solid var(--linje); color: var(--fg); background: transparent; }
.knapp.hvit { background: var(--hvit); color: #0a0a0b; border-color: var(--hvit); }
.bunn { border-top: 1px solid var(--linje); margin-top: 80px; padding: 28px 0 40px; color: var(--svak); font-size: 14px; }
.bunn .indre { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; }
.bunn a { text-decoration: none; } .bunn a:hover { color: var(--fg); }

/* Artikkelen */
.sti { margin: 32px 0 0; font-size: 14px; color: var(--svak); } .sti a { text-decoration: none; } .sti a:hover { color: var(--fg); }
article h1 { font-size: clamp(32px, 5vw, 46px); line-height: 1.1; letter-spacing: -.02em; margin: 14px 0 16px; }
article .ingress { font-size: 19px; color: var(--dempet); margin: 0 0 28px; }
article h2 { font-size: 26px; line-height: 1.2; letter-spacing: -.01em; margin: 52px 0 12px; }
article h3 { font-size: 19px; margin: 28px 0 6px; }
article p, article li { color: #d9d9de; }
article ul, article ol { padding-left: 22px; }
article li { margin: 4px 0; }
.svar { background: var(--flate); border: 1px solid var(--linje); border-left: 3px solid var(--aksent); border-radius: 14px; padding: 18px 20px; margin: 8px 0 28px; }
.svar p { margin: 0; color: var(--fg); }
.svar b { color: var(--hvit); }
.figurer { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 24px 0 8px; }
@media (max-width: 560px) { .figurer { grid-template-columns: 1fr; } }
figure { margin: 0; background: #f3f3f1; border-radius: 16px; padding: 14px 10px 8px; color: #18181b; }
figure figcaption { text-align: center; font-size: 13px; color: #55555c; margin-top: 4px; }
.tabell { overflow-x: auto; margin: 16px 0; border: 1px solid var(--linje); border-radius: 14px; }
table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 560px; }
th, td { text-align: left; padding: 11px 14px; border-bottom: 1px solid var(--linje); vertical-align: top; }
th { color: var(--dempet); font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; background: var(--flate); }
tr:last-child td { border-bottom: none; }
td b { color: var(--hvit); }
.merk { font-size: 14px; color: var(--svak); }
.cta { margin: 48px 0 0; background: var(--flate); border: 1px solid var(--linje); border-radius: 20px; padding: 28px; display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; }
.cta div { flex: 1 1 320px; } .cta h2 { margin: 0 0 6px; font-size: 22px; } .cta p { margin: 0; color: var(--dempet); }
details { border-bottom: 1px solid var(--linje); padding: 14px 0; } summary { cursor: pointer; font-weight: 600; } details p { margin: 8px 0 0; }