details,main,search{display:block}progress{vertical-align:baseline}summary{display:list-item}header::after,footer::after,nav ul::after,nav ol::after,.container::after{content:"";display:table;clear:both}@media screen{html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{position:relative;margin:0;background:#f7f7f7}.wrapper{padding:1px 0;border-bottom:1px solid #ccc;background:#fff}.site-header,.site-footer,.container{width:88%;max-width:54em;margin:0 auto}.site-header{padding:1em 0}.site-header h2{margin:0}.site-header h3{margin:.5em 0 0;font-family:"PT Serif",Constantia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif;font-size:1.25rem;font-style:italic;font-weight:normal;line-height:1.4}.site-footer{padding:.5em 0}.article{margin-bottom:2em;overflow-wrap:break-word}.complementary-content{margin:2em -6% 0;padding:0 6%;overflow-wrap:break-word;border-top:2px dashed #ccc}.accessibility{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);border:0;white-space:nowrap}.site-navigation{background-color:hsl(0,0%,94.8333333333%)}.site-navigation>div{position:relative;max-width:54em;margin:0 auto}.site-navigation ul{margin:0;padding:0;border:solid hsl(0,0%,79.8333333333%);border-width:1px 0;list-style:none}.site-navigation li{border:solid hsl(0,0%,79.8333333333%);border-width:1px 0;background-color:#eee}.site-navigation li:hover{background-color:rgb(248.2,248.2,248.2)}.site-navigation li:active{background-color:hsl(0,0%,82.8333333333%);box-shadow:inset 0 .2em .25em rgba(0,0,0,.15)}.site-navigation li.active{background-color:hsl(0,0%,101.3333333333%);box-shadow:none}.site-navigation a{display:block;padding:.5em 6%;color:#333}.site-navigation a:hover,.site-navigation a:visited{color:#333;text-decoration:none}.site-navigation a:active{color:hsl(0,0%,10%);text-decoration:none}search{padding:1em 6% .5em;background:#fff}search input[type=search]{width:16em;height:2.125em;padding-right:.1875em;padding-left:2em;border-radius:.5em;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27%3E%3Cg fill=%27%23333%27%3E%3Cpath d=%27M4,13c0-5,4-9,9-9c5,0,9,4,9,9c0,5-4,9-9,9C8,22,4,18,4,13z M13,19c3.3,0,6-2.7,6-6s-2.7-6-6-6s-6,2.7-6,6S9.7,19,13,19z%27/%3E%3Cpath d=%27M17.5,19l1.5-1.5l4.5,3L28,25c0,0,0,1.5-0.75,2.25S25,28,25,28l-4.5-4.5L17.5,19z%27/%3E%3C/g%3E%3C/svg%3E") no-repeat left center;background-size:2em 2em}a{color:#004cbf;text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;touch-action:manipulation}a:hover,a:active{outline:0;color:#06f;text-decoration:underline}a:focus{outline:1px solid #06f}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#000}h1 a:hover,h1 a:active,h2 a:hover,h2 a:active,h3 a:hover,h3 a:active,h4 a:hover,h4 a:active,h5 a:hover,h5 a:active,h6 a:hover,h6 a:active{color:#000;text-decoration-color:rgba(51,51,51,.5)}.paginator{display:flex;justify-content:space-between}.paginator [rel=next]{margin-inline-start:auto}.skip-link{position:absolute;z-index:2;top:1px;left:1px;padding:.25em .5em;transform:translateY(-5em);transition:transform .25s ease-in-out;background-color:hsl(0,0%,101.3333333333%);color:#333;font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.skip-link:focus,.skip-link:active{transform:translateY(0)}html{font-size:16px;line-height:1.5}body{color:#333;font-family:"PT Serif",Constantia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",Georgia,serif}.site-navigation{font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:bold}h1,h2,h3,h4,h5,h6{clear:both;color:#000;font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}h1{margin:.6315789em 0;font-size:2.375rem;letter-spacing:-0.25px;line-height:1.1842105}h2{margin:.75em 0;font-size:2rem;letter-spacing:-0.25px;line-height:1.25}h3{margin:1em 0;font-size:1.5rem;letter-spacing:-0.25px;line-height:1.3333333}h4{margin:1em 0;font-size:1.25rem;line-height:1.4}h5{margin:1em 0;font-size:1.125rem;line-height:1.4444444}h6{margin:1em 0;font-size:1rem;line-height:1.5}b,strong{font-weight:bolder}address{margin:1em 0}blockquote{margin:.8em 0;font-size:1.25rem;font-style:italic;line-height:1.4;text-align:center}abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}mark,var{padding:0 .25em;border-radius:.25em;background:#fff9e1;color:#333}pre,code,kbd,samp{border:1px solid hsl(0,0%,89%);border-radius:.2857143em;background-color:#f7f7f7;color:#333;font-family:Menlo,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.5}code,kbd,samp{padding:1px .21429em}pre{padding:.5714286em 1.1428571em;overflow-wrap:normal;overflow-x:auto;tab-size:4}pre code{padding:0;overflow-wrap:normal;border:0;background-color:rgba(0,0,0,0);direction:ltr;font-size:1em;-ms-hyphens:none;hyphens:none;text-align:left;word-break:normal;word-spacing:normal;white-space:pre}sub,sup.footnote,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}small,figcaption,tfoot,.footnote{font-size:.8125rem;line-height:1.5}figcaption,tfoot,.footnote{color:#585858}figcaption{margin-top:.5em;font-style:italic}hr{box-sizing:content-box;height:24px;margin:1em 0;overflow:visible;border:0;background-size:240px 24px}[dir=ltr],[dir=rtl]{unicode-bidi:isolate}bdo[dir=ltr],bdo[dir=rtl]{unicode-bidi:isolate-override}:lang(ja){font-family:"Hiragino Sans","Hiragino Kaku Gothic Pro","Meiryo UI",sans-serif;font-weight:300}:lang(ko){font-family:GulimChe,Gulim,sans-serif}:lang(zh-cn){font-family:"PingFang SC",SimHei,sans-serif}:lang(zh-tw){font-family:"PingFang TC",PMingLiU,sans-serif}[lang|=ar] a:hover,[lang|=fa] a:hover,[lang|=ur] a:hover{text-decoration:none}[dir=rtl] code{direction:ltr}[dir=rtl] img.align-left{margin:1em 0 1em 1em;float:right}[dir=rtl] img.align-right{margin:1em 1em 1em 0;float:left}[dir=rtl] caption{text-align:right}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] menu,[dir=rtl] ol,[dir=rtl] ul{padding:0 2em 0 0}[dir=rtl] .site-navigation ul,[dir=rtl] .article-list{padding:0}[dir=rtl] dd{margin:0 2em 0 0}[dir=rtl] input[type=checkbox]+label,[dir=rtl] input[type=radio]+label{margin:0 0 0 .5em}[dir=rtl] input[type=checkbox]+label:last-of-type,[dir=rtl] input[type=radio]+label:last-of-type{margin:0}[dir=rtl] select{padding-right:.1875em;padding-left:1.5em;background-position:.5em center}[dir=rtl] .skip-link{right:1px;left:auto}[dir=rtl] .comments h4 .comment-anchor{float:left}video{display:inline-block}img,video{max-width:100%;height:auto}img{vertical-align:middle}img.align-left{margin:1em 1em 1em 0;float:left}img.align-right{margin:1em 0 1em 1em;float:right}img.align-center{display:block;margin:1em auto}figure{margin:1em 0}table{width:100%;margin-bottom:1em;border-spacing:0;border-collapse:collapse}caption{margin-bottom:.5em;font-style:italic;text-align:left}th,td{padding:.5em;border:1px solid #d4d4d4;vertical-align:top;text-align:left}thead tr{background-color:#eee}thead th,thead td{border:1px solid #ccc}tbody tr:nth-child(even){background-color:#f7f7f7}tfoot th,tfoot td{padding:.6666667em}[rowspan]{vertical-align:middle}menu,ol,ul{padding:0 0 0 2em}li>ul,li>ol{margin:0}li::marker{color:color-text-heading}dd{margin:0 0 0 2em}.article-list{margin:0 0 2em;padding:0;list-style:none}.article-list li{margin-bottom:0;border-bottom:1px solid #ccc}fieldset{min-width:0;margin:1em 0;padding:1px 1em;border:1px solid #ccc}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}button,input{overflow:visible;touch-action:manipulation}button,input,optgroup,select,textarea{box-sizing:border-box;max-width:100%;margin:0;color:#000;font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;line-height:1.375;vertical-align:baseline}[type=color],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{height:auto;padding:.25em .1875em;border:1px solid #ccc;border-radius:0;background:#fff;appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea:focus{border-color:#06f;outline:1px solid rgba(0,0,0,0)}[type=checkbox],[type=radio]{padding:0}[type=checkbox]+label,[type=radio]+label{margin:0 .5em 0 0}[type=checkbox]+label:last-of-type,[type=radio]+label:last-of-type{margin:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{appearance:none}select{padding-right:1.5em;background:#fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2717%27 height=%275%27 viewBox=%270 0 17 5%27%3E%3Cpolygon fill=%27%23333%27 points=%270,0 5,5 10,0%27/%3E%3C/svg%3E") right center no-repeat;background-size:1.0625em .3125em;text-transform:none}select::-ms-expand{opacity:0}select[size],select[multiple]{height:auto;padding-right:.5em;background-image:none}select[size="0"],select[size="1"]{height:2em}optgroup{font-style:normal;font-weight:bold}textarea{width:100%;height:auto;min-height:3em;overflow:auto;vertical-align:top;resize:vertical}[disabled],[disabled] option,[disabled] optgroup,span.disabled{border-color:#d4d4d4 !important;opacity:1;background:#eee !important;box-shadow:none !important;color:#aaa !important;text-shadow:none !important;cursor:default !important}.small input{width:25%;min-width:151px}.small textarea{height:5.5em}.large input{width:50%;min-width:302px}.large textarea{height:9.75em}input:focus:invalid,select:focus:invalid,textarea:focus:invalid{border-color:#9d261d;box-shadow:none}input:-moz-ui-invalid,select:-moz-ui-invalid,textarea:-moz-ui-invalid{border-color:#9d261d;box-shadow:none}:-ms-input-placeholder{opacity:1;color:#999;font:inherit}::placeholder{opacity:1;color:#999;font:inherit}.required{border:0;color:#9d261d}button{overflow:visible;text-transform:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}#button,[type=button],[type=reset],[type=submit]{background-color:rgb(222.7,222.7,222.7);#background-image:linear-gradient(#eeeeee, rgb(222.7, 222.7, 222.7));display:inline-block;position:relative;width:auto;height:2em;padding:.25em 1em;border:1px solid rgb(222.7,222.7,222.7);border-radius:1em;background-clip:padding-box;box-shadow:0 2px 0 rgb(171.7,171.7,171.7);color:#333;font-weight:normal;text-align:center;appearance:none;cursor:pointer}button:hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover{background-color:rgb(232.9,232.9,232.9);background-image:linear-gradient(rgb(248.2, 248.2, 248.2), rgb(232.9, 232.9, 232.9));border-color:hsl(0,0%,74.3333333333%);color:#333;text-decoration:none}button:active,[type=button]:active,[type=reset]:active,[type=submit]:active{top:2px;border-color:hsl(0,0%,74.3333333333%);box-shadow:none;color:hsl(0,0%,10%);text-decoration:none}button:focus,[type=button]:focus,[type=reset]:focus,[type=submit]:focus{border-color:#06f;outline:1px solid rgba(0,0,0,0)}button[disabled],[type=button][disabled],[type=reset][disabled],[type=submit][disabled]{top:2px !important}.comments{margin-bottom:1em;padding:1px 1em;overflow-wrap:break-word;border-radius:.5em;background:#f7f7f7}.comments h4 .is-author{font-weight:normal}.comments h4 .comment-anchor{float:right;font-weight:normal}.comments-author{background:hsl(0,0%,93.862745098%)}#cpreview{margin-bottom:2px;padding:1em;border-radius:.5em;background-color:#fff9e1}.error_message li{color:#9d261d}.comments_error{border-color:#9d261d}#popup-page .container{max-width:52em}}@media only screen and (min-width: 38em){.site-navigation{border-top:1px solid #ccc;border-bottom:1px solid #ccc}.site-navigation>div{display:flex;flex-wrap:wrap;justify-content:space-between;width:88%}.site-navigation ul{display:flex;flex-wrap:wrap;border:0}.site-navigation li{border-width:0 1px}.site-navigation a{padding:.5em 1em}search{margin-top:.2em;padding:0;background:rgba(0,0,0,0)}search input[type=search]{width:2.125em;padding-right:0;transition:width .2s ease-in-out,border-color .2s ease-in-out;background-color:#eee;cursor:pointer}search input[type=search]:hover{background-color:rgb(248.2,248.2,248.2)}search input[type=search]:focus{width:16em;padding-right:.1875em;background-color:hsl(0,0%,101.3333333333%);cursor:auto}}@media only screen and (min-width: 46em){html{font-size:1.125rem}}@media screen and (prefers-reduced-motion: reduce),(update: slow){search input[type=search]{transition-duration:0}}@media print{*,*::before,*::after{background:rgba(0,0,0,0) !important;box-shadow:none !important;color:#000 !important;text-shadow:none !important}html{font-size:8pt;line-height:1.5}body{margin:.5cm;padding:2em 5em;font-family:"Helvetica Neue",sans-serif}a{text-decoration:none}.site-header{border-bottom:1pt solid #000}.site-footer{margin-top:12pt;border-top:1pt solid #000}nav,audio,video,form,#comments-form,.comments h4 a:last-child,.complementary-content,.paginator,.skip-link{display:none}abbr[title]::after{content:" (" attr(title) ")"}h1{margin:16pt 0;font-size:32pt;font-weight:normal;line-height:36pt}h2{margin:14pt 0;font-size:24pt;line-height:28pt;orphans:2;widows:2;break-after:avoid}h3{margin:12pt 0;font-size:18pt;line-height:22pt;orphans:2;widows:2;break-after:avoid}h4{margin:11pt 0;font-size:14pt;line-height:18pt;orphans:2;widows:2;break-after:avoid}h5{margin:10pt 0;font-size:12pt;line-height:16pt;orphans:2;widows:2;break-after:avoid}h6{margin:9pt 0;font-size:10pt;line-height:14pt;orphans:2;widows:2;break-after:avoid}p{orphans:2;widows:2}footer,figcaption,tfoot,small,.footnote{font-size:6pt}blockquote{padding:0 0 0 8pt;border-left:3pt solid #000;font-size:16pt;break-inside:avoid}[dir=rtl] blockquote{padding:0 8pt 0 0;border-right:3pt solid #000;border-left:0}pre{margin-bottom:8pt;padding:8pt;border:1pt solid #000;white-space:pre-wrap !important}pre,code,kbd,samp,var{font-family:"Courier New",Courier,monospace}img{break-inside:avoid}img.align-left{margin:1em 1em 1em 0;float:left}img.align-right{margin:1em 0 1em 1em;float:right}img.align-center{display:block;margin:1em auto}[dir=rtl] img.align-left{margin:1em 0 1em 1em;float:right}[dir=rtl] img.align-right{margin:1em 1em 1em 0;float:left}figure{margin-bottom:8pt}figcaption{margin-top:4pt}ul{padding:0 0 8pt 1.8em;list-style:square}[dir=rtl] ul{padding:0 1.8em 8pt 0}ol{padding:0 0 8pt 1.8em;list-style:decimal}[dir=rtl] ol{padding:0 1.8em 8pt 0}dl{padding:0 0 8pt 1.8em}[dir=rtl] dl{padding:0 1.8em 8pt 0}table{width:100%;margin-bottom:8pt}caption{margin-bottom:4pt;font-weight:bold}tr{break-inside:avoid}th,td{padding:4pt 8pt;border-bottom:1pt solid #000}thead{display:table-header-group}thead th{border-top:1pt solid #000}.comments{break-inside:avoid}}

/*#silktide-wrapper .reject-all {
   display: none !important;
}*/

/* 1. GLOBAL RESET OG FIX FOR ANALYSEVERKTØY (SILKTIDE) */
html, body, #st-container, .silktide-wrapper { 
    margin: 0 !important; 
    padding: 0 !important; 
}

body { 
    padding-top: 70px !important; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: #fff;
}

/* 2. STICKY HEADER */
.sticky-nav {
    position: fixed; 
    top: 0 !important; 
    left: 0; 
    width: 100%; 
    height: 70px;
    z-index: 9999; 
    background: #ffffff; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.nav-container {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    padding: 0 20px; 
    height: 70px; 
    max-width: 1200px; 
    margin: 0 auto;
    box-sizing: border-box;
}

.site-logo img { 
    max-height: 50px; 
    width: auto; 
    display: block; 
}

/* 3. KONTROLLER OG HAMBURGER */
.nav-controls { 
    display: flex; 
    align-items: center; 
    gap: 18px; 
    height: 100%;
}

.active-lang-label { 
    font-weight: 700; 
    font-size: 14px; 
    text-transform: uppercase; 
    color: #333; 
}

.menu-toggle { display: none; }

.hamburger { 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    width: 26px; 
    height: 18px; 
    cursor: pointer; 
}

.hamburger .line { 
    height: 3px; 
    width: 100%; 
    background-color: #333; 
    transition: 0.4s ease; 
    border-radius: 3px; 
}

/* KRYSS-ANIMASJON */
.menu-toggle:checked + .hamburger .line:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.menu-toggle:checked + .hamburger .line:nth-child(2) { opacity: 0; }
.menu-toggle:checked + .hamburger .line:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

/* 4. UTREKKBAR MENY (DROPDOWN) */
.nav-content {
    display: block !important;
    position: absolute; 
    top: 70px; 
    right: 0; 
    width: 280px;
    background: #fdfdfd; 
    border-left: 1px solid #eee; 
    border-bottom: 1px solid #eee;
    box-shadow: -10px 10px 30px rgba(0,0,0,0.1);
    
    /* ANIMASJON FRA MENY 1 */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    max-height: calc(100vh - 70px);
    overflow-x: hidden;
    overflow-y: auto;
}

.nav-content hr {
    border: none;     
    border-top: 1px solid #ccc; 
    height: 0;    
    margin: 5px 0;    
}

.menu-toggle:checked ~ .nav-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* 5. INNHOLD I MENYEN */
.menu-wrapper { 
    padding: 10px 20px 0 20px; /* 0 i bunn for å fjerne hvitt tomrom under grå boks */
}

.nav-search form { margin: 0 0 15px 0; }
.nav-search input { 
    width: 100%; 
    padding: 12px; 
    border: 1px solid #ddd; 
    border-radius: 6px; 
    box-sizing: border-box;
    font-size: 14px;
}

.nav-content a { 
    display: block; 
    padding: 6px 0; 
    color: #333 !important; 
    text-decoration: none !important; 
    font-size: 15px; 
    border-bottom: 1px solid #f5f5f5;
    transition: 0.2s;
}

.nav-content a:hover { 
    padding-left: 8px; 
    background: #f9f9f9; 
    color: #000 !important; 
}

.nav-content span.active a { 
    padding-left: 20px; 
    background: #f9f9f9; 
    color: #777 !important; 
}

.menu-heading { 
    font-size: 11px; 
    font-weight: 800; 
    color: #aaa; 
    text-transform: uppercase; 
    display: block; 
    margin: 15px 0 5px 0; 
    letter-spacing: 0.5px;
}

.admin-link { color: #d9534f !important; font-weight: bold; }

/* 6. SPRÅK-GRID (FOTTER I MENYEN) */
.lang-switcher-box { 
    margin-top: 20px; 
    background: #f0f0f0; /* Grå farge helt til bunns */
    margin-left: -20px; 
    margin-right: -20px; 
    margin-bottom: 0; 
    padding: 20px; 
}

.lang-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 8px; 
}

.lang-grid a { 
    border: none !important; 
    background: #ffffff !important; 
    padding: 10px 0 !important; 
    text-align: center; 
    border-radius: 4px; 
    font-size: 12px; 
    font-weight: bold;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    margin-top: 20px;
  
}

.lang-grid a:hover { 
    background: #e0e0e0 !important; 
    padding-left: 0; 
}

/* 7. MOBIL-TILPASNING */
@media screen and (max-width: 480px) {
    .nav-content {
        width: 100%; /* Nå vil den være 280px også på mobil */
        right: 0;     /* Sikrer at den holder seg til høyre kant */
    }
}


.hidden {
    display: none !important;
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* PC (SIDEBAR) */
@media screen and (min-width: 1024px) {
    .container {
        display: flex !important;
        flex-direction: row !important;
        max-width: 55em !important; 
        margin: 40px auto !important;
        gap: 50px !important;
        clear: none !important;
    }

    .container::after {
        content: none !important;
        display: none !important;
    }

    #main {
        flex: 1 !important;
        max-width: 40em !important;
        width: auto !important;
        margin: 0 !important;
        float: none !important;
    }

    .sidebar {
        flex: 0 0 250px !important;
        display: block !important;
        position: sticky !important;
        top: 20px;
        float: none !important;
    }
}

.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;        /* Avstand mellom knappene */
    margin-top: 30px;   /* Luft over stikkordene */
    margin-bottom: 40px; /* Mer luft under stikkordene (økt fra 20px) */
    padding: 10px 0;
    line-height: 2.2;   /* Sikrer god avstand mellom linjene hvis de går over flere rader */
}


.tag-link {
    display: inline-block;
    background-color: #f2f2f2;
    color: #444;
    padding: 6px 15px; /* Litt mer luft inni selve knappen også */
    border-radius: 20px;
    font-size: 0.85rem;
    text-decoration: none;
    border: 1px solid #ddd;
    transition: all 0.2s ease-in-out;
}

.tag-link:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}
/* --- SØKERESULTATER STYLING --- */

/* Selve listen med treff */
li.article {
    list-style: none;
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}

/* Overskriften på søketreffet */
li.article h4 {
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
}

li.article h4 a {
    color: #222;
    text-decoration: none;
}

li.article h4 a:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* Tekstområdet for utdrag/søkeord */
[itemprop="description"] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #444;
}

/* Tvinger kun søkeord-markeringer til å bli gule */
li.article [itemprop="description"] mark,
li.article [itemprop="description"] .search-term {
    background-color: #ffeb3b !important;
    color: #000 !important;
    padding: 0 3px !important;
    border-radius: 2px !important;
    font-weight: bold !important;
}

/* Dine egne <strong> i teksten forblir nå helt vanlige */
li.article strong {
    background: transparent !important;
}


/* Styling for "les mer"-lenken */
[itemprop="description"] p {
    margin-top: 0.8rem;
}

[itemprop="description"] a {
    font-weight: bold;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Fotnoten (Dato og Forfatter) */
.footnote {
    margin-top: 1rem;
    font-size: 0.8rem;
    color: #888;
}

.footnote a {
    color: #666;
    text-decoration: none;
}

.footnote a:hover {
    text-decoration: underline;
}

/* Fikser CLS for alle bilder med width/height attributter */
img {
    max-width: 100%;
    height: auto;
    /* Fjern attr-linjen og bruk denne: */
    content-visibility: auto; 
}

.sidebar-boks {
  background-color: #f4f4f4; /* Lys grå bakgrunn */
  border: 1px solid #ddd;    /* En tynn ramme */
  padding: 20px;             /* Luft på innsiden av boksen */
  border-radius: 8px;        /* Myke, avrundede hjørner */
  margin-bottom: 20px;       /* Avstand til neste element */
  color: #333;               /* Mørkegrå tekst for god lesbarhet */
  font-family: sans-serif;   /* En ren font */
  font-weight: 500;
  font-size: 0.9em;
}


.sidebar-boks h3 {
  margin-top: 0;             /* Fjerner unødvendig luft over overskriften */
  color: #555;
  border-bottom: 2px solid #ccc; /* En liten linje under overskriften */
  padding-bottom: 10px;
}
.sidebar-boks.velkomst {
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  padding: 25px;
  border-radius: 12px;
  color: #333;
  line-height: 1.6;
}

.sidebar-boks h3 {
  margin-top: 10px;
  font-size: 1.2em;
  color: #222;
}

.sidebar-boks hr {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 20px 0;
}

.anbefalinger-liste hr {
  border: 0;
  border-top: 1px solid #ccc;
  margin: 20px 0;
  display: block;
  height: 0;
  border-radius: 0; /* Fjerner eventuelle runder hjørner */
}


.sidebar-boks h4 {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #777;
  margin-bottom: 10px;
}

.anbefalinger-liste {
  list-style: none; /* Fjerner vanlige kulepunkter */
  padding: 0;
}

.anbefalinger-liste li {
  margin-bottom: 8px;
  padding-left: 15px;
  position: relative;
}

/* Lager et lite, grått kulepunkt manuelt */
.anbefalinger-liste li::before {
  content: "•";
  color: #999;
  position: absolute;
  left: 0;
}

.anbefalinger-liste a {
  text-decoration: none;
  color: #555;
  font-weight: 500;
}

.anbefalinger-liste p {
  text-decoration: none;
  color: #777;
  font-weight: 500;
  font-size: 0.9em;
}

.anbefalinger-liste a:hover {
  color: #000;
  text-decoration: underline;
}

.bilde-container {
  text-align: center; /* Sentrerer bildet */
  margin-top: -10px;  /* Litt justering for luft */
  margin-bottom: 15px;
}

.profil-bilde {
  width: 120px;        /* Juster størrelsen her */
  height: 120px;       /* Må være lik bredden for en perfekt sirkel */
  border-radius: 50%;  /* Gjør bildet rundt */
  object-fit: cover;   /* Sørger for at bildet ikke blir strukket */
  border: 3px solid white; /* En hvit kant rundt bildet */
  box-shadow: 0px 2px 8px rgba(0,0,0,0.1); /* Diskret skygge */
}

.posttext {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 18px; /* God størrelse for PC */
    line-height: 1.6; /* Gir luft mellom linjene */
    color: #333; /* Mykere for øynene enn helt svart */
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 600px) {
    .posttext {
        font-size: 17px; /* Litt større enn standard på mobil for bedre flyt */
    }
}

/* --- Hovedbeholder for Arkiv --- */
.archive-ui {
    max-width: 850px;
    margin: 2rem 0;
    font-family: system-ui, -apple-system, sans-serif;
    color: #333;
}

/* --- Års-navigasjon (Badges) --- */
.archive-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
}

.archive-header .label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: #999;
    letter-spacing: 1px;
}

.year-badges {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.badge {
    text-decoration: none;
    padding: 8px 16px;
    background: #f0f0f0;
    color: #555;
    border-radius: 25px;
    font-size: 0.95rem;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
}

.badge:hover {
    background: #e5e5e5;
    transform: translateY(-1px);
}

.badge.active {
    background: #000;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* --- Måneds-rutenett (Grid) --- */
.month-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 15px;
    margin: 1.5rem 0;
}
/* --- Oppdaterte Måneds-bokser --- */
.month-box {
    text-decoration: none;
  /*  padding: 1.8rem 1rem; */
    padding: 0.9rem 0.5rem;
    background: #f8f9fa; /* Endret fra hvit til lys grå */
    border: 1px solid #ddd; /* Litt mørkere ramme */
    text-align: center;
    color: #000 !important; /* Tvinger sort tekst */
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s ease;
    display: block; /* Sikrer at hele boksen er klikkbar */
}

.month-box:hover {
    border-color: #000;
    background: #fff; /* Blir hvit når du holder over */
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}


/* --- Tidslinje for artikler --- */
.article-timeline {
    margin-top: 2rem;
    border-left: 2px solid #eaeaea;
    padding-left: 25px;
    position: relative;
}

.timeline-item {
    position: relative;
    padding: 15px 0;
    display: flex;
    align-items: baseline;
    gap: 25px;
}

/* Prikken på tidslinjen */
.timeline-item::before {
    content: '';
    position: absolute;
    left: -32px; /* Sentrerer prikken på linjen */
    top: 22px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.2s ease;
}

.timeline-item:hover::before {
    border-color: #000;
    background: #000;
}

.timeline-date {
    font-size: 0.85rem;
    color: #999;
    min-width: 130px;
    white-space: nowrap;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}

.timeline-title {
    text-decoration: none;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.timeline-title:hover {
    color: #0073aa;
}

/* --- Overskrifter og knapper --- */
.section-subtitle {
    margin: 2.5rem 0 1.5rem 0;
    font-size: 1.3rem;
    font-weight: 800;
    color: #111;
    letter-spacing: -0.5px;
}

.back-btn {
    display: inline-block;
    margin-top: 40px;
    padding: 10px 20px;
    text-decoration: none;
    color: #666;
    background: #f9f9f9;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.back-btn:hover {
    background: #eee;
    color: #000;
}

/* --- Mobiljusteringer --- */
@media (max-width: 650px) {
    .timeline-item {
        flex-direction: column;
        gap: 5px;
        padding-bottom: 20px;
    }
    
    .timeline-date {
        min-width: auto;
    }
    
    .month-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media screen and (max-width: 600px) {
    table {
        display: block;
        overflow-x: auto; /* Gjør det mulig å scrolle sidelengs */
        white-space: nowrap; /* Hindrer at tekst brekker og lager rare høyder */
        -webkit-overflow-scrolling: touch;
        border-collapse: separate; 
        border-spacing: 0;
        font-size: 14px;
    }

    /* Valgfritt: Lås første kolonne så den alltid er synlig når man scroller */
    td:first-child, th:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        background: #fff;
        border-right: 2px solid #eee;
        font-weight: bold;
    }
    
    th {
        background: #f4f4f4;
        text-align: left;
        padding: 10px;
    }

    td {
        padding: 10px;
        border-bottom: 1px solid #eee;
    }
}



.boks-glass {
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  font-size: 14px;
  line-height: 1.3;
}

h1.is-fieldnote, 
h1.is-fieldnote a,
.body-fieldnote h2,
.body-fieldnote h3,
.body-fieldnote h4 {
    font-family: "Courier New", Courier, monospace !important;
    font-weight: bold;
    text-transform: uppercase; 
    letter-spacing: 0.5px;
    color: #222;
    margin-top: 1.0em; 
}

.body-fieldnote p, 
.body-fieldnote li {
    font-family: Georgia, "Times New Roman", serif !important;
    line-height: 1.8 !important;
    font-size: 1.1rem !important;
    margin-bottom: 1.5em;
}
.intro-mono {
padding: 5px; 
background: #ffffff; 
color:#555; 
border: 1px solid #e1e4e8; 
border-radius: 6px; 
box-shadow: 0 2px 4px rgba(0,0,0,0.05); 
font-size: 16px; 
line-height: 1.3;
}
.intro {
    font-family: "Courier New", Courier, monospace !important;
    background-color: #f4f4f4;
    padding: 5px;
    font-size: 1.0rem;
}

h2.is-fieldnote, 
h2.is-fieldnote a {
    font-family: "Courier New", Courier, monospace !important;
    text-decoration: none;
}

h2.is-fieldnote {
    font-size: 1.7rem;
    margin-bottom: 0.5em;
}

.body-fieldnote .is-fieldnote-link,
.body-fieldnote .read-more-wrapper a {
    font-family: "Courier New", Courier, monospace !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-decoration: underline;
}

.body-fieldnote {
    font-family: Georgia, "Times New Roman", serif !important;
}
.is-fieldnote-link {
    font-family: "Courier New", Courier, monospace !important;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 0.85rem;
}

img {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
}

.is-fieldnote img, 
.body-fieldnote img,
article.is-fieldnote img {
    background-color: #f9f9f7 !important;
    padding: 12px !important;
    border: 1px solid #e0e0d8 !important;
    display: block !important;
    margin: 1.5em auto !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.body-fieldnote p:has(img) {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.is-fieldnote img, 
.body-fieldnote img {
    
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1) !important;
    transform: rotate(-0.5deg); 
    filter: sepia(0.1) contrast(1.05);
}

.is-fieldnote p:nth-of-type(even) img {
    transform: rotate(0.5deg);
}

/* Hele boksen for farge feltnotatet i listevisning */
.posttext.body-fieldnote {
    background-color: #f9f9f7;
    padding: 20px;
    border: 1px solid #e0e0d8;
    margin-bottom: 30px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.02);
}


.header-icon {
    display: block;
    width: 45px; 
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-fieldnote {
    background-image: url("/themes/field-notes.png");
}
/* --- OPPDATERT H2-STIL FOR LISTESIDER --- */
h2.bg-fieldnote {
    background-image: url("/themes/feltnotat-lys.png") !important; /* Bruk den lyse versjonen */
    background-repeat: no-repeat;
    background-position: 95% center; /* Flyttet litt inn fra kanten for bedre balanse */
    background-size: 60px !important; /* Større størrelse fungerer bra som vannmerke */
    padding-right: 0 !important;      /* Viktig: fjerner padding så teksten får full bredde */
    display: block;
    position: relative;
}

h1.bg-fieldnote {
    background-image: url("/themes/feltnotat-lys.png") !important; /* Bruk den lyse versjonen */
    background-repeat: no-repeat;
    background-position: 95% center; /* Flyttet litt inn fra kanten for bedre balanse */
    background-size: 100px !important; /* Større størrelse fungerer bra som vannmerke */
    padding-right: 0 !important;      /* Viktig: fjerner padding så teksten får full bredde */
    display: block;
    position: relative;
}

/* Sørger for at maskinskriften fortsatt er på plass */
h2.is-fieldnote a {
    font-family: "Courier New", Courier, monospace !important;
    position: relative;
    z-index: 2; /* Legger teksten over ikonet */
}


/* Hvis du vil ha det ekstra subtilt i listene */
h2.bg-fieldnote {
    opacity: 0.8; 
}


.bg-blog {
    background-image: url("/themes/blog.png");
}

.header-titles {
    flex: 1;
}
h4.h4-mono, 
h4.h4-mono a {
    font-family: "Courier New", Courier, monospace !important;
    font-weight: bold !important;
    font-size: inherit; 
    line-height: normal;
}

.log-signature.is-fieldnote {
    font-family: "Courier New", Courier, monospace !important;
    display: block !important;
    font-size: 1rem !important;
    margin-top: 40px !important;
    padding-top: 15px !important;
    border-top: 1px solid #e0e0d8;
    text-transform: uppercase;
    color: #555; /* #666 */
    letter-spacing: 1px;
}
.mid-signature {
    font-family: "Courier New", Courier, monospace !important;
    text-transform: uppercase;
    color: #666;
}

.blog-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-size: 0.9rem;
    color: #888;
}

.blog-footer strong {
    color: #333;
}

/* Feltnotat: Teknisk logg-stil */
.meta-fieldnote {
    font-family: "Courier New", Courier, monospace !important;
    font-size: 0.75rem !important;
    text-transform: uppercase;
    color: #888 !important;
    letter-spacing: 1px;
}

/* Blogg: Moderne og diskret stil */
.meta-blog {
    font-family: sans-serif; /* Bruker sidens standardfont */
    font-size: 0.8rem !important;
    color: #999 !important;
    font-style: italic;
}

.article-divider {
    margin: 3em 0; /* Kraftig luft over og under */
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    display: block;
}
.dave-disclaimer {
    margin-top: 40px;
    padding: 15px;
    border-top: 1px solid #d1d1d1; /* En tynn linje for å skille fra teksten */
    font-family: 'Courier New', Courier, monospace; /* Mono-font for "notat"-følelsen */
    font-size: 0.85em;
    color: #666;
    line-height: 1.4;
    font-style: italic;
    background-color: rgba(0, 0, 0, 0.02); /* Veldig svak nyanse for å bryte med papirfargen */
    max-width: 500px; /* Holder den kompakt */
}

/* Valgfritt: Legg til et lite symbol foran */
.dave-disclaimer::before {
    content: "ⓘ ";
    font-style: normal;
    color: #888;
}

.pinterest-section {
    margin: 60px auto;
    max-width: 320px; /* Gjør det smalt og elegant */
}


.pinterest-card {
    background: #ffffff !important;
    padding: 12px !important; 
    border: 1px solid #eeeeee !important; /* Definerer kanten mot det hvite */
    border-radius: 2px !important; /* Litt strammere hjørner gir et arkitekt-preg */
    box-shadow: 0 15px 45px rgba(0,0,0,0.05) !important; /* Skaper dybde */
    transition: all 0.4s ease !important;
    display: block !important;
    max-width: 320px;
    margin: 0 auto;
}

.pinterest-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 25px 60px rgba(0,0,0,0.1) !important;
    border-color: #d1d1d1 !important; /* Rammen blir litt tydeligere når du hovrer */
}


.pin-label {
    display: block;
    margin-bottom: 10px; /* Gir litt luft ned til bildet */
    font-size: 0.85rem;
    color: #999;
    text-transform: uppercase; /* Valgfritt: gjør det litt "label-aktig" */
    letter-spacing: 1px;
}

.shadow-soft {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #f0f0f0 !important; /* En nesten usynlig kantlinje */
    border-radius: 4px;
}

/* Tvinger bildene i listevisning til å være liggende (16:9) */
.article-list img {
    width: 100% !important;
    height: 300px !important; /* Sett høyden du foretrekker for forsiden */
    object-fit: cover !important; /* Beholder proposjoner, men beskjærer */
    object-position: center !important; /* Sentrerer motivet i "vinduet" */
    display: block !important;
}
.sidebar-social-box h3 {
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #333;
    text-align: center;
}

.social-icons-row {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.sidebar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: transform 0.2s ease, filter 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.sidebar-icon:hover {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.sidebar-icon svg {
    display: block;
}
.social-welcome-bar {
                background: #fff; border: 1px solid #ddd; border-left: 6px solid '.$color.';
                border-radius: 12px; padding: 12px 20px; display: flex; align-items: center;
                justify-content: space-between; margin: 20px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.05);
                font-family: sans-serif;
            }
            .social-info { display: flex; align-items: center; gap: 12px; }
           .social-btn {
                background: '.$color.'; color: #fff !important; text-decoration: none;
                padding: 8px 18px; border-radius: 20px; font-weight: bold; font-size: 14px;
                white-space: nowrap; display: inline-block;
            } 
            .close-btn { background: none; border: none; font-size: 24px; color: #ccc; cursor: pointer; line-height: 1; }
            @media (max-width: 550px) { 
                .social-welcome-bar { flex-direction: column; gap: 15px; text-align: center; } 
                .social-info { flex-direction: column; gap: 8px; }
            }


.fancy-related-articles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 40px;
}

/* Kort-designet uten topp-luft */
.fancy-related-articles .related-card {
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;
  transition: transform 0.2s ease;
  background: #fff !important; 
  padding: 0 !important; 
  margin: 0 !important;
}

.fancy-related-articles .related-card:hover {
  transform: translateY(-5px);
}

/* Fjerner uønsket padding fra malen din rundt bilde-boksen */
.fancy-related-articles .related-image {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* Skjuler bildeboksen helt hvis artikkelen mangler bilde */
.fancy-related-articles .related-image:empty {
  display: none !important;
}

/* Fjerner papirbakgrunn på lenken rundt bildet */
.fancy-related-articles .related-image a {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  display: block !important;
}

/* Tvinger bildet til å fylle 100% av kortets bredde og overstyre seksjonsmalen */
.fancy-related-articles .related-image img {
  width: 100% !important;
  max-width: 100% !important; 
  min-width: 100% !important; 
  height: 150px !important; 
  max-height: 150px !important;
  min-height: 150px !important;
  object-fit: cover !important; 
  display: block !important;
  background: transparent !important; 
  padding: 0 !important; 
  margin: 0 !important; 
  border: none !important;
}

/* Gir tekstinnholdet kontrollert luft */
.fancy-related-articles .related-content {
  padding: 15px !important; 
  margin: 0 !important;
}

/* Nullstiller overskriften så den ikke dytter seg selv nedover i kortet */
.fancy-related-articles .related-content h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.related-heading {
  grid-column: 1 / -1; 
  color: #777;
}

.newsletter-container {
  display: flex;
  justify-content: center;
  padding: 40px 20px;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.newsletter-content {
  background: #ffffff;
  padding: 3rem;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  max-width: 500px;
  width: 100%;
  text-align: center;
}

.newsletter-content h2 {
  margin-top: 0;
  color: #1a1a1a;
  font-size: 1.8rem;
}

.newsletter-content p {
  color: #666;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.newsletter-form input {
  padding: 14px 20px;
  border: 2px solid #eee;
  border-radius: 12px;
  font-size: 1rem;
  transition: border-color 0.3s ease;
  outline: none;
}

.newsletter-form input:focus {
  border-color: #007bff;
}


.disclaimer {
  font-size: 0.8rem !important;
  margin-top: 1.5rem !important;
  color: #999 !important;
}

/* Responsiv layout for større skjermer */
@media (min-width: 480px) {
  .newsletter-form {
    flex-direction: row;
  }
  
  .newsletter-form input {
    flex: 1;
  }
  
  .newsletter-form button {
    padding: 14px 28px; 
  }
}
/* Sørg for at beholderen har kontroll */
.share-buttons-wrapper {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

/* Tving lik størrelse på både <a> og <button> */
.share-buttons-wrapper a, 
.share-buttons-wrapper button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Juster denne høyden til den du foretrekker (f.eks. 38px eller 40px) */
    height: 38px !important; 
    
    padding: 0 15px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    
    /* Fjerner knappestil som lager ulik høyde */
    border: none !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

/* Sørg for at ikoner ikke dytter på høyden */
.share-buttons-wrapper svg {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0;
}