*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}@font-face{font-family:ubuntu-r;src:url(/font/Ubuntu-R.woff2)}:root{--color-dark:#252525;--color-light:#efefef;--color-primary:#1a8fe3;--size-step-0:clamp(1rem, calc(0.96rem + 0.22vw), 1.13rem);--size-step-1:clamp(1.25rem, calc(1.16rem + 0.43vw), 1.5rem);--size-step-2:clamp(1.56rem, calc(1.41rem + 0.76vw), 2rem);--size-step-3:clamp(1.95rem, calc(1.71rem + 1.24vw), 2.66rem);--size-step-4:clamp(2.44rem, calc(2.05rem + 1.93vw), 3.55rem)}body{background:var(--color-light);color:var(--color-dark);max-width:768px;margin:auto;padding:1.6em 2em 2em;font-family:ubuntu-r,sans-serif;font-size:var(--size-step-0);line-height:1.5;> main > * + *, main p, > footer, .h-entry > * + * { margin-top: var(--flow-space, 1em); }}h1{font-size:var(--size-step-4)}h2{font-size:var(--size-step-3)}h3{font-size:var(--size-step-2)}.notes h1,.notes h2,.photos h1,.photos h2{font-size:var(--size-step-1)}:is(h1,h2,h3,blockquote,code,hr){--flow-space:1.5em}:is(h1,h2,h3)+*{--flow-space:1em}blockquote{padding-left:1em;border-left:.3em solid;font-style:italic;font-size:var(--size-step-1);max-width:50ch}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:800}h1{max-width:20ch}h2,h3{max-width:28ch}.highlight>pre{outline:.2em solid;padding:.6em}.e-content,main p{max-width:65ch}a{color:currentColor;text-decoration-color:var(--color-primary);text-decoration-thickness:.2ex;text-underline-offset:.3ex}a.u-url,.meta a,.home-listing>li>a{color:var(--color-primary);text-decoration:none}pre,code{overflow:auto}header{padding-bottom:1em;display:flex;justify-content:space-between;a { text-decoration: none; } hgroup { h1 { font-size: var(--size-step-1); margin-bottom: 0; text-transform: uppercase; } p { margin: 0; } } nav ul { display: flex; display: none; justify-content: space-between; align-items: center; padding: 0; height: 100%; li { list-style: none; margin: 0 1em 0 0; &:last-of-type { margin-right: 0; } } }}footer{--flow-space:5em;padding:.5em 0;ul { margin: 0; padding: 0; display: flex; gap: 0.5em; } li { list-style: none; }}.home-listing{padding:0;> li { display: flex; align-items: center; gap: 0.5em; margin-top: var(--flow-space, 2em); } > li > * { flex: 1; } > li > a:first-of-type { min-width: 7ex; } > li > a:nth-of-type(2) { display: none; } > li > div { flex-grow: 6; } .photo ul, .insta ul { display: flex !important; } img, video { max-height: 10em !important; } .photo p, .insta p, .u-url { display: none; }}.lede{font-size:var(--size-step-1);font-style:italic;max-width:50ch;text-wrap:balance}.lede+*{--flow-space:2em}.h-entry{.p-author { display: none; } &.photos ul { display: grid; gap: 0.5em; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; padding: 0; img, video { border-radius: 0.25em; max-height: 80vh; } }}.pagination{--flow-space:4em;list-style:none;padding:0;display:flex;justify-content:center;li { min-width: 2em; }}.upper{text-transform:uppercase}.bold{font-weight:700}.meta{font-family:monospace;font-size:.7em;text-transform:uppercase;letter-spacing:1.4px}.bg{background-color:#fff}.chroma{background-color:#fff}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#e5e5e5}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{font-weight:700}.chroma .kc{font-weight:700}.chroma .kd{font-weight:700}.chroma .kn{font-weight:700}.chroma .kp{font-weight:700}.chroma .kr{font-weight:700}.chroma .kt{color:#458;font-weight:700}.chroma .na{color:teal}.chroma .nc{color:#458;font-weight:700}.chroma .no{color:teal}.chroma .ni{color:purple}.chroma .ne{color:#900;font-weight:700}.chroma .nn{color:#555}.chroma .nt{color:navy}.chroma .nb{color:#999}.chroma .bp{color:#999}.chroma .nv{color:teal}.chroma .vc{color:teal}.chroma .vg{color:teal}.chroma .vi{color:teal}.chroma .vm{color:teal}.chroma .nf{color:#900;font-weight:700}.chroma .fm{color:#900;font-weight:700}.chroma .s{color:#b84}.chroma .sa{color:#b84}.chroma .sb{color:#b84}.chroma .sc{color:#b84}.chroma .dl{color:#b84}.chroma .sd{color:#b84}.chroma .s2{color:#b84}.chroma .se{color:#b84}.chroma .sh{color:#b84}.chroma .si{color:#b84}.chroma .sx{color:#b84}.chroma .sr{color:olive}.chroma .s1{color:#b84}.chroma .ss{color:#b84}.chroma .m{color:#099}.chroma .mb{color:#099}.chroma .mf{color:#099}.chroma .mh{color:#099}.chroma .mi{color:#099}.chroma .il{color:#099}.chroma .mo{color:#099}.chroma .o{font-weight:700}.chroma .ow{font-weight:700}.chroma .c{color:#998;font-style:italic}.chroma .ch{color:#998;font-style:italic}.chroma .cm{color:#998;font-style:italic}.chroma .c1{color:#998;font-style:italic}.chroma .cs{color:#999;font-weight:700;font-style:italic}.chroma .cp{color:#999;font-weight:700}.chroma .cpf{color:#999;font-weight:700}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{font-style:italic}.chroma .gr{color:#a00}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gs{font-weight:700}.chroma .gu{color:#aaa}.chroma .gt{color:#a00}.chroma .gl{text-decoration:underline}.chroma .w{color:#bbb}