﻿@charset "UTF-8";
@import url(normalize.css);
*{-webkit-box-sizing:border-box;box-sizing:border-box;margin-block:0;margin-inline:0;margin:0;padding:0}
a{color:inherit;font:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
ol,ul{list-style-type:none;padding:0;margin:0}
button{background:0 0;border:0}
.d-none{display:none}
:root{--palette-a:#ffce60;--palette-a:#ffe500;--palette-b:#05207a;--palette-c:#d9d9d9;--palette-d:#f7f7f7;--palette-e:#00cbff;--base-font-family:Roboto,sans-serif;--alt-font-family:"Times New Roman",serif;--base-font-size:13pt;--base-font-light-weight:300;--base-font-weight:400;--base-font-bold-weight:600;--base-header-font-size:17pt;--base-article-font-size:14pt;--base-article-font-weight:var(--base-font-light-weight);--article-fg:var(--palette-d);--article-link-colour:var(--palette-e);--pad-vert:1.5rem;--pad-horiz:2rem;--figure-radius:calc(var(--pad-horiz) * .4);--constrained-width:48rem;--constrained-width-wide:1400px;--header-height:6.5rem;--accent-colour:var(--palette-a);--inset--width:400px;--link-colour:inherit;--link-hover-colour:var(--palette-d);--main-bg:var(--palette-b);--main-bg-trans:rgb(5 32 122 / 80%);--main-fg:var(--palette-a);--category-fg:var(--palette-d);--title-fg:var(--palette-a);--opinion-avatar-size:150px;--opinion-arrow-size:40px;--footer-bg:var(--palette-c);--footer-fg:var(--palette-b);--transition-duration:.25s;--section-gap:clamp(20px, 3vh, 40px);--cell-gap:clamp(10px, 1.5vw, 32px);--hairline-width:1px;--scrollbar-bg:var(--palette-a);--scrollbar-width:16px;background:var(--main-bg);color:var(--main-fg);font-family:var(--base-font-family);font-weight:var(--base-font-weight);font-size:var(--base-font-size)}
@media screen and (prefers-reduced-motion){
:root{--transition-duration:0s}
}
@media only screen and (min-device-pixel-ratio:2),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){
:root{--hairline-width:2px}
}
::-webkit-scrollbar{background:0 0;width:var(--scrollbar-width)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-bg) calc(85% - var(--scrollbar-width) + 1px),transparent calc(85% - var(--scrollbar-width)),transparent 85%,var(--scrollbar-bg) calc(85% + 1px),var(--scrollbar-bg) 100%);width:var(--scrollbar-width)}
*{scrollbar-color:var(--scrollbar-bg) var(--main-bg);scrollbar-width:16px}
body{text-rendering:optimizeLegibility;font-smoothing:antialiased;font-family:Roboto,Arial,sans-serif;font-size:1rem;line-height:1.7}
@media screen and (max-width:800px){
body{--pad-vert:1.3rem;--pad-horiz:1.6rem}
}
@media screen and (max-width:540px){
body{--pad-vert:1.5rem;--pad-horiz:1.6rem}
}
.constrained,.constrained-wide{width:100%;margin:0 auto;max-width:var(--constrained-width-wide)}
@media screen and (max-width:1440px){
.constrained,.constrained-wide{max-width:calc(100% - var(--pad-horiz) * 2)}
}
@media screen and (max-width:960px){
.constrained,.constrained-wide{max-width:calc(100% - var(--pad-horiz))}
}
@media screen and (max-width:360px){
.constrained,.constrained-wide{max-width:calc(100% - 8px)}
}
.constrained{max-width:var(--constrained-width)}
.hflex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.vflex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.hidden{display:none}
h1,h2,h3{font-weight:var(--base-font-weight);color:var(--title-fg);line-height:1.25;margin:.5em 0}
h1{font-size:calc(var(--base-font-size) * 2.25)}
@media screen and (max-width:1066px){
h1{font-size:calc(var(--base-font-size) * 1.75)}
}
h2{font-size:calc(var(--base-font-size) * 1.15)}
h3{font-size:calc(var(--base-font-size) * 1.05)}
a{cursor:pointer;color:var(--link-colour)}

button{color:inherit;font:inherit;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(var(--pad-horiz)/ 3)}
b,strong{font-weight:var(--base-font-bold-weight)}
blockquote{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--base-font-weight);font-size:calc(var(--base-article-font-size) * 1.15);padding:var(--pad-vert) 0 var(--pad-vert) calc(var(--pad-horiz) * 2.5);font-style:italic}
blockquote footer{margin-top:var(--pad-vert);-ms-flex-item-align:end;align-self:flex-end;font-size:calc(var(--base-font-size) * .9)}
blockquote footer strong{font-style:italic}
template{display:none}
.svg-icon{display:block}
.svg-icon img{line-height:inherit;height:1.1em;width:auto;vertical-align:middle;fill:currentColor}
.svg-icon.svg-calendar{margin-top:-.25em}
.svg-image{display:inline-block;vertical-align:middle}
.svg-image img{display:block}
#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: var(--pad-horiz);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 var(--pad-horiz) calc(var(--pad-vert));
    background-image: linear-gradient(0deg, transparent 0%, #ffffff 100%);
    color: var(--main-bg);
    z-index: 5
}
#header .header-col{-webkit-box-flex:1;-ms-flex:1;flex:1}
#header .logo-col{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#header .logo-col img{width:185px;height:auto}
#header .calendar-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:calc(var(--base-font-size) * 1.1)}
#header .calendar-col .current-date{white-space:nowrap}
@media screen and (max-width:640px){
#header .calendar-col .current-date{display:none}
}
.section-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
@media screen and (max-width:960px){
.section-container .section-title{text-align:center}
}
main{display:-webkit-box; background-color:var(--main-bg); display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.content-wrapper{position:static;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--base--vpad)}
.article-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:var(--pad-horiz)}
article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}
article h1,article h2,article h3{margin:0;line-height:1.33}
article .photo img{width:100%}
article .category{font-family:var(--alt-font-family);font-size:calc(var(--base-font-size) * .9);color:var(--category-fg);line-height:1.6}
article .title{color:var(--title-fg)}

.row-style-grid1 .photo,.row-style-large .photo,.row-style-related .photo,.row-style-small .photo{border-radius:var(--figure-radius);overflow:hidden}
.row-style-grid1 article .photo img,.row-style-large article .photo img,.row-style-related article .photo img,.row-style-small article .photo img{-webkit-transition:-webkit-transform .33s linear 0s;transition:-webkit-transform .33s linear 0s;transition:transform .33s linear 0s;transition:transform .33s linear 0s, -webkit-transform .33s linear 0s;border-radius:inherit}

.row-style-grid1 a .title,.row-style-large a .title,.row-style-related a .title,.row-style-small a .title{margin:.3em 0}
.row-style-related article,.row-style-small article{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.row-style-related article>a,.row-style-small article>a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:calc(var(--pad-horiz)/ 1.5)}
.row-style-related .photo,.row-style-small .photo{-webkit-box-flex:1;-ms-flex:1 0 150px;flex:1 0 150px}
.row-style-related .photo img,.row-style-small .photo img{aspect-ratio:1/1}
.row-style-related .text,.row-style-small .text{padding-right:var(--pad-horiz)}
.row-style-related .title,.row-style-small .title{margin-top:calc(var(--pad-vert) * 1.25)}
@media screen and (max-width:860px){
.row-style-related,.row-style-small{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.row-style-related article .photo,.row-style-small article .photo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
.row-style-leadbg article .photo{position:absolute;top:0;left:0;right:0;content:"";display:block;z-index:-1}
.row-style-leadbg article .photo:after{background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(var(--main-bg)));background:linear-gradient(180deg,transparent,var(--main-bg));background:-webkit-gradient(linear,left top, left bottom,from(transparent),color-stop(var(--main-bg-trans)),to(var(--main-bg)));background:linear-gradient(180deg,transparent,var(--main-bg-trans) clamp(7rem,40vh,25rem),var(--main-bg) 100%);background:-webkit-gradient(linear,left top, left bottom,from(var(--main-bg)),color-stop(5vh, transparent),color-stop(10vh, transparent),color-stop(60vh, var(--main-bg)));background:linear-gradient(180deg,var(--main-bg),transparent 5vh,transparent 10vh,var(--main-bg) 60vh);position:absolute;inset:0;z-index:2;content:""}
.row-style-leadbg article .title{max-width:23em;margin-bottom:.33em}
.row-style-leadbg article .text{margin-bottom:var(--pad-vert)}

@media screen and (max-width:760px){
.row-style-leadbg article .photo{margin-top:calc(var(--header-height) - 5vh)}
.row-style-leadbg article .photo:after{background:-webkit-gradient(linear,left top, left bottom,from(var(--main-bg)),color-stop(5vh, transparent),color-stop(66%, transparent),to(var(--main-bg)));background:linear-gradient(180deg,var(--main-bg),transparent 5vh,transparent 66%,var(--main-bg) 100%)}
.row-style-leadbg article .photo img{width:100%;height:40vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}
}
.row-style-large{gap:calc(var(--pad-vert) * 1.25);margin-bottom:calc(var(--pad-vert) * 2)}
.row-style-large article .photo img{aspect-ratio:16/9}
.row-style-large article .text{margin-top:calc(var(--pad-vert)/ 2);padding:0 calc(var(--pad-horiz) * .4)}
@media screen and (max-width:560px){
.row-style-large{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.row-style-related .photo{-webkit-box-flex:1;-ms-flex:1 0 150px;flex:1 0 150px;border-radius:var(--figure-radius)}
.row-style-grid1{display:grid;grid-template-areas:"g1 g2" "g3 g4"}
@media screen and (max-width:800px){
.row-style-grid1{grid-template-areas:"g1" "g2" "g3" "g4"}
}
.row-style-grid1 .article-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.row-style-grid1 .article-cell{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:var(--pad-horiz)}
.row-style-grid1 .row-style-large{--figure-radius:20px}
.row-style-grid1 .row-style-large .text{margin-top:var(--figure-radius);padding:0 var(--figure-radius)}
.row-style-grid1 .row-style-small{--figure-radius:15px}
.row-style-grid1 article:nth-child(1){grid-area:"g1"}
.row-style-grid1 article:nth-child(2){grid-area:"g2"}
.row-style-grid1 article:nth-child(3){grid-area:"g3"}
.row-style-grid1 article:nth-child(4){grid-area:"g4"}
.row-style-header{margin-bottom:calc(var(--pad-vert) + var(--opinion-arrow-size) * 2);margin-bottom:calc(var(--opinion-arrow-size) * 1)}
.row-style-header .category{font-family:var(--alt-font-family)}
.row-style-header .title{max-width:23em;font-size:calc(var(--base-font-size) * 2.25);margin:0}
.row-style-opinion{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--pad-horiz);margin:calc(var(--opinion-arrow-size) + var(--pad-vert)) 0}
.row-style-opinion article{position:relative;--opinion-background:var(--main-bg);--opinion-author-order:-1;--opinion-author-bg-rot:270deg;--figure-radius:2rem;background:var(--opinion-background)}
.row-style-opinion article>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;gap:var(--pad-horiz);border-radius:inherit}
.row-style-opinion article:before{position:absolute;content:"";z-index:2;display:block}
.row-style-opinion article figure{border-radius:inherit}
.row-style-opinion article .photo{position:absolute;top:0;left:0;right:auto;bottom:0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}
.row-style-opinion article .photo:after{position:absolute;inset:0;content:"";background:-webkit-gradient(linear,left top, left bottom,from(var(--opinion-author-bg-rot)),color-stop(var(--opinion-background)),to(transparent));background:linear-gradient(var(--opinion-author-bg-rot),var(--opinion-background),transparent)}
.row-style-opinion article .photo img{display:block;width:100%;height:auto}
.row-style-opinion article .text{position:relative;z-index:2;color:var(--title-fg);padding:var(--pad-vert) var(--pad-horiz)}
.row-style-opinion article .text .title{color:var(--accent-colour);line-height:1.3;font-size:calc(var(--base-font-size) * 1.5)}
.row-style-opinion article.opinion-up{border-radius:var(--figure-radius) 0 var(--figure-radius) var(--figure-radius);border-top-right-radius:0}
.row-style-opinion article.opinion-up .text{padding-left:var(--opinion-avatar-size)}
.row-style-opinion article.opinion-up:before{top:calc(var(--opinion-arrow-size) * -1);right:0;border-bottom:var(--opinion-arrow-size) solid var(--opinion-background);border-left:var(--opinion-arrow-size) solid var(--opinion-background);border-color:transparent transparent var(--opinion-background) transparent}
@media screen and (min-width:640px) and (max-width:1066px){
.row-style-opinion article.opinion-up{margin-right:calc(var(--pad-horiz) * 1.5)}
}
.row-style-opinion article.opinion-down{border-radius:var(--figure-radius) var(--figure-radius) var(--figure-radius) 0;--opinion-author-bg-rot:90deg;--opinion-author-order:1;border-radius:2rem;border-bottom-left-radius:0;-webkit-transform:translateY(calc(var(--opinion-arrow-size) * -2));-ms-transform:translateY(calc(var(--opinion-arrow-size) * -2));transform:translateY(calc(var(--opinion-arrow-size) * -2))}
.row-style-opinion article.opinion-down .text{padding-right:var(--opinion-avatar-size)}
.row-style-opinion article.opinion-down .photo{right:0;left:auto}
.row-style-opinion article.opinion-down:before{bottom:calc(var(--opinion-arrow-size) * -1);left:0;border-top:var(--opinion-arrow-size) solid var(--opinion-background);border-right:var(--opinion-arrow-size) solid var(--opinion-background);border-color:var(--opinion-background) transparent transparent transparent}
@media screen and (min-width:640px) and (max-width:1066px){
.row-style-opinion article.opinion-down{margin-left:calc(var(--pad-horiz) * 1.5)}
}
@media screen and (max-width:1066px){
.row-style-opinion article.opinion-down{-webkit-transform:none;-ms-transform:none;transform:none}
}
@media screen and (max-width:1066px){
.row-style-opinion{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
.lead-article-section{margin:0 0 calc(var(--section-gap) * 2) 0}
.lead-article-section article{position:relative;margin:var(--pad-vert) calc(var(--pad-horiz) * 3)}
.lead-article-section .photo{position:absolute;-webkit-box-shadow:0 4px 32px rgba(0,0,0,.33);box-shadow:0 4px 32px rgba(0,0,0,.33);inset:0}
.lead-article-section .photo:after{position:absolute;inset:0;content:"";background:-webkit-gradient(linear,left bottom, left top,from(var(--main-bg)),color-stop(20rem, transparent));background:linear-gradient(0deg,var(--main-bg),transparent 20rem)}
.lead-article-section .text{position:relative;aspect-ratio:1.5;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:calc(var(--pad-vert) * 1.5) var(--pad-horiz)}
.lead-article-section .text .title{font-size:calc(var(--base-font-size) * 2.25)}
@media screen and (max-width:1066px){
.lead-article-section{margin-top:calc(var(--section-gap) * -2)}
.lead-article-section .constrained,.lead-article-section .constrained-wide{max-width:none;margin-left:0;margin-right:0}
.lead-article-section article{margin:0}
.lead-article-section .photo{-webkit-box-shadow:none;box-shadow:none}
}
.hero-section{position:relative;padding-top:clamp(7rem,35vh,23rem);margin:calc(var(--section-gap) * 2) 0}
.opinion-section{--title-fg:var(--palette-d);background:#000a2d;border-top:4px solid var(--main-fg);padding:var(--pad-vert) var(--pad-horiz);margin:calc(var(--section-gap) * 2) 0}
@media screen and (max-width:760px){
.opinion-section{padding-left:0;padding-right:0}
}
.single-article-section .main-article .metadata{margin:calc(var(--pad-vert)/ 2) 0 calc(var(--pad-vert) * 1.5)}
.single-article-section .main-article .article-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 var(--pad-horiz)}
.single-article-section .main-article .photo{margin-bottom:var(--pad-vert)}
.single-article-section .main-article .article-body{color:var(--article-fg);font-size:var(--base-article-font-size);font-weight:var(--base-article-font-weight);margin-bottom:calc(var(--pad-vert) * 3)}
.single-article-section .main-article .article-body h2{font-size:calc(var(--base-article-font-size) * 1.5)}
.single-article-section .main-article .article-body h3{font-size:calc(var(--base-article-font-size) * 1.2)}
.single-article-section .main-article .article-body h1,.single-article-section .main-article .article-body h2,.single-article-section .main-article .article-body h3,.single-article-section .main-article .article-body p{color:var(--palette-d);line-height:1.33;margin-bottom:var(--pad-vert)}
.single-article-section .main-article .article-body p{line-height:1.5;margin-bottom:calc(var(--pad-vert)/ 1.5)}
.single-article-section .main-article .article-body p a{position:relative;color:var(--article-link-colour);border-bottom:1px solid var(--palette-eηες)}
.single-article-section .main-article .article-body p a:after{position:absolute;inset:0;content:"";height:0;z-index:-1;background:var(--palette-e);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:all .17s ease-out 0s;transition:all .17s ease-out 0s}

.single-article-section .main-article .inset-container, .single-article-section .main-article .article-related-posts {float:left;clear:both;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(var(--pad-vert)/ 2);max-width:30em;margin:0 var(--pad-vert) 0 -80px;padding:calc(var(--pad-vert)/ 2) var(--pad-vert);border-radius:var(--figure-radius)}
.single-article-section .main-article .inset-container:nth-of-type(2n), .single-article-section .main-article .article-related-posts:nth-of-type(2n){float:right;margin-left:var(--pad-vert);margin-right:-80px;background:rgba(255,255,255,.1)}
@media screen and (max-width:1024px){
    .single-article-section .main-article .inset-container:nth-of-type(n), .single-article-section .main-article .article-related-posts:nth-of-type(n) {
        max-width: none;
        margin: 0 0 var(--pad-vert) 0;
        padding: calc(var(--pad-vert)/ 2)
    }
}
.single-article-section .main-article .inset-container article,
.single-article-section .main-article .article-related-posts .single-post-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: var(--pad-vert);
    font-size: var(--base-font-size);
    font-weight: var(--base-font-weight);
    line-height: 1.25;
    background-color: transparent;
    color: var(--title-fg);
}
.single-article-section .main-article .inset-container article>a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--pad-vert)}
.single-article-section .main-article .inset-container article .title{font-weight:inherit;line-height:1.4;margin:0 0 calc(var(--pad-vert)/ 2) 0}
.single-article-section .main-article .inset-container article .photo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 0 150px;flex:1 0 150px;margin-bottom:calc(var(--pad-vert)/ 2)}
.single-article-section .main-article .inset-container article .photo img{width:192px;height:auto}
    .single-article-section .main-article .article-related-posts .related-header {
        font-weight:bold;
        font-size:14px;
    }
    .single-article-section .main-article .article-related-posts .single-post-container .single-wrapper {
        background-color: transparent;
    }
    .single-article-section .main-article .article-related-posts .single-post-container .single-category a {
        color:#FFF;
    }
    .single-article-section .main-article .article-related-posts .single-post-container .single-title {
        color: var(--title-fg);
    }
    .related-opinion {
        --opinion-background: var(--main-bg);
        position: relative;
        float: right;
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(20rem + var(--inset--width));
        margin-right: calc(var(--inset--width) * -1);
        margin-left: var(--pad-horiz);
        padding: calc(var(--pad-vert)/ 1.5) calc(var(--pad-horiz)/ 1.5)
    }
.related-opinion:after{position:absolute;inset:0;content:"";background:var(--opinion-background);top:calc(100% - 8rem)}
@media screen and (max-width:1680px){
.related-opinion{float:none;clear:both;margin-left:0;margin-right:0;margin-bottom:0;width:auto}
}
.related-opinion .row-style-header{margin-bottom:0}
.related-opinion .row-style-opinion{margin:calc(var(--opinion-arrow-size) + var(--pad-vert)/ 2) 0}
.related-opinion .inset-headline{color:var(--palette-a)}
.related-opinion .inset-header,.related-opinion .opinion-other .inset-header{font-family:serif;color:var(--accent-colour)}
.related-opinion .opinion-other .inset-header{position:absolute;top:calc(var(--opinion-arrow-size) * -1);left:var(--opinion-arrow-size)}
.related-opinion .opinion-header h2.title,.related-opinion .opinion-other .text .title{font-size:calc(var(--base-font-size) * 1.25)}
.related-opinion .opinion-container{margin:0;padding-top:2.5rem;padding-bottom:3rem;margin:0 0 calc(var(--pad-vert) * 1.5)}
.related-opinion .opinion-other{border-radius:0 var(--figure-radius) var(--figure-radius) var(--figure-radius);--opinion-author-bg-rot:90deg;--opinion-author-order:1;border-radius:2rem;border-top-left-radius:0;max-width:30em}
.related-opinion .opinion-other .text{padding-right:var(--opinion-avatar-size);-webkit-box-shadow:0 1rem 2rem rgba(0,0,0,.33);box-shadow:0 1rem 2rem rgba(0,0,0,.33);border-radius:2rem}
.related-opinion .opinion-other .text .title{margin-bottom:.3em}
.related-opinion .opinion-other .photo{right:0;left:auto}
.related-opinion .opinion-other:before{top:calc(var(--opinion-arrow-size) * -1);left:0;border-top:var(--opinion-arrow-size) solid var(--main-bg);border-left:var(--opinion-arrow-size) solid var(--main-bg);border-color:transparent transparent transparent var(--main-bg)}
.below-article-section{margin-bottom:calc(var(--pad-vert) * 3)}
.keepers-container{container:keeper-row/inline-size;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--pad-vert);margin-top:calc(var(--pad-vert) * 1.5);margin-bottom:calc(var(--pad-vert) * 3);--keepers-image-size:640px;--keepers-offset-horiz:-15vh;--keepers-offset-horiz:-18cqi}
@media screen and (max-width:1152px){
.keepers-container{--keepers-offset-horiz:0}
}
@media screen and (max-width:860px){
.keepers-container{--keepers-image-size:240px;gap:calc(var(--pad-vert) * 2)}
}
.keepers-section{--keepers-icon-size:3em;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;gap:var(--pad-horiz);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:var(--pad-vert)}
.keepers-section blockquote{padding-top:0;padding-left:0}
.keepers-section .photo{position:relative;margin-bottom:0}
.keepers-section .photo figure:after{position:absolute;inset:0;background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, transparent),to(var(--main-bg-trans)));background:linear-gradient(180deg,transparent 50%,var(--main-bg-trans));z-index:1;content:""}
.keepers-section .photo figure img{width:var(--keepers-image-size);height:auto;-o-object-fit:contain;object-fit:contain;aspect-ratio:1/1}
.keepers-section .text{position:relative;-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%;-ms-flex-preferred-size:50cqi;flex-basis:50cqi}
.keepers-section .text:before{background-size:contain;background-position:left top;background-repeat:no-repeat;height:var(--keepers-icon-size);margin-bottom:var(--pad-vert);display:block;content:""}
.keepers-section.kratame .photo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:var(--keepers-offset-horiz)}
.keepers-section.kratame .text:before{background-image:url(/assets/img/Like.png)}
.keepers-section.petame .photo{margin-left:var(--keepers-offset-horiz)}
.keepers-section.petame .text{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.keepers-section.petame .text:before{background-image:url(/assets/img/DontLike.png)}
@media screen and (max-width:1024px){
.keepers-section .text{-ms-flex-preferred-size:60%;flex-basis:60%;-ms-flex-preferred-size:60cqi;flex-basis:60cqi}
}
@media screen and (max-width:860px){
.keepers-section{display:block;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.keepers-section .photo{margin-top:var(--keepers-icon-size);position:relative;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-ms-flex-preferred-size:100%;flex-basis:100%;z-index:-1}
.keepers-section .text{-ms-flex-preferred-size:100%;flex-basis:100%}
.keepers-section.petame .text:before{background-position:right top}
.keepers-section.petame .photo{width:35cqi;float:left;margin-right:var(--pad-horiz)}
.keepers-section.kratame .photo{width:35cqi;float:right;margin-left:var(--pad-horiz)}
}
.keepers-home-section{position:relative;font-size:calc(var(--base-font-size) * 2);font-weight:var(--base-font-bold-weight);color:var(--palette-d);line-height:1;margin:calc(var(--section-gap) * 2) 0}
.keepers-home-section figure img{width:100%;max-height:18rem;-o-object-fit:cover;object-fit:cover}
.keepers-home-section .text-container{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background:-webkit-gradient(linear,left bottom, left top,color-stop(12%, var(--main-bg-trans)),color-stop(66%, transparent));background:linear-gradient(0deg,var(--main-bg-trans) 12%,transparent 66%)}
.keepers-home-section .texts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 var(--pad-horiz) calc(var(--pad-vert) * 1.5)}
.keepers-home-section .texts>*{-webkit-box-flex:1;-ms-flex:1;flex:1}
.keepers-home-section .text{text-align:right}
@media screen and (max-width:820px){
.keepers-home-section .text-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left bottom, left top,color-stop(12.5%, var(--main-bg-trans)),color-stop(50%, transparent),color-stop(87.5%, var(--main-bg-trans)));background:linear-gradient(0deg,var(--main-bg-trans) 12.5%,transparent 50%,var(--main-bg-trans) 87.5%);padding:0}
.keepers-home-section .texts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:calc(var(--pad-vert) * 3)}
}
.photo-gallery-section .photo{position:relative;margin-bottom:var(--pad-vert)}
.photo-gallery-section .photo:before{position:absolute;top:var(--pad-vert);right:var(--pad-vert);content:url(/assets/img/Btn_PhotoGallery.svg);width:32px;height:32px}
.photo-gallery-section .photo figcaption{padding:0 calc(var(--pad-horiz)/ 2);font-size:calc(var(--base-font-size) * .9);color:var(--palette-a);color:var(--palette-e);margin:.5em 0 1em 1em;line-height:1.5rem}
.photo-gallery-section .photo figcaption:before{content:"▶";margin-right:1em;font-size:.7em;vertical-align:middle}
.gapless-section{margin-top:0;margin-bottom:0}
#footer{background:var(--footer-bg);color:var(--footer-fg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-top:4px solid var(--accent-colour);padding:var(--pad-vert) 0 calc(var(--pad-vert) * 4)}
#footer .footer-container{max-width:30em;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:calc(var(--pad-vert));padding:var(--pad-vert) var(--pad-horiz)}
#footer .logo-container{gap:calc(var(--pad-vert)/ 2)}
#footer .social-container{gap:var(--pad-vert)}
#footer .text{color:#888}
#footer .social-links{margin-top:var(--pad-vert);line-height:1;font-size:1.4rem}
#footer .social-links ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--pad-horiz);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.modal{position:fixed;top:0;left:0;right:0;visibility:hidden;z-index:-1;pointer-events:none;width:clamp(15rem,40vh,30rem);background:var(--main-bg);color:var(--palette-d);line-height:2;font-size:var(--base-article-font-size);-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.33);box-shadow:0 1rem 3rem rgba(0,0,0,.33);-webkit-transform-origin:100% -20rem;-ms-transform-origin:100% -20rem;transform-origin:100% -20rem;-webkit-transition:none;transition:none}
.modal.modal-full{inset:0;width:100%;height:100%}
.modal.modal-show{pointer-events:all;visibility:visible;z-index:100;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform var(--transition-duration) ease-out 0s;transition:-webkit-transform var(--transition-duration) ease-out 0s;transition:transform var(--transition-duration) ease-out 0s;transition:transform var(--transition-duration) ease-out 0s, -webkit-transform var(--transition-duration) ease-out 0s}
.modal .modal-close{cursor:pointer;position:absolute;top:var(--pad-vert);right:var(--pad-horiz);-webkit-transition:-webkit-transform var(--transition-duration) linear 0s;transition:-webkit-transform var(--transition-duration) linear 0s;transition:transform var(--transition-duration) linear 0s;transition:transform var(--transition-duration) linear 0s, -webkit-transform var(--transition-duration) linear 0s}
.modal .modal-close button{-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);width:50px;height:32px;background:var(--palette-d);-webkit-clip-path:path("M 12 0  L 26.5 15 L 41 30  L 39.5 33 L 24.5 17  L 9 1 L 11 -1  Z 				M 25 16  L 24 15 L 25 15  L 26 15 L 26 16  L 25 16 L 24 16  Z 				M 9 31  L 24.5 15 L 39 -1  L 41 1 L 25 17.5  L 11 33 L 9 31  Z");clip-path:path("M 12 0  L 26.5 15 L 41 30  L 39.5 33 L 24.5 17  L 9 1 L 11 -1  Z 				M 25 16  L 24 15 L 25 15  L 26 15 L 26 16  L 25 16 L 24 16  Z 				M 9 31  L 24.5 15 L 39 -1  L 41 1 L 25 17.5  L 11 33 L 9 31  Z")}

#calendar-modal{--calendar-cell-padding:8px;--calendar-actions-height:2em;--scrollbar-bg:var(--palette-c);--scrollbar-width:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-perspective:200px;perspective:200px;min-height:0;font-size:var(--base-font-size);padding-top:calc(var(--pad-vert) * 3);-webkit-transition:none;transition:none}
#calendar-modal.modal-show{min-height:38rem;-webkit-transition:min-height calc(var(--transition-duration)/ 2) ease-out 0s,-webkit-transform calc(var(--transition-duration)/ 2) ease-out 0s;transition:min-height calc(var(--transition-duration)/ 2) ease-out 0s,-webkit-transform calc(var(--transition-duration)/ 2) ease-out 0s;transition:transform calc(var(--transition-duration)/ 2) ease-out 0s,min-height calc(var(--transition-duration)/ 2) ease-out 0s;transition:transform calc(var(--transition-duration)/ 2) ease-out 0s,min-height calc(var(--transition-duration)/ 2) ease-out 0s,-webkit-transform calc(var(--transition-duration)/ 2) ease-out 0s}
#calendar-modal .modal-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:63rem;margin:0 auto;width:100%}
#calendar-modal .calendar-container{position:relative;width:100%;text-align:center;-webkit-transition:-webkit-transform 2s ease-in-out 0s;transition:-webkit-transform 2s ease-in-out 0s;transition:transform 2s ease-in-out 0s;transition:transform 2s ease-in-out 0s, -webkit-transform 2s ease-in-out 0s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
#calendar-modal .calendar-list-wrapper{position:absolute;top:0;left:var(--pad-horiz);right:var(--pad-horiz);height:100%;-webkit-transition:all .22s ease-out 0s;transition:all .22s ease-out 0s;-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:1}
#calendar-modal .calendar-list-wrapper:after{position:absolute;inset:0;bottom:calc(var(--pad-vert) * 2 + var(--calendar-actions-height));pointer-events:none;z-index:1;background:-webkit-gradient(linear,left top, left bottom,from(var(--main-bg)),color-stop(transparent),color-stop(transparent),to(var(--main-bg)));background:linear-gradient(180deg,var(--main-bg),transparent var(--pad-vert),transparent calc(100% - (var(--pad-vert)) - var(--calendar-actions-height)),var(--main-bg) calc(100% - var(--calendar-actions-height)));content:"";display:block}
#calendar-modal .calendar-list-wrapper.concealed{position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);opacity:.7}
#calendar-modal .calendar-list{position:absolute;inset:0;overflow-y:auto;padding-bottom:calc(var(--pad-vert) + var(--calendar-actions-height) * 3)}
#calendar-modal .calendar-list .calendar-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:var(--calendar-cell-padding);margin:calc(var(--pad-vert) * 1.25) 0}
#calendar-modal .calendar-list .calendar-items li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative;-webkit-box-flex:1;-ms-flex:1 0 calc(16.6667% - var(--calendar-cell-padding));flex:1 0 calc(16.6667% - var(--calendar-cell-padding));max-width:calc(16.6667% - var(--calendar-cell-padding));background:#ccc;color:#282828;border-radius:var(--calendar-cell-padding);overflow:hidden}
#calendar-modal .calendar-list .calendar-items li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
#calendar-modal .calendar-list .calendar-items li:hover{background:#f2e6bd}
@media screen and (max-width:1024px){
#calendar-modal .calendar-list .calendar-items li{-ms-flex-preferred-size:calc(25% - var(--calendar-cell-padding));flex-basis:calc(25% - var(--calendar-cell-padding));max-width:calc(25% - var(--calendar-cell-padding))}
}
@media screen and (max-width:780px){
#calendar-modal .calendar-list .calendar-items li{-ms-flex-preferred-size:calc(33% - var(--calendar-cell-padding));flex-basis:calc(33% - var(--calendar-cell-padding));max-width:calc(33% - var(--calendar-cell-padding))}
}
@media screen and (max-width:640px){
#calendar-modal .calendar-list .calendar-items li{-ms-flex-preferred-size:calc(50% - var(--calendar-cell-padding));flex-basis:calc(50% - var(--calendar-cell-padding));max-width:calc(50% - var(--calendar-cell-padding))}
}
#calendar-modal .calendar-list .calendar-items .header{white-space:nowrap;background:rgba(0,0,0,.15);padding:0 var(--calendar-cell-padding);position:absolute;top:0;left:0;right:0;font-size:var(--base-font-size)}
#calendar-modal .calendar-list .calendar-items .summary{padding:3.5em var(--pad-horiz) 2.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:1}
#calendar-modal .calendar-list .calendar-items .count{font-size:calc(var(--base-font-size) * 3.6);line-height:1}
#calendar-modal .calendar-list .calendar-items .dates{font-size:calc(var(--base-font-size) * 2.2)}
#calendar-modal .calendar-weekend-list .calendar-items.active-items{background:#ff0}
#calendar-modal .calendar-weekend-list .calendar-items li{max-width:10em}
#calendar-modal .calendar-weekend-list .calendar-items li.active{background:#ffce60}
#calendar-modal .calendar-actions{position:absolute;inset:0;top:auto;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:var(--pad-vert) 0;background:var(--main-bg);line-height:var(--calendar-actions-height)}
#calendar-modal .calendar-actions ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}
#calendar-modal .calendar-actions button{margin:0 8px 8px 0;position:relative;background:var(--palette-c);color:#282828;padding:0 var(--pad-horiz);border-radius:var(--calendar-cell-padding)}
#calendar-modal .calendar-actions button:before{position:absolute;left:16px;content:"◠";color:var(--palette-b);display:none;z-index:1;opacity:0;-webkit-transform:opacity .5s linear 0s,left .25s linear 0s;-ms-transform:opacity .5s linear 0s,left .25s linear 0s;transform:opacity .5s linear 0s,left .25s linear 0s}
#calendar-modal .calendar-actions button.loading:before{left:8px;display:block;opacity:1;-webkit-animation:loadingIndicatorStart 1.5s linear forwards infinite;animation:loadingIndicatorStart 1.5s linear forwards infinite}
#calendar-modal .calendar-actions .special-action button{background:var(--palette-a)}
@-webkit-keyframes loadingIndicatorStart{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359.95deg);transform:rotate(359.95deg)}
}
@keyframes loadingIndicatorStart{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359.95deg);transform:rotate(359.95deg)}
}
@media screen and (max-height:40em),(max-width:60em){
#calendar-modal{--base-font-size:.9rem}
#calendar-modal .calendar-actions ul{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}
#calendar-modal .calendar-actions ul button{line-height:3}
}
.dev header,.dev section{border:1px solid rgba(255,0,0,.25)}
.dev div,.dev figure{border:1px solid rgba(0,192,255,.25)}
.dev a,.dev h1,.dev h2,.dev h3{border:1px solid rgba(0,255,0,.33)}
/*# sourceMappingURL=style.css.map */
