:root{--ink:#202923;--muted:#596660;--paper:#fff;--soft:#edf4ef;--accent:#22664e;--second:#aa453b;--line:#dce4df;font-family:Arial,sans-serif}
[data-color="2"]{--ink:#292b2d;--muted:#64676c;--soft:#f1f2f4;--accent:#ae493d;--second:#387160;--line:#dce0e3}
[data-color="3"]{--ink:#38252b;--muted:#6d5a60;--soft:#f7edf1;--accent:#7f304c;--second:#2b6957;--line:#e9dbe0}
*{box-sizing:border-box;letter-spacing:0!important}html{scroll-behavior:smooth;scroll-padding-top:20px}body,input,select,button{font-family:Arial,sans-serif;color:var(--ink)}body{padding-top:0;background:var(--soft);font-size:16px;line-height:1.65}a{border-bottom:0;color:inherit}a:hover{color:var(--accent)!important}p{margin-bottom:1.5em}h1,h2,h3{color:var(--ink);text-transform:none;font-family:Georgia,serif;font-weight:400;line-height:1.25;overflow-wrap:break-word}h2{font-size:28px}button,select,summary{cursor:pointer}button:disabled{cursor:default}svg{width:18px;height:18px;vertical-align:middle;flex-shrink:0}button svg,a svg{margin-left:6px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--second);outline-offset:3px}
.review{padding:10px 24px;background:white;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:12px;border-bottom:1px solid var(--line)}.review>a{display:flex;gap:6px;align-items:center}.review select{display:inline-block;width:auto;height:auto;font-size:12px;border:1px solid var(--line);padding:6px 28px 6px 8px;background-color:white}.review label{display:flex;gap:8px;align-items:center}
#header{position:relative;height:auto;min-height:74px;background:white;border-color:var(--line);padding:14px 32px;gap:24px;align-items:center;flex-wrap:wrap;z-index:auto}#header .brand{font:22px/1.2 Georgia,serif;display:flex;align-items:center;gap:10px;white-space:normal}#header .brand img{border-radius:50%}#header .links{padding-left:24px;margin:0}#header .links ul{display:flex;flex-wrap:wrap;gap:20px;padding:0}#header .links ul li{border:0;margin:0;padding:0}#header .links ul li a{font-size:13px;text-transform:none}
#wrapper{max-width:1440px;padding:40px 48px;margin:0 auto;gap:48px}#main{min-width:0;margin:0}#sidebar{width:280px;min-width:0;margin-right:0}#sidebar>section{border-color:var(--line);margin:0 0 24px;padding:24px 0 0}#sidebar #intro{padding-top:0}#intro .logo{border-radius:0;width:auto;margin:0 0 22px;clip-path:none}#intro .logo img{width:120px;height:120px;object-fit:cover}#intro h1{font-size:42px;margin:0 0 14px}#intro p{color:var(--muted);font-size:15px;text-transform:none}#sidebar .blurb h2,#sidebar .support h2{font-size:24px}#sidebar .blurb p,#sidebar .support p{font-size:14px;color:var(--muted)}#sidebar .button{font-size:12px;width:100%;white-space:normal}
.search-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-row input{height:40px;background:white;border:1px solid var(--line);border-radius:4px;max-width:100%;width:260px;font-size:14px}.search-row label{margin:0}.post{background:white;border:1px solid var(--line);padding:30px;margin-bottom:32px;border-radius:0}.post>header{margin:-30px -30px 26px;width:calc(100% + 60px);border-color:var(--line);min-height:0}.post>header .title{padding:25px 30px}.post>header .title h2{font-size:30px;margin:8px 0 10px}.post>header .title p{font-size:14px;text-transform:none;margin:0;color:var(--muted)}.post>header .meta{min-width:150px;width:150px;padding:22px;text-align:center;border-color:var(--line);display:flex;flex-direction:column;align-items:center;gap:10px}.meta img{border-radius:50%;object-fit:cover}.meta span{font-size:11px;text-transform:none}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--accent);display:block}.media{aspect-ratio:16/9;position:relative;background:#111}.media img,.media iframe{width:100%;height:100%;object-fit:contain;display:block;border:0}.media #embed{height:100%}.play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:60px;height:60px;min-height:0;line-height:1;padding:0;border-radius:50%;border:0;background:white;box-shadow:none;color:var(--ink)}.play svg{width:26px;height:26px;margin:0}.post>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px 0 0}.post>footer ul.actions{margin:0;padding:0}.post>footer ul.actions li{padding:0}.button{background:var(--accent);color:white!important;border:0;border-radius:4px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:auto;line-height:1.4;padding:12px 16px;text-transform:none;font-size:13px;font-weight:600;white-space:normal}.button:hover{background:var(--accent);color:white!important;filter:brightness(.92);box-shadow:none}.text-link{font-size:13px;text-transform:none;background:none;padding:8px 0;height:auto;line-height:1.5;box-shadow:none;border:0;font-weight:400}.text-link:hover{box-shadow:none;color:var(--accent)}.reflection-post>header .title{padding-bottom:20px}.reflection-post blockquote{font:26px/1.4 Georgia,serif;border-left:2px solid var(--second);padding:12px 0 12px 24px}.reflection-post time,small{font-size:12px;color:var(--muted)}.collab-band{padding:16px 0 32px;border-bottom:1px solid var(--line)}.collab-band h2{margin:10px 0 16px;font-size:30px}.collab-band p{max-width:600px;color:var(--muted)}#footer .socials{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}#footer .socials button{background:none;padding:0;line-height:1.5;height:auto;box-shadow:none;color:var(--muted);font-weight:400;text-transform:none}#footer .copyright{margin-top:22px;font-size:11px;line-height:1.6;color:var(--muted);text-transform:none}#footer .copyright a{text-decoration:underline}details{font-size:14px}summary{color:var(--accent);font-weight:600;margin-bottom:14px}
dialog{width:min(650px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:30px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}dialog::backdrop{background:#0008}.close{float:right;border:0;background:none;box-shadow:none;padding:0;width:40px;height:40px;line-height:1}.close svg{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1280px){#wrapper{padding:28px;gap:28px}#sidebar{width:250px}.post{padding:24px}.post>header{margin:-24px -24px 24px;width:calc(100% + 48px)}.post>header .title{padding:22px 24px}}
@media(max-width:980px){#wrapper{display:flex;flex-direction:column}#sidebar{display:contents}#sidebar #intro{order:-1;border:0;text-align:left;display:block;margin:0 0 6px}#intro .logo{float:right;margin:0 0 0 20px}#intro h1{font-size:38px}#intro h1 br{display:none}#sidebar>section:not(#intro),#sidebar>#footer{order:1;width:100%}#main{width:100%}.post>header .title{text-align:left}.post>header .meta{display:none}.post>header{display:block}.collab-band{margin-bottom:20px}#header .links{display:block}}
@media(max-width:600px){#header{padding:16px 18px;gap:14px}#header .brand{font-size:21px}#header .links{display:block;width:100%;border:0;padding:0}#header .links ul{gap:16px}#header .links ul li a{font-size:13px}.review{padding:8px 18px;gap:10px}#wrapper{padding:22px 18px;gap:20px}#intro h1{font-size:32px;max-width:260px}#intro h1 br{display:block}#intro .logo img{width:84px;height:84px}#intro p{font-size:14px}.search-row{margin:0 0 18px}.search-row input{width:100%}.post{padding:18px;margin-bottom:24px}.post>header{margin:-18px -18px 18px;width:calc(100% + 36px)}.post>header .title{padding:20px 18px}.post>header .title h2{font-size:26px}.post>header .title p{font-size:13px}.post>footer{padding:18px 0 0}.post>footer>*{max-width:100%}.reflection-post blockquote{font-size:23px;padding-left:16px}.collab-band h2{font-size:27px}dialog{padding:24px}.button{font-size:13px}body{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#wrapper{width:100%;max-width:1440px}.post>header{left:0}.post>header .title h2{font-weight:400}#intro h1{font-weight:400}
.post{left:0;width:100%}.post>header{padding:0}.post>header .title{margin:0}.post>header .title p{line-height:1.6}#intro .logo{width:120px;height:120px}#intro .logo:before,#intro .logo:after{display:none}
@media(max-width:600px){#header .links{flex:none;min-width:100%}#intro .logo{width:84px;height:84px}.post>header .title h2{line-height:1.3}}
@media(min-width:981px){#wrapper{display:flex}#main{flex:1;width:auto}#sidebar{flex:0 0 280px;border:0;margin:0;padding:0;overflow:visible}}