/*! Copyright 2019-2025 Christine Blachford. All rights reserved */
@viewport{width: device-width;
}@view-transition{navigation: auto;
}*,*::before,*::after{box-sizing:border-box}*:focus{outline:none}::selection{background:oklch(.5926 .1361 189.92);color:#fff;text-shadow:none}::target-text{background:oklch(.5926 .1361 189.92);color:#fff;text-shadow:none}:root{color-scheme:light dark;--background:#fefefe;--foreground:#444;--link-colour:oklch(0.5926 0.1361 189.92);--link-alt-colour:oklch(0.425 0.2097 331.77);--link-alt-colour-strong:oklch(0.5779 0.2866 331.77);--label:#888;--highlight:#f0f0f0;--placeholder:#666;--backdrop:#333;--backdrop-from:#f0f0f0;--backdrop-to:#eee}@media(prefers-color-scheme:dark){:root{--background:#222;--foreground:#eee;--link-colour:#74B8B3;--link-alt-colour:#b584ae;--link-alt-colour-strong:#8C347F;--label:#aaa;--highlight:#3a3a3a;--placeholder:#888;--backdrop:#222;--backdrop-from:#2c2c2c;--backdrop-to:#444}}body{background:var(--background);color:var(--foreground);font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:1.13rem;hanging-punctuation:first allow-end last;interpolate-size:allow-keywords;line-height:1.5;margin:0 auto;min-block-size:100dvh;min-width:320px;scroll-behavior:smooth;text-size-adjust:none;-webkit-font-smoothing:antialiased}a{color:var(--link-colour);text-decoration:none;transition:color .2s ease-out}a:hover{color:var(--link-alt-colour)}a:hover figure{box-shadow:0 7px 4px -4px rgba(33,33,33,.2);transform:scale(1.03)}figure{background:linear-gradient(30deg,var(--backdrop-from),var(--backdrop-to));border-radius:5px;padding:10px;margin:0;transition-duration:200ms;transition-timing-function:ease-out;transition-property:box-shadow transform}h1,h2,h3{color:var(--link-alt-colour);font-weight:400;margin:1rem 0;font-weight:400;text-wrap:balance}h1{font-size:2.2rem;line-height:1.3}h2{font-size:1.7rem}h3{font-size:1.3rem}hr{border:0;border-bottom:4px solid var(--backdrop-from)}img{border-radius:5px;vertical-align:middle}input{font:inherit}li,p,pre{text-wrap:pretty}strong{font-weight:600}svg{fill:currentcolor;stroke:currentcolor}video{border-radius:5px;vertical-align:middle}table{width:100%;border-collapse:collapse}tr{border-bottom:4px solid var(--backdrop-from)}tr:last-child{border:none}td,th{font-weight:400;padding:10px;text-align:left;vertical-align:top}.body{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.header{background:url(/image/header-background.jpg)50% 100% no-repeat;background-image:image-set( '/image/header-background@2x.avif' type('image/avif') 2x,'/image/header-background@2x.jpg' type('image/jpg') 2x );background-size:cover;margin:0;padding:0}.header>a{display:block;height:300px;margin:0}.header>a>div{background:url(/image/header-text.png)100% 100% no-repeat;background-image:image-set( '/image/header-text@2x.avif' type('image/avif') 2x,'/image/header-text@2x.png' type('image/png') 2x);background-size:contain;height:100%;overflow:hidden;text-indent:-500px}.header>a>div>h1{margin:0}.header-strip{background:rgba(0,0,0,.8)}.header-nav{display:flex;flex-wrap:wrap;list-style:none;padding:0}.header-nav li{flex:1 1 120px}.header-nav a{color:#fff;display:block;padding:12px 10px 10px;text-align:center;transition:background-color .2s ease-out}.header-nav a:hover{background-color:#5d9490}.footer{border-bottom:4px solid var(--backdrop);border-top:4px solid var(--backdrop);background:var(--backdrop);color:#fff;padding:80px 0 10px;position:relative}.footer::before{background:url(/image/header-background.jpg)50% 100% no-repeat;background-image:image-set( '/image/header-background@2x.avif' type('image/avif') 2x,'/image/header-background@2x.jpg' type('image/jpg') 2x );background-size:cover;content:'';bottom:0;filter:grayscale(100%)blur(2px);left:0;opacity:.3;position:absolute;right:0;top:0}.copyright{font-size:.8rem}.main{flex:auto;margin-bottom:8rem}.page{margin:0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:10px}.grid a{align-items:top;justify-content:center}.grid img{height:auto;width:100%}.center-content{display:flex;justify-content:center}.button{border:2px solid var(--link-colour);border-radius:25px;color:var(--foreground);display:block;padding:8px 22px;transition:border-color .2s ease-out,transform .2s ease-out;&:hover{border:2px solid var(--link-alt-colour);transform:scale(1.03)}}@supports(margin:max(10px)){.page{margin-left:max(10px,env(safe-area-inset-left));margin-right:max(10px,env(safe-area-inset-right))}}@media screen and (min-width:480px){.copyright{font-size:.9rem}}@media screen and (min-width:900px){.container{display:flex}.primary{flex:2;margin-right:40px}.secondary{flex:1;margin-top:16px}}@media screen and (min-width:1300px){.page{margin:0 auto;max-width:1280px}}.published{color:var(--label);font-size:15px;margin-top:4px}.summary{margin-bottom:40px}.summary h2{margin-bottom:0}.summary-panel img{height:auto;width:100%}@media screen and (min-width:480px){.summary-panel{display:flex}.summary-panel figure{margin:2px 15px 0 0}.summary-panel img{width:150px}.summary-panel p{margin-top:0}}@media screen and (min-width:560px){.summary-panel img{width:240px}}.post h1{margin-bottom:0}.post .published{margin-bottom:1.6rem}.post audio{width:100%}.post img,.post video{height:auto;width:100%}.info-panel{list-style:none;padding:0}.info-panel li{display:flex}.info-panel span{flex:0 0 120px}@media screen and (min-width:480px){.info-panel span{flex:0 0 180px}}.primary blockquote{border-left:4px solid var(--highlight);color:var(--label);font-size:110%;font-style:italic;margin:0 0 1.5rem;padding:0 0 0 30px}.films figure,.books figure{max-width:390px}.music figure{max-width:450px}.single-page figure{display:block}.single-page figure img{height:auto;width:100%}.films thead,.music thead,.books thead{display:none}.films td:first-child,.music td:first-child,.books td:first-child{padding:8px 8px 8px 0}.films td,.music td,.books td{padding:8px}.related{list-style:none;padding:0}.post-series{border-left:4px solid var(--link-alt-colour);margin:40px 0;padding:4px 0 4px 16px}.post-series p{margin:0 0 6px}.post-series ol{margin:0;padding-left:20px}.tags{margin:40px 0}.tags ul{display:inline;list-style:none;padding:0}.tags li{display:inline-block}.tags a{background:#5d9490;border-radius:5px;color:#fff;display:block;padding:5px 10px 6px;margin:0 0 0 4px}.tag-list{list-style:none;padding:0;column-count:2}.tag-list span{color:var(--label)}.pagination{color:var(--label);display:grid;font-size:22px;grid-template-columns:33.3% 33.3%;grid-template-areas:'item item item';grid-gap:20px;justify-content:space-between;margin:40px 0}.pagination span{display:block}.post-navigation{color:var(--label);display:grid;grid-template-columns:50%;grid-template-areas:'item item';grid-gap:20px;justify-content:space-between}.post-navigation span{display:block}.post-navigation-next{text-align:right}.segmentation{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;--marker-size:1.7rem;--marker-gap:6px}.segmentation h2{margin-top:0}.segmentation ul{list-style:none;padding:0}.segmentation summary{color:var(--foreground);cursor:pointer;font-size:1.1em;list-style:none}.segmentation summary::-webkit-details-marker{display:none}.segmentation summary::before{content:'\25B8';display:inline-flex;align-items:center;justify-content:center;width:var(--marker-size);height:var(--marker-size);margin-right:var(--marker-gap);font-size:var(--marker-size);transition:transform .15s ease}.segmentation details[open]>summary::before{transform:rotate(90deg)}.segmentation details ul{margin-top:10px;padding-left:calc(var(--marker-size) + var(--marker-gap))}.az-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:14px 20px;margin:20px 0}.az-nav a{text-align:center}.az-letter{grid-column:1/-1;margin:30px 0 0;padding-bottom:6px;border-bottom:1px solid var(--link-colour)}.segmentation .az-letter:first-child{margin-top:0}.secondary h2{color:var(--link-alt-color);background:linear-gradient(to right,var(--link-alt-colour),var(--link-alt-colour-strong));border-image:linear-gradient(to right,var(--link-alt-colour),var(--link-alt-colour-strong))0 0 100%;border-style:solid;border-width:0 0 3px;font-size:20px;letter-spacing:.1rem;margin:1.5rem 0 1rem;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.secondary form{display:flex}.secondary input[type=search]{appearance:none;background:var(--background);border:0;border-bottom:3px solid var(--backdrop-from);border-radius:0;color:var(--foreground);flex:1;padding:10px 10px 10px 0}.secondary input[type=search]::placeholder{color:var(--placeholder);font-weight:100}.secondary input[type=submit]{appearance:none;background:url(/image/search.svg)no-repeat;border:0;height:40px;overflow:hidden;padding:0;text-indent:-500px;width:40px}.search-form{display:flex;gap:10px}.search-form input[type=search]{appearance:none;background:var(--background);border:2px solid var(--link-colour);border-radius:25px;color:var(--foreground);flex:1;padding:8px 22px}.search-form input[type=search]::placeholder{color:var(--placeholder);font-weight:100}.search-form input[type=submit]{appearance:none;background:0 0;border:2px solid var(--link-colour);border-radius:25px;color:var(--foreground);cursor:pointer;font:inherit;padding:8px 22px;transition:border-color .2s ease-out,transform .2s ease-out}.search-form input[type=submit]:hover{border-color:var(--link-alt-colour);transform:scale(1.03)}.secondary img{margin-right:10px}.secondary-list{list-style:none;padding:0}.secondary-list a{display:block;border-bottom:3px solid var(--backdrop-from);padding:8px 0}.secondary-list li:last-child a{border-bottom:none}
