nav{margin:0 auto;max-width:34em;display:flex;padding:.25em;font-family:var(--serif-font);border-radius:2em;background-color:var(--toggle-background-color);box-shadow:5px 6px 23px -10px #00000040;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}nav a{flex-grow:1;flex-basis:0;padding:.5em 1em;border-radius:2em;cursor:pointer;text-align:center;color:var(--body-text-color);line-height:1}nav a:hover{text-decoration:none}nav .active{background-color:var(--toggle-selected-color)}nav a.active{color:var(--header-accent-color)!important}@media screen and (max-width:36em){nav{max-width:24em}nav a{display:flex;flex-direction:column;gap:.35em}nav .label{font-size:var(--font-size-small)}nav .icon{margin-top:.1em;font-size:1.15em}}.link{display:flex;gap:1.85em}.link .preview img,.link .preview .placeholder{display:block;width:10rem;height:6rem;object-fit:cover;border-radius:.5rem;box-shadow:0 0 50px -25px #00000026}.link .preview .placeholder{display:flex;justify-content:center;align-items:center;font-size:2.5em;background-color:#ffffff40}.link .content{width:100%;display:flex;flex-direction:column;justify-content:space-between}.link .subcontent{margin:1em 0 0;display:flex;justify-content:space-between}.link .metadata{display:flex;gap:.5em;color:var(--faded-text-color-1)}.link .metadata .host{color:var(--faded-text-color-2)}@media screen and (max-width:56em){.link .preview img,.link .preview .placeholder{width:8rem;height:5rem}.link .preview .placeholder{font-size:2em}.link .metadata{font-size:var(--font-size-small);flex-direction:column;gap:.5em}.link .metadata .bullet{display:none}.link .subcontent{align-items:flex-end}}@media screen and (max-width:36em){.link{gap:.85em}.link .preview img,.link .preview .placeholder{margin-top:.25rem;width:4rem;height:4rem;border-radius:.75rem}}.link-details{visibility:hidden;height:0;opacity:0;transition:opacity .1s ease-in}.link-details.open{visibility:visible;height:auto;opacity:1;margin-top:2em}@media screen and (max-width:56em){.link-details.open{margin-top:1em}}.expand-inline button{background:none;font-size:1em}.expand-inline svg{width:1em}@media screen and (max-width:56em){.expand-inline button{font-size:var(--font-size-small)}}.expand-centered{display:none;margin-top:.75em}.expand-centered button{display:block;font-size:var(--font-size-small);margin:0 auto;padding:.35em 2em;border-radius:1em;background:var(--button-background);-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}.expand-centered button:active{background:var(--button-background-active)}.expand-centered svg{display:block;width:1.25em}.expand-centered button.open svg{transform:rotate(180deg)}.expand-centered button svg{transform:rotate(0);transition:transform .15s ease-in-out}.expand-centered button,.expand-inline button{cursor:pointer;user-select:none;touch-action:manipulation;color:var(--link-color);border:none}.expand-centered .inner,.expand-inline .inner{display:flex;align-items:center;gap:.2em}.expand-centered button.open svg,.expand-inline button.open svg{transform:rotate(180deg)}.expand-centered button svg,.expand-inline button svg{transform:rotate(0);transition:transform .15s ease-in-out}@media screen and (max-width:36em){.expand-inline{display:none}.expand-centered{display:block}}.recommended-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}@media screen and (max-width:56em){.recommended-posts{display:flex;overflow-x:auto;margin-left:calc(-1 * var(--body-padding));margin-right:calc(-1 * var(--body-padding));padding-left:var(--body-padding);padding-right:var(--body-padding)}.recommended-posts::-webkit-scrollbar{display:none}}.recommended-post{padding:1em}@media screen and (max-width:56em){.recommended-post{flex-grow:0;flex-shrink:0;flex-basis:20em}}.recommended-post .inner{height:100%;display:flex;flex-direction:column;justify-content:space-between}.recommended-post .username{font-family:var(--serif-font)}.recommended-post .handle{font-size:.85em}.recommended-post .text{margin-top:.5em;font-size:.85em;line-height:1.75}.recommended-post .view-more{margin-top:.75em;font-size:var(--font-size-small);text-align:right}