/* Shared navigation and the notebook's expanded accent palette. */
:root{--accent-teal:#367d80;--accent-mauve:#a36185;--accent-apricot:#d9a16e;--accent-sage:#92b39b;--accent-lilac:#a4a0c5;--accent-blue:#7da5bf}
.site-menu{position:relative;display:flex;align-items:center;gap:3px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);z-index:30;background:var(--desktop);font:14px Arial,sans-serif}.nav-home,.nav-group>summary{padding:15px 16px;cursor:pointer;text-decoration:none;border-radius:5px;list-style:none;display:flex;gap:16px;align-items:center}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover,.nav-group[open]>summary,.nav-home:hover{background:var(--surface);color:var(--berry)}.nav-home[aria-current]{color:var(--berry)}.nav-group>summary:focus-visible,.site-menu a:focus-visible,.menu-toggle:focus-visible,.menu-close:focus-visible{outline:3px solid var(--berry);outline-offset:-3px}.nav-group[open]>summary>span{transform:rotate(180deg)}.nav-dropdown{position:absolute;left:0;right:0;top:calc(100% + 7px);display:grid;grid-template-columns:260px 1fr;background:var(--paper);border:1px solid var(--window-edge);border-radius:10px;box-shadow:0 18px 40px #0003;overflow:hidden}.nav-overview{padding:25px;background:var(--surface);border-top:5px solid var(--accent-teal)}.nav-overview h2{font:34px 'Newsreader',Georgia,serif;margin:10px 0}.nav-overview p{font:14px/1.6 Arial,sans-serif;color:var(--muted)}.nav-overview>a{font:13px Arial,sans-serif;color:var(--berry)}.nav-topic-grid{padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.nav-topic-grid>a{padding:14px;border-radius:7px;text-decoration:none;display:flex;flex-direction:column;gap:7px}.nav-topic-grid>a:hover{background:var(--surface)}.nav-topic-grid strong{font:15px Arial,sans-serif;color:var(--ink)}.nav-topic-grid span{font:12px/1.5 Arial,sans-serif;color:var(--muted)}.nav-group[data-group=projects] .nav-overview{border-color:var(--accent-apricot)}.nav-group[data-group=writing] .nav-overview{border-color:var(--accent-mauve)}.nav-group[data-group=life] .nav-overview{border-color:var(--accent-sage)}.nav-group[data-group=about] .nav-overview{border-color:var(--accent-lilac)}.nav-utilities{margin-left:auto;display:flex;gap:14px;padding:0 12px;font:12px var(--ui)}.nav-utilities>a{text-decoration:none}.mobile-menu-heading,.menu-toggle{display:none}.menu-toggle[hidden]{display:none}.feature-art,.feature-image{height:155px;width:calc(100% + 30px);margin:-15px -15px 15px;object-fit:cover;display:block}.feature-art{position:relative;overflow:hidden;background:#9cbac0;color:#203e42;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#fcf4e945 1px,transparent 1px),linear-gradient(90deg,#fcf4e945 1px,transparent 1px);background-size:22px 22px}.art-shape{position:absolute;display:block}.art-1 .one{width:108px;height:95px;background:#f1debb;left:calc(50% - 54px);top:17px;border:2px solid #29494b;border-radius:10px;box-shadow:8px 8px #367d80}.art-1 .two{width:76px;height:52px;background:#29494b;left:calc(50% - 38px);top:30px;border-radius:4px;border-bottom:5px solid #92b39b}.art-1 .three{width:54px;height:6px;background:#a36185;left:calc(50% - 27px);top:94px}.art-2{background:#aaa6c5}.art-2 .one,.art-2 .two,.art-2 .three{width:80px;height:42px;border:2px solid #483147;background:#f1debb;transform:skewY(-12deg);box-shadow:6px 6px #7a718f;top:40px;left:20%}.art-2 .two{left:42%;top:25px;background:#91b5ad}.art-2 .three{left:63%;top:52px;background:#b97998}.art-3{background:#d8af7b}.art-3 .one{width:128px;height:85px;border-radius:50%;background:#fcf4e9;left:calc(50% - 64px);top:28px;box-shadow:5px 7px #a3618566}.art-3 .two{width:88px;height:52px;border-radius:50%;background:#c68149;left:calc(50% - 44px);top:41px;border:8px solid #e8bd75;box-shadow:0 5px #a7683d}.art-3 .three{width:22px;height:18px;background:#f7e3a9;left:calc(50% - 11px);top:50px;transform:rotate(-15deg)}.art-4{background:#9eb8a1}.art-4 .one{width:80px;height:80px;border-radius:50%;background:#a36185;left:28%;top:22px;mix-blend-mode:multiply}.art-4 .two{width:80px;height:80px;background:#d9a16e;left:48%;top:32px;transform:rotate(25deg);mix-blend-mode:multiply}.art-4 .three{width:70px;height:70px;border:12px solid #fcf4e9;left:38%;top:14px;border-radius:50%}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;display:flex;justify-content:space-between;gap:10px;background:#fcf4e9e8;font:10px var(--ui);text-transform:uppercase}.art-caption>span{font-size:8px}.portal-bar{border-top:3px solid var(--accent-teal)}.portal-threads .portal-bar{border-top-color:var(--accent-mauve)}.portal-links .portal-bar{border-top-color:var(--accent-apricot)}.portal-about .portal-bar{border-top-color:var(--accent-sage)}.small-print .portal-bar{border-top-color:var(--accent-lilac)}.directory-groups section:nth-child(1){border-left:3px solid var(--accent-teal)}.directory-groups section:nth-child(2){border-left:3px solid var(--accent-apricot)}.directory-groups section:nth-child(3){border-left:3px solid var(--accent-mauve)}.directory-groups section:nth-child(4){border-left:3px solid var(--accent-sage)}.directory-groups section{padding-left:9px;margin-top:8px}.portal-ticker{border:0;border-left:5px solid var(--accent-mauve);background:linear-gradient(100deg,color-mix(in srgb,var(--accent-sage) 22%,var(--paper)),color-mix(in srgb,var(--accent-lilac) 23%,var(--paper)),color-mix(in srgb,var(--accent-apricot) 24%,var(--paper)))}.portal-feature:nth-child(2){background:color-mix(in srgb,var(--accent-lilac) 13%,var(--paper))}.portal-feature:nth-child(3){background:color-mix(in srgb,var(--accent-apricot) 16%,var(--paper))}.portal-feature:nth-child(4){background:color-mix(in srgb,var(--accent-sage) 17%,var(--paper))}.portal-thread:nth-child(3){background:color-mix(in srgb,var(--accent-blue) 10%,var(--paper))}.portal-thread:nth-child(4){background:color-mix(in srgb,var(--accent-apricot) 12%,var(--paper))}
@media(max-width:1150px){.nav-home,.nav-group>summary{padding:14px 10px;gap:8px;font-size:13px}.nav-utilities{gap:10px}.feature-art,.feature-image{width:calc(100% + 24px);margin:-12px -12px 12px}.nav-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.menu-toggle:not([hidden]){display:flex;align-items:center;gap:7px;border:1px solid var(--window-edge);border-radius:7px;padding:10px;background:var(--paper);color:var(--ink);font:13px Arial,sans-serif}.header-actions .menu-toggle{font:13px Arial,sans-serif;border-radius:7px;padding:10px}.menu-toggle>span{font-size:19px}.site-menu{flex-wrap:wrap}.nav-dropdown{grid-template-columns:200px 1fr}.nav-utilities{margin:0;padding:12px}.js-menu .site-menu{display:none}.js-menu .site-menu.is-open{display:block;position:fixed;inset:0;z-index:1000;overflow-y:auto;overscroll-behavior:contain;border:0;padding:20px 20px 35px;background:var(--paper);height:100dvh}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 0 22px;border-bottom:1px solid var(--rule);font:28px 'Newsreader',Georgia,serif}.menu-close{border:1px solid var(--rule);border-radius:50%;background:var(--surface);color:var(--ink);font-size:20px;width:44px;height:44px}.nav-home,.nav-group>summary{padding:18px 4px;font:20px Arial,sans-serif;justify-content:space-between;border-bottom:1px solid var(--rule);border-radius:0}.nav-dropdown{position:static;display:block;border:0;border-radius:0;box-shadow:none;background:transparent}.nav-overview{padding:14px;margin-top:8px}.nav-overview h2,.nav-overview .eyebrow,.nav-overview p{display:none}.nav-topic-grid{padding:6px 0 15px;grid-template-columns:1fr 1fr;gap:2px}.nav-topic-grid>a{padding:12px 9px}.nav-topic-grid strong{font-size:14px}.nav-topic-grid span{font-size:12px}.nav-utilities{padding:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font:15px Arial,sans-serif}.nav-utilities>a{padding:13px;background:var(--surface);border-radius:6px}.menu-is-open{overflow:hidden}.portal-welcome{border-top:1px solid var(--rule)}}
@media(max-width:620px){.home-page .header-actions{gap:8px}.home-page .header-actions>a:first-child{display:none}.feature-art,.feature-image{height:125px}.art-caption{font-size:8px}.art-caption>span{display:none}.art-2 .one,.art-2 .two,.art-2 .three{width:48px}.art-4 .one,.art-4 .two{width:64px;height:64px}.art-4 .three{width:55px;height:55px}.portal-feature h3{font-size:22px}}
@media(prefers-reduced-motion:no-preference){.nav-dropdown{animation:menu-reveal .15s ease-out}@keyframes menu-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}