*{box-sizing:border-box}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*!
 * Fluidable Grid System 1.4.1
 *
 * Creator: Andri Sigurðsson
 * Site: http://fluidable.com
 * Date: 14.11.2017
 * Converted to SASS by Rory Pickering - rorypickering.co.uk
 * Date converted: 8.11.2016
 */[class*="col-fixed-"]{float:left;width:100%}.container{padding-right:1rem;padding-left:1rem}.col-group{margin-right:-1rem;margin-left:-1rem}.col-group:after{display:table;clear:both;content:" "}.col-group .col-group{padding:0}.col-group [class*="col-"]{min-height:1px;box-sizing:border-box}.col-group [class*="col-"]:not(.col-group):not(.col-content){padding-right:1rem;padding-left:1rem}.col-group [class*="push-"],.col-group [class*="pull-"]{position:relative}.col-mb-1{width:8.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-2{width:16.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-3{width:25%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-4{width:33.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-5{width:41.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-6{width:50%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-7{width:58.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-8{width:66.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-9{width:75%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-10{width:83.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-11{width:91.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-12{width:100%;float:left;padding-right:1rem;padding-left:1rem}.col-mb-offset-0{margin-left:0%}.col-mb-pull-0{right:0%}.col-mb-push-0{left:0%}.col-mb-offset-1{margin-left:8.3333333333%}.col-mb-pull-1{right:8.3333333333%}.col-mb-push-1{left:8.3333333333%}.col-mb-offset-2{margin-left:16.6666666667%}.col-mb-pull-2{right:16.6666666667%}.col-mb-push-2{left:16.6666666667%}.col-mb-offset-3{margin-left:25%}.col-mb-pull-3{right:25%}.col-mb-push-3{left:25%}.col-mb-offset-4{margin-left:33.3333333333%}.col-mb-pull-4{right:33.3333333333%}.col-mb-push-4{left:33.3333333333%}.col-mb-offset-5{margin-left:41.6666666667%}.col-mb-pull-5{right:41.6666666667%}.col-mb-push-5{left:41.6666666667%}.col-mb-offset-6{margin-left:50%}.col-mb-pull-6{right:50%}.col-mb-push-6{left:50%}.col-mb-offset-7{margin-left:58.3333333333%}.col-mb-pull-7{right:58.3333333333%}.col-mb-push-7{left:58.3333333333%}.col-mb-offset-8{margin-left:66.6666666667%}.col-mb-pull-8{right:66.6666666667%}.col-mb-push-8{left:66.6666666667%}.col-mb-offset-9{margin-left:75%}.col-mb-pull-9{right:75%}.col-mb-push-9{left:75%}.col-mb-offset-10{margin-left:83.3333333333%}.col-mb-pull-10{right:83.3333333333%}.col-mb-push-10{left:83.3333333333%}.col-mb-offset-11{margin-left:91.6666666667%}.col-mb-pull-11{right:91.6666666667%}.col-mb-push-11{left:91.6666666667%}.col-mb-offset-12{margin-left:100%}.col-mb-pull-12{right:100%}.col-mb-push-12{left:100%}@media (min-width: 768px){.container{margin:0 auto}.col-1{width:8.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-2{width:16.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-3{width:25%;float:left;padding-right:1rem;padding-left:1rem}.col-4{width:33.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-5{width:41.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-6{width:50%;float:left;padding-right:1rem;padding-left:1rem}.col-7{width:58.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-8{width:66.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-9{width:75%;float:left;padding-right:1rem;padding-left:1rem}.col-10{width:83.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-11{width:91.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-12{width:100%;float:left;padding-right:1rem;padding-left:1rem}.col-offset-0{margin-left:0%}.col-pull-0{right:0%}.col-push-0{left:0%}.col-offset-1{margin-left:8.3333333333%}.col-pull-1{right:8.3333333333%}.col-push-1{left:8.3333333333%}.col-offset-2{margin-left:16.6666666667%}.col-pull-2{right:16.6666666667%}.col-push-2{left:16.6666666667%}.col-offset-3{margin-left:25%}.col-pull-3{right:25%}.col-push-3{left:25%}.col-offset-4{margin-left:33.3333333333%}.col-pull-4{right:33.3333333333%}.col-push-4{left:33.3333333333%}.col-offset-5{margin-left:41.6666666667%}.col-pull-5{right:41.6666666667%}.col-push-5{left:41.6666666667%}.col-offset-6{margin-left:50%}.col-pull-6{right:50%}.col-push-6{left:50%}.col-offset-7{margin-left:58.3333333333%}.col-pull-7{right:58.3333333333%}.col-push-7{left:58.3333333333%}.col-offset-8{margin-left:66.6666666667%}.col-pull-8{right:66.6666666667%}.col-push-8{left:66.6666666667%}.col-offset-9{margin-left:75%}.col-pull-9{right:75%}.col-push-9{left:75%}.col-offset-10{margin-left:83.3333333333%}.col-pull-10{right:83.3333333333%}.col-push-10{left:83.3333333333%}.col-offset-11{margin-left:91.6666666667%}.col-pull-11{right:91.6666666667%}.col-push-11{left:91.6666666667%}.col-offset-12{margin-left:100%}.col-pull-12{right:100%}.col-push-12{left:100%}.col-group{margin-right:-1rem;margin-left:-1rem;padding:0}.col-group:after{display:table;clear:both;content:" "}}@media (min-width: 1267px){.container{margin:0 auto}.col-dt-1{width:8.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-2{width:16.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-3{width:25%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-4{width:33.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-5{width:41.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-6{width:50%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-7{width:58.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-8{width:66.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-9{width:75%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-10{width:83.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-11{width:91.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-12{width:100%;float:left;padding-right:1rem;padding-left:1rem}.col-dt-offset-0{margin-left:0%}.col-dt-pull-0{right:0%}.col-dt-push-0{left:0%}.col-dt-offset-1{margin-left:8.3333333333%}.col-dt-pull-1{right:8.3333333333%}.col-dt-push-1{left:8.3333333333%}.col-dt-offset-2{margin-left:16.6666666667%}.col-dt-pull-2{right:16.6666666667%}.col-dt-push-2{left:16.6666666667%}.col-dt-offset-3{margin-left:25%}.col-dt-pull-3{right:25%}.col-dt-push-3{left:25%}.col-dt-offset-4{margin-left:33.3333333333%}.col-dt-pull-4{right:33.3333333333%}.col-dt-push-4{left:33.3333333333%}.col-dt-offset-5{margin-left:41.6666666667%}.col-dt-pull-5{right:41.6666666667%}.col-dt-push-5{left:41.6666666667%}.col-dt-offset-6{margin-left:50%}.col-dt-pull-6{right:50%}.col-dt-push-6{left:50%}.col-dt-offset-7{margin-left:58.3333333333%}.col-dt-pull-7{right:58.3333333333%}.col-dt-push-7{left:58.3333333333%}.col-dt-offset-8{margin-left:66.6666666667%}.col-dt-pull-8{right:66.6666666667%}.col-dt-push-8{left:66.6666666667%}.col-dt-offset-9{margin-left:75%}.col-dt-pull-9{right:75%}.col-dt-push-9{left:75%}.col-dt-offset-10{margin-left:83.3333333333%}.col-dt-pull-10{right:83.3333333333%}.col-dt-push-10{left:83.3333333333%}.col-dt-offset-11{margin-left:91.6666666667%}.col-dt-pull-11{right:91.6666666667%}.col-dt-push-11{left:91.6666666667%}.col-dt-offset-12{margin-left:100%}.col-dt-pull-12{right:100%}.col-dt-push-12{left:100%}}@media (min-width: 1601px){.container{margin:0 auto}.col-ld-1{width:8.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-2{width:16.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-3{width:25%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-4{width:33.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-5{width:41.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-6{width:50%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-7{width:58.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-8{width:66.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-9{width:75%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-10{width:83.3333333333%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-11{width:91.6666666667%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-12{width:100%;float:left;padding-right:1rem;padding-left:1rem}.col-ld-offset-0{margin-left:0%}.col-ld-pull-0{right:0%}.col-ld-push-0{left:0%}.col-ld-offset-1{margin-left:8.3333333333%}.col-ld-pull-1{right:8.3333333333%}.col-ld-push-1{left:8.3333333333%}.col-ld-offset-2{margin-left:16.6666666667%}.col-ld-pull-2{right:16.6666666667%}.col-ld-push-2{left:16.6666666667%}.col-ld-offset-3{margin-left:25%}.col-ld-pull-3{right:25%}.col-ld-push-3{left:25%}.col-ld-offset-4{margin-left:33.3333333333%}.col-ld-pull-4{right:33.3333333333%}.col-ld-push-4{left:33.3333333333%}.col-ld-offset-5{margin-left:41.6666666667%}.col-ld-pull-5{right:41.6666666667%}.col-ld-push-5{left:41.6666666667%}.col-ld-offset-6{margin-left:50%}.col-ld-pull-6{right:50%}.col-ld-push-6{left:50%}.col-ld-offset-7{margin-left:58.3333333333%}.col-ld-pull-7{right:58.3333333333%}.col-ld-push-7{left:58.3333333333%}.col-ld-offset-8{margin-left:66.6666666667%}.col-ld-pull-8{right:66.6666666667%}.col-ld-push-8{left:66.6666666667%}.col-ld-offset-9{margin-left:75%}.col-ld-pull-9{right:75%}.col-ld-push-9{left:75%}.col-ld-offset-10{margin-left:83.3333333333%}.col-ld-pull-10{right:83.3333333333%}.col-ld-push-10{left:83.3333333333%}.col-ld-offset-11{margin-left:91.6666666667%}.col-ld-pull-11{right:91.6666666667%}.col-ld-push-11{left:91.6666666667%}.col-ld-offset-12{margin-left:100%}.col-ld-pull-12{right:100%}.col-ld-push-12{left:100%}}.col-fixed-hd,.col-fixed-landscape,.col-fixed-square,.col-fixed-portrait{position:relative}.col-fixed-hd:before,.col-fixed-landscape:before,.col-fixed-square:before,.col-fixed-portrait:before{content:"";display:block}.col-fixed-hd .col-content,.col-fixed-landscape .col-content,.col-fixed-square .col-content,.col-fixed-portrait .col-content{position:absolute;top:0;right:1rem;bottom:0;left:1rem;padding:0}.col-fixed-hd:before{margin-top:56.25%}.col-fixed-landscape:before{margin-top:75%}.col-fixed-square:before{margin-top:100%}.col-fixed-portrait:before{margin-top:133.33333333%}@font-face{font-family:'Atkinson';font-style:normal;font-weight:400;font-display:swap;src:url("/design/fonts/atkinson/AtkinsonHyperlegible-Regular.ttf")}@font-face{font-family:'Atkinson';font-style:italic;font-weight:400;font-display:swap;src:url("/design/fonts/atkinson/AtkinsonHyperlegible-Italic.ttf")}@font-face{font-family:'Atkinson';font-style:normal;font-weight:700;font-display:swap;src:url("/design/fonts/atkinson/AtkinsonHyperlegible-Bold.ttf")}@font-face{font-family:'Atkinson';font-style:italic;font-weight:700;font-display:swap;src:url("/design/fonts/atkinson/AtkinsonHyperlegible-BoldItalic.ttf")}:root{--full-width: 78rem;--article-width: 52rem;--copy-text-width: 44rem;--copy-img-width: 42rem}html,body{height:100%}body{font-family:"Atkinson", Helvetica, Arial, sans-serif;font-weight:400;line-height:1.5;color:var(--Grayscale-900-Black-Text-Color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#FFFFFF}h1,h2,h3{font-family:"Atkinson", Helvetica, Arial, sans-serif;font-weight:700;line-height:1}h1{font-size:2.125rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.5}h3{font-size:1rem;line-height:1.5}@media (min-width: 48rem){h1{font-size:3.5rem}}p{font-weight:300;color:var(--Grayscale-900-Black-Text-Color)}h1,h2,h3,p{-ms-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1}.text--meta{color:#999999;font-size:0.85rem !important}.text--center{text-align:center}.text--right{text-align:right}.main-content .article-wrapper{font-size:1.25rem;line-height:normal}.btn,a.send,input.btn,button.btn,button{border-radius:2px;background:var(--pink-text);color:#FFFFFF;padding:0 1rem;text-align:center;height:3rem;line-height:calc(3rem - 4px);display:inline-block;font-size:1.125rem;font-weight:700;border:0;transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);border:2px solid transparent;cursor:pointer}@media (min-width: 48rem){.btn,a.send,input.btn,button.btn,button{font-size:1rem}}.btn svg,a.send svg,input.btn svg,button.btn svg,button svg,.btn img,button img{vertical-align:middle;position:relative;top:-2px}.btn svg path{fill:white}.btn.btn-white,a.send.btn-white,input.btn.btn-white,button.btn.btn-white,button.btn-white{background-color:#FFFFFF;color:var(--brand);border:2px solid var(--brand)}.btn.btn-white:visited,a.send.btn-white:visited,input.btn.btn-white:visited,button.btn.btn-white:visited,button.btn-white:visited{color:#00AA11}.btn.btn-gray,a.send.btn-gray,input.btn.btn-gray,button.btn.btn-gray,button.btn-gray{background-color:#F5F5F5;color:#1F477B}.btn.btn-gray:visited,a.send.btn-gray:visited,input.btn.btn-gray:visited,button.btn.btn-gray:visited,button.btn-gray:visited{color:#1F477B}.btn.btn-outline,a.send.btn-outline,input.btn.btn-outline,button.btn.btn-outline,button.btn-outline{font-size:0.875rem;color:var(--brand);background:#FFFFFF;border:1px solid #DDDDDD}.btn.btn-outline:visited,a.send.btn-outline:visited,input.btn.btn-outline:visited,button.btn.btn-outline:visited,button.btn-outline:visited{color:var(--brand)}.btn.btn-outline:hover,a.send.btn-outline:hover,input.btn.btn-outline:hover,button.btn.btn-outline:hover,button.btn-outline:hover{color:#FFFFFF}.btn.btn-outline img{margin-right:8px;margin-left:-3px}.btn.btn-badge{font-size:0.875rem;color:var(--brand);border:1px solid var(--H-Brand-Color-500-H-Brand-Color, #10099F);background:var(--H-Brand-Color-100-Blue-Hover, #E5EDFF);padding:4px 8px;line-height:1.31rem;height:auto}.btn:link,.btn:visited,a.send:visited,input.btn:visited,button.btn:visited,button:visited{color:#FFFFFF}.btn:hover,a.send:hover,input.btn:hover,button.btn:hover,button:hover{background:#005010;color:#FFFFFF;transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}.btn.btn-light,.btn-light:visited{background:var(--light);color:var(--dark)}.btn.btn-light:hover{background:#005010}.btn.btn-brand,.btn.btn-brand:visited{background:var(--brand)}.btn.btn-brand:hover{background:#005010}a:link,a:visited{text-decoration:none;text-underline-offset:3px;color:var(--brand);transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}a:hover,a:hover i:before{color:#505050;transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}a.arrow-btn{display:inline-flex;gap:1rem;color:var(--brand);padding:12px 16px;font-weight:700;line-height:1.5rem;white-space:nowrap}a:hover:not(.recent-article-wrapper,.science-calendar-wrapper,.search-result,.scroll-up,.btn){text-decoration:underline}img{max-width:100%;height:auto}:root{--brand: #005111;--dark: #005010;--light: #d4f0dd;--pink-text: #005111;--Grayscale-50-Background-Color: #FCFCFC;--Grayscale-100: #EEE;--Grayscale-200-Decorative-Elements: #D3D3D3;--Grayscale-500-Disabled-Text-Color: #707070;--Grayscale-600-Gray-Text-Color: #4E4E4E;--Grayscale-700: #3E3E3E;--Grayscale-900-Black-Text-Color: #312525;--H-Brand-Color-100-Blue-Hover: #e8f5ec;--H-Brand-Color-50: #f4faf6}@media (max-width: 65rem){body.--menuOpen{overflow:hidden}}.header{min-height:6rem;position:relative}@media (min-width: 65rem){.header{min-height:5rem}}.header .header-container{position:absolute;top:0px;width:100%;background-color:white;z-index:2}.header a{color:var(--H-Brand-Color-900, #04032B);font-weight:700}.header nav ul{margin:0;padding:0}.header nav ul li{margin-top:2rem;list-style:none;display:inline-block}@media (min-width: 65rem){.header nav ul li{margin-top:0;line-height:5rem}}.header nav ul li a{display:inline-block;line-height:1.5rem;padding:0.5rem;transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}.header nav ul li a svg{vertical-align:middle;position:relative;top:-2px}.header nav ul li a:hover{opacity:0.5;transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}.header .header-logo{display:flex;align-items:center;background-color:var(--brand);float:left;height:6rem;padding:0.5rem;margin:0 1rem;z-index:1002}@media (min-width: 65rem){.header .header-logo{width:auto;height:5rem}}.header .header-logo a{display:flex;flex-direction:column;align-items:center;text-decoration:none;gap:3px}.header .header-logo img{width:2rem}.header .header-logo span{color:#FFFFFF;font-size:0.875rem;font-weight:700;text-transform:uppercase;text-align:center;width:100%}@media (min-width: 65rem){.header .header-logo span{display:block}}.header .header-mobile{height:6rem;padding:0 1rem}@media (min-width: 65rem){.header .header-mobile{float:left;height:3.5rem;z-index:100}}@media (min-width: 1267px){.header .header-mobile{left:4rem}}.header .header-mobile ul{overflow:hidden}.header .header-mobile ul li a{display:inline-block;box-sizing:border-box;border-radius:2px}.header .header-mobile ul li.categories{float:left}.header .header-mobile ul li.categories a{padding-left:0;text-decoration:none}.header .header-mobile ul li.categories span{display:inline-block}.header .header-mobile ul li.categories svg.feather-x{display:none}.header .header-mobile ul li.categories.--open svg.feather-x{display:inline-block}.header .header-mobile ul li.categories.--open svg.feather-list{display:none}@media (min-width: 65rem){.header .header-mobile ul li.categories{width:auto;float:none}}@media (min-width: 1267px){.header .header-mobile ul li.categories span{display:inline-block}}.header .header-mobile ul li.burger{float:right}.header .header-mobile ul li.burger a{text-align:right;background-color:var(--light);color:var(--dark)}.header .header-mobile ul li.burger svg.feather-x{display:none}@media (min-width: 65rem){.header .header-mobile ul li.burger{display:none}}.header .header-mobile ul li.lang{display:none;float:right;margin-right:1.5rem}.header .header-desktop{display:none}@media (min-width: 65rem){.header .header-desktop{display:block}.header .header-desktop .desktop-nav{float:right}}.header .header-desktop ul{display:flex;flex-wrap:wrap}@media (min-width: 65rem){.header .header-desktop ul{display:inline-block}}.header .header-desktop ul li{padding:0 1rem;flex-grow:1}@media (min-width: 65rem){.header .header-desktop ul li{flex-grow:0}}.header .header-desktop ul li a{display:inline-block;width:100%;text-align:center}@media (min-width: 65rem){.header .header-desktop ul li a{width:auto}}.header .header-desktop ul li.lang{display:none;margin-right:1rem}@media (min-width: 65rem){.header .header-desktop ul li.lang{display:inline-block}}.header ul li.lang img{transform:translateX(3px) translateY(6px)}.header .header-desktop ul li.search{width:100%;padding:2rem 1rem;background-color:var(--H-Brand-Color-50)}@media (min-width: 65rem){.header .header-desktop ul li.search{width:auto;display:none}}.header .header-desktop ul:last-of-type a{padding-right:0}.header .header-desktop .search-button{display:none;color:var(--dark)}@media (min-width: 65rem){.header .header-desktop .search-button{display:inline-block}}.header .header-desktop .header-question a{width:100%;border-radius:0px;height:5rem;padding:1rem}.header .header-desktop .header-question a svg{vertical-align:middle;margin-right:0.5rem}@media (min-width: 65rem){.header .header-desktop .header-question{height:3rem;display:inline-block;margin:0 1rem}.header .header-desktop .header-question a{padding:0 1rem;height:3rem;width:auto}}.header .header-data{clear:both;display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1;flex-basis:0;flex-wrap:nowrap;background-color:white;box-shadow:0px 0px 40px 0px rgba(89,89,89,0.08)}.header>.header-data{visibility:hidden;height:6rem}@media (min-width: 65rem){.header .header-data{display:none}.header>.header-data{display:flex;visibility:visible;height:initial;flex-direction:row;padding-top:5rem}}@media (min-width: 1267px){.header .header-data{min-height:7rem}}.header .header-data .data-item{font-size:0.875em;font-weight:700;text-align:center;color:#2D2D2D;text-transform:uppercase;flex-grow:1;min-height:7.5rem;border-right:1px solid #eee;border-bottom:1px solid #eee;display:flex;flex-direction:column;justify-content:center}@media (min-width: 65rem){.header .header-data .data-item{margin-bottom:0;flex-basis:0}}.header .header-data .data-item img{display:block;margin:0 auto;margin-bottom:0.5rem}.header .header-data .data-item strong{font-size:0.86em;font-weight:600;display:block}.header .header-data .data-item span{font-size:0.86em;font-weight:400}.header .header-desktop .header-lang{position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;height:2rem;line-height:1.85rem;text-align:center;border:1px solid rgba(255,255,255,0.1);border-radius:2px}@media (min-width: 65rem){.header .header-desktop .header-lang{display:none}}.header.--open{bottom:0;top:0;left:0;right:0;z-index:1000}.header.--open .header-mobile li.lang{display:inline-block}.header.--open .header-mobile li.burger svg.feather-x{display:inline-block}.header.--open .header-mobile li.burger span{display:none}.header.--open .header-mobile li.burger svg.feather-menu{display:none}.header.--open .header-desktop{display:flex;flex-direction:column;height:calc(100dvh - 6rem);overflow:auto}.header.--open .header-desktop ul{flex-direction:column;align-items:flex-start}.header.--open .header-data{margin:auto 0;flex-grow:0}.menu__compact .header .header-container{position:fixed;top:-6rem;transition:top 0.2s}@media (min-width: 65rem){.menu__compact .header .header-container{top:-5rem}}.menu__up .header .header-container{top:0}.category-nav{background:#FFFFFF;padding-bottom:1rem;box-shadow:0 4px 32px 0 rgba(0,0,0,0.2);position:fixed;top:6rem;left:0;right:0;bottom:0;z-index:-1;opacity:0;display:none;transform:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);overflow:scroll}@media (min-width: 65rem){.category-nav{width:26rem;top:5rem;bottom:0;overflow:auto;position:fixed;max-height:41rem}}.header .category-nav ul{margin:0;padding:0}.header .category-nav ul li{margin-top:0;display:block}.header .category-nav ul li a{display:flex;padding:1.75rem 1rem;line-height:1.5rem;font-weight:600;white-space:nowrap;text-decoration:none}.category-nav ul li span{color:black !important;margin-left:1rem}.header .category-nav ul li a:hover{background:var(--light);border-left:4px solid var(--brand);color:var(--brand) !important;opacity:1}.category-nav ul li a:hover span{color:var(--brand) !important}.category-nav ul li a .arrow-icon{margin-left:auto}@media (min-width: 65rem){.header .category-nav ul{display:flex;flex-direction:column;height:100%}.header .category-nav ul li{display:flex;flex-direction:column;flex:1}.header .category-nav ul li a{flex:1;align-items:center;padding:1rem 1rem;max-height:5rem}}.category-nav.--open{z-index:1000;opacity:1;display:block}.layout{background-color:var(--Grayscale-50-Background-Color);padding-bottom:1px}.main-content{margin:0 auto}.main-content .backdrop-blue{background-color:var(--H-Brand-Color-50)}.main-content .backdrop-blue:has(.article-header):has(+div:not(.article-hero)){border-bottom:1px solid var(--H-Brand-Color-100-Blue-Hover)}.layout .main-content .layout-item{max-width:calc(var(--full-width) + 32px);padding-left:16px;padding-right:16px}@media (min-width: 48rem){.layout .main-content .layout-item{margin:0 auto}}.b-frontpage .main-content{padding-top:16px}@media (min-width: 48rem){.b-frontpage .main-content{padding-top:48px}}.b-frontpage .main-content .article-wrapper{background-color:white;display:flex;flex-direction:column-reverse;border:1px solid #d3d3d3}@media (min-width: 48rem){.b-frontpage .main-content .article-wrapper{flex-direction:row;gap:0}}.b-frontpage .article-wrapper .default-article{padding:24px 16px;flex-basis:0;flex-grow:1;position:relative}@media (min-width: 48rem){.b-frontpage .article-wrapper .default-article{padding:40px}}.b-frontpage .article-wrapper .default-article h1{font-size:1.75rem}.b-frontpage .article-wrapper .default-article h1 a{color:initial}.b-frontpage .article-wrapper .article-hero{flex-basis:80px;flex-grow:1}.b-frontpage .article-wrapper .article-hero a{display:block;height:100%}.b-frontpage .article-wrapper .article-hero a img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;max-height:initial}.b-frontpage .article-wrapper .article-meta>div{display:inline-block}.b-frontpage .article-wrapper .article-meta>div h4,.b-frontpage .article-wrapper .article-meta>div p{display:inline-block;margin:0}.b-frontpage .article-wrapper .article-meta>div h4{color:var(--Grayscale-500-Disabled-Text-Color);font-weight:400}.b-frontpage .article-wrapper .article-meta>div p{padding-right:0.5rem;color:var(--Grayscale-900-Black-Text-Color)}.b-article .main-content .article-header{padding-top:16px;overflow:auto}@media (min-width: 48rem){.b-article .main-content .article-header{padding-top:32px}}.b-article .main-content .article-header h1{font-size:1.875rem;margin-top:8px;margin-bottom:2rem}@media (min-width: 48rem){.b-article .main-content .article-header h1{margin-bottom:4rem}}.b-article .main-content .article-header p.authors{display:none}@media (min-width: 48rem){.main-content .article-header{display:grid;grid-template-columns:auto auto;-moz-column-gap:1rem;column-gap:1rem;justify-items:start;align-items:end}}.article-header p{max-width:40rem}.main-content .article-hero{position:relative}.main-content .article-hero .backdrop-blue{position:absolute;width:100%;height:50%}.main-content .article-hero img{width:100%;max-height:20rem;-o-object-fit:cover;object-fit:cover}@media (min-width: 48rem){.main-content .article-hero img{max-height:24rem}}.article-hero .hero-element{position:relative;max-width:var(--full-width);margin:0 auto}.b-article .main-content .article-wrapper{padding-top:52px}@media (min-width: 48rem){.main-content .article-wrapper{display:grid;grid-template-columns:1fr auto;gap:1rem}}.main-content .article-wrapper .content-left{margin:0 auto;max-width:var(--copy-text-width);grid-column:1}.main-content .article-wrapper .content-left .default-article .article-text h4{margin:2.5rem 0 0.5rem 0}.b-article .main-content .article-wrapper .content-left .default-article .article-text{padding-bottom:2rem}.b-article .main-content .article-wrapper .content-left .default-article hr{margin:2rem 0;border:0;height:0;border-top:1px solid #DDDDDD}.b-article .main-content .article-wrapper .content-left .default-article blockquote{color:#999999;padding-left:2rem;margin:2rem 0;font-style:italic}.b-article .main-content .article-wrapper .content-left .default-article table{border-collapse:collapse;border:1px solid #DDDDDD;border-bottom:0}.b-article .main-content .article-wrapper .content-left .default-article table th{font-weight:600;background-color:#F5F5F5}.b-article .main-content .article-wrapper .content-left .default-article table th,.b-article .main-content .article-wrapper .content-left .default-article table td{padding:0.5rem 1rem !important;border-bottom:1px solid #DDDDDD !important;text-align:left !important}.b-article .main-content .article-wrapper .content-left .default-article img{display:block}.b-article .main-content .article-wrapper .content-left .default-article center{font-size:0.75rem;color:#999999}.b-article .main-content .article-wrapper .content-left .default-article .article-img .img-caption p{font-size:0.875rem;color:var(--Grayscale-600-Gray-Text-Color, #4E4E4E);line-height:1.5}.b-article .main-content .article-wrapper .content-left .default-article .article-img{display:table;margin:0 auto}.b-article .main-content .article-wrapper .content-left .default-article .article-img .img-caption{width:0;min-width:100%}.b-article .main-content .content-left strong:has(+ol),.b-article .main-content .content-left strong:has(+ul){display:block;background-color:var(--H-Brand-Color-50);border-left:4px solid var(--brand);padding:16px;text-transform:uppercase;font-size:0.875rem}.b-article .main-content .content-left strong+ol,.b-article .main-content .content-left strong+ul{display:block;background-color:var(--H-Brand-Color-50);border-left:4px solid var(--brand);margin-top:0;padding-bottom:16px;padding-right:16px;font-size:1.125rem}@media (min-width: 48rem){.main-content .content-right{width:24.7rem;margin-left:auto;grid-column:2;grid-row:span 2}.main-content .content-right #content-right-wrapper{background-color:white;border:1px solid #DDD;padding:24px 1rem 1rem 1rem}}.b-article .main-content .content-right .content-right-sep,.b-article .main-content .content-right .sp-right,.b-article .main-content .content-right .send-sep,.b-article .main-content .content-right .choose-by-category{display:none}.main-content .content-right #content-right-wrapper{font-size:1rem;line-height:1.5}.main-content .content-right #content-right-wrapper>div:not(:last-child){margin-bottom:1.5rem;box-sizing:border-box}.main-content .content-right #content-right-wrapper>div h4{text-transform:uppercase;color:var(--Grayscale-600-Gray-Text-Color);margin:0;font-weight:400}.b-article .main-content .content-right #content-right-wrapper>div p{font-weight:600;margin:0}.b-article .main-content .content-right #content-right-wrapper>div.social{display:none}.b-article .main-content .content-right #content-right-wrapper>div.tags ul{margin:0;padding:0;list-style:none}.b-article .main-content .content-right #content-right-wrapper>div.tags>ul{margin:1rem 0}.b-article .main-content .content-right #content-right-wrapper>div.tags li{display:inline-block;color:var(--brand);background-color:var(--H-Brand-Color-100-Blue-Hover);font-weight:700;padding:4px 12px;margin-right:12px;margin-bottom:16px}.b-article .main-content .content-right #content-right-wrapper>div.authors{display:flex;flex-direction:column;gap:1rem;order:-1}.b-article .main-content .content-right #content-right-wrapper>div.authors .author{position:relative;padding-left:62px}.b-article .main-content .content-right #content-right-wrapper>div.authors .au-img{width:48px;height:48px;border-radius:24px;overflow:hidden;position:absolute;top:2px;left:0}.b-article .main-content .content-right #content-right-wrapper>div.authors .au-img img{display:block;width:100%}.b-article .main-content .content-right #content-right-wrapper>div.authors .au-name p,.b-article .main-content .content-right #content-right-wrapper>div.authors .au-pos p{margin:0;display:inline;font-weight:500;text-transform:none}.b-article .main-content .content-right #content-right-wrapper>div.authors .au-name a{font-size:1.125rem;font-weight:700;color:var(--Grayscale-900-Black-Text-Color)}.b-article .main-content .content-right #content-right-wrapper>div.footnote p{display:none;font-size:0.875rem;font-weight:500;text-transform:none}.b-article .main-content .content-right #content-right-wrapper>div.footnote .citation_displayed{display:block}.b-article .main-content .content-right #content-right-wrapper>div.footnote .citation-buttons-wrapper{display:block}.b-article .main-content .content-right #content-right-wrapper>div.footnote .citation-buttons-wrapper .citation-button.--active{color:#999999}.b-article .main-content .content-right #content-right-wrapper>div.footnote .citation-separator{color:#DDDDDD}.b-article .main-content .content-right #content-right-wrapper>div.social-share{padding:24px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD}@media (min-width: 48rem){.b-article .main-content .content-right #content-right-wrapper>div.social-share{border-bottom:none}}.b-article .main-content .content-right #content-right-wrapper>div.social-share>h4{text-align:center;font-weight:700;font-size:1.31rem;color:var(--Grayscale-900-Black-Text-Color);margin-bottom:1rem}@media (min-width: 48rem){.b-article .main-content .content-right #content-right-wrapper>div.social-share>h4{float:left;margin-right:32px;font-size:1rem;text-transform:initial;line-height:3rem}}.b-article .main-content .content-right #content-right-wrapper>div.social-share .share-buttons{display:flex;gap:32px;justify-content:center}.b-article .main-content .content-right #content-right-wrapper>div.social-share a.share{display:inline-block;text-align:center;line-height:3rem;padding:0.5rem;height:3rem}.b-article .content-below{width:100%}#readspeaker_button1{display:none}.b-category .main-content .article-header{padding-top:16px;overflow:auto;padding-bottom:2rem}@media (min-width: 48rem){.b-category .main-content .article-header{padding-top:32px;padding-bottom:2.5rem}}.b-category .page-title{margin:1rem 0 0 0}.b-category p{margin:0}.b-category .recent-answers{padding-top:1rem}.b-category .recent-answers .pagination{width:100%;display:flex}.b-category .recent-answers .pagination p{width:50%}.b-category .recent-answers .pagination p:last-of-type{order:-1}.b-category .recent-answers .pagination p:first-of-type{text-align:right}.b-category .recent-answers .pagination p a{font-weight:600;font-size:0.75rem;text-transform:uppercase;display:inline-block;padding:1rem 0.5rem;width:100%;box-sizing:border-box}.b-category .recent-answers .pagination p svg{vertical-align:middle;position:relative;top:-1px}.b-category .categories-list ul{list-style-type:none;padding:0;position:relative;margin-top:32px;margin-bottom:72px;height:34%}.b-category .categories-list ul li{width:100%;box-sizing:border-box;margin-bottom:10px;font-weight:600}@media (min-width: 48rem){.b-category .categories-list ul{background-color:white;border:1px solid #DDD;padding:40px 48px;margin-top:56px;margin-bottom:123px}.b-category .categories-list ul{-moz-columns:2;columns:2}}@media (min-width: 70rem){.b-category .categories-list ul{-moz-columns:3;columns:3}}.b-category .categories-list ul li a{display:inline-block;color:var(--brand);padding:12px 4px 6px 4px;font-weight:700;line-height:1.5rem;border-bottom:2px solid var(--brand);text-decoration:none}.b-category .categories-list ul li a:hover{background-color:var(--H-Brand-Color-100-Blue-Hover)}.b-category .categories-list ul li a:after{content:" ";background-image:url("/design/i_vv/arrow_right_brand.svg");width:24px;height:24px;float:right;margin-left:0.75rem}.b-category .author-title img.author-portrait{display:block;height:124px;width:124px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.b-category .pagination h3{font-weight:400;font-size:1.125rem;margin-top:2.5rem}@media (min-width: 48rem){.b-category .pagination h3{margin-top:3rem}}.b-category .category-title .descr_img_frame{justify-self:end;margin-top:32px}.b-page .main-content .article-header{padding-top:16px;overflow:auto}@media (min-width: 48rem){.b-page .main-content .article-header{padding-top:32px}}.b-page .main-content .article-header p.authors{text-transform:uppercase}.b-page .main-content .article-header h1{margin-top:0}.b-page .main-content article img{border:1px solid #DDDDDD;padding:0.5rem}.b-page .main-content article hr.stream{display:none}.b-page .main-content .article-wrapper{padding-top:52px}.b-page .main-content .content-right #content-right-wrapper{background-color:white;border:1px solid #DDD;padding:24px 1rem 1rem 1rem;position:sticky;top:1rem;transition:top 0.2s}.b-page.menu__up .main-content .content-right #content-right-wrapper{top:6rem}.b-search .main-content .category-title{display:none}.b-search .main-content .search-header{padding-top:16px;padding-bottom:5.5rem;position:relative;overflow:auto}@media (min-width: 48rem){.b-search .main-content .search-header{padding-top:32px}}.b-search .main-content .search-header h2{font-size:1rem;color:var(--Grayscale-600);font-weight:400;margin:2rem 0;position:absolute}.searchbar{background-color:white;line-height:3.5rem;padding:0 1rem 0 3rem;position:relative;border-top:1px solid rgba(255,255,255,0.1)}@media (min-width: 768px){.searchbar{order:0;flex-grow:1;padding:0 1rem 0 3rem;border-top:0;border-left:1px solid rgba(255,255,255,0.1)}}.searchbar input{border:0;border-left:1px solid;padding-left:0.5rem;border-radius:0;width:100%;color:#707070;height:1.75rem;background-color:white}.searchbar input:focus{outline:0}.searchbar input::-webkit-input-placeholder{color:rgba(0,0,0,0.6)}.searchbar input::-moz-placeholder{color:rgba(0,0,0,0.6)}.searchbar input:-ms-input-placeholder{color:rgba(0,0,0,0.6)}.searchbar input:-moz-placeholder{color:rgba(0,0,0,0.6)}.searchbar input[type="search"]{-webkit-appearance:none}.searchbar svg{color:#4e4e4e;line-height:3.5rem;height:3.5rem;position:absolute;left:1rem}@media (min-width: 768px){.searchbar svg{left:1rem}}.b-search .main-content .main-search-container form .btn{padding:0;margin-left:1rem;width:8rem}.b-search .main-content .main-search-container .search-results{padding-top:46px}.b-search .main-content .main-search-container .search-results>h2.noresult{text-align:center;font-size:1.25rem}.b-search .main-content .main-search-container .search-result{min-height:196px;background-color:white;margin-bottom:2rem;padding:24px;border:1px solid #DDDDDD;display:block;height:100%;border-bottom:4px solid var(--brand);color:var(--Grayscale-900-Black-Text-Color);position:relative}.b-search .main-content .main-search-container .search-result h3{font-size:1.25rem;font-weight:600;margin:0}.b-search .main-content .main-search-container .search-result .result-category{text-transform:uppercase;font-size:0.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5rem;margin-bottom:0.5rem}.b-search .main-content .main-search-container .search-result .result-category img{display:none}.b-search .main-content .main-search-container .search-result time{display:none}.b-search .main-content .main-search-container .search-result p{display:none}.b-search .main-content .main-search-container .search-result .search-result-img{display:none}.b-search .main-content .main-search-container .search-result>a:last-of-type{display:none}@media (min-width: 48rem){.b-search .main-content .main-search-container .search-result{display:grid;grid-template-columns:341px auto;grid-template-rows:auto auto auto minmax(16px, 1fr);-moz-column-gap:1rem;column-gap:1rem;min-height:16rem;padding:0 2rem 0 0}.b-search .main-content .main-search-container .search-result .result-category{margin-top:16px;margin-bottom:1rem;display:flex;align-items:center;font-weight:700}.b-search .main-content .main-search-container .search-result .result-category img{padding:4px;background:var(--Grayscale-100);margin-right:8px;border-radius:2px;display:block}.b-search .main-content .main-search-container .search-result time{display:block;margin-bottom:0.5rem}.b-search .main-content .main-search-container .search-result p{display:block;margin-top:0.5rem}.b-search .main-content .main-search-container .search-result .search-result-img{display:block;grid-column:1;grid-row:1 / -1;height:0;min-height:100%}.b-search .main-content .main-search-container .search-result .search-result-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}.b-search .main-content .main-search-container .search-result:hover{border:1px solid var(--brand);border-bottom:4px solid var(--brand);box-shadow:0px 10px 15px -3px rgba(131,131,131,0.08),0px 4px 24px 0px rgba(98,98,98,0.05)}.b-search .main-content .main-search-container .search-result:after{content:" ";background-image:url("/design/i_vv/arrow_topright.svg");position:absolute;top:24px;right:24px;width:24px;height:24px;opacity:0;transform:rotate(350deg);transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}.b-search .main-content .main-search-container .search-result:hover:after{transform:rotate(360deg);opacity:1}.sp-top-img{position:relative;min-height:72px}.sp-top-img img{display:block;margin:0 auto;padding:1rem 0}@media (min-width: 48rem){.sp-top-img img{width:365px;display:block;position:absolute;right:-8px;top:-41px}.b-article .sp-top-img{justify-self:end;padding-bottom:3rem}.b-article .sp-top-img img{position:static}}.breadcrumbs{font-size:1.125rem;margin-bottom:8px}.breadcrumbs .b-left{position:absolute;top:-999999rem;height:0;opacity:0}.breadcrumbs a,.breadcrumbs span{display:inline-flex;padding-right:1rem;color:var(--Grayscale-600-Gray-Text-Color)}.breadcrumbs a:not(:first-child):before{content:" ";width:1px;height:24px;background-color:var(--Grayscale-200-Decorative-Elements, #d3d3d3);display:block;margin-right:1rem}.breadcrumbs .b-right{display:grid;grid-template-columns:auto;grid-template-rows:auto auto auto;grid-auto-rows:0;overflow-y:hidden;justify-items:start;align-items:flex-start}.breadcrumbs .b-right.--open{grid-auto-rows:auto}.breadcrumbs .b-right.--open .btn.btn-badge img{transform:rotate(180deg)}.breadcrumbs .b-date{border-left:none;padding-left:0}.breadcrumbs .b-cat{display:flex}.breadcrumbs .btn.btn-badge{margin:0.5rem 0}@media (min-width: 48rem){.breadcrumbs{margin-top:4rem}.breadcrumbs .b-right{grid-template-columns:auto 1fr auto;grid-template-rows:minmax(2.5rem, auto)}.breadcrumbs .b-right.--open{grid-auto-rows:minmax(2.5rem, auto)}.breadcrumbs .b-cat{grid-column:2}.breadcrumbs a:before{content:" ";width:1px;height:24px;background-color:var(--Grayscale-200-Decorative-Elements, #d3d3d3);display:block;margin-right:1rem}.breadcrumbs .btn.btn-badge{margin:0}}.breadcrumbs-button{display:inline-block;font-size:0.875rem;background:#FFFFFF;border:1px solid #DDDDDD;height:3rem;line-height:3rem;padding:0 1rem;margin-bottom:72px;grid-column:span 2}.breadcrumbs-button a{text-decoration:underline;font-weight:700;color:var(--brand);position:relative}.breadcrumbs-button span{max-width:25rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom}.breadcrumbs-button span,.breadcrumbs-button a:not(.br-back){display:none}@media (min-width: 48rem){.breadcrumbs-button span,.breadcrumbs-button a:not(.br-back){display:inline-block;margin-left:2.25rem}.breadcrumbs-button a:after{content:" ";display:block;width:5px;height:5px;border-top:1.8px solid var(--Grayscale-900-Black-Text-Color);border-right:1.8px solid var(--Grayscale-900-Black-Text-Color);position:absolute;top:50%;right:-20px;transform:rotate(45deg) translateY(-50%)}}.breadcrumbs-button img{vertical-align:middle;position:relative;top:-2px}.breadcrumbs-button img.br-home{display:none}@media (min-width: 48rem){.breadcrumbs-button img.br-home{display:initial}.breadcrumbs-button img.br-arrow{display:none}}.recent-answers{position:relative;padding:48px 0 48px 0;width:calc(100%);display:flex;flex-direction:column}@media (min-width: 48rem){.recent-answers{flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding:48px 0 72px 0}}.recent-answers>h2{margin-bottom:24px}.recent-answers a{order:1;align-self:center}@media (min-width: 48rem){.recent-answers a{order:initial;margin-left:auto}}.recent-answers .recent-answers-wrapper{display:grid;position:relative;width:100%;margin-bottom:1rem;gap:1rem}.recent-answers article{width:100%;min-height:196px}@media (min-width: 48rem){.recent-answers .recent-answers-wrapper{grid-template-columns:1fr 1fr 1fr}}.recent-answers article .recent-article-wrapper{background-color:white;padding:24px;border:1px solid #DDDDDD;display:block;height:100%;box-sizing:border-box;border-bottom:4px solid var(--brand);color:var(--Grayscale-900-Black-Text-Color);position:relative}.recent-answers article .recent-article-wrapper:hover{border:1px solid var(--brand);border-bottom:4px solid var(--brand);box-shadow:0px 10px 15px -3px rgba(131,131,131,0.08),0px 4px 24px 0px rgba(98,98,98,0.05)}.recent-answers article .recent-article-wrapper:after{content:" ";background-image:url("/design/i_vv/arrow_topright.svg");position:absolute;top:24px;right:24px;width:24px;height:24px;opacity:0;transform:rotate(350deg);transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}.recent-answers article .recent-article-wrapper:hover:after{transform:rotate(360deg);opacity:1}.recent-answers article img{display:none}.recent-answers article h4{font-size:1.25rem;font-weight:600;margin:0}.recent-answers article .recent-category{text-transform:uppercase;font-size:0.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5rem;margin-bottom:0.5rem}@media (min-width: 48rem){.recent-answers.tab-answers{flex-direction:column;align-items:stretch}.recent-answers.tab-answers .arrow-btn{margin-left:initial}}.science-news{display:flex;flex-direction:column;padding-bottom:72px;margin-top:28px}.science-news .science-news-wrapper{border:1px solid #DDDDDD;padding:0.5rem 1.5rem 1.5rem 1.5rem;border-bottom:4px solid var(--brand)}.science-news .science-news-wrapper h1{font-size:2rem}.science-news .science-news-wrapper h1 a{color:initial}.science-news .arrow-btn{align-self:center;margin-top:2rem}@media (min-width: 48rem){.science-news{flex-direction:row;flex-wrap:wrap;margin-top:62px}.science-news .science-news-wrapper{order:1}.science-news .arrow-btn{margin-top:0;margin-left:auto}}.science-calendar{margin-top:48px}@media (min-width: 48rem){.science-calendar{margin-top:88px}}.science-calendar .science-calendar-wrapper{background-color:white;display:flex;flex-direction:column;border:1px solid #d3d3d3;border-bottom:4px solid var(--brand);margin:2rem 0;position:relative}@media (min-width: 48rem){.science-calendar .science-calendar-wrapper{flex-direction:row}}.science-calendar .science-calendar-wrapper:hover{border:1px solid var(--brand);border-bottom:4px solid var(--brand);box-shadow:0px 10px 15px -3px rgba(131,131,131,0.08),0px 4px 24px 0px rgba(98,98,98,0.05)}.science-calendar .science-calendar-wrapper:after{content:" ";background-image:url("/design/i_vv/arrow_topright.svg");position:absolute;top:24px;right:24px;width:24px;height:24px;opacity:0;transform:rotate(350deg);transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}.science-calendar .science-calendar-wrapper:hover:after{transform:rotate(360deg);opacity:1}.science-calendar .science-calendar-wrapper .science-item-hero{display:block}@media (min-width: 48rem){.science-calendar .science-calendar-wrapper .science-item-hero{width:341px}}.science-calendar .science-calendar-wrapper .science-item-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.science-calendar .science-calendar-wrapper .science-item-content{flex-basis:0;flex-grow:1;padding:24px 16px}.science-calendar .science-calendar-wrapper .science-item-content .section-title{text-transform:uppercase;font-weight:700;margin:0}.science-calendar .science-calendar-wrapper .science-item-content h1{margin:0.5rem 0 1.25rem 0;font-size:1.653rem;color:var(--Grayscale-900-Black-Text-Color, #1C1C1C)}@media (min-width: 48rem){.science-calendar .science-calendar-wrapper .science-item-content h1{margin-top:20px}}.science-calendar .science-calendar-wrapper .science-item-content h2{font-size:1rem;color:var(--Grayscale-900-Black-Text-Color, #1C1C1C);display:none}.science-calendar .science-calendar-wrapper .science-item-content .btn{margin-top:1rem}.contact-info ul.contact-list{margin:0.5rem 0 0 0;padding:0;list-style-type:none;display:flex;flex-direction:column}.contact-info ul.contact-list li{margin-bottom:1rem}.contact-info ul.contact-list li a{color:var(--Grayscale-900-Black-Text-Color)}.contact-info ul.contact-list .f-email a{color:var(--brand)}.contact-info ul.contact-list li img{vertical-align:text-bottom;margin-right:0.5rem;transform:translateY(2px);width:initial}.contact-info h4{font-size:0.875rem;text-transform:uppercase;color:var(--Grayscale-500-Disabled-Text-Color);margin-top:10px}.b-page .main-content .about-info .r-title{font-size:0.875rem;text-transform:uppercase;color:var(--Grayscale-500-Disabled-Text-Color);margin-top:10px;font-weight:700}.b-page .main-content .about-info p{margin:0}.b-page .main-content .about-info .name{font-weight:700}.b-page .main-content .about-info .email{display:flex;margin-top:1.5rem;font-weight:700;gap:8px;text-decoration:underline}.b-page .main-content .about-info .hr .resource .email img{width:initial;height:initial}@media (min-width: 48rem){.b-page .main-content .about-info{display:flex;padding:0 16px}.b-page .main-content .about-info .info{flex:1;background-color:white;border:1px solid #DDD;padding:2rem}}.b-page .main-content .about-info .hr{display:flex}.b-page .main-content .about-info .horizontal-scroll-wrapper{flex:3 1 12rem}.b-page .main-content .about-info .horizontal-scroll-wrapper>a svg{display:none}@media (max-width: 48rem){.b-page .main-content .about-info .hr{padding:0 16px;overflow-x:scroll}.b-page .main-content .about-info .horizontal-scroll-wrapper{position:relative}.b-page .main-content .about-info .horizontal-scroll-wrapper>a svg{width:24px;height:24px;z-index:2;position:absolute;top:50%;transform:translateY(-50%);color:var(--pink-text)}.b-page .main-content .about-info .horizontal-scroll-wrapper>a.right svg{display:inline-block;right:12px}.b-page .main-content .about-info .horizontal-scroll-wrapper>a.left svg{display:inline-block;left:12px}.b-page .main-content .about-info .horizontal-scroll-wrapper>a.left,.b-page .main-content .about-info .horizontal-scroll-wrapper>a.right{content:"";position:absolute;z-index:1;top:0;bottom:0;width:26%;opacity:0;transition:opacity 0.3s;pointer-events:none}.b-page .main-content .about-info .horizontal-scroll-wrapper>a.left{background-image:linear-gradient(to right, #FCFCFC 30%, rgba(252,252,252,0) 105%);left:0}.b-page .main-content .about-info .horizontal-scroll-wrapper>a.right{background-image:linear-gradient(272deg, #FCFCFC 30%, rgba(252,252,252,0) 105%);right:0}.b-page .main-content .about-info .horizontal-scroll-wrapper.left>a.left{opacity:1;pointer-events:auto}.b-page .main-content .about-info .horizontal-scroll-wrapper.right>a.right{opacity:1;pointer-events:auto}.b-page .main-content .about-info .info{padding:0 16px;padding-bottom:2rem}.layout .main-content .about-info{padding:0;padding-top:1px}}.b-page .main-content .about-info .hr .resource{background-color:white;border:1px solid #DDD;padding:1.5rem;flex:1 0 13.5rem}@media (min-width: 48rem){.b-page .main-content .about-info .hr .resource{flex:1;padding:2rem}}.b-page .main-content .about-info .hr .resource img{width:72px;height:72px;border-radius:36px}.public-stats-container-container{background-color:white;border:1px solid #DDD;padding:21px}.public-stats-container-container h3{margin-top:0;margin-bottom:2rem}.tab-nav{margin:24px 0;border-bottom:2px solid #DDDDDD}.tab-nav a{display:inline-block;padding:12px 16px 14px 16px;font-weight:600;color:#999999;transform:translateY(2px)}.tab-nav a.--active{border-bottom:2px solid var(--brand);color:var(--brand);background-color:var(--H-Brand-Color-100-Blue-Hover);transition:none}.tab-nav a:hover{text-decoration:none}.tabs .tab{display:none}.tabs .tab.--active{display:grid}.tabs.--block .tab.--active{display:block}footer{padding:1rem;padding-top:0;background-color:white}@media (min-width: 768px){footer{line-height:6rem}}footer .footer-container{border-top:1px solid #DDDDDD}@media (min-width: 54rem){footer .footer-left-right{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem}footer .footer-center{margin:0 auto}footer .footer-right{justify-self:end}}footer .footer-left>a{width:96px;height:96px;background:url(/design/i_vv/logo2.svg);background-repeat:no-repeat;background-position:center;display:block;margin-bottom:1rem}footer .footer-left .extra:before{content:" "}footer .scroll-up{border-bottom:2px solid var(--brand);padding-left:4px;padding-right:4px}footer .contact-info ul.contact-list{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column}@media (min-width: 48rem){footer .contact-info ul.contact-list{text-align:left;flex-direction:row;align-items:center;gap:1rem}footer .footer-info li{flex-grow:1}}footer .footer-info li{margin-bottom:1rem}footer .footer-info li a{color:var(--Grayscale-900-Black-Text-Color)}footer .footer-info .f-email a{color:var(--brand);text-decoration:underline}footer .footer-info li img{vertical-align:text-bottom;margin-right:0.5rem;transform:translateY(2px)}.poppin{position:fixed;top:0;left:0;bottom:0;background:var(--Grayscale-50-Background-Color);box-shadow:0 0 0 99999px rgba(0,0,0,0.2);padding:24px 16px;width:100%;display:none;z-index:1050;overflow-x:auto;box-sizing:border-box}@media (min-width: 48rem){.poppin{top:50%;left:50%;bottom:initial;transform:translate(-50%, -50%);max-height:90%;width:40rem}}.poppin h2{margin:32px 0}.poppin.md-send{padding-bottom:0}.poppin a.instructions,.poppin a.instructions-close{float:right;font-weight:700;color:var(--Grayscale-600-Gray-Text-Color);text-transform:uppercase;font-size:0.875rem;line-height:1.5rem}.poppin a.instructions svg,.poppin a.instructions-close svg{vertical-align:middle;margin-left:0.25rem;position:relative;top:-2px}.poppin a.instructions-close{display:none}.poppin .md-fields .md-input{box-sizing:border-box;margin-bottom:1rem}.poppin .md-fields .md-input label{display:block;font-weight:700;line-height:2rem}.poppin .md-fields .md-input input,.poppin .md-fields .md-input textarea{width:100%;border:1px solid #DDDDDD;font-family:"Inter", Helvetica, Arial, sans-serif;padding:12px 16px;box-sizing:border-box}.poppin .md-fields .md-input.md-math{display:none}.poppin .md-actions{display:flex;align-items:end;height:120px;position:sticky;bottom:0;left:0;right:0;z-index:1050;padding:24px 16px;margin-left:-16px;margin-right:-16px;gap:24px;background:linear-gradient(0deg, white 0%, white 50%, rgba(255,255,255,0) 100%)}.poppin .md-actions input,.poppin .md-actions button{flex:1;cursor:pointer}.poppin .instructions-more{display:none;position:absolute}.poppin.--help .instructions-more{display:block}.poppin.--help form .md-fields{pointer-events:none;z-index:-1;opacity:0}.poppin.--help .md-actions button.send-button{background:#FFFFFF;color:#DDDDDD;pointer-events:none}.poppin.--help a.instructions{display:none}.poppin.--help a.instructions-close{display:block}.poppin.poppin--alert{bottom:2rem;left:2rem;z-index:1001;display:flex;top:auto;width:auto;right:auto;justify-content:space-between;transform:none;box-shadow:0px 10px 15px -3px rgba(131,131,131,0.08),0px 4px 24px 0px rgba(98,98,98,0.05)}.poppin.poppin--alert .btn{margin-left:1rem;white-space:nowrap}.poppin.poppin--alert p{margin:0;flex-basis:1}@media (min-width: 768px){.poppin.poppin--alert p{white-space:nowrap;line-height:3rem}}@media (max-width: 768px){.poppin.poppin--alert{bottom:0;left:0;right:0}}.poppin.poppin--alert.--hide{opacity:0;pointer-events:none;transform:translateY(2rem);transition:all 250ms cubic-bezier(0.4, 0.15, 0, 0.975)}body.--sendquestion{overflow:hidden}body.--sendquestion .md-send{display:block}body.--sendtofriend{overflow:hidden}body.--sendtofriend .md-email{display:block}#cookie-policy-disclaimer svg path{fill:none}#hi_readspeaker_play,#hi_readspeaker_button>div>span{background-color:#ffffff;border:1px solid #d3d3d3;border-radius:2px}#hi_readspeaker_button>button{background-color:#ffffff !important;border:1px solid #d3d3d3 !important}#hi_readspeaker_play>span.rsbtn_left.rsimg.rspart>span>span{font-size:1rem;font-weight:700;line-height:1.7rem}.rs_addtools a,.rs_addtools span,.rsbtn a,.rsbtn span{font-family:'Atkinson Hyperlegible',serif !important}#hi_readspeaker_play>span.rsbtn_right.rsimg.rsplay.rspart::before,#hi_readspeaker_button>div.rsbtn_exp.rsimg.rspart>span>button.rsbtn_pause.rsbtn_player_item>span.rsicn.rsicn-pause::before,#hi_readspeaker_button>div>span>span.rsbtn_volume_container.rsbtn_dropdown>input,#hi_readspeaker_button>div>span>span.rsbtn_speed_container.rsbtn_dropdown>input,#rs-controlpanel>button.rs-controlpanel-btn.rs-controlpanel-playpause>span::before,#rs-controlpanel>button.rs-controlpanel-scroll-toggler.enabled>span.rs-controlpanel-scroll-state{color:#BF125D !important}.rsbtn_player_item:active,.rsbtn_player_item:focus{background-color:#E5EDFF !important}.rsbtn .rsbtn_play:focus .rsbtn_left .rsbtn_text span,.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus span.rsicn{color:#000 !important}#rs-controlpanel,#hi_readspeaker_button>div>span>span.rsbtn_dropdown{background-color:#ffffff !important}#rs-controlpanel button:active,#rs-controlpanel button:focus{background-color:#E5EDFF !important;color:#000}#rs-controlpanel button:focus.rs-controlpanel-scroll-toggler span{color:#000 !important}#hi_readspeaker_button>div>span>span.rs-player-loadindicator{background:#F4B8CE}#hi_readspeaker_button>div>span>span.rs-player-loadindicator>span.rsbtn-progress{background:#BF125D}#hi_readspeaker_button>div>span>span.rsbtn_speed_container.rsbtn_dropdown>input.rs-slider,#hi_readspeaker_button>div>span>span.rsbtn_volume_container.rsbtn_dropdown>input.rs-slider{accent-color:#BF125D}
		.eu-header-data {
			display: flex;
			flex-direction: row;
			background-color: white;
			box-shadow: 0px 0px 40px 0px rgba(89, 89, 89, 0.08);
		}
		.eu-header-data .eu-data-item {
			font-size: 0.875em;
			font-weight: 700;
			text-align: center;
			color: #2D2D2D;
			text-transform: uppercase;
			flex-grow: 1;
			flex-basis: 0;
			min-height: 7.5rem;
			border-right: 1px solid #eee;
			border-bottom: 1px solid #eee;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.eu-header-data .eu-data-item:last-child {
			border-right: none;
		}
		.eu-header-data .eu-data-item svg {
			display: block;
			margin-bottom: 0.5rem;
		}
		.eu-header-data .eu-data-item strong {
			font-size: 0.86em;
			font-weight: 600;
			display: block;
		}
		.eu-header-data .eu-data-item span {
			font-size: 0.86em;
			font-weight: 400;
			display: block;
		}

		/* AI Toggle CSS Flags - can be controlled via CMS */
		.ai-hero--hidden { display: none !important; }
		.classic-search--hidden { display: none !important; }

		/* AI Hero Close Button */
		.ai-hero-close {
			position: absolute;
			top: 12px;
			right: 12px;
			width: 32px;
			height: 32px;
			border: none;
			background: transparent;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			font-size: 24px;
			cursor: pointer;
			border-radius: 4px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: background-color 0.2s, color 0.2s;
		}
		.ai-hero-close:hover {
			background-color: rgba(0,0,0,0.05);
			color: var(--Grayscale-900-Black-Text-Color, #312525);
		}


		/* Author Profile Page Styles */
		.author-page {
			background-color: var(--Grayscale-50-Background-Color, #FCFCFC);
		}

		.page-header {
			background-color: var(--H-Brand-Color-50, #f4faf6);
			border-bottom: 1px solid var(--H-Brand-Color-100-Blue-Hover, #e8f5ec);
			padding: 48px 16px 56px;
		}

		.page-header-content {
			max-width: 78rem;
			margin: 0 auto;
		}

		/* Breadcrumb */
		.breadcrumb {
			display: flex;
			align-items: center;
			gap: 8px;
			font-size: 0.875rem;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin-bottom: 24px;
		}

		.breadcrumb a {
			color: var(--brand, #005111);
			text-decoration: none;
		}

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

		.breadcrumb-separator {
			color: var(--Grayscale-500-Disabled-Text-Color, #707070);
		}

		/* Author Header */
		.author-header {
			display: flex;
			gap: 32px;
			align-items: flex-start;
		}

		.author-photo {
			width: 160px;
			height: 160px;
			border-radius: 2px;
			object-fit: cover;
			border: 4px solid white;
			box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
			flex-shrink: 0;
		}

		.author-info {
			flex: 1;
		}

		.author-name {
			font-size: 2.5rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 0 0 8px 0;
			line-height: 1.2;
		}

		.author-title {
			font-size: 1.25rem;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin: 0 0 16px 0;
		}

		.author-stats {
			display: flex;
			gap: 24px;
			flex-wrap: wrap;
		}

		.author-stat {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.author-stat-number {
			font-size: 1.5rem;
			font-weight: 700;
			color: var(--brand, #005111);
		}

		.author-stat-label {
			font-size: 0.875rem;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
		}

		/* Main Content */
		.author-content {
			max-width: 78rem;
			margin: 0 auto;
			padding: 48px 16px 80px;
		}

		/* Answers Section */
		.answers-section {
			margin-bottom: 48px;
		}

		.section-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 24px;
			padding-bottom: 12px;
			border-bottom: 2px solid var(--brand, #005111);
		}

		.section-title {
			font-size: 1.5rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 0;
		}

		.section-count {
			font-size: 0.875rem;
			color: var(--Grayscale-500-Disabled-Text-Color, #707070);
		}

		/* Answer Cards */
		.answers-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
			gap: 24px;
		}

		.answer-card {
			background: white;
			border: 1px solid #DDDDDD;
			border-bottom: 4px solid var(--brand, #005111);
			padding: 24px;
			transition: box-shadow 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
			display: flex;
			flex-direction: column;
		}

		.answer-card:hover {
			box-shadow: 0px 10px 15px -3px rgba(131,131,131,0.08), 0px 4px 24px 0px rgba(98,98,98,0.05);
		}

		.answer-category {
			font-size: 0.75rem;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: var(--brand, #005111);
			font-weight: 700;
			margin-bottom: 12px;
		}

		.answer-title {
			font-size: 1.125rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			text-decoration: none;
			line-height: 1.4;
			margin-bottom: 12px;
			display: block;
			flex: 1;
		}

		.answer-title:hover {
			color: var(--brand, #005111);
		}

		.answer-meta {
			display: flex;
			align-items: center;
			gap: 16px;
			font-size: 0.8125rem;
			color: var(--Grayscale-500-Disabled-Text-Color, #707070);
		}

		.answer-date {
			display: flex;
			align-items: center;
			gap: 6px;
		}

		.answer-views {
			display: flex;
			align-items: center;
			gap: 6px;
		}

		/* Empty State */
		.empty-state {
			text-align: center;
			padding: 48px 24px;
			background: var(--Grayscale-100, #EEE);
			border-radius: 2px;
		}

		.empty-state p {
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin: 0;
		}

		/* Responsive */
		@media (max-width: 768px) {
			.author-header {
				flex-direction: column;
				align-items: center;
				text-align: center;
			}

			.author-photo {
				width: 120px;
				height: 120px;
			}

			.author-name {
				font-size: 1.75rem;
			}

			.author-stats {
				justify-content: center;
			}

			.page-header {
				padding: 32px 16px 40px;
			}

			.answers-grid {
				grid-template-columns: 1fr;
			}

			.section-header {
				flex-direction: column;
				align-items: flex-start;
				gap: 8px;
			}
		}

        /* Evrópuvefurinn brand overrides */
        :root {
            --brand-primary: #005111;
            --brand-light: #d4f0dd;
            --brand-dark: #003d0d;
        }

        body {
            background-color: #FCFCFC;
        }

        /* Category header */
        .category-header-box {
            background: var(--brand-light);
            border-left: 4px solid var(--brand-primary);
            padding: 1.5rem;
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
            border-radius: 0 2px 2px 0;
        }

        .category-header-box p {
            margin: 0;
            color: #444;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .category-meta {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            margin-top: 1rem;
            font-size: 0.85rem;
            color: #666;
        }

        .category-meta span {
            display: flex;
            align-items: center;
            gap: 0.35rem;
        }

        /* Sort controls */
        .sort-controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 0;
            margin-bottom: 1rem;
            border-bottom: 1px solid #e8e8e8;
        }

        .sort-controls .result-count {
            font-size: 0.9rem;
            color: #666;
        }

        .sort-controls .sort-options {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .sort-controls label {
            font-size: 0.85rem;
            color: #666;
        }

        .sort-controls select {
            padding: 0.4rem 0.75rem;
            border: 1px solid #ddd;
            border-radius: 2px;
            font-size: 0.85rem;
            background: #fff;
            cursor: pointer;
        }

        .sort-controls select:focus {
            outline: none;
            border-color: var(--brand-primary);
        }

        /* Articles grid */
        .articles-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
            gap: 24px;
        }

        .article-card {
            background: white;
            border: 1px solid #DDDDDD;
            border-bottom: 4px solid var(--brand-primary);
            transition: box-shadow 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
            display: flex;
            flex-direction: column;
        }

        .article-card:hover {
            box-shadow: 0px 10px 15px -3px rgba(131,131,131,0.08), 0px 4px 24px 0px rgba(98,98,98,0.05);
        }

        .article-card a {
            display: block;
            padding: 24px;
            text-decoration: none;
            color: inherit;
        }

        .article-card .card-category {
            display: inline-block;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--brand-primary);
            background: none;
            padding: 0;
            margin-bottom: 12px;
        }

        .article-card h3 {
            font-size: 1.125rem;
            font-weight: 700;
            line-height: 1.4;
            color: var(--Grayscale-900-Black-Text-Color, #312525);
            margin: 0;
        }

        .article-card:hover h3 {
            color: var(--brand-primary);
        }

        /* Pagination */
        .pagination {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            margin-top: 2rem;
            padding-top: 1.5rem;
            border-top: 1px solid #e8e8e8;
        }

        .pagination a,
        .pagination span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 2.5rem;
            height: 2.5rem;
            padding: 0 0.5rem;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            font-size: 0.9rem;
            color: #333;
            text-decoration: none;
            transition: all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
        }

        .pagination a:hover {
            border-color: var(--brand-primary);
            color: var(--brand-primary);
            background: var(--brand-light);
        }

        .pagination .current {
            background: var(--brand-primary);
            border-color: var(--brand-primary);
            color: #fff;
        }

        .pagination .prev,
        .pagination .next {
            font-weight: 500;
        }

        .pagination .disabled {
            opacity: 0.4;
            pointer-events: none;
        }

        /* Related categories sidebar */
        .related-categories {
            background: #f9f9f9;
            border: 1px solid #e8e8e8;
            border-radius: 2px;
            padding: 1.25rem;
            margin-top: 1.5rem;
        }

        .related-categories h3 {
            font-size: 0.9rem;
            font-weight: 600;
            color: #333;
            margin: 0 0 1rem 0;
            padding-bottom: 0.75rem;
            border-bottom: 2px solid var(--brand-primary);
        }

        .related-categories ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .related-categories li {
            margin-bottom: 0.5rem;
        }

        .related-categories li:last-child {
            margin-bottom: 0;
        }

        .related-categories a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.5rem 0;
            color: #444;
            text-decoration: none;
            font-size: 0.9rem;
            border-bottom: 1px solid #eee;
            transition: color 250ms;
        }

        .related-categories li:last-child a {
            border-bottom: none;
        }

        .related-categories a:hover {
            color: var(--brand-primary);
        }

        .related-categories .count {
            font-size: 0.8rem;
            color: #999;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .articles-grid {
                grid-template-columns: 1fr;
            }

            .sort-controls {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.75rem;
            }

            .category-meta {
                flex-wrap: wrap;
                gap: 0.75rem;
            }
        }

/* Categories page */
        /* Vertical spacing utility */
        .content-spacing {
            margin-top: 3rem !important;
            margin-bottom: 4rem !important;
        }

        /* Category list specific styles */
        .categories-list {
            background: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            padding: 2rem;
        }

        .categories-intro {
            margin-bottom: 2rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid #e8e8e8;
        }

        .categories-intro p {
            font-size: 1rem;
            color: #444;
            line-height: 1.6;
            margin-bottom: 0.75rem;
        }

        .categories-intro p:last-child {
            margin-bottom: 0;
        }

        .categories-intro a {
            color: var(--brand-primary);
            text-decoration: underline;
        }

        .categories-intro a:hover {
            color: var(--brand-dark);
        }

        /* All categories button */
        .all-categories-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: var(--brand-primary) !important;
            color: #fff !important;
            padding: 0.75rem 1.25rem;
            border-radius: 2px;
            text-decoration: none;
            font-weight: 500;
            margin-bottom: 2rem;
            transition: background 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
        }

        .all-categories-btn:hover {
            background: var(--brand-dark) !important;
            color: #fff !important;
        }

        .all-categories-btn svg {
            width: 18px;
            height: 18px;
        }

        /* Category sections */
        .category-section {
            margin-bottom: 2.5rem;
        }

        .category-section:last-child {
            margin-bottom: 0;
        }

        .category-section-header {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--brand-primary);
        }

        .category-section-header h2 {
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--brand-primary);
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .category-section-header .count {
            font-size: 0.85rem;
            color: #666;
            font-weight: 400;
        }

        /* Category grid */
        .categories-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 1rem;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .category-item {
            background: #fafafa;
            border: 1px solid #e8e8e8;
            border-radius: 2px;
            transition: all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
        }

        .category-item:hover {
            border-color: var(--brand-primary);
            box-shadow: 0 2px 8px rgba(0, 81, 17, 0.08);
        }

        .category-item a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 1.25rem;
            color: #333;
            text-decoration: none;
            font-size: 0.95rem;
        }

        .category-item:hover a {
            color: var(--brand-primary);
        }

        .category-name {
            font-weight: 500;
        }

        .category-count {
            font-size: 0.8rem;
            color: #888;
            background: #f0f0f0;
            padding: 0.25rem 0.5rem;
            border-radius: 2px;
            white-space: nowrap;
        }

        .category-item:hover .category-count {
            background: var(--brand-light);
            color: var(--brand-primary);
        }

        /* Simple list for smaller categories */
        .categories-simple {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: wrap !important;
            gap: 0.75rem;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .categories-simple li {
            flex: 0 0 auto;
        }

        .categories-simple li a {
            display: inline-block;
            padding: 0.5rem 1rem;
            background: #f5f5f5;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            color: #333;
            text-decoration: none;
            font-size: 0.9rem;
            transition: all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
        }

        .categories-simple li a:hover {
            background: var(--brand-light);
            border-color: var(--brand-primary);
            color: var(--brand-primary);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .categories-list {
                padding: 1.25rem;
            }

            .categories-grid {
                grid-template-columns: 1fr;
            }

            .category-section-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.25rem;
            }
        }

/* Frontpage */
/* AI Disclaimer Styles - Evrópuvefurinn */
.ai-disclaimer {
  background: linear-gradient(135deg, #F8F5FC 0%, #F0EBF7 100%);
  border: 1px solid #D4C6E8;
  border-radius: 6px;
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-family: "Atkinson", Helvetica, Arial, sans-serif;
  box-shadow: 0 2px 8px rgba(107, 76, 154, 0.08);
}

.ai-disclaimer__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: #6B4C9A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai-disclaimer__icon svg {
  width: 20px;
  height: 20px;
  fill: white;
}

.ai-disclaimer__content {
  flex: 1;
}

.ai-disclaimer__title {
  font-size: 0.9rem;
  font-weight: 700;
  color: #3D2A5C;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ai-disclaimer__badge {
  background: #6B4C9A;
  color: white;
  font-size: 0.65rem;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.ai-disclaimer__text {
  font-size: 0.95rem;
  color: #4A4A4A;
  line-height: 1.5;
  margin: 0;
}

/* Article header variant - full width */
.ai-disclaimer--header {
  grid-column: 1 / -1;
  margin: -56px 0 16px 0;
}

@media (min-width: 48rem) {
  .ai-disclaimer--header {
    margin-bottom: -48px;
  }
}

/* Author section variant - compact */
.ai-disclaimer--author {
  padding: 14px 16px;
}

.ai-disclaimer--author .ai-disclaimer__icon {
  width: 32px;
  height: 32px;
}

.ai-disclaimer--author .ai-disclaimer__icon svg {
  width: 18px;
  height: 18px;
}

.ai-disclaimer--author .ai-disclaimer__title {
  font-size: 0.85rem;
}

.ai-disclaimer--author .ai-disclaimer__text {
  font-size: 0.875rem;
}

/* AI-Generated Content Visual Indicator */
.article-text.ai-generated-content {
  border-left: 4px solid #6B4C9A;
  padding-left: 1.5rem;
}

/* Sidebar labels in purple to match AI theme */
.content-right h4 {
  color: #6B4C9A;
}

/* Efnisorð keyword tags - purple theme (override green) */
.content-right .tags ul li {
  background: rgba(107, 76, 154, 0.15) !important;
}

.content-right .tags ul li:hover {
  background: rgba(107, 76, 154, 0.25) !important;
}

.content-right .tags ul li a {
/*  color: #5A3D8A !important;*/
}

.content-right .tags ul li:hover a {
  color: #4A2D7A !important;
}

/* AI Review Component Styles */
.ai-review-prompt {
  background: linear-gradient(135deg, #F8F5FC 0%, #F0EBF7 100%);
  border: 1px solid #D4C6E8;
  border-radius: 6px;
  padding: 20px;
  margin-top: 2rem;
  text-align: center;
  font-family: "Atkinson", Helvetica, Arial, sans-serif;
  box-shadow: 0 2px 8px rgba(107, 76, 154, 0.08);
}

.ai-review-question {
  font-size: 0.95rem;
  color: #4A4A4A;
  line-height: 1.5;
  margin: 0 0 16px 0;
}

.ai-review-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.ai-review-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #D4C6E8;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.ai-review-btn:hover {
  border-color: #6B4C9A;
  transform: scale(1.1);
}

.ai-review-btn svg {
  width: 24px;
  height: 24px;
  stroke: #6B4C9A;
  fill: none;
  stroke-width: 2;
}

.ai-review-good:hover {
  background: rgba(107, 76, 154, 0.1);
}

.ai-review-bad:hover {
  background: rgba(107, 76, 154, 0.1);
}

.ai-review-btn.selected {
  background: #6B4C9A;
  border-color: #6B4C9A;
}

.ai-review-btn.selected svg {
  stroke: white;
}

.ai-review-thanks {
  color: #6B4C9A;
  font-weight: 600;
  font-size: 0.95rem;
  margin-top: 12px;
  display: none;
}

.ai-review-thanks.show {
  display: block;
}

/* AI Review Modal */
.ai-review-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  justify-content: center;
  align-items: center;
}

.ai-review-modal.show {
  display: flex;
}

.ai-review-modal-content {
  background: white;
  border-radius: 8px;
  padding: 24px;
  max-width: 480px;
  width: 90%;
  position: relative;
  box-shadow: 0 4px 20px rgba(107, 76, 154, 0.2);
  font-family: "Atkinson", Helvetica, Arial, sans-serif;
}

.ai-review-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
  color: #888;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.2s;
}

.ai-review-modal-close:hover {
  background: #f0f0f0;
  color: #333;
}

.ai-review-modal-content h3 {
  font-size: 1.1rem;
  color: #3D2A5C;
  margin: 0 0 16px 0;
  padding-right: 24px;
}

.ai-review-modal-content textarea {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  border: 1px solid #D4C6E8;
  border-radius: 6px;
  font-family: "Atkinson", Helvetica, Arial, sans-serif;
  font-size: 0.95rem;
  resize: vertical;
  box-sizing: border-box;
}

.ai-review-modal-content textarea:focus {
  outline: none;
  border-color: #6B4C9A;
  box-shadow: 0 0 0 3px rgba(107, 76, 154, 0.1);
}

.ai-review-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6B4C9A;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  margin-top: 16px;
  transition: background 0.2s;
}

.ai-review-submit:hover {
  background: #5A3D8A;
}

.ai-review-submit:disabled {
  background: #ccc;
  cursor: not-allowed;
}

/* Frontpage */
body {transition: opacity ease-in 0.2s; } 
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; }
.layout,.layout .main-content,.layout .main-content .layout-item{margin-left:auto;margin-right:auto}.science-news{max-width:calc(var(--full-width) + 32px);margin:0 auto;padding-left:16px;padding-right:16px;box-sizing:border-box}.tab-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin:24px 0;border-bottom:2px solid #DDDDDD}.tab-row .tab-nav{flex:1;min-width:240px;margin:0;border-bottom:none}.tab-row .tab-row-cta{margin-left:auto;white-space:nowrap;font-size:0.875rem;font-weight:600;line-height:1.5;color:var(--brand)}.tab-row .tab-row-cta svg{margin-left:0.5rem}.tab-row .tab-row-cta:hover{text-decoration:none}.tab-row + .tabs{margin-top:24px}@media (max-width: 600px){.tab-row{flex-direction:column;align-items:flex-start}.tab-row .tab-row-cta{margin-left:0}}

/* Search */

        /* Search container */
        .search-container {
            background: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            padding: 2rem;
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
        }

        /* Main search form */
        .main-search-form {
            display: flex;
            gap: 0.5rem;
            margin-bottom: 1.5rem;
        }

        .main-search-form input[type="search"] {
            flex: 1;
            padding: 1rem 1.25rem;
            font-size: 1.1rem;
            border: 2px solid #e0e0e0;
            border-radius: 2px;
            outline: none;
            transition: border-color 250ms;
        }

        .main-search-form input[type="search"]:focus {
            border-color: var(--brand-primary);
        }

        .main-search-form button {
            padding: 1rem 2rem;
            background: var(--brand-primary);
            color: #fff;
            border: none;
            border-radius: 2px;
            font-size: 1rem;
            font-weight: 500;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            transition: background 250ms;
        }

        .main-search-form button:hover {
            background: var(--brand-dark);
        }

        .main-search-form button svg {
            width: 20px;
            height: 20px;
        }

        /* Search filters */
        .search-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            padding-top: 1rem;
            border-top: 1px solid #eee;
        }

        .filter-group {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .filter-group label {
            font-size: 0.85rem;
            color: #666;
        }

        .filter-group select {
            padding: 0.5rem 0.75rem;
            border: 1px solid #ddd;
            border-radius: 2px;
            font-size: 0.85rem;
            background: #fff;
        }

        /* Results header */
        .results-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.5rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #e8e8e8;
        }

        .results-header h2 {
            font-size: 1.1rem;
            font-weight: 500;
            color: #333;
            margin: 0;
        }

        .results-header .query-term {
            color: var(--brand-primary);
            font-weight: 600;
        }

        .results-header .result-count {
            font-size: 0.9rem;
            color: #666;
        }

        /* Search results list */
        .search-results {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .search-result {
            display: grid;
            grid-template-columns: 120px 1fr;
            gap: 1.25rem;
            padding: 1.25rem;
            background: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            text-decoration: none;
            color: inherit;
            transition: all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
        }

        .search-result:hover {
            border-color: var(--brand-primary);
            box-shadow: 0 4px 12px rgba(0, 81, 17, 0.08);
        }

        .result-thumbnail {
            width: 120px;
            height: 90px;
            background: #f0f0f0;
            border-radius: 2px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .result-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .result-thumbnail .placeholder {
            color: #bbb;
        }

        .result-content {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .result-meta {
            display: flex;
            align-items: center;
            gap: 1rem;
            font-size: 0.8rem;
        }

        .result-category {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            color: var(--brand-primary);
            font-weight: 500;
        }

        .result-date {
            color: #888;
        }

        .result-title {
            font-size: 1.05rem;
            font-weight: 500;
            color: #222;
            margin: 0;
            line-height: 1.4;
        }

        .search-result:hover .result-title {
            color: var(--brand-primary);
        }

        .result-excerpt {
            font-size: 0.9rem;
            color: #555;
            line-height: 1.5;
            margin: 0;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .result-excerpt mark {
            background: var(--brand-light);
            color: var(--brand-primary);
            padding: 0 2px;
            border-radius: 2px;
        }

        /* No results */
        .no-results {
            text-align: center;
            padding: 3rem 2rem;
            background: #f9f9f9;
            border-radius: 2px;
        }

        .no-results svg {
            width: 64px;
            height: 64px;
            color: #ccc;
            margin-bottom: 1rem;
        }

        .no-results h3 {
            font-size: 1.2rem;
            color: #333;
            margin: 0 0 0.5rem 0;
        }

        .no-results p {
            color: #666;
            margin: 0;
        }

        /* Pagination */
        .pagination {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            margin-top: 2rem;
            padding-top: 1.5rem;
            border-top: 1px solid #e8e8e8;
        }

        .pagination a,
        .pagination span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 2.5rem;
            height: 2.5rem;
            padding: 0 0.5rem;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            font-size: 0.9rem;
            color: #333;
            text-decoration: none;
            transition: all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
        }

        .pagination a:hover {
            border-color: var(--brand-primary);
            color: var(--brand-primary);
            background: var(--brand-light);
        }

        .pagination .current {
            background: var(--brand-primary);
            border-color: var(--brand-primary);
            color: #fff;
        }

        /* Quick suggestions sidebar */
        .search-suggestions {
            background: #f9f9f9;
            border: 1px solid #e8e8e8;
            border-radius: 2px;
            padding: 1.25rem;
            margin-top: 1.5rem;
        }

        .search-suggestions h3 {
            font-size: 0.9rem;
            font-weight: 600;
            color: #333;
            margin: 0 0 1rem 0;
            padding-bottom: 0.75rem;
            border-bottom: 2px solid var(--brand-primary);
        }

        .suggestion-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
        }

        .suggestion-tags a {
            display: inline-block;
            padding: 0.4rem 0.75rem;
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 2px;
            color: #444;
            text-decoration: none;
            font-size: 0.85rem;
            transition: all 250ms;
        }

        .suggestion-tags a:hover {
            background: var(--brand-light);
            border-color: var(--brand-primary);
            color: var(--brand-primary);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .search-container {
                padding: 1.25rem;
            }

            .main-search-form {
                flex-direction: column;
            }

            .main-search-form button {
                width: 100%;
                justify-content: center;
            }

            .search-result {
                grid-template-columns: 1fr;
            }

            .result-thumbnail {
                width: 100%;
                height: 150px;
            }

            .results-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.5rem;
            }

            .search-filters {
                flex-direction: column;
            }
        }


		/* 404 Page Styles */
		.error-page {
			background-color: var(--Grayscale-50-Background-Color, #FCFCFC);
			min-height: 100vh;
			display: flex;
			flex-direction: column;
		}

		.error-content {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 48px 16px;
		}

		.error-container {
			max-width: 600px;
			text-align: center;
		}

		.error-code {
			font-size: 8rem;
			font-weight: 700;
			color: var(--H-Brand-Color-100-Blue-Hover, #e8f5ec);
			line-height: 1;
			margin-bottom: 16px;
			letter-spacing: -4px;
		}

		.error-title {
			font-size: 2rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 0 0 16px 0;
			line-height: 1.3;
		}

		.error-message {
			font-size: 1.125rem;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin: 0 0 32px 0;
			line-height: 1.6;
		}

		.error-actions {
			display: flex;
			gap: 16px;
			justify-content: center;
			flex-wrap: wrap;
		}

		.error-actions .btn {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 0 24px;
			height: 3rem;
			line-height: calc(3rem - 4px);
			font-size: 1rem;
			font-weight: 700;
			border-radius: 2px;
			text-decoration: none;
			transition: all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
		}

		.btn-primary {
			background-color: var(--brand, #005111);
			color: white;
			border: 2px solid var(--brand, #005111);
		}

		.btn-primary:hover {
			background-color: #004010;
			border-color: #004010;
		}

		.btn-secondary {
			background-color: var(--brand, #005111);
			color: #fff;
			border: 2px solid var(--brand, #005111);
		}

		.btn-secondary:hover {
			background-color: #003d0d;
			border-color: #003d0d;
		}

		.error-actions .btn {
			min-width: 200px;
			justify-content: center;
		}

		.btn-ai {
			background-color: #6B4C9A;
			color: #fff;
			border: 2px solid #6B4C9A;
		}

		.btn-ai:hover {
			background-color: #5a3d87;
			border-color: #5a3d87;
		}

		/* Helpful Links */
		.helpful-links {
			margin-top: 48px;
			padding-top: 32px;
			border-top: 1px solid #DDDDDD;
		}

		.helpful-links h2 {
			font-size: 1rem;
			font-weight: 700;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin: 0 0 16px 0;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.helpful-links-grid {
			display: flex;
			gap: 24px;
			justify-content: center;
			flex-wrap: wrap;
		}

		.helpful-link {
			color: var(--brand, #005111);
			text-decoration: none;
			font-weight: 600;
			font-size: 0.9375rem;
			display: flex;
			align-items: center;
			gap: 6px;
			transition: opacity 250ms;
		}

		.helpful-link:hover {
			text-decoration: underline;
		}

		/* Illustration */
		.error-illustration {
			width: 200px;
			height: 200px;
			margin: 0 auto 24px;
			background: var(--H-Brand-Color-50, #f4faf6);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.error-illustration svg {
			width: 100px;
			height: 100px;
			color: var(--brand, #005111);
			opacity: 0.6;
		}

		/* Responsive */
		@media (max-width: 768px) {
			.error-code {
				font-size: 5rem;
			}

			.error-title {
				font-size: 1.5rem;
			}

			.error-message {
				font-size: 1rem;
			}

			.error-illustration {
				width: 150px;
				height: 150px;
			}

			.error-illustration svg {
				width: 70px;
				height: 70px;
			}
		}

/* Author Overview Page Styles */
		.authors-page {
			background-color: var(--Grayscale-50-Background-Color, #FCFCFC);
			min-height: 100vh;
		}

		.page-header {
			background-color: var(--H-Brand-Color-50, #f4faf6);
			border-bottom: 1px solid var(--H-Brand-Color-100-Blue-Hover, #e8f5ec);
			padding: 48px 16px 56px;
		}

		.page-header-content {
			max-width: 78rem;
			margin: 0 auto;
		}

		.page-title {
			font-size: 2.5rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 0 0 12px 0;
			line-height: 1.2;
		}

		.page-subtitle {
			font-size: 1.125rem;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin: 0;
			font-weight: 400;
		}

		.page-stats {
			display: flex;
			gap: 32px;
			margin-top: 24px;
			flex-wrap: wrap;
		}

		.stat-item {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.stat-number {
			font-size: 1.5rem;
			font-weight: 700;
			color: var(--brand, #005111);
		}

		.stat-label {
			font-size: 0.875rem;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		/* Alphabet Navigation */
		.alphabet-container {
			max-width: 78rem;
			margin: 0 auto;
			padding: 32px 16px 64px;
		}

		.alphabet-quick-nav {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			padding: 20px 24px;
			background: white;
			border: 1px solid #DDDDDD;
			border-bottom: 4px solid var(--brand, #005111);
			margin-bottom: 32px;
			position: sticky;
			top: 0;
			z-index: 100;
			box-shadow: 0px 4px 12px rgba(0,0,0,0.04);
		}

		.alphabet-quick-nav a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			font-size: 1rem;
			font-weight: 700;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			text-decoration: none;
			border-radius: 2px;
			transition: all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
		}

		.alphabet-quick-nav a:hover {
			background-color: var(--H-Brand-Color-100-Blue-Hover, #e8f5ec);
			color: var(--brand, #005111);
		}

		.alphabet-quick-nav a.has-authors {
			color: var(--brand, #005111);
		}

		.alphabet-quick-nav a.no-authors {
			color: var(--Grayscale-200-Decorative-Elements, #D3D3D3);
			pointer-events: none;
		}

		/* Letter Sections */
		.letter-section {
			background: white;
			border: 1px solid #DDDDDD;
			margin-bottom: 16px;
			transition: box-shadow 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
		}

		.letter-section:hover {
			box-shadow: 0px 10px 15px -3px rgba(131,131,131,0.08), 0px 4px 24px 0px rgba(98,98,98,0.05);
		}

		.letter-header {
			display: flex;
			align-items: center;
			padding: 24px 32px;
			border-bottom: 1px solid #EEEEEE;
			gap: 16px;
		}

		.letter {
			font-size: 3rem;
			font-weight: 700;
			color: var(--brand, #005111);
			line-height: 1;
			min-width: 60px;
		}

		.letter-meta {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}

		.author-count {
			font-size: 0.875rem;
			font-weight: 600;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
		}

		.answers-total {
			font-size: 0.8125rem;
			color: var(--Grayscale-500-Disabled-Text-Color, #707070);
		}

		/* Author Lists */
		.authors-content {
			padding: 0;
		}

		.authors-list {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.author-item {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 16px 32px;
			border-bottom: 1px solid #F5F5F5;
			transition: background-color 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
		}

		.author-item:last-child {
			border-bottom: none;
		}

		.author-item:hover {
			background-color: var(--H-Brand-Color-50, #f4faf6);
		}

		.author-item a {
			font-size: 1rem;
			font-weight: 600;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			text-decoration: none;
			transition: color 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
		}

		.author-item a:hover {
			color: var(--brand, #005111);
		}

		.answer-count {
			font-size: 0.875rem;
			color: var(--Grayscale-500-Disabled-Text-Color, #707070);
			background-color: var(--H-Brand-Color-100-Blue-Hover, #e8f5ec);
			padding: 4px 12px;
			border-radius: 2px;
			font-weight: 600;
		}

		/* Hidden Authors */
		.authors-hidden {
			display: none;
		}

		.authors-hidden.expanded {
			display: block;
		}

		/* Expand Button */
		.expand-btn {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			width: 100%;
			padding: 14px 32px;
			background-color: var(--Grayscale-100, #EEE);
			border: none;
			cursor: pointer;
			font-size: 0.875rem;
			font-weight: 700;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			transition: all 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
			font-family: inherit;
		}

		.expand-btn:hover {
			background-color: var(--H-Brand-Color-100-Blue-Hover, #e8f5ec);
			color: var(--brand, #005111);
		}

		.expand-btn svg {
			transition: transform 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
		}

		.expand-btn.expanded svg {
			transform: rotate(180deg);
		}

		/* Empty Letter State */
		.letter-section.empty {
			opacity: 0.5;
		}

		.letter-section.empty .letter-header {
			border-bottom: none;
		}

		.empty-message {
			padding: 16px 32px;
			color: var(--Grayscale-500-Disabled-Text-Color, #707070);
			font-style: italic;
			font-size: 0.875rem;
		}

		/* Responsive */
		@media (max-width: 768px) {
			.page-title {
				font-size: 1.75rem;
			}

			.page-header {
				padding: 32px 16px 40px;
			}

			.letter {
				font-size: 2.25rem;
				min-width: 48px;
			}

			.letter-header {
				padding: 20px 20px;
			}

			.author-item {
				padding: 14px 20px;
				flex-direction: column;
				align-items: flex-start;
				gap: 8px;
			}

			.expand-btn {
				padding: 12px 20px;
			}

			.alphabet-quick-nav {
				padding: 12px 16px;
				gap: 4px;
			}

			.alphabet-quick-nav a {
				width: 32px;
				height: 32px;
				font-size: 0.875rem;
			}

			.page-stats {
				gap: 20px;
			}
		}

	/* About Page Styles */
		.about-page {
			background-color: var(--Grayscale-50-Background-Color, #FCFCFC);
		}

		.page-header {
			background-color: var(--H-Brand-Color-50, #f4faf6);
			border-bottom: 1px solid var(--H-Brand-Color-100-Blue-Hover, #e8f5ec);
			padding: 48px 16px 56px;
		}

		.page-header-content {
			max-width: 52rem;
			margin: 0 auto;
		}

		.page-title {
			font-size: 2.5rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 0 0 12px 0;
			line-height: 1.2;
		}

		.page-subtitle {
			font-size: 1.25rem;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin: 0;
			font-weight: 400;
		}

		/* Main Content */
		.about-content {
			max-width: 52rem;
			margin: 0 auto;
			padding: 48px 16px 80px;
		}

		/* Contact Card */
		.contact-card {
			background: white;
			border: 1px solid #DDDDDD;
			border-bottom: 4px solid var(--brand, #005111);
			padding: 32px;
			margin-bottom: 48px;
		}

		.contact-card h2 {
			font-size: 1.25rem;
			font-weight: 700;
			color: var(--brand, #005111);
			margin: 0 0 20px 0;
		}

		.contact-info-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
			gap: 24px;
		}

		.contact-item {
			display: flex;
			align-items: flex-start;
			gap: 12px;
		}

		.contact-item svg {
			flex-shrink: 0;
			color: var(--brand, #005111);
			margin-top: 2px;
		}

		.contact-item-content {
			display: flex;
			flex-direction: column;
			gap: 4px;
		}

		.contact-label {
			font-size: 0.75rem;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: var(--Grayscale-500-Disabled-Text-Color, #707070);
			font-weight: 600;
		}

		.contact-value {
			font-size: 1rem;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
		}

		.contact-value a {
			color: var(--brand, #005111);
			text-decoration: none;
		}

		.contact-value a:hover {
			text-decoration: underline;
		}

		/* Team Section */
		.team-section {
			margin-bottom: 48px;
		}

		.team-section h2 {
			font-size: 1.5rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 0 0 24px 0;
			padding-bottom: 12px;
			border-bottom: 2px solid var(--brand, #005111);
		}

		.team-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
			gap: 24px;
		}

		.team-member {
			background: white;
			border: 1px solid #DDDDDD;
			padding: 24px;
			transition: box-shadow 250ms cubic-bezier(0.4, 0.15, 0, 0.975);
		}

		.team-member:hover {
			box-shadow: 0px 10px 15px -3px rgba(131,131,131,0.08), 0px 4px 24px 0px rgba(98,98,98,0.05);
		}

		.team-role {
			font-size: 0.75rem;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			color: var(--brand, #005111);
			font-weight: 700;
			margin-bottom: 8px;
		}

		.team-name {
			font-size: 1.125rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin-bottom: 4px;
		}

		.team-title {
			font-size: 0.875rem;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin-bottom: 12px;
		}

		.team-email {
			font-size: 0.875rem;
			color: var(--brand, #005111);
			text-decoration: none;
		}

		.team-email:hover {
			text-decoration: underline;
		}

		/* Content Sections */
		.content-section {
			margin-bottom: 40px;
		}

		.content-section h2 {
			font-size: 1.5rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 0 0 20px 0;
		}

		.content-section h3 {
			font-size: 1.125rem;
			font-weight: 700;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 24px 0 12px 0;
		}

		.content-section p {
			font-size: 1rem;
			line-height: 1.7;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin: 0 0 16px 0;
		}

		.content-section ol,
		.content-section ul {
			margin: 0 0 16px 0;
			padding-left: 24px;
		}

		.content-section li {
			font-size: 1rem;
			line-height: 1.7;
			color: var(--Grayscale-900-Black-Text-Color, #312525);
			margin-bottom: 8px;
		}

		/* Notice Box */
		.notice-box {
			background: linear-gradient(135deg, #FFF8E6 0%, #FFF3D6 100%);
			border: 1px solid #F0D78C;
			border-left: 4px solid #D4A520;
			padding: 20px 24px;
			margin-bottom: 32px;
			border-radius: 2px;
		}

		.notice-box p {
			margin: 0;
			color: #8B6914;
			font-weight: 500;
		}

		/* History Timeline */
		.history-item {
			display: flex;
			gap: 16px;
			margin-bottom: 16px;
			padding-left: 16px;
			border-left: 2px solid var(--H-Brand-Color-100-Blue-Hover, #e8f5ec);
		}

		.history-date {
			font-weight: 700;
			color: var(--brand, #005111);
			white-space: nowrap;
			min-width: 100px;
		}

		.history-text {
			color: var(--Grayscale-900-Black-Text-Color, #312525);
		}

		/* Former Staff Section */
		.former-staff {
			background: var(--Grayscale-100, #EEE);
			padding: 24px;
			margin-top: 32px;
		}

		.former-staff h3 {
			font-size: 1rem;
			font-weight: 700;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin: 0 0 12px 0;
		}

		.former-staff p {
			font-size: 0.875rem;
			line-height: 1.6;
			color: var(--Grayscale-600-Gray-Text-Color, #4E4E4E);
			margin: 0;
		}

		/* Responsive */
		@media (max-width: 768px) {
			.page-title {
				font-size: 1.75rem;
			}

			.page-header {
				padding: 32px 16px 40px;
			}

			.contact-card {
				padding: 24px;
			}

			.team-member {
				padding: 20px;
			}
		}

@media (min-width: 48rem) {
  .breadcrumbs-button span, .breadcrumbs-button a:not(.br-back) {
    margin-left: 1.1em;
  }
}

.breadcrumbs-button {
  margin-bottom: 0px;
}