:root{--edge-margin: 3vw;--main-center-gutter: 4rem;--readable-line-width: 50rem;--shortish-line-width: 30rem;--link-list-gutter: 1rem;--color-black: hsl(0 0% 10%);--color-char: #222;--color-white: hsl(0, 0%, 100%);--color-bone: #f5f3f0;--color-ivory: hsl(16, 37%, 92%);--color-buff: hsl(47, 28%, 83%);--color-manilla: hsl(56, 33%, 66%);--color-greige-lite: hsl(12, 16%, 60%);--color-greige-dark: hsl(14, 16%, 26%);--color-lipstick-100: hsl(344, 75%, 40%);--color-lipstick-80:hsl(344, 70%, 50%);--color-lipstick-60:hsl(344, 65%, 60%);--color-lipstick-40:hsl(344, 60%, 70%);--color-lipstick-20:hsl(344, 55%, 80%);--color-lipstick-10:hsl(344, 50%, 95%);--color-sky-100:#2419b3;--color-sky-100:hsl(244, 75%, 40%);--color-sky-80:hsl(244, 70%, 50%);--color-sky-60:hsl(244, 65%, 60%);--color-sky-40:hsl(244, 60%, 70%);--color-sky-20:hsl(244, 55%, 80%);--color-sky-10:hsl(244, 50%, 95%);--color-rgb-red: #FF0000;--color-rgb-blue: #0000FF;--color-rgb-green: #0F0;--color-rgb-cyan: #0ff;--color-rgb-magenta: #f0f;--color-rgb-yellow: #ff0;--flag-red: #dd1465;--flag-blue: #2419b3;--flag-white: #f5f3f0;--color-grey-lite: #bbb;--color-shadow-33: #2223;--color-shadow-99: #2229;--color-vibrant-yellow: hsl(62, 78%, 59%);--color-vibrant-pink: hsl(343, 83%, 75%);--color-vibrant-green: hsl(137, 78%, 59%);--color-blood-ink: #69333333;--color-biro-blue: #203e98aa;--color-biro-black: #1f1f23aa;--img-filter: saturate(0) sepia(30%) brightness(70%) opacity(90%) contrast(150%);--img-desaturate-image: saturate(40%) sepia(0) brightness(90%) opacity(100%) contrast(90%);--c-tint:#fff;--c-shade:#000}:root{--bg-primary: var(--color-bone);--fg-primary: var(--color-char);--code-text: var(--color-manilla);--code-inline-bg: var(--color-manilla);--code-back: var(--color-char);--code-outline: var(--color-white);--underscore-dark: var(--color-grey-lite);--link-highlight: var(--color-lipstick-100);--link-active: var(--color-lipstick-80);--link-hover: var(--color-lipstick-60);--link-visited: color-mix(in lab, var(--link-active), var(--c-shade) 60%);--chip-bg: var(--flag-red);--chip-on-fg: var(--color-bone);--chip-off-fg: var(--color-lipstick-10);--class-chip-bg: var(--flag-blue);--class-chip-on-fg: var(--color-bone);--class-chip-off-fg: var(--color-sky-10);--tag-chip-bg: var(--color-white);--tag-chip-on-fg: var(--color-char);--tag-chip-off-fg: var(--color-greige-lite);--border-bold: var(--color-char);--border-subtle: var(--color-biro-black);--postmark-ink: var(--color-blood-ink);--cheap-ink: var(--color-biro-blue);--font-sans-serif: 'Lexend', sans-serif;--font-serif: 'Playfair', serif;--logotype-fg: var(--color-black);--footer-bg: var(--color-char);--footer-fg: var(--color-bone);--link-preview-bg: var(--color-white);--link-preview-fg: var(--color-char);--org-card-bg: var(--color-white);--org-card-fg: var(--color-char);--org-card-shadow: var(--color-shadow-99);--blog-border-fg: var(--color-greige-lite);--flag-uk-red: var(--flag-red);--flag-uk-blue: var(--flag-blue);--flag-uk-white: var(--flag-white);--banner-pleading: var(--flag-blue);--banner-urgent: var(--flag-red);--banner-fg: var(--color-bone);--form-entry-bg: var(--color-bone);--form-font-family: var(--font-sans-serif);--form-button-primary-bg: var(--color-black);--form-button-primary-fg: var(--color-bone);--form-button-secondary-bg: var(--color-greige-lite);--form-button-secondary-fg: var(--color-biro-blue);--form-error-highlight: var(--color-vibrant-yellow)}@media(prefers-color-scheme: dark){:root{--bg-primary: var(--color-greige-dark);--fg-primary: var(--color-ivory);--code-text: var(--color-manilla);--code-back: var(--color-char);--code-outline: var(--color-white);--border-bold: var(--color-greige-lite);--border-subtle: var(--color-greige-lite);--link-highlight: var(--color-lipstick-40);--link-active: var(--color-lipstick-20);--link-hover: var(--color-lipstick-10);--link-visited: rgb(214, 191, 195);--link-preview-fg: var(--color-ivory);--link-preview-bg: var(--color-char)}}@media print{:root{--bg-primary: white;--fg-primary: black;--code-text: black;--code-back: white;--code-outline: black;--underscore-dark: black;--link-highlight: pink;--link-active: red;--link-hover: magenta;--link-visited: rgb(214, 191, 195)}}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.4}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html{font-size:14px}body{padding:0;margin:0;font-family:var(--font-serif);font-size:1.8rem;display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--fg-primary)}@media screen and (max-width: 510px){html{font-size:11px}}#content{flex:auto;display:flex;flex-wrap:wrap;gap:var(--main-center-gutter)}#content main{flex:2 1 auto}body{color:var(--fg-primary)}footer,#content,nav,header .heading,header .subheading,.banner{padding:0 var(--edge-margin)}h1,h2,h3,h4,h5,h6,dt{line-height:1.2;padding:.4em 0;font-family:var(--font-sans-serif)}hr{border:none;border-top:1px solid var(--bg-primary);margin-block-start:2rem;margin-block-end:2rem}main{margin-bottom:2rem;container:main/inline-size}aside{margin-bottom:2rem}aside>ul:first-child{margin-top:.8rem}footer,.banner{padding-top:1rem;padding-bottom:1rem}.banner+footer{margin-top:0}main p{margin-bottom:1rem}body p::selection,body li::selection,body em::selection,body strong::selection,body h1::selection,body h2::selection,body h3::selection,body h4::selection,body h5::selection,body h6::selection,body dt::selection,body figcaption::selection,body time::selection,body a::selection{background:var(--fg-primary);color:var(--bg-primary)}body a{color:var(--link-highlight)}body a:visited{color:var(--link-visited)}body a:active{color:var(--link-active)}body a:hover{color:var(--link-hover)}main blockquote,aside blockquote{padding:1em;font-style:italic;font-size:110%}[role=list]{padding:0;margin:0}@media print{@page{size:21cm 29.7cm;margin:0}html{font-size:9px}nav{display:none}main{margin:1cm 2cm}aside{page-break-before:always}footer{display:none}}header .heading{border-bottom:1px solid var(--border-subtle)}header .heading h1{font-size:3.6rem}header .heading a{color:var(--logotype-fg);text-decoration:none}header .subheading{border-bottom:3px solid var(--border-subtle);padding-top:.8rem;padding-bottom:.8rem}header .subheading p{flex:2 1 4rem}a.internal .hostname-text,a.relative .hostname-text{display:none}a.external:not(.implied) .hostname-text{display:none}a.external.implied .link-text{display:none}a[title]::after{content:" - " attr(title);font-size:.8em;font-style:italic}nav{padding:1.4rem 0;margin:0 var(--edge-margin);border-bottom:var(--border-subtle) solid 1px}nav ul{display:flex;flex-wrap:wrap;padding:0;margin:.1rem}nav li{list-style:none;padding-right:.2em}nav li form{display:inline-block}nav.breadcrumb li::before{content:"∕ "}nav.home-nav li::before{content:"| "}nav li a{text-decoration:none}nav li a:hover{text-decoration:underline}nav li:first-child{margin-left:-0.5em}nav li:first-child::before{content:"🇬🇧 "}nav li.active a{font-weight:700;color:var(--fg-primary)}.banner{font-size:.8em;color:var(--banner-fg)}.banner>*{max-width:var(--readable-line-width)}.banner.pleading{background-color:var(--banner-pleading)}.banner.urgent{background-color:var(--banner-urgent)}.banner a{color:var(--banner-fg)}.banner a:visited,.banner a:active,.banner a:hover{color:var(--banner-fg)}footer>*{padding:1rem 0}footer{background:var(--footer-bg);color:var(--footer-fg);margin-top:2em;font-size:1.2rem;font-family:var(--font-sans-serif)}footer a{color:var(--footer-fg)}footer a:visited{color:var(--footer-fg)}.link-lists{display:flex;margin-top:1rem;flex-wrap:wrap;gap:var(--link-list-gutter)}.link-lists .list-title{font-weight:bold}.link-lists .list-title:not(:first-child){margin-top:1lh}.link-lists ul{width:18em}.link-lists a{text-decoration:none}.link-lists a:hover{border-bottom:1px solid var(--footer-fg)}header.intro{max-width:var(--readable-line-width)}.icon{margin:0;overflow:hidden}.icon img{max-width:6rem;min-height:6rem;object-fit:contain;border-radius:.5lh 0 0 0}main>.icon{float:left}.button.button-primary,button[type=submit]{background:var(--form-button-primary-bg);color:var(--form-button-primary-fg);border:none;border-radius:.3em;padding:0 .6em}input,textarea,label,select,option{font-family:var(--form-font-family);font-size:.7em;font-weight:400;line-height:1.6}.form-group{padding-top:.6em}.form-group label{font-size:.8em;display:block}.form-group input,.form-group textarea{display:block;width:100%;padding:.4em}.form-group textarea{line-height:1.2}.form-group small{font-size:.8em;font-style:italic;line-height:1.1;display:block;margin-top:.2em}.error a,.error label,.error input,.error small{background-color:var(--form-error-highlight)}.form-actions{margin-top:.6em}.favicon{display:inline-block;width:2em;max-height:2em}table{background:#fff;font-family:var(--form-font-family);font-size:.7em;font-weight:200;width:100%;max-width:var(--readable-line-width);padding:.6em;border:solid 1px #ccc;border-radius:.5em}table.admin-big-table{max-width:none}table td,table th{padding:0 .2em;border-bottom:1px solid #eee}table tbody tr:hover{background:#c4f2f9}.submission-form{max-width:var(--readable-line-width)}.content-meta{color:var(--bg-primary);text-align:right;margin-bottom:2rem;display:flex;justify-content:space-between}.content-meta time{color:var(--fg-primary)}.content-meta a{text-decoration:none;font-family:var(--font-sans-serif);font-size:.7em}.related .content-meta>a{display:none}main img{max-width:100%}main figure,aside figure{display:flex;flex-direction:column;align-items:center;margin:.5em 0}main figure figcaption,aside figure figcaption{font-size:90%;font-style:italic;text-align:center}aside picture.thumbnail-image{max-width:50%}.audio{font-size:1.2rem}.audio audio{display:block;max-width:var(--readable-line-width);width:100%}.org-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.6rem}.org-card{font-size:18px;background:var(--org-card-bg);color:var(--org-card-fg);box-shadow:0px 8px 9px 0px var(--org-card-shadow);border-radius:.5lh;max-width:18em;width:100%;height:10em;overflow:hidden;--org-card-desc-h: 4lh;position:relative;display:grid;grid-template-columns:6rem 3fr;grid-template-rows:1fr;grid-column-gap:1rem;grid-row-gap:0px;aspect-ratio:18/10}.org-card .icon{margin:0;overflow:hidden;background:#eeeef7}.org-card .icon img{min-height:6rem;object-fit:contain;border-radius:.5lh 0 0 0}.org-card .org-title{margin:.2em .5rlh 0;padding:0;text-align:left}.org-card .org-description{padding:0 .5rlh 0 0;text-overflow:ellipsis;overflow:hidden;max-height:var(--org-card-desc-h);font-size:.88em;font-family:var(--font-sans-serif)}.org-card .org-link{position:absolute;display:inline-block;top:0;bottom:0;left:0;right:0}.org-card .org-link span{visibility:hidden}.org-card.extended{margin-top:1em;max-width:var(--readable-line-width);height:auto;margin-bottom:1em}.org-card.extended .icon{width:6rem}.org-card.extended .preview{aspect-ratio:18/5}.org-card.extended .preview img{height:100%}@media screen and (max-width: 510px){.org-card{font-size:3.5vw;max-width:var(--readable-line-width);height:auto}}.alternative-to{display:flex;column-gap:1rem;max-width:var(--readable-line-width)}.alternative-to .intro{flex:1 3 auto}.alternative-to .icon{margin-top:.4em;flex:3 1 auto;min-width:6rem}.related .item-blog{max-width:var(--readable-line-width);margin-bottom:1lh;position:relative}.related .item-blog picture img{width:100%}.related .item-blog:not(:first-child){border-top:2px solid var(--blog-border-fg)}.related .item-blog:not(:first-child) .title{margin-top:.8em}main .related .item-blog{border-top:2px solid var(--blog-border-fg)}main .related .item-blog .title{margin-top:.8em}.chip-list{list-style:none;padding:0}.chip-list.clustered{max-width:var(--readable-line-width);display:flex;flex-direction:row;flex-wrap:wrap;column-gap:.4rem;margin:0}.chip{border-radius:.5lh;padding:.1em 1em .2em;position:relative;font-size:.7em;font-family:var(--font-sans-serif)}.chip .counter{background:rgba(245,243,240,.4);border-radius:.5lh;font-size:.8em;padding:.14em .4em .1em;margin-right:-0.4em;display:inline-block;line-height:1}.feature-chip{background:var(--chip-bg);color:var(--chip-on-fg)}.classification-chip{background:var(--class-chip-bg);padding-left:.6em;border-radius:0 .5lh .5lh 0;color:var(--class-chip-on-fg)}.classification-chip.diy{background:green}.tag-chip{background:var(--tag-chip-bg);color:var(--tag-chip-on-fg);padding-left:.6em;border-radius:0 .5lh .5lh 0}a.chip:active{color:var(--chip-on-fg)}a.chip:visited{color:var(--chip-off-fg)}a.chip:focus{color:var(--chip-on-fg)}a.chip:hover{text-decoration:underline;color:var(--chip-on-fg)}a.chip{text-decoration:none}a.classification-chip:active{color:var(--class-chip-on-fg)}a.classification-chip:visited{color:var(--class-chip-off-fg)}a.classification-chip:focus{color:var(--class-chip-on-fg)}a.classification-chip:hover{color:var(--class-chip-on-fg)}a.tag-chip:active{color:var(--tag-chip-on-fg)}a.tag-chip:visited{color:var(--tag-chip-off-fg)}a.tag-chip:focus{color:var(--tag-chip-on-fg)}a.tag-chip:hover{color:var(--tag-chip-on-fg)}.meta-info{color:var(--cheap-ink);font-family:var(--font-sans-serif);font-size:.6em}pre code{color:inherit;display:block;white-space:pre;-webkit-overflow-scrolling:touch;overflow-x:auto;max-width:100%;min-width:100px;padding:0;padding:0 .3em;font-size:.62em;outline:1rem solid var(--code-back);line-height:1.6;scrollbar-color:var(--color-grey-lite) var(--code-back)}p code,li code{background:var(--code-inline-bg);font-size:1.2rem;line-height:1em;padding:0 .2em;font-weight:normal}.inline-app{font-size:.9em;display:flex;flex-direction:column}.inline-app input,.inline-app textarea,.inline-app label,.inline-app select,.inline-app output{max-width:var(--readable-line-width)}.inline-app textarea{resize:none}.inline-app input[type=number]{width:6rem}.c64{background:var(--color-rgb-blue);color:var(--color-rgb-cyan);filter:glow(10%);outline:1rem solid var(--color-rgb-blue);margin:2rem 0;font-family:"Courier New",Courier,monospace}.c64::before{content:"(CC) LRG Microsystems ";color:var(--color-white);font-weight:bold}.c64 input:focus,.c64 textarea:focus,.c64 label:focus,.c64 select:focus,.c64 output:focus{outline:var(--color-white) .4rem solid;background:var(--color-white);color:#000}.c64 input,.c64 textarea,.c64 label,.c64 select,.c64 output{margin:.4rem}.c64 input,.c64 textarea,.c64 select{background:var(--color-rgb-cyan);color:var(--color-rgb-blue);border:none}.c64 input::selection,.c64 textarea::selection,.c64 select::selection{background:var(--color-rgb-yellow);color:var(--color-black)}.c64 select{outline:var(--color-rgb-cyan) .4rem solid}.c64 output.main-output{color:var(--color-white);min-height:1.2em;font-weight:bold;padding:0 .5rem}.c64 output.labelish{text-align:right}.c64 output.success{outline:var(--color-rgb-green) .4rem solid}.c64 output.failure{outline:var(--color-rgb-red) .4rem solid}.formica{background:var(--color-white);color:var(--cheap-ink);padding:1rem}.formica>span{padding:1rem 0}.formica input,.formica textarea,.formica label,.formica select,.formica output{margin:.4rem}.formica{font-family:"Courier New",Courier,monospace}.formica label,.formica output{font-family:Arial,Helvetica,sans-serif}.formica input,.formica textarea,.formica select{border:none;border-left:2px solid var(--color-white);padding-left:.4rem}.formica input:focus,.formica textarea:focus,.formica select:focus{outline:rgba(255,191,191,.5) .4rem solid;border-left-color:var(--color-rgb-red)}.formica input,.formica textarea,.formica select{border-bottom:2px dashed var(--color-black)}.formica input::selection,.formica textarea::selection,.formica select::selection{background:var(--color-rgb-yellow);color:var(--color-black)}.formica select{height:3rem}@media(max-width: 30em){.formica{padding:1rem .4rem}.formica>span.loosey-goosey{padding:.6rem 0;display:flex;flex-direction:column}.formica>span.loosey-goosey input,.formica>span.loosey-goosey textarea,.formica>span.loosey-goosey label,.formica>span.loosey-goosey select,.formica>span.loosey-goosey output{max-width:var(--readable-line-width)}.formica blockquote,.formica blockquote output{padding:1rem .4rem}}.taxonomy-terms{max-width:var(--readable-line-width)}.taxonomy-terms dt{font-weight:bold}.taxonomy-terms dd{font-size:1.4rem}.shape-left,.shape-right{shape-margin:1rem;max-width:40%;width:auto;height:auto}.shape-left{float:left;margin:0 1rem 1rem 0}.shape-right{float:right;margin:0 0 1rem 1rem}.shape-{margin-bottom:1rem}@container main (max-width: 30rem){.shape-left,.shape-right{float:none;margin:1em auto}}.link-preview{display:flex;flex-direction:row;padding:1rem;background:var(--link-preview-bg);color:var(--link-preview-fg);border-radius:.3rem;text-decoration:none;font-size:1.2rem;font-family:var(--font-sans-serif);position:relative;margin-bottom:1rem}.link-preview picture{align-items:center;width:24rem;height:12rem;padding:0;overflow:hidden;display:flex;justify-content:center;flex:1 1 auto;background-size:cover}.link-preview picture img{object-fit:cover;min-width:100%;min-height:100%}.link-preview .preview-text{flex:1 2 auto;margin-left:0;display:flex;flex-direction:column;justify-content:space-between}.link-preview .preview-text a::before{content:"";position:absolute;inset:0;z-index:1}.link-preview picture+.preview-text{margin-left:1rem}@container main (width < 40rem){.link-preview{flex-direction:column}.link-preview picture{aspect-ratio:2/1;height:auto;width:100%;margin-bottom:1rem}.link-preview picture+.preview-text{margin-left:0}}.admin .top-menu{display:flex;list-style:none;padding:0;gap:1rem}.admin details summary h2,.admin details summary h3,.admin details summary h4,.admin details summary h5,.admin details summary h6{display:inline-block;cursor:pointer}.admin .card-grid{display:flex;flex-wrap:wrap;flex-direction:row;gap:.4em}.admin .card-grid .card{flex:0 0 auto;padding:.6em;border:solid 1px #ccc;border-radius:.5em;aspect-ratio:4/3;background:#fff;width:8em;position:relative;display:flex;flex-direction:column}.admin .card-grid .card p{font-family:var(--form-font-family);font-size:.6em}.admin .card-grid .card p.big-number{font-size:4rem;font-weight:700;text-align:center}.admin .card-grid .card .card-link{position:absolute;top:0;bottom:0;left:0;right:0}.admin .card-grid .card-bar{width:100%}.admin .card-grid+.card-grid{margin-top:.4em}/*# sourceMappingURL=style.css.map */