/* Default TinyMCE Content CSS for Frontend Rendering */
figure.image {
  display: inline-block;
  border: 1px solid gray;
  margin: 0 2px 0 1px;
  background: #f5f2f0;
}
figure.align-left {
  float: left;
}
figure.align-right {
  float: right;
}
figure.image img {
  margin: 8px 8px 0 8px;
}
figure.image figcaption {
  margin: 6px 8px 6px 8px;
  text-align: center;
}
img.align-left {
  float: left;
}
img.align-right {
  float: right;
}
.mce-toc {
  border: 1px solid gray;
}
.mce-toc h2 {
  margin: 4px;
}
.mce-toc li {
  list-style-type: none;
}
.tox-checklist > li:not(.tox-checklist--hidden) {
  list-style: none;
  margin: 0.25em 0;
  position: relative;
}
.tox-checklist > li:not(.tox-checklist--hidden)::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  cursor: pointer;
  height: 1em;
  margin-left: -1.5em;
  margin-top: 0.125em;
  position: absolute;
  width: 1em;
}
.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5701516%203.78444783c.32550643%200%20.59125317.2589447.59125317.58345013v.91812583H3.84185083V4.36789796c0-.32450543.2657467-.58345013.59125317-.58345013H11.5701516zM6.5578857%2010.0779387c.19467027.1946703.5113686.1946703.70603887%200l.90949867-.9094987%202.727496-2.727496c.1946703-.1946703.1946703-.5113686%200-.70603887-.1946703-.19467027-.5113686-.19467027-.7060389%200l-2.727496%202.727496-.90949867.9094987c-.19467027.1946703-.19467027.5113686%200%20.7060389z%22%20/%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  cursor: pointer;
  height: 1em;
  margin-left: -1.5em;
  margin-top: 0.125em;
  position: absolute;
  width: 1em;
}

/* ================================
   NYTT: VG-LIGNENDE LAYOUT (trygt)
   =============================== */

/* Hovedinnhold – bedre lesbarhet */
.article-content {
    line-height: 1.3;
    font-size: 1.1rem;
    color: #222;
    max-width: 100%;
}

/* Flytende bilde + tekst side om side */
.article-content .float-left,
.article-content img.align-left,
.article-content figure.align-left {
    float: left;
    width: 45%;
    margin: 0 1.5rem 1rem 0;
    clear: both;
}

.article-content .float-right,
.article-content img.align-right,
.article-content figure.align-right {
    float: right;
    width: 45%;
    margin: 0 0 1rem 1.5rem;
    clear: both;
}

.article-content .clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive – mobil: bilde under tekst */
@media (max-width: 768px) {
    .article-content .float-left,
    .article-content .float-right,
    .article-content img.align-left,
    .article-content img.align-right,
    .article-content figure.align-left,
    .article-content figure.align-right {
        float: none !important;
        width: 100% !important;
        margin: 1rem 0 !important;
    }
}

/* Bilder – pene og responsive */
.article-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin: 1rem 0;
}

/* Lenker – seriøst utseende */
.article-content a {
    color: #D4AF37 !important;
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer !important;
}

.article-content a:hover {
    color: #b8972e !important;
    text-decoration: none;
}

/* Tabeller – for 2-kolonner */
.article-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
}

.article-content td {
    padding: 1rem;
    vertical-align: top;
    border: none;
}

.article-content td img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Fjern ramme fra figure.image (valgfritt – beholdes for fallback) */
.article-content figure.image {
    border: none;
    background: none;
    margin: 1rem 0;
    padding: 0;
}