@font-face {font-family: "Commit Mono";src: url('../fonts/CommitMono-VF.woff2') format('woff2');font-weight: 100 900;font-style: normal;font-display: swap;}@font-face {font-family: "IBM Plex Sans";src: url('../fonts/IBMPlexSans-Regular.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}@font-face {font-family: "IBM Plex Sans";src: url('../fonts/IBMPlexSans-Italic.woff2') format('woff2');font-weight: 400;font-style: italic;font-display: swap;}@font-face {font-family: "Berkeley Mono";src: url('../fonts/BerkeleyMono-Regular.woff2') format('woff2'),url('../fonts/BerkeleyMono-Regular.otf') format('opentype');font-weight: 400;font-style: normal;font-display: swap;ascent-override: 82%;descent-override: 18%;line-gap-override: 0%;size-adjust: 100%;}@font-face {font-family: "Berkeley Mono";src: url('../fonts/BerkeleyMono-Italic.woff2') format('woff2'),url('../fonts/BerkeleyMono-Italic.otf') format('opentype');font-weight: 400;font-style: italic;font-display: swap;ascent-override: 82%;descent-override: 18%;line-gap-override: 0%;size-adjust: 100%;}@font-face {font-family: "Berkeley Mono";src: url('../fonts/BerkeleyMono-Bold.woff2') format('woff2'),url('../fonts/BerkeleyMono-Bold.otf') format('opentype');font-weight: 700;font-style: normal;font-display: swap;ascent-override: 82%;descent-override: 18%;line-gap-override: 0%;size-adjust: 100%;}@font-face {font-family: "Berkeley Mono";src: url('../fonts/BerkeleyMono-BoldItalic.woff2') format('woff2'),url('../fonts/BerkeleyMono-BoldItalic.otf') format('opentype');font-weight: 700;font-style: italic;font-display: swap;ascent-override: 82%;descent-override: 18%;line-gap-override: 0%;size-adjust: 100%;}:root {font-size: 10px;--scheme: ;--bgh: 240;--bgs: 5%;--bgl: 11%;--bghs: var(--bgh), var(--bgs);--cm: 0.7;--tsm: 1;--widget-gap: 3rem;--widget-gap-inline: calc(var(--widget-gap) / 2);--page-column-gap: 1.2rem;--masonry-column-gap: 1.2rem;--masonry-column-min-width: 28rem;--page-column-full-min-width: clamp(24rem, 22vw, 32rem);--page-column-small-width: clamp(20rem, 18vw, 26rem);--widget-content-vertical-padding: 8px;--widget-content-horizontal-padding: 10px;--widget-content-padding: var(--widget-content-vertical-padding) var(--widget-content-horizontal-padding);--content-bounds-padding: 15px;--border-radius: 0px;--border-opacity: 50%;--navigation-height: 26px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--primary-h: 35;--primary-s: 10%;--primary-l: 70%;--color-primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--color-positive: var(--color-primary);--negative-h: 35;--negative-s: 20%;--negative-l: 70%;--color-negative: hsl(var(--negative-h), var(--negative-s), var(--negative-l));--color-background: hsl(var(--bghs), var(--bgl));--color-background-complementary: hsl(calc(var(--bgh) + 180), var(--bgs), var(--bgl));--color-primary-complementary: hsl(calc(var(--primary-h) + 180), var(--primary-s), var(--primary-l));--color-negative-complementary: hsl(calc(var(--negative-h) + 180), var(--negative-s), var(--negative-l));--color-widget-background-hsl-values: var(--bghs), var(--bgl);--color-widget-background: transparent;--color-separator-base: color-mix(in oklab, var(--color-text-subdue) 68%, var(--color-text-base) 32%);--color-separator: color-mix(in oklab, var(--color-separator-base) clamp(28%, var(--border-opacity), 92%), transparent);--color-widget-border-accent: color-mix(in oklch, var(--color-primary) 62%, var(--color-negative) 38%);--color-widget-border-muted: color-mix(in oklch, var(--color-text-subdue) 22%, var(--color-background) 78%);--color-widget-border: color-mix(in oklch, var(--color-widget-border-accent) 1%, var(--color-widget-border-muted) 84%);--color-widget-content-border: var(--color-widget-border);--color-widget-background-highlight: hsl(var(--bghs), calc(var(--bgl) + 24%));--color-popover-background: hsl(var(--bgh), calc(var(--bgs) + 3%), calc(var(--bgl) + 3%));--color-popover-border: var(--color-separator);--color-progress-border: var(--color-separator);--color-accent-tint-mix: 12%;--color-accent-soft-mix: 18%;--color-accent-ring-mix: 70%;--color-primary-tint: color-mix(in oklch, var(--color-primary) var(--color-accent-tint-mix), transparent);--color-primary-soft: color-mix(in oklab, var(--color-primary) var(--color-accent-soft-mix), transparent);--color-primary-ring: color-mix(in oklab, var(--color-primary) var(--color-accent-ring-mix), transparent);--color-primary-border-muted: color-mix(in oklab, var(--color-primary) 60%, var(--color-separator));--color-negative-tint: color-mix(in oklch, var(--color-negative) var(--color-accent-tint-mix), transparent);--color-negative-soft: color-mix(in oklab, var(--color-negative) var(--color-accent-soft-mix), transparent);--color-negative-ring: color-mix(in oklab, var(--color-negative) var(--color-accent-ring-mix), transparent);--color-negative-border-muted: color-mix(in oklab, var(--color-negative) 58%, var(--color-separator));--color-popover-origin-chip-background: color-mix(in oklab, var(--color-background) 78%, var(--color-primary) 22%);--color-surface-selected: color-mix(in oklch, var(--color-primary) 6%, transparent);--color-surface-hover: var(--color-widget-background-highlight);--color-border-accent-soft: var(--color-primary-border-muted);--color-focus-ring: var(--color-primary-ring);--shadow-accent-soft: 0 6px 18px var(--color-primary-ring);--color-surface-muted: var(--color-widget-background-highlight);--space-inline-widget: var(--widget-content-horizontal-padding);--radius-chip: 999px;--ths: var(--bgh), calc(var(--bgs) * var(--tsm));--color-text-highlight: color-mix(in oklab, hsl(35, 40%, 87%) 84%, var(--color-primary) 16%);--color-text-paragraph: color-mix(in oklab, hsl(var(--ths), 74%) 90%, var(--color-text-highlight) 10%);--color-text-base: hsl(var(--ths), 60%);--color-text-subdue-raw: color-mix(in oklab, hsl(var(--ths), 37%) 82%, var(--color-background) 18%);--color-text-subdue: color-mix(in oklab, var(--color-text-subdue-raw) 56%, var(--color-text-base) 44%);--color-text-base-muted: color-mix(in oklab, var(--color-text-base) 72%, var(--color-text-subdue) 28%);--font-size-h1: 1.8rem;--font-size-h2: 1.6rem;--font-size-h3: 1.5rem;--font-size-h4: 1.4rem;--font-size-base: 1.3rem;--font-size-h5: 1.2rem;--font-size-h6: 1.1rem;}:root[data-scheme=light] {--color-widget-border-muted: color-mix(in oklch, var(--color-text-subdue) 16%, var(--color-background) 84%);--color-widget-border: color-mix(in oklch, var(--color-widget-border-accent) 12%, var(--color-widget-border-muted) 88%);--color-widget-background-highlight: color-mix(in oklab, var(--color-background) 88%, var(--color-text-subdue) 12%);--color-surface-muted: color-mix(in oklab, var(--color-background) 86%, var(--color-text-subdue) 14%);}/* Cascade layers make the order predictable independent of selector specificity:later layers beat earlier ones, so utilities/components override lowerlayers without forcing. The user's custom-css-file stays unlayered (loadedafter this bundle) and wins over everything here — the sanctioned override.See docs/css-cascade-layers-refactor.md */@layer reset, tokens, base, layout, components, utilities, overrides;/* Do not change the order of the below imports unless you know what you're doing.Files are grouped into cascade layers; order WITHIN a layer follows source order. */@layer base {:root[data-scheme=light] {--scheme: 100% -;}.page {height: 100%;padding-block: var(--widget-gap);}.page-content {display: block;}.page.content-ready .page-loading-container {display: none;}.page.content-ready > .page-content {animation: pageContentEntrance .3s cubic-bezier(0.25, 1, 0.5, 1) backwards;}.text-compact-zine {font-size: 1.2rem;font-weight: 500;line-height: 1.4;word-spacing: -0.05em;}pre,input[type="text"],button,kbd {font: inherit;}input[type="text"] {width: 100%;border: 0;background: none;color: inherit;}button {border: 0;cursor: pointer;background: none;color: inherit;}::selection {background-color: hsl(var(--bghs), calc(var(--scheme) (var(--scheme) var(--bgl) + 20%)));color: var(--color-text-highlight);}::-webkit-scrollbar-thumb {background: var(--color-text-subdue);border-radius: var(--border-radius);}::-webkit-scrollbar {background: var(--color-background);height: 5px;width: 10px;}*:focus-visible {outline: 2px solid var(--color-focus-ring);outline-offset: 0.1rem;border-radius: var(--border-radius);}*, *::before, *::after {box-sizing: border-box;}* {padding: 0;margin: 0;}hr {border: 0;height: 1px;background-color: var(--color-separator);}img, svg {display: block;max-width: 100%;}img[loading=lazy].loaded:not(.finished-transition) {transition: opacity .4s;}img[loading=lazy].cached:not(.finished-transition) {transition: none;}html {scrollbar-color: var(--color-text-subdue) transparent;scrollbar-gutter: auto;scroll-behavior: smooth;}html, body, .body-content {height: 100%;}h1, h2, h3, h4, h5 {font: inherit;}a {text-decoration: none;color: inherit;overflow-wrap: break-word;}ul {list-style: none;}body {font-size: 1.2rem;font-family: "Berkeley Mono", "BerkeleyMono", "Inconsolata", monospace;font-variant-ligatures: none;line-height: 1.4;color: var(--color-text-base);background-color: var(--color-background);overflow-y: auto;text-align: justify;hyphens: auto;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;letter-spacing: -0.005em;}body:has(.body-content) {overflow: hidden;}.body-content {height: calc(100dvh - var(--navigation-height));margin-top: var(--navigation-height);overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;overscroll-behavior-y: contain;}.widget {position: relative;margin-top: var(--widget-gap);border-top: 0;border-bottom: 0;}.widget:first-child {margin-top: 0;}.widget-type-split-column > .widget-header {display: none;}.widget-header,.widget-header h2 {display: flex;justify-content: flex-start;}.widget-header {position: static;border: none;padding: 0;margin: 0;background: transparent;z-index: auto;pointer-events: auto;}.widget-header h2 {align-items: center;width: 100%;text-align: left;font-size: 1.5rem;font-weight: 600;}.widget-header h2::before,.widget-header h2::after {content: none;}.widget-header h2 > span, .widget-header h2 > a {background-color: transparent;padding-inline: 0;white-space: nowrap;flex-shrink: 0;}.widget-title-link {display: inline-flex;align-items: center;gap: 0.55ch;padding: 0 0.75ch 0 0;}.widget-title-favicon {width: 1.25rem;height: 1.25rem;flex-shrink: 0;opacity: 0.5;}.widget-title-text {display: inline-block;}.page-column-small {width: var(--page-column-small-width);flex: 0 1 var(--page-column-small-width);min-width: min(100%, var(--page-column-small-width));}.page-column-full {flex: 1 1 var(--page-column-full-min-width);min-width: min(100%, var(--page-column-full-min-width));}.page-columns {display: flex;flex-wrap: wrap;row-gap: var(--widget-gap);column-gap: var(--page-column-gap, var(--widget-gap-inline, var(--widget-gap)));}.page-columns.page-columns-grouped-desktop {display: block;}.page-columns.page-columns-grouped-desktop > .page-column-group {display: flex;flex-wrap: nowrap;align-items: flex-start;column-gap: var(--page-column-gap, var(--widget-gap-inline, var(--widget-gap)));}.page-columns.page-columns-grouped-desktop > .page-column-group > .page-column {min-width: 0;}.page-columns.page-columns-grouped-desktop > .page-column-group-separator {height: 0;margin: calc(var(--widget-gap) * 1.2) 0;border-top: 1px solid var(--color-separator);}@keyframes pageContentEntrance {from {opacity: 0;transform: translateY(10px);}}.page-loading-container,.theme-preset {display: flex;align-items: center;justify-content: center;}.page-loading-container,.footer {animation: loadingContainerEntrance 200ms backwards;animation-delay: 150ms;}.page-loading-container {height: 100%;min-height: min(70vh, 80rem);font-size: 2rem;}.page-loading-container > .loading-icon {translate: 0 -250%;}@keyframes loadingContainerEntrance {from {opacity: 0.001;}}.loading-icon {min-width: 1.5em;width: 1.5em;height: 1.5em;border: 0.25em solid hsl(var(--bghs), calc(var(--scheme) ((var(--scheme) var(--bgl)) + 12%)));border-top-color: hsl(var(--bghs), calc(var(--scheme) ((var(--scheme) var(--bgl)) + 40%)));border-radius: 50%;animation: loadingIconSpin 800ms infinite linear;}@keyframes loadingIconSpin {to {transform: rotate(360deg);}}kbd {padding: 0.1rem 0.8rem;border-radius: var(--border-radius);border: 2px solid var(--color-widget-background-highlight);box-shadow: 0 2px 0 var(--color-widget-background-highlight);user-select: none;transition: transform .1s, box-shadow .1s;font-size: var(--font-size-h5);cursor: pointer;}kbd:active {transform: translateY(2px);box-shadow: 0 0 0 0 var(--color-widget-background-highlight);}.content-bounds {max-width: 1600px;width: 100%;margin-inline: auto;padding: 0 var(--content-bounds-padding);}.content-bounds-wide {max-width: 1920px;}.content-bounds-slim {max-width: 1100px;}.content-bounds-full {max-width: none;}.page.center-vertically {display: flex;justify-content: center;flex-direction: column;}.header {display: flex;height: var(--header-height);gap: var(--header-items-gap);align-items: center;}.logo {height: 100%;flex-shrink: 0;line-height: var(--header-height);font-size: 2.2rem;color: var(--color-primary);padding-right: var(--space-inline-widget);text-transform: uppercase;font-weight: 700;letter-spacing: 0.1rem;}.logo:has(img, svg) {display: flex;align-items: center;}.logo img {max-height: 2.7rem;}.nav {overflow-x: auto;min-width: 0;height: 100%;gap: var(--header-items-gap);align-items: center;}.nav .nav-item {line-height: var(--header-height);}.footer {padding-block: calc(var(--widget-gap) / 2) calc(var(--widget-gap) * 1.5);}.mobile-reachability-header {display: none;}.nav-item {display: block;height: 100%;border-bottom: none;font-size: 1.2rem;flex-shrink: 0;text-transform: uppercase;font-weight: 600;padding-inline: 1rem;}.nav-item:not(.nav-item-current):hover {color: var(--color-primary);}.nav-item.nav-item-current {color: var(--color-primary);background: var(--color-surface-selected);}.theme-choices {--theme-preset-size: 2.45rem;--theme-preset-gap-x: 1.15rem;--theme-preset-grid-width: calc((3 * var(--theme-preset-size)) + (2 * var(--theme-preset-gap-x)));display: grid;width: 100%;max-width: var(--theme-preset-grid-width);grid-template-columns: repeat(3, var(--theme-preset-size));grid-auto-rows: var(--theme-preset-size);align-items: center;justify-content: center;justify-items: center;column-gap: var(--theme-preset-gap-x);row-gap: 1.05rem;padding: 0.7rem 0.55rem 0.75rem;box-sizing: content-box;}.theme-choices:has(> :last-child:nth-child(3n + 1)) > :last-child {grid-column: 2;}.popover-content:has(.theme-choices) {--theme-preset-grid-width: calc((3 * var(--theme-preset-size, 2.45rem)) + (2 * var(--theme-preset-gap-x, 1.15rem)));overflow: clip;width: calc(var(--theme-preset-grid-width) + 1.1rem);max-width: min(100vw - 1rem, calc(var(--theme-preset-grid-width) + 1.1rem));box-sizing: content-box;}.popover-frame:has(.theme-choices) {padding: 8px 7px 8px 8px;}.theme-preset {width: var(--theme-preset-size);height: var(--theme-preset-size);padding: 0;border-radius: 0;background: transparent;border: none;cursor: pointer;position: relative;transition: transform .12s ease, box-shadow .18s ease, opacity .18s ease;}.theme-choices .theme-preset::before,.theme-choices .theme-preset::after,.theme-preview-icon::before,.theme-preview-icon::after {content: "";position: absolute;border-radius: 0;}.theme-choices .theme-preset::before,.theme-choices .theme-preset::after {pointer-events: none;}.theme-choices .theme-preset::before {inset: -.26rem;border: 2px solid transparent;transition: border-color .18s ease, transform .18s ease;}.theme-choices .theme-preset::after {top: -0.16rem;right: -0.16rem;width: 0.84rem;height: 0.84rem;background:linear-gradient(90deg,color-mix(in oklab, var(--color-primary) 92%, white 8%) 0 50%,color-mix(in oklab, var(--color-primary) 78%, black 22%) 50% 100%);border: 1px solid color-mix(in oklab, var(--color-background) 70%, transparent);box-shadow:0 1px 0 color-mix(in oklab, black 22%, transparent),0 0 0 1px color-mix(in oklab, var(--color-background) 55%, transparent);opacity: 0;transform: scale(0.7);transform-origin: top right;transition: opacity .16s ease, transform .16s ease;}.theme-choices .theme-preset.current::after,.theme-choices .theme-preset.theme-preset-busy::after {opacity: 1;}.theme-choices .theme-preset.current::after {transform: scale(1);}.theme-choices .theme-preset:hover::before {border-color: var(--color-text-subdue);}.theme-choices .theme-preset.current::before {border-color: color-mix(in oklab, var(--color-primary) 48%, var(--color-text-highlight));transform: none;}.theme-choices .theme-preset:hover {transform: translateY(-1px);}.theme-choices .theme-preset.current {box-shadow:0 0 0 1px color-mix(in oklab, var(--color-primary) 18%, transparent),inset 0 0 0 1px color-mix(in oklab, var(--color-background) 26%, transparent);}.theme-choices .theme-preset .theme-preview-icon {width: calc(var(--theme-preset-size) - 0.32rem);height: calc(var(--theme-preset-size) - 0.32rem);}.theme-choices .theme-preset.current .theme-preview-icon {box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 18%, transparent),0 0 0 1px color-mix(in oklab, var(--color-background) 30%, transparent);}.theme-choices .theme-preset[disabled] {cursor: progress;opacity: 0.65;}.theme-choices .theme-preset.theme-preset-busy {box-shadow: 0 0 0 1px color-mix(in oklab, var(--color-primary) 22%, transparent);}.theme-choices .theme-preset.theme-preset-busy::before {border-color: color-mix(in oklab, var(--color-primary) 30%, var(--color-text-subdue));}.theme-choices .theme-preset.theme-preset-busy::after {transform: scale(0.92);animation: theme-preset-busy-pulse .9s ease-in-out infinite;}.theme-color {background-color: var(--color);width: 0.9rem;height: 0.9rem;border-radius: 0.2rem;}.theme-preset-light .theme-color {width: 1rem;height: 1rem;border-radius: 0.3rem;}.theme-preview-icon {width: 1.35rem;height: 1.35rem;border-radius: 0;position: relative;flex: 0 0 auto;overflow: hidden;isolation: isolate;background:linear-gradient(90deg,color-mix(in oklab, black 14%, transparent) 0 1px,transparent 1px 100%),linear-gradient(0deg,color-mix(in oklab, black 14%, transparent) 0 1px,transparent 1px 100%);background-size: 0.26rem 0.26rem, 0.26rem 0.26rem;border: 0;box-shadow: none;}.theme-preview-icon::before,.theme-preview-icon::after {border: 0;}.theme-preview-icon::before {inset: 0.12rem 0.16rem 0.12rem 0.16rem;z-index: 0;background:linear-gradient(180deg,color-mix(in oklab, var(--theme-bg) 70%, white 30%) 0 100%);opacity: 1;pointer-events: none;box-shadow:inset 0.11rem 0 0 color-mix(in oklab, var(--theme-primary) 80%, white 20%),inset 0 0.11rem 0 color-mix(in oklab, var(--theme-primary) 76%, white 24%),inset -0.11rem 0 0 color-mix(in oklab, var(--theme-bg) 56%, black 44%),inset 0 -0.11rem 0 color-mix(in oklab, var(--theme-bg) 62%, black 38%);}.theme-preview-icon::after {top: 0.12rem;right: 0.16rem;width: 0.42rem;height: 0.42rem;z-index: 1;background:linear-gradient(135deg,color-mix(in oklab, var(--theme-bg) 72%, white 28%) 0 49%,color-mix(in oklab, var(--theme-bg) 52%, black 48%) 49% 100%);box-shadow:-0.11rem 0 0 color-mix(in oklab, var(--theme-primary) 78%, white 22%),0 0.11rem 0 color-mix(in oklab, var(--theme-bg) 58%, black 42%);}.theme-preview-icon-line {position: absolute;height: 0.12rem;border-radius: 0;z-index: 2;box-shadow: none;}.theme-preview-icon-line-primary,.theme-preview-icon-line-positive,.theme-preview-icon-line-negative {left: 0.34rem;}.theme-preview-icon-line-primary {top: 0.46rem;width: 0.66rem;background: color-mix(in oklab, var(--theme-primary) 92%, white 8%);}.theme-preview-icon-line-positive {top: 0.72rem;width: 0.58rem;background: color-mix(in oklab, var(--theme-positive) 92%, white 8%);}.theme-preview-icon-line-negative {bottom: 0.44rem;width: 0.72rem;background: color-mix(in oklab, var(--theme-negative) 92%, white 8%);}.current-theme-preview {opacity: 0.4;transition: opacity .3s;}.theme-picker.popover-active .current-theme-preview, .theme-picker:hover {opacity: 1;}.current-theme-preview.theme-request-error {opacity: 1;animation: theme-request-error-flash 1.1s ease-out;}@keyframes theme-request-error-flash {0% {transform: translateY(0) scale(1);filter: drop-shadow(0 0 0 color-mix(in oklab, var(--color-negative) 0%, transparent));}20% {transform: translateY(-1px) scale(1.03);filter: drop-shadow(0 0 10px color-mix(in oklab, var(--color-negative) 55%, transparent));}100% {transform: translateY(0) scale(1);filter: drop-shadow(0 0 0 color-mix(in oklab, var(--color-negative) 0%, transparent));}}@keyframes theme-preset-busy-pulse {0%, 100% {box-shadow:0 2px 10px color-mix(in oklab, var(--color-primary) 18%, transparent),0 0 0 1px color-mix(in oklab, var(--color-background) 55%, transparent);filter: saturate(0.95);}50% {box-shadow:0 2px 14px color-mix(in oklab, var(--color-primary) 28%, transparent),0 0 0 1px color-mix(in oklab, var(--color-background) 55%, transparent);filter: saturate(1.1);}}}@layer components {.widget-group-header {overflow-x: auto;scrollbar-width: thin;}.widget-group-title {background: none;font: inherit;border: none;text-transform: uppercase;border-bottom: 1px dotted transparent;cursor: pointer;flex-shrink: 0;transition: color .3s, border-color .3s;color: var(--color-text-subdue);line-height: calc(1.6em - 1px);}.widget-group-title:hover:not(.widget-group-title-current) {color: var(--color-text-base);}.widget-group-title-current {border-bottom-color: var(--color-text-base-muted);color: var(--color-text-base);}.widget-group-content {animation: widgetGroupContentEntrance .3s cubic-bezier(0.25, 1, 0.5, 1) backwards;}.widget-group-content[data-direction="right"] {--direction: 5px;}.widget-group-content[data-direction="left"] {--direction: -5px;}@keyframes widgetGroupContentEntrance {from {opacity: 0;transform: translateX(var(--direction));}}.widget-group-content:not(.widget-group-content-current) {display: none;}.market-row {display: flex;align-items: center;gap: 1.5rem;min-width: 0;width: 100%;}.market-info {min-width: 0;flex: 1 1 auto;}.market-name {color: var(--color-text-base-muted);}.market-chart-link {margin-left: auto;width: 6.5rem;flex: 0 0 6.5rem;}.market-chart {width: 100%;height: auto;}.market-values {min-width: 8rem;text-align: right;}.widget-type-markets .widget-content {padding-top: 2.5rem;}.video-thumbnail {aspect-ratio: 16 / 7.8;height: 9.2rem;border-radius: var(--border-radius) var(--border-radius) 0 0;}.video-horizontal-list-thumbnail {width: auto;aspect-ratio: 16 / 9;height: 3.1rem;border-radius: var(--border-radius);}.video-play-button {position: relative;}.video-play-button-compact {width: auto;}.video-play-icon {position: absolute;inset: 50% auto auto 50%;transform: translate(-50%, -50%);width: 3rem;height: 3rem;border-radius: var(--radius-chip);font-size: 1.4rem;line-height: 1;color: #fff;background: rgb(0 0 0 / 65%);border: 1px solid rgb(255 255 255 / 35%);pointer-events: none;}.video-play-icon-compact {width: 1.9rem;height: 1.9rem;font-size: 0.95rem;}.video-overlay-open {overflow: hidden;}.video-player-overlay {position: fixed;inset: 0;z-index: 70;display: none;align-items: center;justify-content: center;padding: 2.4rem 1.2rem;background: rgb(0 0 0 / 72%);}.video-player-overlay.open {display: flex;}.video-player-overlay-dialog {position: relative;width: min(88vw, 1280px);max-height: 86vh;display: flex;flex-direction: column;gap: 0.6rem;}.video-player-overlay-close {position: absolute;top: -2.2rem;right: 0;width: 2rem;height: 2rem;border: 0;border-radius: var(--radius-chip);background: rgb(0 0 0 / 75%);color: #fff;font-size: 1.4rem;line-height: 1;cursor: pointer;}.video-player-overlay-frame {width: 100%;aspect-ratio: 16 / 9;border-radius: 8px;overflow: hidden;background: #000;box-shadow: 0 30px 45px -25px rgb(0 0 0 / 70%);}.video-player-overlay-iframe {width: 100%;height: 100%;border: 0;}.widget-type-videos .widget-content {padding-top: 1.75rem;}/* Scoped to .article-content (rendered markdown / tooltip preview text).Phase 3: @scope replaces the repeated .article-content descendant prefix;layer order (components) compensates for the lower selector specificity. */@scope (.article-content) {:scope {--article-font-body: clamp(1.14rem, 1.08rem + 0.25vw, 1.24rem);--article-font-h1: clamp(1.55rem, 1.25rem + 1vw, 2rem);--article-font-h2: clamp(1.35rem, 1.15rem + 0.7vw, 1.7rem);--article-font-h3: var(--article-font-body);--article-font-h4: 1.05rem;--article-font-h5: 0.92rem;--article-font-h6: 0.84rem;--article-leading-body: 1.66;--article-leading-tight: 1.2;--article-leading-code: 1.5;--article-heading-margin-top: 2rem;--article-heading-margin-bottom: 0.6rem;--article-heading-margin-top-tight: 1.35rem;--article-heading-margin-top-loose: 2.35rem;--article-paragraph-margin-bottom: 1rem;--article-list-margin-bottom: 1.05rem;--article-list-item-margin-bottom: 0.25rem;--article-h2-accent-border: 1px solid color-mix(in oklab, var(--color-border-accent-soft) 70%, var(--article-color-border-muted) 30%);--article-h2-accent-padding-inline-start: 0.75rem;--article-list-padding-inline-start: 1.45rem;--article-code-block-font-size: 1.1rem;--article-code-block-leading: 1.45;--article-inline-code-font-size: 1em;--article-table-cell-padding: 0.65rem 0.85rem;--article-table-font-size: 1.02rem;--article-table-header-font-size: 0.94rem;--article-table-leading: 1.35;--article-quote-margin-block: 1.35rem;--article-quote-padding: 0.9rem 1rem 0.95rem 1.05rem;--article-hr-margin-block: 1.6rem;--article-theme-accent-mix: clamp(10%, calc(8% + (10% * var(--cm))), 20%);--article-theme-contrast-mix: clamp(8%, calc(6% + (8% * var(--cm))), 16%);--article-theme-bg-lift-mix: clamp(12%, calc(10% + (10% * var(--cm))), 22%);--article-color-body: var(--color-text-highlight);--article-color-heading: var(--color-text-base-muted);--article-color-heading-strong: var(--color-negative-border-muted);--article-color-heading-subtle: var(--color-text-subdue);--article-color-heading-h3: color-mix(in oklab, var(--color-text-base) 88%, var(--color-primary-complementary) 12%);--article-color-heading-h4: color-mix(in oklab, var(--color-text-base) 76%, var(--color-text-base-muted) 24%);--article-color-heading-h5: color-mix(in oklab, var(--color-text-base) 56%, var(--color-primary-complementary) 24%, var(--color-negative) 20%);--article-color-heading-h6: color-mix(in oklab, var(--color-text-subdue) 58%, var(--color-text-base-muted) 28%, var(--color-negative-complementary) 14%);--article-color-meta: color-mix(in oklab, var(--color-text-base-muted) 86%, var(--color-negative-complementary) 14%);--article-color-meta-subtle: color-mix(in oklab, var(--color-text-subdue) 86%, var(--color-text-base-muted) 14%);--article-color-table-text: var(--color-text-base);--article-color-table-muted: var(--color-text-base-muted);--article-color-list-marker: color-mix(in oklab, var(--color-negative-complementary) 30%, var(--color-text-subdue) 70%);--article-color-link: color-mix(in oklab, var(--color-primary-complementary) 74%, var(--color-text-highlight));--article-color-link-hover: color-mix(in oklab, var(--color-primary-complementary) 68%, var(--color-text-highlight));--article-color-link-visited: color-mix(in oklab, var(--color-negative-complementary) 42%, var(--color-text-base-muted));--article-color-border: var(--color-popover-border);--article-color-border-accent: var(--color-border-accent-soft);--article-color-border-content: var(--color-widget-content-border);--article-color-border-muted: var(--color-widget-border-muted);--article-color-surface-muted: var(--color-surface-muted);--article-color-surface-hover: var(--color-surface-hover);--article-color-surface-selected: var(--color-surface-selected);--article-color-focus-ring: var(--color-focus-ring);--article-color-accent-tint: var(--color-primary-tint);--article-color-accent-ring: var(--color-primary-ring);--article-color-contrast-tint: color-mix(in oklab, var(--color-negative) var(--article-theme-contrast-mix), transparent);--article-color-theme-surface: color-mix(in oklab, var(--color-background) 78%, var(--color-primary) var(--article-theme-bg-lift-mix));--article-color-quote-border: var(--article-color-border-accent);--article-color-quote-bg: color-mix(in oklab, var(--color-popover-background) 76%, var(--article-color-accent-tint) 12%, var(--article-color-contrast-tint) 12%);--article-color-quote-text: var(--article-color-caption);--article-color-quote-bar: color-mix(in oklab, var(--color-primary-border-muted) 70%, var(--color-negative-border-muted));--article-color-code-bg: color-mix(in oklab, var(--article-color-surface-muted) 72%, var(--article-color-accent-tint) 16%, var(--article-color-contrast-tint) 12%);--article-color-code-fg: color-mix(in oklab, var(--color-primary-complementary) 56%, var(--color-negative-complementary) 14%, var(--color-text-highlight) 30%);--article-color-code-block-bg: color-mix(in oklab, var(--article-color-surface-muted) 62%, var(--article-color-surface-selected) 20%, var(--article-color-theme-surface) 18%);--article-color-table-head-bg: color-mix(in oklab, var(--color-popover-background) 62%, var(--article-color-surface-selected) 20%, var(--article-color-contrast-tint) 18%);--article-color-table-head-fg: var(--color-text-highlight);--article-color-caption: var(--article-color-meta);--article-color-footnotes: var(--article-color-meta);--article-color-footnotes-link: color-mix(in oklab, var(--color-text-base) 84%, var(--color-negative-complementary) 16%);--article-color-quote-strong: color-mix(in oklab, var(--color-text-highlight) 74%, var(--color-negative-complementary) 26%);--article-color-rule-accent: color-mix(in oklab, var(--color-border-accent-soft) 54%, var(--color-negative-border-muted) 46%);--article-color-selection-bg: color-mix(in oklab, var(--color-primary) 44%, var(--color-negative) 22%, transparent);--article-color-selection-fg: var(--color-text-highlight);--article-color-syntax-keyword: color-mix(in oklab, var(--color-primary) 62%, var(--color-text-highlight) 24%, var(--color-primary-complementary) 14%);--article-color-syntax-name: var(--color-text-base);--article-color-syntax-string: color-mix(in oklab, var(--color-primary-complementary) 32%, var(--color-text-base) 52%, var(--color-text-highlight) 16%);--article-color-syntax-comment: color-mix(in oklab, var(--color-text-subdue) 84%, var(--color-negative) 16%);--article-color-syntax-number: color-mix(in oklab, var(--color-negative-complementary) 34%, var(--color-text-base-muted) 46%, var(--color-text-highlight) 20%);--article-color-syntax-operator: color-mix(in oklab, var(--color-negative) 20%, var(--color-text-base-muted) 80%);--article-color-syntax-generic: var(--color-text-base);font-size: 1rem;line-height: var(--article-leading-body);color: var(--article-color-body);overflow-wrap: break-word;}h1, h2, h3, h4, h5, h6 {color: var(--article-color-heading);margin-top: var(--article-heading-margin-top);margin-bottom: var(--article-heading-margin-bottom);font-weight: 700;line-height: var(--article-leading-tight);scroll-margin-top: 1rem;text-align-last: left;text-wrap: balance;}h1 {font-size: var(--article-font-h1);color: var(--article-color-heading-strong);margin-top: 0;margin-bottom: 0.8rem;}h2 {font-size: var(--article-font-h2);border-left: 0;padding-left: 0;margin-top: var(--article-heading-margin-top-loose);background: linear-gradient(to right,color-mix(in oklab, var(--article-color-surface-selected) 44%, var(--article-color-contrast-tint) 10%, transparent),transparent 62%);}h3 {font-size: var(--article-font-h3);color: var(--article-color-heading-h3);margin-top: var(--article-heading-margin-top);}h4 {font-size: var(--article-font-h4);color: var(--article-color-heading-h4);margin-top: var(--article-heading-margin-top-tight);}h5 {font-size: var(--article-font-h5);color: var(--article-color-heading-h5);letter-spacing: 0.04em;margin-top: var(--article-heading-margin-top-tight);}h6 {font-size: var(--article-font-h6);color: var(--article-color-heading-h6);font-weight: 600;letter-spacing: 0.05em;margin-top: var(--article-heading-margin-top-tight);}h5,h6 {text-transform: uppercase;}p {margin-bottom: var(--article-paragraph-margin-bottom);line-height: var(--article-leading-body);text-align: left;text-wrap: pretty;font-size: var(--article-font-body);hyphens: auto;}q {font-style: italic;color: color-mix(in oklab, var(--color-text-highlight) 45%, var(--color-primary));}cite {font-style: normal;color: var(--article-color-meta);font-size: 0.92em;}h1 + p,h2 + p,h3 + p,h4 + p,h5 + p,h6 + p {margin-top: -0.1rem;}ul, ol {margin-bottom: var(--article-list-margin-bottom);padding-left: var(--article-list-padding-inline-start);font-size: var(--article-font-body);line-height: var(--article-leading-body);}ul {list-style: disc;}ol {list-style: decimal;}li {margin-bottom: var(--article-list-item-margin-bottom);}ul li::marker,ol li::marker {color: var(--article-color-list-marker);}li > p {margin-bottom: 0.6rem;}li > :last-child {margin-bottom: 0;}li > ul,li > ol {margin-top: 0.35rem;margin-bottom: 0.45rem;}/* Shared "reader" treatment — one immersive blockquote used everywhere.article-content renders (control-panel preview, forum tooltip, blog,maximized popover). em/token units keep it proportional to each context'sown type scale. Was previously duplicated 3× (article boxed, blog minimal,popover-maximized immersive); this is the single source. */blockquote {margin: var(--article-quote-margin-block) 0;border: 0;border-left: 0.2em solid var(--color-primary-border-muted);background: color-mix(in oklab, var(--color-background) 40%, transparent);padding: 0.75em 1.25em;color: var(--color-text-highlight);font-style: italic;font-size: 1.05em;line-height: 1.55;box-shadow: none;}:scope > p:first-of-type::first-letter {float: left;font-size: 3.1em;line-height: 0.82;font-weight: 700;margin-right: 0.08em;margin-top: 0.02em;color: var(--color-primary);text-transform: uppercase;}blockquote > :first-child {margin-top: 0;}blockquote > :last-child {margin-bottom: 0;}blockquote p {margin: 0;}blockquote p + p {margin-top: 0.7em;}blockquote strong,blockquote b {color: var(--article-color-quote-strong);}blockquote blockquote {margin: 0.75rem 0 0;padding: 0.25rem 0 0.2rem 0.8rem;border: 0;border-left: 1px solid color-mix(in oklab, var(--article-color-border-muted) 75%, var(--article-color-quote-bar) 25%);background: transparent;font-size: 0.95em;}pre {border: 1px solid var(--article-color-border-content);background-color: var(--article-color-code-block-bg);padding: 0.85rem 0.95rem;border-radius: 0;overflow-x: auto;margin-bottom: 1.1rem;font-size: var(--article-code-block-font-size);line-height: var(--article-leading-code);tab-size: 4;box-shadow: inset 0 1px 0 color-mix(in oklab, var(--article-color-accent-ring) 16%, transparent);}code {font-family: "Berkeley Mono", "Inconsolata", monospace;font-size: var(--article-inline-code-font-size);background-color: var(--article-color-code-bg);color: var(--article-color-code-fg);padding: 0.06rem 0.26rem;border-radius: 3px;box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--article-color-border-muted) 70%, transparent);}pre code {background-color: transparent;padding: 0;color: inherit;font-size: inherit;box-shadow: none;border-radius: 0;}pre.mermaid {overflow-x: auto;}pre.mermaid svg {display: block;max-width: 100%;height: auto;}table {width: 100%;max-width: 100%;border-collapse: collapse;margin-bottom: 1.5rem;border: 1px solid var(--article-color-border-content);font-size: var(--article-table-font-size);background: color-mix(in oklab, var(--color-background) 80%, var(--article-color-surface-muted));}th, td {border: 1px solid var(--article-color-border-content);padding: var(--article-table-cell-padding);text-align: left;line-height: var(--article-table-leading);vertical-align: top;overflow-wrap: anywhere;color: var(--article-color-table-text);}th {background-color: var(--article-color-table-head-bg);color: var(--article-color-table-head-fg);border-bottom-color: color-mix(in oklab, var(--article-color-rule-accent) 72%, var(--article-color-border-content) 28%);text-transform: uppercase;font-size: var(--article-table-header-font-size);letter-spacing: 0.03em;}td {color: var(--article-color-table-text);}td strong,td b {color: var(--color-text-highlight);}tbody tr:nth-child(even) {background: color-mix(in oklab, var(--article-color-surface-selected) 58%, var(--article-color-contrast-tint) 14%, transparent);}img {max-width: 100%;}img:not([height]) {height: auto;}figure {margin: 1.2rem 0 0.9rem;}figure > :first-child {margin-top: 0;}figure > :last-child {margin-bottom: 0;}figcaption {margin-top: 0.45rem;color: color-mix(in oklab, var(--article-color-caption) 82%, var(--color-negative-complementary) 18%);font-size: 0.92rem;line-height: 1.45;}iframe,video {max-width: 100%;}p > img:only-child {display: block;margin: 1.2rem 0 0.8rem;border: 1px solid var(--article-color-border-content);}p img:is(.article-img-inline-xs,.article-img-inline-sm,.article-img-inline-md,.article-img-inline-lg,.article-img-inline-xl,.article-img-inline-2xl) {--article-inline-image-max-height: 1.2em;}p img.article-img-inline-xs { --article-inline-image-max-height: 50px; }p img.article-img-inline-sm { --article-inline-image-max-height: 100px; }p img.article-img-inline-md { --article-inline-image-max-height: 180px; }p img.article-img-inline-lg { --article-inline-image-max-height: 280px; }p img.article-img-inline-xl { --article-inline-image-max-height: 420px; }p img.article-img-inline-2xl { --article-inline-image-max-height: 600px; }p img:not(:only-child, [width], [height], [style], [class*="article-img-inline-"]),p img:not(:only-child)[width],p img:not(:only-child)[height],p img:not(:only-child)[style],p img:is(.article-img-inline-xs,.article-img-inline-sm,.article-img-inline-md,.article-img-inline-lg,.article-img-inline-xl,.article-img-inline-2xl) {display: inline-block;margin: 0;border: 0;vertical-align: -0.18em;}p img:not(:only-child, [width], [height], [style], [class*="article-img-inline-"]) {max-width: min(100%, 1.2em);max-height: var(--article-inline-image-max-height, 1.2em);width: auto;}p img:is(.article-img-inline-xs,.article-img-inline-sm,.article-img-inline-md,.article-img-inline-lg,.article-img-inline-xl,.article-img-inline-2xl) {width: auto;max-height: var(--article-inline-image-max-height, 1.2em);}img + br {display: none;}hr {border: 0;border-top: 2px solid var(--color-separator);width: 30%;margin: var(--article-hr-margin-block) auto;opacity: 0.4;}.footnotes {margin-top: 2.25rem;border-top: 1px double var(--article-color-rule-accent);padding-top: 1.1rem;font-size: 0.9rem;line-height: 1.5;color: var(--article-color-footnotes);}.footnotes a {color: var(--article-color-footnotes-link);}.footnotes a:visited {color: var(--article-color-meta);}.chroma {background-color: color-mix(in oklab, var(--article-color-code-block-bg) 92%, transparent);border: 1px solid var(--article-color-border-content);padding: 1.5rem;border-radius: 0;overflow-x: auto;margin-bottom: 1.5rem;font-size: 0.98em;box-shadow: inset 0 1px 0 color-mix(in oklab, var(--article-color-accent-ring) 12%, transparent);}.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt {color: var(--article-color-syntax-keyword);font-weight: bold;}.chroma .n, .chroma .na, .chroma .nb, .chroma .bp {color: var(--article-color-syntax-name);}.chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .se, .chroma .sh, .chroma .si, .chroma .sx, .chroma .sr, .chroma .s1, .chroma .ss {color: var(--article-color-syntax-string);font-style: italic;}.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf {color: var(--article-color-syntax-comment);font-style: italic;}.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo {color: var(--article-color-syntax-number);}.chroma .o, .chroma .ow, .chroma .p {color: var(--article-color-syntax-operator);}.chroma .g {color: var(--article-color-syntax-generic);}a {color: var(--article-color-link);text-underline-offset: 0.14em;text-decoration-thickness: 1px;text-decoration-color: color-mix(in oklab, currentColor 42%, var(--article-color-accent-ring));}a:visited {color: var(--article-color-link-visited);}a:hover {color: var(--article-color-link-hover);text-decoration: underline;text-decoration-color: currentColor;}a:focus-visible {outline: 2px solid var(--article-color-focus-ring);outline-offset: 2px;}::selection {background: var(--article-color-selection-bg);color: var(--article-color-selection-fg);}input[type="checkbox"] {margin-right: 0.5rem;}@media (max-width: 600px) {:scope {--article-font-body: clamp(1.02rem, 0.96rem + 0.5vw, 1.1rem);--article-font-h1: clamp(1.35rem, 1.15rem + 1vw, 1.65rem);--article-font-h2: clamp(1.18rem, 1.06rem + 0.8vw, 1.4rem);--article-font-h4: 1rem;--article-font-h5: 0.88rem;--article-font-h6: 0.8rem;--article-leading-body: 1.58;--article-heading-margin-top: 1.5rem;--article-heading-margin-bottom: 0.5rem;--article-heading-margin-top-tight: 1.05rem;--article-heading-margin-top-loose: 1.8rem;--article-paragraph-margin-bottom: 0.9rem;--article-list-margin-bottom: 0.9rem;--article-list-item-margin-bottom: 0.2rem;--article-list-padding-inline-start: 1.3rem;--article-h2-accent-padding-inline-start: 0.55rem;--article-code-block-font-size: 0.98rem;--article-inline-code-font-size: 0.94em;--article-table-font-size: 0.93rem;--article-table-header-font-size: 0.8rem;--article-table-cell-padding: 0.45rem 0.55rem;--article-quote-margin-block: 1rem;--article-quote-padding: 0.75rem 0.8rem 0.8rem 0.85rem;--article-hr-margin-block: 1.2rem;}h2 {border-left-width: 2px;}h1 + p,h2 + p,h3 + p,h4 + p,h5 + p,h6 + p {margin-top: 0;}pre {padding: 0.7rem 0.75rem;margin-bottom: 0.95rem;}.chroma {padding: 0.8rem;margin-bottom: 1rem;font-size: 0.93em;}table {display: block;width: max-content;min-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}blockquote {font-size: 1rem;line-height: 1.52;}p > img:only-child,figure {margin: 1rem 0 0.7rem;}figcaption {font-size: 0.86rem;margin-top: 0.35rem;}.footnotes {margin-top: 1.6rem;padding-top: 0.9rem;font-size: 0.84rem;}}}.forum-posts-list li {padding-block: 0.5rem;padding-inline: 0;transition: background-color 0.2s ease;}.widget-type-forums .forum-posts-list {margin-top: 0;padding-block: 0;row-gap: 0.6rem;}/* layout: horizontal — each RSS/forum item becomes a fixed-width column laid outin a single horizontally-scrolling row (the widget itself stays a full-widthrow). Mirrors the videos carousel for feed items.The double-class selector (.forum-posts-list.forum-posts-horizontal) isdeliberate: the <ul> also carries `.list`, which sets flex-direction:column atthe same specificity and later in the bundle, so a single-class rule loses. */.forum-posts-list.forum-posts-horizontal {flex-direction: row;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: thin;column-gap: var(--widget-gap-inline, var(--widget-gap));row-gap: 0;padding-bottom: 0.5rem;scroll-snap-type: x proximity;overscroll-behavior-x: contain;align-items: stretch;}.forum-posts-list.forum-posts-horizontal > li {flex: 0 0 auto;width: min(82vw, 19rem);scroll-snap-align: start;padding-block: 0;}/* layout: detailed — full-width rows, each showing an inline preview(thumbnail + summary + meta). Set per page via `layout: detailed` on aforums widget. Reuses the default vertical stacking; the richness is inthe row content, not the list direction. */.forum-posts-detailed {row-gap: 1.4rem;}/* Keep detailed rows at a readable measure on desktop — a centered, width-limited reading column like the blog, instead of full-bleed lines. The cap isinert below its width, so narrow viewports keep the full width. */.widget-type-forums:has(.forum-posts-detailed) {/* Explicit width (not just a cap): justify-self:center would otherwiseshrink the grid item to its content width. min(100%, 80rem) → 80rem ondesktop, full width on narrow viewports. */width: min(100%, 80rem);/* Center within the masonry grid cell; justify-self wins where the masonry's`margin: 0` on child widgets defeats margin-inline:auto. Theauto margin still covers non-grid parents (e.g. grid-cards). */justify-self: center;margin-inline: auto;}.forum-post-detailed {display: flex;gap: 1.2rem;align-items: flex-start;text-decoration: none;}.forum-post-detailed-thumbnail {flex: 0 0 auto;width: 12rem;/* height:auto lets aspect-ratio drive the box; without it the img'sheight="135" attribute wins and the crop reads near-square. */height: auto;aspect-ratio: 16 / 9;object-fit: cover;border-radius: 0.3rem;background: var(--color-widget-background-highlight);}.forum-posts-detailed .forum-post-preview-prefix {display: none;}.forum-post-detailed-body {gap: 0.4rem;padding-top: 0.1rem;}.forum-post-detailed-title {line-height: 1.3;}.forum-post-detailed-summary {color: var(--color-text-subdue);font-size: 1.4rem;line-height: 1.45;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.forum-post-detailed-meta {display: flex;flex-wrap: wrap;gap: 0.4rem 1rem;font-size: 1.3rem;opacity: 0.85;}@media (max-width: 40rem) {.forum-post-detailed-thumbnail {width: 9rem;}}.forum-feed-filters {margin-bottom: 0.6rem;z-index: 3;pointer-events: auto;}.forum-feed-filter {column-gap: 0.35rem;color: var(--color-text-subdue);background: transparent;border: 0;border-bottom: 0;padding: 0.2rem 0.35rem 0.1rem;opacity: 0.8;cursor: pointer;text-decoration: none;pointer-events: auto;}.forum-feed-filter:hover {opacity: 1;color: var(--color-text-highlight);}.forum-feed-filter-active {color: color-mix(in oklab, var(--color-primary) 72%, var(--color-negative) 28%);border-bottom: 2px double color-mix(in oklab, var(--color-primary) 62%, var(--color-negative) 38%);opacity: 1;}.forum-feed-filter-badge {color: var(--forum-badge-color, var(--color-text-subdue));font-size: 1.05rem;font-weight: 700;opacity: 0.75;flex-shrink: 0;}.forum-feed-filter-label {display: inline-block;max-width: 0;opacity: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: max-width 180ms ease, opacity 140ms ease;}.forum-feed-filter-active .forum-feed-filter-label {max-width: 14ch;opacity: 0.9;}.forum-feed-filter-active .forum-feed-filter-badge {display: none;}.forum-feed-filter:hover .forum-feed-filter-badge {color: color-mix(in oklab, var(--color-text-subdue) 45%, var(--color-negative) 55%);opacity: 0.95;}.widget-type-forums .widget-content {position: relative;}.forum-posts-list li:hover {background-color: var(--color-widget-background-highlight);}.forum-post-list-thumbnail {flex-shrink: 0;width: 4rem;height: 3rem;border-radius: 0;object-fit: cover;border: 1px solid var(--color-separator);margin-top: 0.1rem;}.forum-post-title-row {line-height: 1.4;}.forum-post-direct-link-badge {width: 1.2em;height: 1.2em;margin-left: 0;margin-right: 0.05rem;color: var(--color-text-subdue);opacity: 0.82;vertical-align: -0.12em;transition: color 0.12s ease, opacity 0.12s ease;}.forum-post-direct-link-badge:is(:hover, :focus-visible) {color: var(--color-primary);opacity: 1;}.forum-post-direct-link-badge:focus-visible {outline: 2px solid var(--color-focus-ring);outline-offset: 2px;}.forum-post-source-badge {width: auto;height: 1.4em;padding: 0;margin-right: 0.3ch;color: var(--forum-badge-color, var(--color-text-subdue));font-size: 1.2rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em;line-height: 1.4;font-variant-numeric: tabular-nums;opacity: 0.75;vertical-align: baseline;}.forum-post-age-badge {margin-right: 0.35ch;color: var(--color-negative);}.forum-post-preview-prefix {display: inline-block;margin-right: 0.22ch;color: var(--color-primary-complementary);opacity: 0.9;font-size: 0.72em;font-weight: 700;line-height: 1;vertical-align: baseline;transform: none;}.forum-post-hover {display: inline;text-indent: 0;}.forum-post-detailed.forum-post-hover {display: flex;}.forum-post-main-text {display: inline;}.forum-post-hover:visited,.forum-post-hover.forced-visited {color: inherit;opacity: min(1, calc(var(--cm) * 0.78));}.forum-post-title-row .forum-post-tag {display: inline-flex;align-items: baseline;border: 0;background: none;color: var(--color-primary-complementary);font-size: 1rem;padding: 0;margin-right: 0;opacity: 0.75;white-space: nowrap;word-break: normal;overflow-wrap: normal;hyphens: none;font-weight: 600;}.forum-post-title-row .forum-post-tag:hover {color: color-mix(in oklab, var(--color-negative) 72%, var(--color-text-highlight) 28%);opacity: 0.95;}.forum-post-title-row .forum-post-hover + .forum-post-tag,.forum-post-title-row .forum-post-direct-link-badge + .forum-post-tag {margin-left: 0.05rem;}.forum-post-title-row .forum-post-tag::before {content: "#";font-style: italic;}.forum-preview-tooltip {display: block;width: fit-content;min-width: min(300px, calc(100vw - (var(--content-bounds-padding) * 2) - 2px));max-width: min(110.4ch, calc(100vw - (var(--content-bounds-padding) * 2) - 2px));overflow-y: auto;overflow-x: hidden;scrollbar-gutter: auto;}.forum-preview-tooltip:has(> .forum-preview-tooltip-image) {display: grid;grid-template-columns: auto minmax(0, 1fr);column-gap: 0.85rem;align-items: start;}.popover-container.popover-mobile-maximized .forum-preview-tooltip {width: 100%;min-width: 0;max-width: 100%;max-height: none !important;height: auto;overflow: visible;}.popover-container.popover-mobile-maximized .forum-preview-tooltip-image,.popover-container.popover-mobile-maximized .forum-preview-tooltip-meta {display: none;}.forum-preview-tooltip::after {content: "";display: block;clear: both;}.popover-container:has(.forum-preview-tooltip) .popover-frame {padding: 1.1rem 0 1.1rem 1.4rem;}.popover-container:has(.forum-preview-tooltip) .popover-content {padding-right: 0.35rem;}.forum-preview-tooltip-image {float: none;grid-column: 1;grid-row: 1;width: auto;max-width: min(22vw, 6.8rem);height: auto;max-height: min(16vh, 6.8rem);object-fit: contain;border-radius: 5px;border: 1px solid var(--color-separator);margin: 0.12rem 0 0.35rem;}.forum-preview-tooltip-text {--article-font-body: 1.4rem;--article-font-h1: 1.65rem;--article-font-h2: 1.48rem;--article-font-h3: 1.34rem;--article-font-h4: 1.18rem;--article-font-h5: 0.94rem;--article-font-h6: 0.86rem;--article-leading-body: 1.62;--article-leading-tight: 1.25;--article-heading-margin-top: 1.6rem;--article-heading-margin-top-tight: 1.2rem;--article-heading-margin-top-loose: 2rem;--article-heading-margin-bottom: 0.8rem;--article-paragraph-margin-bottom: 1.25rem;--article-list-margin-bottom: 1.25rem;--article-list-item-margin-bottom: 0.4rem;--article-list-padding-inline-start: 1.45rem;--article-hr-margin-block: 1.5rem;--article-table-font-size: 0.88em;--article-table-leading: 1.28;--article-table-cell-padding: 0.35rem 0.5rem;--article-inline-code-font-size: 0.88em;--article-code-block-font-size: 0.86em;--article-code-block-leading: 1.38;--article-quote-padding: 0.55rem 0.75rem;--article-quote-margin-block: 1.25rem;--forum-preview-meta-font-size: 1.12rem;--forum-preview-meta-margin-bottom: 0.5rem;--forum-preview-snippet-font-size: 1.34rem;--forum-preview-snippet-meta-font-size: 1.08rem;--forum-preview-snippet-meta-margin-bottom: 0.3rem;--forum-preview-pre-max-height: 16rem;grid-column: 1 / -1;min-width: 0;padding: 0 0.6rem 0 0;display: block;max-width: 64ch;margin-inline: auto;max-height: none;overflow: visible;white-space: normal;overflow-wrap: anywhere;hyphens: auto;text-wrap: pretty;font-size: var(--article-font-body);line-height: var(--article-leading-body);font-weight: 400;letter-spacing: 0;color: var(--color-text-paragraph);text-align: left;}.forum-preview-tooltip:has(> .forum-preview-tooltip-image) > .forum-preview-tooltip-text {grid-column: 2;padding-right: 0.45rem;}.forum-preview-tooltip-text:not(:has(.forum-preview-tooltip-separator)) {color: var(--color-text-highlight);--article-font-body: var(--forum-preview-snippet-font-size);--article-leading-body: 1.42;}.forum-preview-tooltip-text:not(:has(.forum-preview-tooltip-separator)) .forum-preview-tooltip-meta {margin: 0 0 var(--forum-preview-snippet-meta-margin-bottom);color: var(--color-text-base-muted);font-size: var(--forum-preview-snippet-meta-font-size);font-weight: 400;letter-spacing: 0;}.forum-preview-tooltip-meta {margin: 0 0 var(--forum-preview-meta-margin-bottom);font-size: var(--forum-preview-meta-font-size);line-height: 1.28;font-weight: 500;letter-spacing: 0;color: var(--color-text-base-muted);text-wrap: pretty;overflow-wrap: anywhere;}.forum-preview-tooltip-meta .forum-preview-tooltip-source-link,.forum-preview-tooltip-meta .forum-preview-tooltip-source-link:visited {color: var(--color-text-base-muted);text-decoration: underline;text-underline-offset: 0.12em;text-decoration-color: var(--color-separator);overflow-wrap: anywhere;}.forum-preview-tooltip-meta .forum-preview-tooltip-source-link:hover {color: var(--color-text-highlight);}.forum-preview-tooltip-separator {border: 0;border-top: 1px solid var(--color-separator);margin: 0.8rem 0;}.forum-preview-tooltip-text hr {opacity: 0.6;}.forum-preview-tooltip-text:not(:has(h1, h2, h3, h4, h5, h6, blockquote, ul, ol, pre, table, figure)) p + p {text-indent: 0.6em;}.forum-preview-tooltip-text :is(h1, h2, h3, h4, h5, h6) {text-wrap: pretty;}.forum-preview-tooltip-text h1 {margin-bottom: 0.55rem;}.forum-preview-tooltip-text h2 {background-size: 100% 100%;}.forum-preview-tooltip-text h2 + p,.forum-preview-tooltip-text h3 + p,.forum-preview-tooltip-text h4 + p {margin-top: 0;}.forum-preview-tooltip-text p,.forum-preview-tooltip-text li,.forum-preview-tooltip-text blockquote,.forum-preview-tooltip-text td,.forum-preview-tooltip-text th,.forum-preview-tooltip-text figcaption {text-wrap: pretty;overflow-wrap: anywhere;}.forum-preview-tooltip-text b,.forum-preview-tooltip-text strong {font-weight: 700;}.forum-preview-tooltip-text q {font-style: italic;color: color-mix(in oklab, var(--color-text-highlight) 45%, var(--color-primary));}.forum-preview-tooltip-text cite {font-style: normal;color: var(--color-text-base-muted);font-size: 0.9em;}.forum-preview-tooltip-text i,.forum-preview-tooltip-text em {font-style: italic;}.forum-preview-tooltip-text u {text-decoration: underline;}.forum-preview-tooltip-text s,.forum-preview-tooltip-text del {text-decoration: line-through;}.forum-preview-tooltip-text mark {background: var(--color-primary);color: var(--color-primary-complementary);padding: 0 0.2em;border-radius: 2px;}.forum-preview-tooltip-text sub,.forum-preview-tooltip-text sup {font-size: 0.75em;line-height: 0;position: relative;vertical-align: baseline;}.forum-preview-tooltip-text sub {bottom: -0.25em;}.forum-preview-tooltip-text sup {top: -0.5em;}.forum-preview-tooltip-text figure {display: flex;flex-direction: column;align-items: center;gap: 0.25rem;}.forum-preview-tooltip-text figcaption {font-size: 0.82em;color: var(--color-text-subdue);text-align: center;font-style: italic;}.forum-preview-tooltip-text p:last-child,.forum-preview-tooltip-text blockquote:last-child,.forum-preview-tooltip-text img:last-child,.forum-preview-tooltip-text pre:last-child,.forum-preview-tooltip-text ul:last-child,.forum-preview-tooltip-text ol:last-child,.forum-preview-tooltip-text table:last-child,.forum-preview-tooltip-text hr:last-child,.forum-preview-tooltip-text figure:last-child {margin-bottom: 0;}.forum-preview-tooltip-text a {overflow-wrap: anywhere;}.forum-preview-tooltip-link-label {color: color-mix(in oklab, var(--color-primary) 74%, var(--color-negative) 26%);text-decoration: underline;text-underline-offset: 0.18em;}.forum-preview-tooltip-text pre {white-space: pre-wrap;overflow-wrap: anywhere;overflow-x: hidden;overflow-y: auto;max-height: var(--forum-preview-pre-max-height);margin-bottom: 0.8rem;}.forum-preview-tooltip-text pre code {white-space: inherit;padding: 0;background: transparent;border: 0;border-radius: 0;}.forum-preview-tooltip-inline-image {display: block;width: auto;max-width: 100%;height: auto;max-height: min(34vh, 20rem);object-fit: contain;border: 1px solid var(--color-separator);border-radius: 6px;background: var(--color-widget-background-highlight);}/* Forum widget header, scoped to the widget root. @scope keeps these rules fromleaking and flattens the repeated `.widget-type-forums ` prefix; the componentslayer carries precedence, so the lower specificity is intentional and safe(verified behavior-preserving via scripts/css-equiv.mjs). */@scope (.widget-type-forums) {.widget-header {position: relative;margin-bottom: 0;flex-wrap: wrap;row-gap: 0.2rem;}.forum-buffering-status {display: none;flex: 0 0 100%;font-size: 1.02rem;line-height: 1.2;}:scope.forum-buffering .forum-buffering-status {display: block;}.forum-posts-list > li:first-child {padding-top: 0;}.widget-header h2 {display: inline-flex;align-items: center;gap: 0.7ch;width: auto;padding-inline: 0 0.8ch;min-height: 1.8rem;}.widget-header h2::before,.widget-header h2::after {display: none;}.widget-title-link,.widget-title-text {display: inline-flex;align-items: center;}.widget-title-link {gap: 0.55ch;padding-inline: 0 0.65ch;line-height: 1;}.widget-title-favicon {width: 1.1rem;height: 1.1rem;position: relative;top: 0.02em;}.widget-title-text {line-height: 1.12;}}.forum-header-page-turn {position: static;width: 1.45rem;height: 1.45rem;display: flex;align-items: center;justify-content: center;border: 0;background: transparent;color: var(--color-primary);cursor: pointer;pointer-events: auto;font-size: 1.85rem;font-weight: 700;line-height: 1;padding: 0;opacity: 0.75;align-self: center;transform: translateY(-0.01em);}.forum-header-page-turn:hover {color: var(--color-text-highlight);opacity: 1;}.forum-header-page-turn-prev,.forum-header-page-turn-next {inset: auto;}.forum-empty-state-action {margin-top: 0.55rem;color: var(--color-primary);font-size: 1.05rem;font-weight: 600;letter-spacing: 0.01em;text-decoration: underline;text-underline-offset: 0.18em;opacity: 0.9;}.forum-empty-state-action:hover {color: var(--color-text-highlight);opacity: 1;}.forum-empty-state-help {margin-left: 0;display: inline-flex;align-items: center;}.forum-empty-state-help:hover,.forum-empty-state-help.popover-active {color: var(--color-text-highlight);opacity: 1;}@media (min-width: 601px) {.forum-preview-tooltip-text {--forum-preview-meta-font-size: 1.14rem;--forum-preview-snippet-meta-font-size: 1.08rem;--article-font-body: 1.4rem;}}/* Forum preview tooltip inside the popover shell — reader-mode content styling.Kept with the rest of the forum tooltip (not in the generic popover.css) sothe forum system reads in one place. Reuses the popover shell's maximizedstate + the shared .article-content prose. These are more specific than thebase tooltip rules, so their file position relative to popover.css is moot. */.popover-container.popover-forum-header-meta .forum-preview-tooltip :is(.forum-preview-tooltip-meta,.forum-preview-tooltip-image) {display: none;}.popover-container.popover-maximized .forum-preview-tooltip {width: 100%;max-width: 100ch;margin-inline: auto;height: auto;max-height: none !important;overflow: visible;display: block;background: var(--color-popover-background);padding: 5rem 4rem;min-height: calc(100dvh - 8rem);box-shadow: 0 10px 60px rgb(0, 0, 0, 0.4);border-radius: 4px;}.popover-container.popover-maximized .forum-preview-tooltip-text {max-width: 100%;--article-font-body: 1.95rem;--article-leading-body: 1.85;--article-paragraph-margin-bottom: 1.8rem;font-family: "Georgia", "Cambria", "Times New Roman", Times, serif;color: var(--color-text-highlight);hanging-punctuation: first last;font-variant-numeric: oldstyle-nums;font-optical-sizing: auto;}.popover-container.popover-maximized .forum-preview-tooltip-text :is(ul, ol) {margin-block: 2rem;padding-left: 2.5rem;}.popover-container.popover-maximized .forum-preview-tooltip-text li {margin-bottom: 0.8rem;}.popover-container.popover-maximized .forum-preview-tooltip-text img {display: block;margin: 2rem auto;border-radius: 8px;box-shadow: 0 4px 20px rgb(0, 0, 0, 0.2);}.blog-content-container {display: grid;grid-template-columns: var(--blog-sidebar-width, 260px) 1fr;gap: 0 var(--blog-layout-gap, 3rem);width: 100%;}.blog-content-container:not(:has(.blog-sidebar-left)) {grid-template-columns: 1fr;}.blog-sidebar-left {text-align: left;order: -1;}.blog-sidebar-left .blog-toc {position: sticky;top: calc(var(--blog-sticky-nav-height, 4.2rem) + 1rem);width: 100%;margin-bottom: 0;border: 0;background: transparent;}.blog-toc-list {margin: 0;list-style: none;padding-left: 0;text-align: left;}.blog-toc-list li {list-style: none;margin: 0;padding: 0;border-bottom: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);}.blog-toc-list li:last-child {border-bottom: 0;}.blog-toc-list a {display: block;padding: 0.75rem 0;font-size: 1.05rem;color: var(--color-text-subdue);text-decoration: none;line-height: 1.4;transition: color 0.2s ease;text-align: left;}.blog-toc-list a:hover {color: var(--color-text-highlight);}.blog-toc-list a.blog-toc-active {color: var(--color-text-highlight);font-weight: 600;}.widget-type-blog-nav,.widget-type-blog-logo,.widget-type-blog-content {margin-inline: auto;width: 100%;display: block;float: none;padding: 0;}.widget-type-blog-nav .widget-content,.widget-type-blog-logo .widget-content {padding: 0;}.page-column:has(.widget-type-blog-nav),.page-column:has(.widget-type-blog-logo),.page-column:has(.widget-type-blog-content) {flex: 1 1 100%;max-width: 100%;width: 100%;display: block;}.page-columns:has(.widget-type-blog-content) {justify-content: center;row-gap: var(--blog-row-gap, 0.55rem);}.page-column:has(.widget-type-blog-nav),.page-column:has(.widget-type-blog-content) {--blog-shell-max-width: 112rem;flex: 0 1 var(--blog-shell-max-width);max-width: min(100%, var(--blog-shell-max-width));margin-inline: auto;}.blog-content {flex: 1 1 auto;min-width: 0;width: 100%;max-width: none;scroll-behavior: smooth;padding: 0;}.blog-content-container .control-panel-entry {grid-column: -2 / -1;justify-self: end;align-self: end;font-size: 1.2rem;line-height: 1;color: var(--color-text-subdue);text-decoration: none;opacity: 0.75;}.head-widgets:has(.widget-type-blog-nav) {--blog-sticky-nav-height: 4.2rem;position: sticky;top: 0;z-index: 80;background: var(--color-background);}.head-widgets:has(.widget-type-blog-nav) .widget-type-blog-nav {margin-inline: auto;}.page-column:has(.widget-type-blog-nav) {--blog-sticky-nav-height: 4.2rem;}.page-column:has(.widget-type-blog-nav) .widget-type-blog-nav {position: sticky;top: 0;z-index: 80;background: var(--color-background);}.blog-nav {position: relative;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr));align-items: start;}.blog-nav-section {--blog-dropdown-panel-left: 50%;--blog-dropdown-panel-right: auto;--blog-dropdown-panel-transform: translateX(-50%);--blog-dropdown-panel-max-width: min(46rem, calc(100vw - (var(--content-bounds-padding) * 2)));position: relative;border: 0;margin-bottom: -1px;background: transparent;overflow: visible;}.blog-nav-section > .blog-nav-panel {display: none;position: absolute;top: 100%;left: var(--blog-dropdown-panel-left);right: var(--blog-dropdown-panel-right);width: max-content;max-width: var(--blog-dropdown-panel-max-width);transform: var(--blog-dropdown-panel-transform);z-index: 50;background: color-mix(in oklab, var(--color-background) 92%, var(--color-widget-background-highlight));border: 0;border-radius: 0 0 0.3rem 0.3rem;box-shadow: 0 18px 36px color-mix(in oklab, var(--color-background) 78%, transparent);max-height: 60vh;overflow-y: auto;padding: 0.75rem;}.blog-nav-section-blog {--blog-dropdown-panel-left: 0;--blog-dropdown-panel-transform: none;}.blog-nav-section-about {--blog-dropdown-panel-left: auto;--blog-dropdown-panel-right: 0;--blog-dropdown-panel-transform: none;--blog-dropdown-panel-max-width: min(34rem, calc(100vw - (var(--content-bounds-padding) * 2)));}.blog-nav-empty {margin: 0;padding: 1rem;color: var(--color-text-subdue);font-size: 1rem;}.blog-nav-section[open] > .blog-nav-panel {display: block;}.blog-nav .blog-section-toggle {justify-content: center;padding-inline: 0.75rem;}.blog-nav .blog-logo-panel {max-width: 34rem;margin-inline: auto 0;padding-inline: 0;}.blog-section-toggle {list-style: none;cursor: pointer;padding-block: 1.2rem;padding-inline: 0;font-family: "Berkeley Mono", monospace;font-size: 1.1rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.15em;color: var(--color-text-subdue);user-select: none;position: relative;z-index: 20;display: flex;align-items: center;justify-content: center;gap: 0.8rem;border-top: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);border-bottom: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);transition: color 0.2s ease, background-color 0.2s ease;}.blog-section-toggle:hover {color: var(--color-text-highlight);background-color: color-mix(in oklab, var(--color-widget-background-highlight) 12%, transparent);}.blog-section-toggle::after {content: "";display: inline-block;width: 5px;height: 5px;border-right: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg);transition: transform 0.2s ease;}.blog-section-toggle::-webkit-details-marker {display: none;}.blog-section-collapsible {position: relative;border: 0;margin-bottom: -1px;background: transparent;overflow: visible;}.blog-section-collapsible > :not(summary) {display: none;position: absolute;top: 100%;left: 0;width: 100%;z-index: 50;background: color-mix(in oklab, var(--color-background) 92%, var(--color-widget-background-highlight));border: 0;border-radius: 0 0 0.3rem 0.3rem;box-shadow: 0 18px 36px color-mix(in oklab, var(--color-background) 78%, transparent);max-height: 60vh;overflow-y: auto;padding: 0.75rem;}.blog-section-collapsible:hover > :not(summary),.blog-section-collapsible[open] > :not(summary) {display: block;}.blog-section-collapsible[open] .blog-section-toggle::after,.blog-section-collapsible:hover .blog-section-toggle::after {transform: rotate(225deg);margin-top: 3px;}.widget-type-split-column:has(.widget-type-blog-logo) .split-column-grid,.widget-type-split-column:has(.widget-type-blog-logo) .masonry,.widget-type-split-column:has(.widget-type-blog-logo) .widget-content {overflow: visible;gap: 0;}.widget-type-blog-logo {overflow: visible;position: relative;}.widget-type-blog-logo .widget-content {overflow: visible;position: static;}.widget-type-split-column:has(.widget-type-blog-logo) {--blog-nav-column-gap: var(--masonry-column-gap, var(--widget-gap-inline, var(--widget-gap)));}.widget-type-split-column:has(.widget-type-blog-logo) .split-column-grid {position: relative;}.widget-type-split-column:has(.widget-type-blog-logo) .widget-type-blog-logo .blog-section-collapsible > :not(summary) {left: calc(-200% - (var(--blog-nav-column-gap) * 2));width: calc(300% + (var(--blog-nav-column-gap) * 2));}.widget-type-split-column:has(.widget-type-blog-logo) {margin-inline: auto;position: relative;}button.blog-post-card {text-align: left;cursor: pointer;width: 100%;}.blog-post-active {border-color: var(--color-primary);background-color: color-mix(in oklab, var(--color-widget-background-highlight) 12%, transparent);}.blog-post-active .blog-project-title {color: var(--color-primary);}.blog-writing-indicators {display: flex;flex-wrap: wrap;gap: 0.45rem;align-items: center;}.blog-writing-indicator {--blog-writing-indicator-color: var(--color-primary);display: inline-grid;grid-template-columns: auto auto;align-items: center;gap: 0.45rem;min-height: 1.7rem;padding: 0.2rem 0.45rem;border: 1px solid color-mix(in oklab, var(--blog-writing-indicator-color) 35%, var(--color-separator));border-radius: 0.2rem;background: color-mix(in oklab, var(--blog-writing-indicator-color) 10%, transparent);color: color-mix(in oklab, var(--blog-writing-indicator-color) 72%, var(--color-text-highlight));font-family: "Berkeley Mono", monospace;line-height: 1.1;text-transform: uppercase;}.blog-writing-indicator-label {color: var(--color-text-subdue);font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;}.blog-writing-indicator-value {font-size: 0.86rem;font-weight: 800;letter-spacing: 0.04em;}.blog-writing-completion {position: relative;overflow: hidden;}.blog-writing-completion::before {content: "";position: absolute;inset: 0;width: var(--blog-writing-completion, 0%);background: color-mix(in oklab, var(--blog-writing-indicator-color) 18%, transparent);pointer-events: none;}.blog-writing-completion > * {position: relative;}.blog-writing-confidence-low {--blog-writing-indicator-color: color-mix(in oklab, var(--color-negative) 76%, var(--color-text-subdue));}.blog-writing-confidence-medium {--blog-writing-indicator-color: color-mix(in oklab, var(--color-primary) 68%, var(--color-negative));}.blog-writing-confidence-high {--blog-writing-indicator-color: color-mix(in oklab, var(--color-primary) 82%, var(--color-text-highlight));}.blog-projects-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 22rem));justify-content: start;width: fit-content;max-width: 100%;gap: 0.8rem;padding: 0.25rem 0;}.blog-project-card {display: flex;flex-direction: column;gap: 0.5rem;min-height: 100%;padding: 0.95rem 1rem;border: 1px solid color-mix(in oklab, var(--color-separator) 28%, transparent);border-radius: 0.3rem;background: color-mix(in oklab, var(--color-background) 88%, var(--color-widget-background-highlight));box-shadow: inset 0 1px 0 color-mix(in oklab, var(--color-text-highlight) 5%, transparent);transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;}.blog-project-card:hover {border-color: var(--color-primary);background-color: color-mix(in oklab, var(--color-widget-background-highlight) 24%, var(--color-background));box-shadow: 0 12px 24px color-mix(in oklab, var(--color-background) 82%, transparent);transform: translateY(-2px);}.blog-project-card:hover .blog-project-title,.blog-project-card:focus-visible .blog-project-title {color: var(--color-primary);}.blog-project-header {display: flex;align-items: center;gap: 0.5rem;}.blog-project-icon {width: 1.4rem;height: 1.4rem;border-radius: 0.14rem;flex-shrink: 0;}.blog-project-icon-placeholder {width: 1.4rem;height: 1.4rem;border-radius: 0.14rem;flex-shrink: 0;display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 700;background: color-mix(in oklab, var(--color-primary) 15%, transparent);color: var(--color-primary);}.blog-project-title {font-family: "Berkeley Mono", monospace;font-size: 1rem;font-weight: 600;color: var(--color-text-highlight);line-height: 1.3;transition: color 0.16s ease;}.blog-project-description {font-size: 0.92rem;line-height: 1.45;color: var(--color-text-base-muted);}.blog-project-tags {display: flex;flex-wrap: wrap;gap: 0.4rem;margin-top: auto;}.blog-project-tag {font-family: "Berkeley Mono", monospace;font-size: 0.78rem;color: var(--color-text-subdue);text-transform: uppercase;letter-spacing: 0.05em;}.blog-logo {display: flex;flex-direction: column;border: 0;background: transparent;padding: 0;}.blog-logo-logo-container {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;overflow: hidden;margin-bottom: 0;}.blog-logo-ascii-art {--logo-ascii-gradient: linear-gradient(to bottom, var(--color-text-highlight), var(--color-primary));font-family: "Berkeley Mono", monospace;font-weight: 900;white-space: pre;text-align: center;line-height: 1.1;font-size: 1rem;color: transparent;background: var(--logo-ascii-gradient);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;margin: 0 auto;display: inline-block;}.blog-logo-panel {max-width: 34rem;margin-inline: auto;padding: 0.35rem 0.15rem 0.2rem;}.blog-logo-content {text-align: left;line-height: 1.5;font-size: 1.05rem;color: var(--color-text-base-muted);padding: 1rem 1.1rem;border: 1px solid color-mix(in oklab, var(--color-separator) 24%, transparent);border-radius: 0.3rem;background: color-mix(in oklab, var(--color-background) 86%, var(--color-widget-background-highlight));}.blog-logo-content p {margin: 0;}.blog-logo-avatar {float: left;width: 48px;height: 48px;border-radius: 0.14rem;object-fit: cover;border: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);margin-right: 0.8rem;margin-bottom: 0.3rem;}/* Blog about-avatar when shown inside the popover shell — kept with the blogsystem, not in generic popover.css. Stable size before content settles. */.popover-content .blog-logo-avatar {width: 44px;height: 44px;max-width: 44px;object-fit: cover;flex-shrink: 0;}.blog-logo-link {width: 2rem;height: 2rem;display: inline-flex;align-items: center;justify-content: center;border: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);border-radius: 0.3rem;color: var(--color-text-subdue);background: color-mix(in oklab, var(--color-background) 88%, var(--color-widget-background-highlight));transition: color 0.14s ease, border-color 0.14s ease, background-color 0.14s ease, transform 0.14s ease;}.blog-logo-link svg {width: 14px;height: 14px;}.blog-logo-link:hover {color: var(--color-text-highlight);border-color: var(--color-primary);background: color-mix(in oklab, var(--color-widget-background-highlight) 22%, var(--color-background));transform: translateY(-1px);}.blog-logo-links {display: flex;gap: 0.5rem;margin-bottom: 0.8rem;}@media (max-width: 700px) {.blog-sidebar-left {display: none;}.blog-content-container {grid-template-columns: 1fr;}.blog-nav {grid-template-columns: repeat(4, minmax(0, 1fr));}.blog-nav-section {--blog-dropdown-panel-left: 0;--blog-dropdown-panel-right: auto;--blog-dropdown-panel-transform: none;--blog-dropdown-panel-max-width: 100%;position: static;}.blog-nav-section > .blog-nav-panel {width: 100%;border-radius: 0;box-shadow: none;}.blog-section-collapsible > :not(summary) {width: 100%;border-radius: 0;box-shadow: none;}.blog-projects-grid {grid-template-columns: 1fr;}.blog-section-toggle {justify-content: center;padding-block: 1.5rem;padding-inline: 0.5rem;font-size: 1.05rem;letter-spacing: 0.04em;gap: 0.6rem;}.blog-section-toggle::after {width: 0.65rem;height: 0.65rem;margin-left: auto;border-right-width: 2px;border-bottom-width: 2px;}.blog-project-card {padding: 1.15rem 1.1rem;gap: 0.7rem;}.blog-project-title {font-size: 1.22rem;line-height: 1.35;}.blog-project-description {font-size: 1.04rem;line-height: 1.55;}.blog-project-tag {font-size: 0.88rem;}.blog-logo-ascii-art {font-size: 0.42rem;line-height: 1.05;}.blog-logo-panel {max-width: none;width: 100%;padding-top: 0.5rem;}.blog-logo-content {font-size: 1rem;line-height: 1.65;padding: 1rem;}.blog-logo-links {gap: 0.65rem;margin-bottom: 1rem;}.blog-logo-link {width: 2.4rem;height: 2.4rem;}.blog-logo-link svg {width: 16px;height: 16px;}}.blog-content.article-content {--blog-element-margin-block: 2.5rem;   /* images, figures, non-figure captions */--blog-element-gap: 1.2rem;            /* metadata gaps, blockquote paragraph spacing */--article-font-body:              clamp(1.7rem, 1.4rem + 0.6vw, 2rem);     /* 20px */--article-font-h1:               clamp(2.8rem, 5vw, 4.2rem);--article-font-h2:               clamp(2.8rem, 2rem + 1.6vw, 3.6rem);     /* 36px */--article-font-h3:               clamp(2.2rem, 1.8rem + 1vw, 2.8rem);     /* 28px */--article-font-h4:               clamp(1.9rem, 1.6rem + 0.7vw, 2.4rem);   /* 24px */--article-font-h5:               clamp(1.6rem, 1.4rem + 0.5vw, 2rem);     /* 20px */--article-font-h6:               clamp(1.4rem, 1.2rem + 0.4vw, 1.7rem);   /* 17px */--article-leading-body: 1.5;--article-code-block-font-size:   clamp(1.7rem, 1.5rem + 0.45vw, 2rem);--article-table-font-size:        clamp(1.5rem, 1.3rem + 0.4vw, 1.7rem);--article-table-header-font-size: clamp(1.3rem, 1.1rem + 0.35vw, 1.5rem);--article-heading-margin-top: 3.5rem;        /* h3: 1.25em × 28px */--article-heading-margin-top-loose: 5.4rem;  /* h2: 1.5em × 36px */--article-heading-margin-top-tight: 2.4rem;  /* h4: 1em × 24px */--article-heading-margin-bottom: 2rem;       /* ~0.7em avg across headings */--article-paragraph-margin-bottom: 3rem;     /* 0.75em × 2 sides × 20px */--article-list-margin-bottom: 3rem;--article-list-item-margin-bottom: 0.8rem;--article-list-padding-inline-start: 2.4rem; /* sp-24 */--article-quote-margin-block: 2rem;          /* 1em × 20px */--article-hr-margin-block: 4rem;--article-table-cell-padding: 1.6rem;        /* sp-16 */--article-color-heading: color-mix(in oklab, var(--color-text-highlight) 70%, var(--color-primary) 30%);--article-color-heading-strong: var(--color-text-highlight);--article-color-heading-h3: color-mix(in oklab, var(--color-text-highlight) 60%, var(--color-primary) 40%);--article-color-heading-h4: color-mix(in oklab, var(--color-text-highlight) 50%, var(--color-primary) 50%);--article-color-heading-h5: color-mix(in oklab, var(--color-text-subdue) 70%, var(--color-primary) 30%);--article-color-heading-h6: var(--color-text-subdue);--article-color-list-marker: var(--color-primary);font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;margin-inline: auto;padding-block: 2rem 6rem;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;letter-spacing: -0.01em;word-spacing: 0.02em;}.blog-content.article-content :is(h1, h2, h3, h4, h5, h6) {font-family: "Berkeley Mono", monospace;letter-spacing: -0.09em;text-align: left;}.blog-content.article-content h2 {background: none;}.blog-content.article-content h6 {opacity: 0.8;}.blog-content.article-content :where(p, li, blockquote, figcaption) a {color: color-mix(in oklab, var(--color-primary) 78%, var(--color-text-highlight) 22%);font-weight: 650;text-decoration-line: underline;text-decoration-thickness: 0.08em;text-underline-offset: 0.18em;text-decoration-color: color-mix(in oklab, currentColor 72%, transparent);background:linear-gradient(to top,color-mix(in oklab, var(--color-primary) 18%, transparent) 0 0.34em,transparent 0.34em);border-radius: 0.08em;transition: color 0.16s ease, text-decoration-color 0.16s ease, background-color 0.16s ease;}.blog-content.article-content :where(p, li, blockquote, figcaption) a:visited {color: color-mix(in oklab, var(--color-negative-complementary) 50%, var(--color-text-highlight) 50%);text-decoration-color: color-mix(in oklab, currentColor 58%, transparent);}.blog-content.article-content :where(p, li, blockquote, figcaption) a:hover {color: var(--color-primary);text-decoration-color: currentColor;background-color: color-mix(in oklab, var(--color-primary) 12%, transparent);}@scope (.popover-content) {.blog-reference-preview {display: grid;gap: 0.95rem;max-width: 44rem;color: var(--color-text-paragraph);text-align: left;}.blog-reference-preview-header {display: flex;align-items: center;gap: 0.6rem;font-family: "Berkeley Mono", monospace;font-size: 1.08rem;font-weight: 700;line-height: 1.2;letter-spacing: 0.12em;text-transform: uppercase;color: var(--color-primary);}.blog-reference-preview-header::after {content: "";height: 1px;flex: 1 1 auto;background: color-mix(in oklab, var(--color-separator) 35%, transparent);}.blog-reference-preview-body {display: block;font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size: 1.65rem;line-height: 1.55;}.blog-reference-preview-body :is(p, ul, ol, blockquote) {margin: 0;}.blog-reference-preview-body :is(p, ul, ol, blockquote) + :is(p, ul, ol, blockquote) {margin-top: 0.8rem;}.blog-reference-preview-body :is(ul, ol) {padding-left: 1.4rem;}.blog-reference-preview-body li + li {margin-top: 0.35rem;}.blog-reference-preview-body a {color: color-mix(in oklab, var(--color-primary) 82%, var(--color-text-highlight) 18%);font-weight: 650;text-decoration-line: underline;text-decoration-thickness: 0.08em;text-underline-offset: 0.16em;}}.blog-content-header + :is(h1, h2, h3),.blog-content-header + p > :is(h1, h2) {margin-top: 0;}.blog-content.article-content > :is(h1, h2, h3, h4, h5, h6):first-child {margin-top: 0;}.blog-content.article-content pre,.blog-content.article-content .chroma {border: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);background-color: color-mix(in oklab, var(--color-widget-background-highlight) 18%, transparent);box-shadow: none;border-radius: 0.2rem;margin-block: 2rem;padding: 1.5rem 1.8rem;}.blog-content.article-content img {display: block;width: auto;height: auto;border-radius: 0.4rem;border: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);margin-block: var(--blog-element-margin-block);margin-inline: auto;box-shadow: 0 1.5rem 4rem -1rem color-mix(in oklab, black 30%, transparent);}.blog-content.article-content p:has(> img) {text-align: center;}.blog-content.article-content figure {margin-block: var(--blog-element-margin-block);width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;}.blog-content.article-content figure img {margin-block: 0;}/* Note: goldmark WithHardWraps() inserts <br> between img and caption,so we need img + br + em in addition to img + em */.blog-content.article-content :is(figcaption, img + em, img + br + em, img + i, img + br + i, img + span, img + br + span, img + strong, img + br + strong) {display: block;width: 100%;text-align: center;font-family: "Berkeley Mono", monospace;font-size: 1.3rem;color: var(--color-text-subdue);margin-top: 0;margin-bottom: 0;font-style: normal;letter-spacing: 0.02em;}.blog-content.article-content :not(figure) > :is(figcaption, img + em, img + br + em, img + i, img + br + i, img + span, img + br + span, img + strong, img + br + strong) {margin-bottom: var(--blog-element-margin-block);}.blog-content.article-content .blog-main-title {font-family: "Berkeley Mono", monospace;font-size: clamp(3.2rem, 2.4rem + 1.8vw, 4.2rem);color: var(--color-primary);font-weight: 700;line-height: 1.15;margin-top: 0;margin-bottom: 3.5rem;letter-spacing: -0.09em;text-align: left;text-wrap: wrap;overflow-wrap: anywhere;}.blog-content .blog-metadata-bar {border: 0;padding-block: var(--blog-element-gap);margin-bottom: 4rem;border-top: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);border-bottom: 1px solid color-mix(in oklab, var(--color-separator) 25%, transparent);display: flex;flex-direction: column;gap: 0.8rem;}.blog-content .blog-metadata-meta {font-family: "Berkeley Mono", monospace;display: flex;align-items: center;gap: var(--blog-element-gap);color: var(--color-text-subdue);letter-spacing: 0.12em;font-size: 1.1rem;text-transform: uppercase;font-weight: 600;}.blog-content .metadata-separator {color: color-mix(in oklab, var(--color-separator) 40%, transparent);font-weight: 400;}.blog-content .blog-metadata-tags {margin-top: 0;display: flex;gap: var(--blog-element-gap);flex-wrap: wrap;}.blog-content .blog-writing-indicators-reader {gap: 0.6rem;}.blog-content .blog-writing-indicators-reader .blog-writing-indicator {min-height: 2rem;padding: 0.28rem 0.55rem;}.blog-content .blog-writing-indicators-reader .blog-writing-indicator-label {font-size: 0.82rem;}.blog-content .blog-writing-indicators-reader .blog-writing-indicator-value {font-size: 1rem;}.blog-content-meta-tag {font-family: "Berkeley Mono", monospace;color: var(--color-primary);opacity: 0.8;font-size: 1rem;letter-spacing: 0.1em;font-weight: 700;text-transform: uppercase;display: inline-block;padding: 0;margin: 0;border: 0;background: transparent;cursor: default;pointer-events: none;}.blog-content-header {margin-bottom: 1rem;}.head-widgets {margin-bottom: var(--widget-gap);}.widget-content {container-type: inline-size;container-name: widget;}.widget-content > :first-child {margin-top: 0;}.widget-content > :last-child {margin-bottom: 0;}.widget-content:not(.widget-content-frameless) {padding: 0;}.widget-content:not(.widget-content-frameless), .widget-content-frame {background: var(--color-widget-background);border-radius: var(--border-radius);border: 0;box-shadow: none;}.widget-header {padding: 0;font-size: var(--font-size-h4);margin-bottom: 0.9rem;display: flex;align-items: center;gap: 1rem;}.widget-beta-icon {width: 1.6rem;height: 1.6rem;flex-shrink: 0;transition: transform .45s, opacity .45s, stroke .45s;opacity: 0.7;}.widget-beta-icon:hover, .widget-header .popover-active > .widget-beta-icon {fill: var(--color-text-highlight);transform: translateY(-10%) scale(1.3);opacity: 1;}.widget + .widget {margin-top: var(--widget-gap);}/* Generic popover SHELL — a reusable floating-panel primitive (container,positioning, frame, maximize/minimize + mobile mechanics, reading chrome).It must stay free of any one system's content styling: forum-tooltip andblog-reference content live in forum-posts.css / blog-*.css and drop intothis shell. Keep the `.forum-`/`.blog-` reference count here at 0.See docs/css-architecture.md. */.popover-container,[data-popover-html] {display: none;}.popover-container {--triangle-size: 12px;--triangle-offset: 50%;--entrance-y-offset: 8px;--entrance-direction: calc(var(--entrance-y-offset) * -1);z-index: 1105;position: absolute;pointer-events: none;transition: left 160ms cubic-bezier(0.2, 0, 0, 1), top 160ms cubic-bezier(0.2, 0, 0, 1);}.popover-container.position-above {--entrance-direction: var(--entrance-y-offset);}.popover-container.position-left,.popover-container.position-right {padding-inline: 0;}.popover-frame {--shadow-properties: 0 15px 20px -10px;--shadow-color: hsl(var(--bghs), calc(var(--bgl) * 0.2), 0.5);position: relative;padding: 10px;background: var(--color-popover-background);border: 1px solid var(--color-popover-border);border-radius: 5px;box-shadow: var(--shadow-properties) var(--shadow-color);pointer-events: auto;}.popover-layout {min-width: 0;max-width: 100%;}.popover-content {overscroll-behavior: contain;overflow: auto;max-width: 100%;}.popover-minimize-button {display: none;}.popover-mobile-header-bar {display: none;}.popover-mobile-header-meta {display: none;}.popover-container.popover-forum-header-meta .popover-mobile-header-bar {display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;column-gap: 0.45rem;margin: 0 0 0.45rem;min-width: 0;}.popover-container.popover-forum-header-meta .popover-mobile-header-bar .popover-minimize-button {display: flex;align-items: center;justify-content: center;width: 1.8rem;height: 1.8rem;padding: 0;border: 1px solid var(--color-separator);background: var(--color-surface-hover);color: var(--color-text-highlight);border-radius: 4px;}@media (min-width: 901px) {.popover-container.popover-forum-header-meta .popover-mobile-header-bar .popover-minimize-button {display: none;}}.popover-container.popover-forum-header-meta .popover-mobile-header-bar .popover-minimize-button svg {width: 1.1rem;height: 1.1rem;}.popover-container.popover-forum-header-meta .popover-mobile-header-meta {padding: 0 0.8rem 0 0;}.popover-container.popover-forum-header-meta .popover-mobile-header-meta-thumb {width: 2.2rem;height: 2.2rem;max-width: 2.2rem;border-radius: 3px;}.popover-container.popover-forum-header-meta .popover-mobile-header-meta-copy {gap: 0.14rem;padding-top: 0.02rem;}.popover-container.popover-forum-header-meta .popover-mobile-header-meta-title {color: var(--color-text-highlight);font-size: 1.02rem;line-height: 1.18;font-weight: 600;}.popover-container.popover-forum-header-meta a.popover-mobile-header-meta-title,.popover-container.popover-forum-header-meta a.popover-mobile-header-meta-title:visited {color: var(--color-text-highlight);}.popover-container.popover-forum-header-meta .popover-mobile-header-meta-text {color: var(--color-text-base-muted);font-size: 0.98rem;line-height: 1.15;font-weight: 500;}.popover-container.popover-forum-header-meta .popover-mobile-header-meta-link,.popover-container.popover-forum-header-meta .popover-mobile-header-meta-link:visited {color: var(--color-text-base-muted);}.popover-frame::before {content: "";position: absolute;z-index: 2;width: var(--triangle-size);height: var(--triangle-size);transform: rotate(45deg);background-color: var(--color-popover-background);border-top-left-radius: 2px;border-left: 1px solid var(--color-popover-border);border-top: 1px solid var(--color-popover-border);left: calc(var(--triangle-offset) - (var(--triangle-size) / 2));top: calc(var(--triangle-size) / 2 * -1 - 0.5px);}.popover-container.position-above .popover-frame::before {transform: rotate(225deg);top: auto;bottom: calc(var(--triangle-size) / 2 * -1 - 0.5px);}.popover-container.position-left .popover-frame::before {transform: rotate(135deg);top: calc(var(--triangle-offset) - (var(--triangle-size) / 2));left: auto;right: calc(var(--triangle-size) / 2 * -1 - 0.5px);}.popover-container.position-right .popover-frame::before {transform: rotate(315deg);top: calc(var(--triangle-offset) - (var(--triangle-size) / 2));left: calc(var(--triangle-size) / 2 * -1 - 0.5px);}.popover-container.position-above .popover-frame {--shadow-properties: 0 10px 20px -10px;}/* Overlap placement: the popover covers the element it came from so a longpreview can use the full viewport height instead of scrolling inside acramped band. It is no longer edge-anchored, so drop the triangle and liftit with a heavier elevation shadow to read as a floating card. */.popover-container.popover-overlap .popover-frame::before {display: none;}.popover-container.popover-overlap .popover-frame {--shadow-properties: 0 24px 60px -18px;--shadow-color: hsl(var(--bghs), calc(var(--bgl) * 0.2), 0.6);}.popover-maximize-button,.popover-minimize-button-desktop {display: none;align-items: center;justify-content: center;position: absolute;top: 0.55rem;width: 1.8rem;height: 1.8rem;padding: 0;border: 1px solid transparent;background: transparent;color: var(--color-text-base-muted);cursor: pointer;z-index: 10;border-radius: 4px;transition: all 0.1s ease;}.popover-maximize-button { right: 0.55rem; }.popover-minimize-button-desktop { right: 2.55rem; } /* left of maximize */.popover-maximize-button:hover,.popover-minimize-button-desktop:hover {background: var(--color-surface-hover);color: var(--color-text-highlight);border-color: var(--color-separator);}.popover-maximize-button svg,.popover-minimize-button-desktop svg {width: 1.1rem;height: 1.1rem;}/* stylelint-disable declaration-no-important --A maximized popover must go fullscreen over the inline top/left/transform thatpopover.js leaves on the container (repositionContainer() early-returns whilemaximized and maximizePopover() never clears them). Only !important beats inlinestyles, so these five positioning/sizing declarations legitimately keep it. */.popover-container.popover-maximized {position: fixed !important;inset: 0 !important;width: 100vw !important;height: 100dvh !important;z-index: 1200;padding: 0;background: var(--color-background);display: flex;align-items: center;justify-content: center;pointer-events: auto;transform: none !important;}.popover-container.popover-maximized .popover-frame {width: 100vw;height: 100dvh;max-width: none;max-height: none;margin: 0;display: flex;flex-direction: column;padding: 0;overflow: hidden;border: 0;border-radius: 0;}.popover-container.popover-maximized .popover-layout {height: 100%;display: flex;flex-direction: column;min-height: 0;max-width: none;background: var(--color-background);}.popover-container.popover-maximized .popover-mobile-header-bar {display: none;}.popover-container.popover-maximized .popover-content {flex: 1 1 auto;overflow-y: auto;min-height: 0;padding-block: 2rem 5rem;}.popover-container.popover-maximized .popover-minimize-button:not(.popover-minimize-button-desktop) {display: none;}.popover-reading-progress {display: none;position: fixed;bottom: 0;left: 0;width: 100%;height: 5px;background: var(--color-primary);transform-origin: left;transform: scaleX(0);z-index: 1300;transition: transform 0.1s linear;box-shadow: 0 -1px 4px rgb(0, 0, 0, 0.2);}.popover-container.popover-maximized .popover-reading-progress {display: block;}.popover-reading-time {display: none;position: fixed;bottom: 2.5rem;left: 2rem;padding: 0.5rem 1rem;background: var(--color-popover-background);border: 1px solid var(--color-separator);color: var(--color-text-subdue);font-size: 1.1rem;font-weight: 600;border-radius: 4px;z-index: 1300;letter-spacing: 0.02em;text-transform: uppercase;box-shadow: 0 2px 8px rgb(0, 0, 0, 0.1);}.popover-container.popover-maximized .popover-reading-time {display: block;}.popover-container.popover-maximized .popover-maximize-button,.popover-container.popover-maximized .popover-minimize-button-desktop {top: 2rem;right: 2rem;width: 3.4rem; /* Larger button */height: 3.4rem;background: var(--color-popover-background);border: 1px solid var(--color-separator);box-shadow: 0 4px 12px rgb(0, 0, 0, 0.3);z-index: 1400;border-radius: 50%;opacity: 0.8;}.popover-container.popover-maximized .popover-maximize-button:hover,.popover-container.popover-maximized .popover-minimize-button-desktop:hover {opacity: 1;transform: scale(1.1);}.popover-container.popover-maximized .popover-maximize-button svg,.popover-container.popover-maximized .popover-minimize-button-desktop svg {width: 1.8rem;height: 1.8rem;}.popover-theme-button {display: none;align-items: center;justify-content: center;position: absolute;bottom: 2.5rem;right: 2rem;width: 3.4rem; /* Larger button */height: 3.4rem;padding: 0;border: 0;background: transparent;color: var(--color-text-base-muted);cursor: pointer;z-index: 1400;border-radius: 4px;box-shadow: none;opacity: 0.8;transition: all 0.1s ease;}.popover-theme-button:hover,.popover-theme-button.active {opacity: 1;transform: scale(1.1);color: var(--color-text-highlight);}.popover-theme-button .current-theme-preview {display: flex;align-items: center;justify-content: center;width: 2.4rem; /* Larger icon */height: 2.4rem;}.popover-theme-panel {position: fixed;bottom: 7rem;right: 2rem;background: var(--color-popover-background);border: 1px solid var(--color-separator);border-radius: 8px;box-shadow: 0 -10px 40px rgb(0, 0, 0, 0.5);z-index: 1500;width: auto;max-width: min(40rem, 90vw);max-height: 60vh;overflow-y: auto;padding: 1.2rem;}.popover-theme-panel .theme-choices {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;padding: 0;margin: 0;}.popover-theme-panel .theme-preset {width: 100%;text-align: left;display: flex;align-items: center;gap: 0.8rem;padding: 0.6rem;}.popover-theme-panel .theme-preview-icon {width: 2.8rem; /* Larger preview icons in panel */height: 2.8rem;flex-shrink: 0;}.popover-container.popover-maximized .popover-frame::before {display: none;}@media (hover: none), (pointer: coarse), (max-width: 900px) {:root {--font-size-h7: 1.25rem;--font-size-h8: 1.15rem;}.popover-container.popover-mobile-maximized {position: fixed !important;inset: 0 !important;z-index: 1110;padding: 0;font-size: 1.2em;}.popover-container.popover-mobile-maximized .popover-frame {height: 100dvh;min-height: 0;display: flex;flex-direction: column;border-radius: 0;border-left: 0;border-right: 0;border-top: 0;box-shadow: none;margin: 0;padding: calc(max(env(safe-area-inset-top, 0px), 0px) + 0.65rem) 0.9rem 0.8rem;}.popover-container.popover-mobile-maximized .popover-layout {min-height: 0;height: 100%;display: flex;flex-direction: column;gap: 0.62rem;flex: 1 1 auto;}.popover-container.popover-mobile-maximized .popover-frame::before {display: none;}.popover-container.popover-mobile-maximized .popover-mobile-header-bar {display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;column-gap: 0.55rem;min-width: 0;min-height: 3rem;flex: 0 0 auto;margin-bottom: 0.1rem;}.popover-container.popover-maximized .popover-mobile-header-bar {display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;column-gap: 0.55rem;min-width: 0;min-height: 3rem;flex: 0 0 auto;margin: calc(max(env(safe-area-inset-top, 0px), 0px) + 0.65rem) 0.9rem 0.35rem;}.popover-container.popover-maximized .popover-mobile-header-bar .popover-minimize-button {display: inline-flex;align-items: center;justify-content: center;position: static;margin-left: 0;flex: 0 0 auto;justify-self: end;align-self: start;border: 1px solid color-mix(in oklab, var(--color-popover-border) 70%, transparent);background: color-mix(in oklab, var(--color-popover-background) 90%, black 10%);color: var(--color-text-highlight);width: 2.2rem;height: 2.2rem;padding: 0;cursor: pointer;z-index: 3;border-radius: 3px;}.popover-container.popover-maximized .popover-mobile-header-bar .popover-minimize-button svg {width: 1.2rem;height: 1.2rem;}.popover-container.popover-maximized .popover-minimize-button-desktop {display: none;}.popover-container.popover-mobile-maximized .popover-content {max-width: none;flex: 1 1 auto;min-height: 0;overflow: auto;scrollbar-gutter: stable;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;touch-action: pan-y;}.popover-container.popover-mobile-maximized .popover-mobile-header-bar .popover-minimize-button {display: inline-flex;align-items: center;justify-content: center;position: static;margin-left: 0;flex: 0 0 auto;justify-self: end;align-self: start;border: 1px solid color-mix(in oklab, var(--color-popover-border) 70%, transparent);background: color-mix(in oklab, var(--color-popover-background) 90%, black 10%);color: var(--color-text-highlight);width: 2.2rem;height: 2.2rem;padding: 0;cursor: pointer;z-index: 3;border-radius: 3px;}.popover-container.popover-mobile-maximized .popover-mobile-header-bar .popover-minimize-button svg {width: 1.2rem;height: 1.2rem;}.popover-container.popover-mobile-maximized .popover-mobile-header-meta {position: static;width: auto;min-height: 2.55rem;overflow: visible;z-index: 2;padding: 0;border: 0;background: transparent;}.popover-container.popover-mobile-maximized.popover-mobile-header-meta-visible {align-items: center;border-radius: 0;box-shadow: none;}.popover-mobile-header-meta-thumb {width: 1.55rem;height: 1.55rem;max-width: 1.55rem;border-radius: 2px;}.popover-mobile-header-meta-text {font-size: var(--font-size-h7);line-height: 1.12;color: var(--color-text-base);font-weight: 600;opacity: 1;}.popover-mobile-header-meta-copy {max-width: 100%;gap: 0;justify-content: center;padding-top: 0;}.popover-mobile-header-meta-title {white-space: nowrap;font-size: var(--font-size-h7);line-height: 1.15;color: var(--color-text-highlight);font-weight: 600;opacity: 1;text-shadow: 0 1px 0 rgb(0 0 0 / 30%);}a.popover-mobile-header-meta-title,a.popover-mobile-header-meta-title:visited {color: var(--color-text-highlight);}.popover-mobile-header-meta-copy .popover-mobile-header-meta-text {font-size: var(--font-size-h8);white-space: nowrap;opacity: 0.9;}.popover-mobile-header-meta-link,.popover-mobile-header-meta-link:visited {color: var(--color-text-base);}@media (max-width: 420px) {.popover-container.popover-mobile-maximized .popover-mobile-header-meta {gap: 0.45rem;}}}:is(.popover-container.popover-forum-header-meta .popover-mobile-header-meta,.popover-container.popover-mobile-maximized .popover-mobile-header-meta) {display: flex;align-items: flex-start;gap: 0.55rem;min-width: 0;}:is(.popover-container.popover-forum-header-meta,.popover-container.popover-mobile-maximized) :is(.popover-mobile-header-meta-title, .popover-mobile-header-meta-text) {display: block;min-width: 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis;}.popover-container.popover-forum-header-meta .popover-mobile-header-meta-text {white-space: nowrap;}.popover-container.popover-mobile-maximized .popover-mobile-header-meta-title {white-space: normal;overflow-wrap: anywhere;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;}:is(.popover-container.popover-forum-header-meta,.popover-container.popover-mobile-maximized) :is(a.popover-mobile-header-meta-title,a.popover-mobile-header-meta-title:visited,.popover-mobile-header-meta-link,.popover-mobile-header-meta-link:visited) {text-decoration: none;}:is(.popover-container.popover-forum-header-meta .popover-mobile-header-meta-thumb,.popover-container.popover-mobile-maximized .popover-mobile-header-meta-thumb) {display: block;object-fit: cover;border: 1px solid var(--color-separator);flex: 0 0 auto;}:is(.popover-container.popover-forum-header-meta .popover-mobile-header-meta-copy,.popover-container.popover-mobile-maximized .popover-mobile-header-meta-copy) {min-width: 0;max-width: 100%;flex: 1 1 0%;overflow: hidden;display: flex;flex-direction: column;}[data-popover-type].popover-origin-highlight {position: relative;z-index: 1;transition: filter 0.3s ease;animation: popoverOriginTextPulse 1.2s ease-out 2;}@keyframes popoverOriginTextPulse {0% {filter: brightness(1);}30% {filter: brightness(1.8);color: var(--color-text-highlight);}100% {filter: brightness(1);}}.navigation {--navigation-inline-padding: calc(var(--content-bounds-padding) * 0.55);display: block;position: fixed;top: 0;transform: translateY(0);left: 0;right: 0;z-index: 1000;background: var(--color-background);border: 0;border-radius: 0;box-shadow: none;backdrop-filter: none;transition: transform .18s linear;overflow-x: clip;}.navigation-icons {display: grid;grid-template-columns: 1fr;align-items: center;min-height: var(--navigation-height);column-gap: 0.3rem;padding-inline: var(--navigation-inline-padding);padding-right: 40px;padding-top: 0;position: relative;}.navigation-inline-page-links,.navigation-inline-theme-slot {display: none;}.navigation-icons.navigation-inline-nav-ready {grid-template-columns: 1fr;}.navigation-icons.navigation-inline-nav-ready .navigation-current-page-label {display: none;}.navigation-icons.navigation-inline-nav-ready .navigation-inline-page-links {display: inline-flex;grid-column: 1;min-width: 0;align-items: center;gap: 0.35rem;overflow: hidden;white-space: nowrap;}.navigation-icons.navigation-inline-nav-ready .navigation-page-links {display: none;}.navigation-inline-page-links .nav-item,.navigation-page-links .nav-item {display: inline-flex;align-items: center;text-transform: uppercase;letter-spacing: 0.02em;white-space: nowrap;}.navigation-inline-page-links .nav-item {padding: 0.25rem 0.5rem;font-size: 0.9rem;line-height: 1;}.navigation-inline-page-links .nav-item.nav-item-current {color: var(--color-primary);background: var(--color-surface-selected);}.navigation-inline-page-links .nav-item:not(.nav-item-current):hover {color: var(--color-text-highlight);background: var(--color-surface-hover);}.navigation-arrows {grid-column: 1;position: static;justify-self: start;display: inline-flex;justify-content: flex-start;min-width: 0;flex: 0 0 auto;gap: 0;}.navigation-arrows .navigation-label {width: 22px;max-width: 26px;padding: 0;font-size: 1.05rem;flex: 0 0 auto;}.navigation-input {display: none;}.navigation-page-drawer-toggle {display: none;}.navigation-current-page-label {grid-column: 1;position: static;justify-self: start;display: inline-flex;min-width: 0;justify-content: flex-start;max-width: var(--navigation-current-page-label-max-width, min(35vw, 200px));padding-left: 0.35rem;padding-right: 0.35rem;margin: 0;color: var(--color-text-subdue);font-size: 0.96rem;text-transform: uppercase;letter-spacing: 0.02em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;transition: color .08s linear;}.navigation-current-page-label:hover {color: var(--color-text-highlight);}.navigation:has(.navigation-page-drawer-toggle:checked) .navigation-current-page-label {color: var(--color-primary);}.navigation:has(.navigation-page-drawer-toggle:checked) {transform: none;}.navigation-page-links {display: none;}.navigation:has(.navigation-page-drawer-toggle:checked) .navigation-page-links {display: flex;flex-direction: row;flex-wrap: nowrap;position: absolute;top: 100%;left: 0;right: 0;background: var(--color-background);border-top: 0;padding: 0.35rem var(--navigation-inline-padding);z-index: 100;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-webkit-overflow-scrolling: touch;gap: 0.5rem;box-shadow: none;}.navigation:has(.navigation-page-drawer-toggle:checked) .navigation-page-links::-webkit-scrollbar {display: none;}.navigation-page-links .nav-item {height: auto;line-height: 1.2;padding: 0.35rem 0.65rem;border-radius: 0;border: 0;background: transparent;font-size: 0.96rem;flex-shrink: 0;}.navigation-page-links .nav-item-current {color: var(--color-primary);background: var(--color-surface-selected);}.navigation-page-links .nav-item:not(.nav-item-current):hover {color: var(--color-text-highlight);background: var(--color-surface-hover);}.navigation-pill-cluster {--navigation-pill-gap: 0.1rem;position: absolute;left: 50%;transform: translateX(-50%);display: inline-flex;justify-content: center;align-items: center;gap: var(--navigation-pill-gap);min-width: 0;width: auto;margin: 0;flex: 0 0 auto;z-index: 1;}#navigation-pills[data-nav-owner="none"] .navigation-pill-cluster {visibility: hidden;}.navigation-pill-cluster > .navigation-label:has(.navigation-input:checked) + .navigation-label:has(.navigation-input:checked) {margin-left: calc(var(--navigation-pill-gap) * -1);}.navigation-pill-cluster > .navigation-label.navigation-label-visible-window + .navigation-label.navigation-label-visible-window {margin-left: calc(var(--navigation-pill-gap) * -1);}.navigation-pill {display: block;background: var(--color-text-subdue);width: 6px;height: 6px;border-radius: 0;transition: width .12s linear;}.navigation-input:checked + .navigation-pill {background: var(--color-primary);width: 20px;}.navigation-pill-cluster > .navigation-label[class*="pill-slot-"] {flex: 0 0 auto;width: 26px;height: 26px;touch-action: manipulation;}.navigation-pill-cluster > .navigation-masonry-pills {min-height: 0;gap: 0.15rem;}.navigation-pill-cluster > .navigation-masonry-pills:empty {display: none;}.navigation-label {display: flex;flex: 0 0 auto;width: 22px;height: 22px;justify-content: center;align-items: center;cursor: pointer;font-size: 12px;line-height: 1;border: 0;border-radius: 0;background: transparent;transition: color .08s linear, border-color .08s linear, background-color .08s linear;}.navigation-label:hover,.navigation-label:active {background: var(--color-widget-background-highlight);}.navigation-label:hover {color: var(--color-text-highlight);}.navigation-label:active {transform: none;}.navigation-label:has(.navigation-pill):hover,.navigation-label:has(.navigation-pill):active {background: transparent;}.navigation-label .navigation-pill {width: 8px;height: 8px;}.navigation-label .navigation-input:checked + .navigation-pill {width: 24px;height: 8px;}.navigation-label.navigation-label-visible-window .navigation-pill {width: 24px;height: 8px;background: var(--color-primary);}.navigation-masonry-pills {--navigation-masonry-pill-gap: 0.4rem;display: none;justify-content: center;align-items: center;gap: var(--navigation-masonry-pill-gap);flex: 0 0 auto;min-height: var(--navigation-height);}.navigation-masonry-pills .masonry-mobile-pill-active + .masonry-mobile-pill-active,.navigation-masonry-pills .masonry-mobile-pill[data-pill-state="visible"] + .masonry-mobile-pill[data-pill-state="visible"],.navigation-masonry-pills .masonry-mobile-pill[data-pill-group-role="active"] + .masonry-mobile-pill[data-pill-group-role="active"] {margin-left: calc(var(--navigation-masonry-pill-gap) * -1);}.navigation-masonry-pills .masonry-mobile-pill {width: 26px;height: 26px;border: 0;border-radius: 0;padding: 0;background: transparent;display: inline-flex;align-items: center;justify-content: center;touch-action: manipulation;}#navigation-pills .navigation-masonry-pills .masonry-mobile-pill.masonry-mobile-pill-hidden-dynamic {display: none;}.navigation-masonry-pills .masonry-mobile-pill::before {content: "";display: block;width: 8px;height: 8px;border-radius: 0;background: var(--color-text-subdue);opacity: 0.85;}.navigation-masonry-pills .masonry-mobile-pill-active::before,.navigation-masonry-pills .masonry-mobile-pill[data-pill-state="visible"]::before,.navigation-masonry-pills .masonry-mobile-pill[data-pill-group-role="active"]::before {width: var(--masonry-pill-active-width, 24px);height: 8px;background: var(--color-primary);opacity: 1;}#navigation-pills[data-pill-merge="merged"] .navigation-masonry-pills .masonry-mobile-pill[data-pill-group-role="inactive"]::before {width: var(--masonry-pill-active-width, 24px);height: 8px;background: var(--color-text-subdue);opacity: 0.85;}.navigation-icons.navigation-uses-masonry-pills .navigation-pill-cluster > .navigation-label[class*="pill-slot-"],.navigation-icons.navigation-uses-masonry-pills .navigation-label[class*="pill-slot-"],#navigation-pills[data-nav-owner="masonry"] .navigation-pill-cluster > .navigation-label[class*="pill-slot-"],#navigation-pills[data-nav-owner="masonry"] .navigation-label[class*="pill-slot-"],#navigation-pills[data-nav-owner="mobile-masonry"] .navigation-pill-cluster > .navigation-label[class*="pill-slot-"],#navigation-pills[data-nav-owner="mobile-masonry"] .navigation-label[class*="pill-slot-"] {display: none;}.navigation-icons.navigation-uses-masonry-pills .navigation-pill-cluster > .navigation-masonry-pills,.navigation-icons.navigation-uses-masonry-pills .navigation-masonry-pills,#navigation-pills[data-nav-owner="masonry"] .navigation-pill-cluster > .navigation-masonry-pills,#navigation-pills[data-nav-owner="masonry"] .navigation-masonry-pills,#navigation-pills[data-nav-owner="mobile-masonry"] .navigation-pill-cluster > .navigation-masonry-pills,#navigation-pills[data-nav-owner="mobile-masonry"] .navigation-masonry-pills {display: flex;}.navigation-icons:not(.navigation-uses-masonry-pills) .navigation-pill-cluster > .navigation-masonry-pills,#navigation-pills[data-nav-owner="page-columns"] .navigation-pill-cluster > .navigation-masonry-pills,#navigation-pills[data-nav-owner="mobile-page-columns"] .navigation-pill-cluster > .navigation-masonry-pills,#navigation-pills[data-nav-owner="none"] .navigation-pill-cluster > .navigation-masonry-pills {display: none;}.navigation-theme-toggle {display: inline-flex;min-width: 0;margin: 0;padding: 0.1rem;gap: 0;align-items: center;justify-content: center;position: absolute;right: var(--navigation-inline-padding);top: 50%;transform: translateY(-50%);z-index: 2;border-radius: 999px;border: none;background: transparent;backdrop-filter: none;transition: box-shadow .2s ease, transform .15s ease;}.navigation-theme-toggle:hover,.navigation-theme-toggle:focus-visible,.theme-picker.popover-active.navigation-theme-toggle {box-shadow: none;}.navigation-theme-toggle.theme-picker-inline .current-theme-preview {opacity: 1;display: inline-flex;align-items: center;justify-content: center;width: 1.9rem;height: 1.9rem;transform: none;transform-origin: center;}.navigation-theme-toggle .theme-preview-icon {width: 100%;height: 100%;}.theme-preview-icon {width: 100%;height: 100%;border-radius: 0;position: relative;flex: 0 0 auto;overflow: hidden;isolation: isolate;background:linear-gradient(90deg,color-mix(in oklab, black 14%, transparent) 0 1px,transparent 1px 100%),linear-gradient(0deg,color-mix(in oklab, black 14%, transparent) 0 1px,transparent 1px 100%);background-size: 0.26rem 0.26rem, 0.26rem 0.26rem;border: 0;box-shadow: none;}.theme-preview-icon::before,.theme-preview-icon::after {content: "";position: absolute;border-radius: 0;border: 0;}.theme-preview-icon::before {inset: 0.12rem 0.16rem 0.12rem 0.16rem;z-index: 0;background:linear-gradient(180deg,color-mix(in oklab, var(--theme-bg) 70%, white 30%) 0 100%);opacity: 1;pointer-events: none;box-shadow:inset 0.11rem 0 0 color-mix(in oklab, var(--theme-primary) 80%, white 20%),inset 0 0.11rem 0 color-mix(in oklab, var(--theme-primary) 76%, white 24%),inset -0.11rem 0 0 color-mix(in oklab, var(--theme-bg) 56%, black 44%),inset 0 -0.11rem 0 color-mix(in oklab, var(--theme-bg) 62%, black 38%);}.theme-preview-icon::after {top: 0.12rem;right: 0.16rem;width: 0.42rem;height: 0.42rem;z-index: 1;background:linear-gradient(135deg,color-mix(in oklab, var(--theme-bg) 72%, white 28%) 0 49%,color-mix(in oklab, var(--theme-bg) 52%, black 48%) 49% 100%);box-shadow:-0.11rem 0 0 color-mix(in oklab, var(--theme-primary) 78%, white 22%),0 0.11rem 0 color-mix(in oklab, var(--theme-bg) 58%, black 42%);}.theme-preview-icon-line {position: absolute;height: 0.12rem;border-radius: 0;z-index: 2;box-shadow: none;}.theme-preview-icon-line-primary,.theme-preview-icon-line-positive,.theme-preview-icon-line-negative {left: 0.34rem;}.theme-preview-icon-line-primary {top: 0.46rem;width: 0.66rem;background: color-mix(in oklab, var(--theme-primary) 92%, white 8%);}.theme-preview-icon-line-positive {top: 0.72rem;width: 0.58rem;background: color-mix(in oklab, var(--theme-positive) 92%, white 8%);}.theme-preview-icon-line-negative {bottom: 0.44rem;width: 0.72rem;background: color-mix(in oklab, var(--theme-negative) 92%, white 8%);}.desktop-edge-nav {display: none;}@media (min-width: 900px) and (pointer: fine) {.desktop-edge-nav {display: flex;position: fixed;top: var(--navigation-height);bottom: 0;width: clamp(30px, 4.2vw, 72px);align-items: center;justify-content: center;border: 0;padding: 0;margin: 0;background: linear-gradient(90deg,color-mix(in oklab, var(--color-background) 54%, transparent) 0%,transparent 80%);color: color-mix(in oklab, var(--color-primary) 65%, var(--color-text-highlight));cursor: pointer;z-index: 120;opacity: 0.12;transition: opacity .12s linear, background-color .12s linear, color .12s linear;}.desktop-edge-nav-caret {font-size: clamp(5.2rem, 10vw, 11rem);line-height: 1;font-weight: 600;opacity: 0;transform: scale(0.92);transition: opacity .12s linear, transform .12s linear;user-select: none;pointer-events: none;}.desktop-edge-nav-prev {left: 0;}.desktop-edge-nav-next {right: 0;background: linear-gradient(270deg,color-mix(in oklab, var(--color-background) 54%, transparent) 0%,transparent 80%);}.desktop-edge-nav:hover,.desktop-edge-nav:focus-visible {opacity: 1;color: var(--color-primary);}.desktop-edge-nav:hover .desktop-edge-nav-caret,.desktop-edge-nav:focus-visible .desktop-edge-nav-caret {opacity: 1;transform: scale(1);}}body.mobile-page-buffering::before {content: "";position: fixed;inset: 0;background:radial-gradient(120% 42% at 50% var(--mobile-page-buffering-origin-y, 50%),color-mix(in oklab, var(--color-primary) calc(8% + (var(--mobile-page-buffering-effort, 1) * 12%)), transparent),transparent 70%),color-mix(in oklab, var(--color-background) 70%, transparent);opacity: calc(0.72 + (min(var(--mobile-page-buffering-effort, 1), 1.6) * 0.08));z-index: 90;pointer-events: none;}body.mobile-page-buffering::after {content: "Buffering...";position: fixed;left: 50%;top: var(--mobile-page-buffering-origin-y, 50%);transform: translate(-50%, -50%) scale(calc(0.96 + (min(var(--mobile-page-buffering-effort, 1), 1.6) * 0.08)));padding: 0.5rem 0.9rem;border-radius: var(--radius-chip);border: 1px solid var(--color-separator);background: var(--color-popover-background);color: var(--color-text-highlight);font-size: 1.1rem;line-height: 1;z-index: 91;pointer-events: none;box-shadow: 0 0 calc(10px + (var(--mobile-page-buffering-effort, 1) * 10px)) color-mix(in oklab, var(--color-primary) 18%, transparent);opacity: calc(0.88 + (min(var(--mobile-page-buffering-effort, 1), 1.6) * 0.07));}body.mobile-page-buffering-origin-top {--mobile-page-buffering-origin-y: 18%;}body.mobile-page-buffering-origin-bottom {--mobile-page-buffering-origin-y: 82%;}#navigation-pills[data-nav-mode="overflow"] .navigation-pill-cluster,#navigation-pills[data-nav-mode="overflow"] .navigation-theme-toggle,#navigation-pills[data-nav-mode="single-visible"] .navigation-pill-cluster,#navigation-pills[data-nav-mode="single-visible"] .navigation-theme-toggle,#navigation-pills[data-nav-mode="all-visible"] .navigation-pill-cluster,#navigation-pills[data-nav-mode="all-visible"] .navigation-theme-toggle {--navigation-overflow-pill-width: 26px;--navigation-overflow-pill-height: 26px;display: inline-flex;margin-left: auto;}#navigation-pills[data-inline-page-policy="force-visible"] .navigation-pill-cluster {--navigation-overflow-pill-width: 24px;--navigation-pill-gap: 0;}#navigation-pills[data-nav-mode="overflow"] .navigation-pill-cluster .navigation-label[class*="pill-slot-"],#navigation-pills[data-nav-mode="single-visible"] .navigation-pill-cluster .navigation-label[class*="pill-slot-"],#navigation-pills[data-nav-mode="all-visible"] .navigation-pill-cluster .navigation-label[class*="pill-slot-"] {display: inline-flex;width: var(--navigation-overflow-pill-width, 36px);height: var(--navigation-overflow-pill-height, 36px);align-items: center;justify-content: center;cursor: pointer;}#navigation-pills .navigation-label.navigation-label-hidden-dynamic {display: none;}#navigation-pills[data-nav-mode="overflow"] .navigation-pill-cluster .navigation-label.navigation-label-hidden-dynamic,#navigation-pills[data-nav-mode="single-visible"] .navigation-pill-cluster .navigation-label.navigation-label-hidden-dynamic,#navigation-pills[data-nav-mode="all-visible"] .navigation-pill-cluster .navigation-label.navigation-label-hidden-dynamic,#navigation-pills[data-nav-mode="masonry-desktop"] .navigation-pill-cluster .navigation-label.navigation-label-hidden-dynamic,#navigation-pills[data-nav-mode="masonry-mobile"] .navigation-pill-cluster .navigation-label.navigation-label-hidden-dynamic {display: none;}#navigation-pills[data-pill-merge="merged"] .navigation-label.navigation-label-merged-group .navigation-pill {width: var(--navigation-merged-pill-width, 24px);height: 8px;}#navigation-pills[data-pill-merge="merged"] .navigation-label[data-pill-group-role="active"] .navigation-pill,#navigation-pills[data-pill-merge="merged"] .navigation-label.navigation-label-merged-active .navigation-pill {background: var(--color-primary);}#navigation-pills[data-pill-merge="merged"] .navigation-label[data-pill-group-role="inactive"] .navigation-pill,#navigation-pills[data-pill-merge="merged"] .navigation-label.navigation-label-merged-inactive .navigation-pill {background: var(--color-text-subdue);}#navigation-pills[data-nav-mode="overflow"] .navigation-label .navigation-pill,#navigation-pills[data-nav-mode="single-visible"] .navigation-label .navigation-pill,#navigation-pills[data-nav-mode="all-visible"] .navigation-label .navigation-pill {width: 8px;height: 8px;background: var(--color-text-subdue);}#navigation-pills[data-pill-merge="none"][data-nav-mode="overflow"] .navigation-label[data-pill-state="visible"] .navigation-pill,#navigation-pills[data-pill-merge="none"][data-nav-mode="single-visible"] .navigation-label[data-pill-state="visible"] .navigation-pill,#navigation-pills[data-pill-merge="none"][data-nav-mode="all-visible"] .navigation-label[data-pill-state="visible"] .navigation-pill {width: 24px;height: 8px;background: var(--color-primary);}#navigation-pills[data-pill-merge="none"] .navigation-pill-cluster .navigation-label[data-pill-state="visible"] + .navigation-label[data-pill-state="visible"] {margin-left: calc(var(--navigation-pill-gap, 0) * -1);}#navigation-pills[data-nav-mode="single-visible"] .navigation-label[data-pill-state="visible"] .navigation-pill {width: 8px;height: 8px;background: var(--color-primary);}#navigation-pills[data-nav-mode="overflow"] .navigation-pill-cluster,#navigation-pills[data-nav-mode="single-visible"] .navigation-pill-cluster,#navigation-pills[data-nav-mode="all-visible"] .navigation-pill-cluster {--navigation-pill-gap: 0;gap: var(--navigation-pill-gap);}@media (max-width: 1190px) and (display-mode: standalone) {.navigation {padding-top: var(--safe-area-inset-top);}.navigation-icons {padding-top: var(--safe-area-inset-top);}}@media (max-width: 600px) {.navigation-pill-cluster {--navigation-pill-gap: 0;gap: var(--navigation-pill-gap);}.navigation-pill-cluster > .navigation-label[class*="pill-slot-"] {width: 20px;height: 26px;}.navigation-masonry-pills {--navigation-masonry-pill-gap: 0;gap: var(--navigation-masonry-pill-gap);}.navigation-masonry-pills .masonry-mobile-pill {width: 20px;height: 26px;}#navigation-pills[data-nav-mode="overflow"] .navigation-pill-cluster .navigation-label[class*="pill-slot-"],#navigation-pills[data-nav-mode="single-visible"] .navigation-pill-cluster .navigation-label[class*="pill-slot-"],#navigation-pills[data-nav-mode="all-visible"] .navigation-pill-cluster .navigation-label[class*="pill-slot-"] {width: var(--navigation-overflow-pill-width, 20px);height: var(--navigation-overflow-pill-height, 26px);}#navigation-pills[data-nav-mode="overflow"] .navigation-pill-cluster,#navigation-pills[data-nav-mode="overflow"] .navigation-theme-toggle,#navigation-pills[data-nav-mode="single-visible"] .navigation-pill-cluster,#navigation-pills[data-nav-mode="single-visible"] .navigation-theme-toggle,#navigation-pills[data-nav-mode="all-visible"] .navigation-pill-cluster,#navigation-pills[data-nav-mode="all-visible"] .navigation-theme-toggle {--navigation-overflow-pill-width: 20px;--navigation-overflow-pill-height: 26px;}#navigation-pills[data-inline-page-policy="force-visible"] .navigation-pill-cluster {--navigation-overflow-pill-width: 18px;}}/* Login page styles. Imported into bundle.css and scoped to `.login-page`(set on <body> by login.html) so its generic selectors — .form-input,.footer, .animate-entrance, .htmx-indicator-* — cannot leak onto other pages.Keyframes stay at the top level because @keyframes names are always global. */@keyframes fieldReveal {from {opacity: 0.0001;transform: translateY(4rem);}}@keyframes errorMessageEntrance {from {opacity: 0;transform: scale(1.1);}}@scope (.login-page) {.login-bounds {max-width: 500px;padding: 0 2rem;}.form-label {text-transform: uppercase;margin-bottom: 0.5rem;}.form-input {transition: border-color .2s;}.form-input input {border: 0;background: none;width: 100%;height: 5.2rem;font: inherit;outline: none;color: var(--color-text-highlight);}.form-input-icon {width: 2rem;height: 2rem;margin-top: -0.1rem;opacity: 0.5;}.form-input input[type="password"] {letter-spacing: 0.3rem;font-size: 0.9em;}.form-input input[type="password"]::placeholder {letter-spacing: 0;font-size: var(--font-size-base);}.form-input:hover {border-color: var(--color-progress-border);}.form-input:focus-within {border-color: var(--color-primary);transition-duration: .7s;}.login-button {width: 100%;display: block;padding: 1rem;background: none;border: 1px solid var(--color-text-subdue);border-radius: var(--border-radius);color: var(--color-text-paragraph);cursor: pointer;font: inherit;font-size: var(--font-size-h4);display: flex;gap: .5rem;align-items: center;justify-content: center;transition: all .3s, margin-top 0s;margin-top: 3rem;}.login-button:not(:disabled) {box-shadow: 0 0 10px 1px var(--color-separator);}.login-error-message:not(:empty) + .login-button {margin-top: 2rem;}.login-button:focus, .login-button:hover {outline: none;border-color: var(--color-primary);color: var(--color-primary);}.login-button:disabled {border-color: var(--color-separator);color: var(--color-text-subdue);cursor: not-allowed;}.login-button svg {width: 1.7rem;height: 1.7rem;transition: transform .2s;}.login-button:not(:disabled):hover svg, .login-button:not(:disabled):focus svg {transform: translateX(.5rem);}.animate-entrance {animation: fieldReveal 0.7s backwards;animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);}.animate-entrance:nth-child(1) { animation-delay: .1s; }.animate-entrance:nth-child(2) { animation-delay: .2s; }.animate-entrance:nth-child(4) { animation-delay: .3s; }.login-error-message {color: var(--color-negative);font-size: var(--font-size-base);padding: 1.3rem calc(var(--space-inline-widget) + 1px);position: relative;margin-top: 2rem;animation: errorMessageEntrance 0.4s backwards cubic-bezier(0.34, 1.56, 0.64, 1);}.login-error-message:empty {display: none;}.login-error-message::before {content: "";position: absolute;inset: 0;border-radius: var(--border-radius);background: var(--color-negative);opacity: 0.05;z-index: -1;}.footer {animation-delay: .4s;animation-duration: 1s;}.toggle-password-visibility {background: none;border: none;cursor: pointer;}.htmx-indicator-show {display: none;}.htmx-request .htmx-indicator-show {display: block;}.htmx-request .htmx-indicator-hide {display: none;}}}@layer utilities {.masonry {display: grid;grid-template-columns: repeat(var(--effective-columns, var(--max-columns, auto-fill)), minmax(var(--masonry-column-min-width, 32rem), 1fr));grid-auto-rows: 4px;gap: 0 var(--masonry-column-gap, var(--widget-gap-inline, var(--widget-gap)));align-items: start;}.split-column-grid {display: grid;grid-template-columns: repeat(var(--max-columns, 2), 1fr);gap: var(--masonry-column-gap, var(--widget-gap-inline, var(--widget-gap)));align-items: start;}.split-column-grid > .widget {margin: 0;}/* Horizontally-scrolling row of child widgets. Up to --max-columns are visibleat once; the rest scroll. Reusable on any page (news forum strips, etc.). */.split-column-horizontal {display: flex;gap: var(--masonry-column-gap, var(--widget-gap-inline, var(--widget-gap)));overflow-x: auto;scrollbar-width: thin;padding-bottom: 0.5rem;scroll-snap-type: x proximity;align-items: start;overscroll-behavior-x: contain;}.split-column-horizontal > .widget {margin: 0;flex: 0 0 auto;width: calc((100% - (var(--max-columns, 2) - 1) * var(--masonry-column-gap, var(--widget-gap)))/ var(--max-columns, 2));min-width: min(82vw, 20rem);scroll-snap-align: start;}.masonry-column {display: contents; /* Effectively removes the column wrapper if it exists */}.masonry > .widget {margin: 0;padding-bottom: calc(var(--widget-gap) * 2);grid-row-end: span 120; /* Conservative default until JS measures to avoid startup overlap */}.masonry > .masonry-group-separator {height: 0;align-self: center;border-top: 1px solid var(--color-separator);pointer-events: none;}.visually-hidden {clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}.list-horizontal-text {display: flex;list-style: none;flex-wrap: wrap;align-items: center;}.list-horizontal-text > *:not(:last-child)::after {content: '•' / "";color: var(--color-text-subdue);margin: 0 0.4rem;position: relative;top: 0.1rem;}.summary {width: 100%;cursor: pointer;word-spacing: -0.18em;user-select: none;list-style: none;position: relative;display: flex;z-index: 1;}.summary::-webkit-details-marker {display: none;}.details[open] .summary {margin-bottom: .8rem;}.summary::before {content: "";position: absolute;inset: -.3rem -.8rem;border-radius: var(--border-radius);background-color: var(--color-widget-background-highlight);opacity: 0;transition: opacity 0.2s;z-index: -1;}.details[open] .summary::before, .summary:hover::before {opacity: 1;}.details:not([open]) .list-with-transition {display: none;}.summary::after {content: "◀" / "";font-size: 1.2em;position: absolute;top: 0;bottom: 0;line-height: 1.3em;right: 0;transition: rotate .5s cubic-bezier(0.22, 1, 0.36, 1);}details[open] .summary::after {rotate: -90deg;}.dynamic-columns {--list-half-gap: 0.5rem;--columns-present-count: 1;--columns-per-row-max: 5;--columns-per-row: min(var(--columns-present-count), var(--columns-per-row-max));gap: var(--widget-content-vertical-padding) var(--space-inline-widget);display: grid;grid-template-columns: repeat(var(--columns-per-row), 1fr);}.dynamic-columns > * {padding-left: var(--space-inline-widget);border-left: 1px solid var(--color-separator);min-width: 0;}.dynamic-columns > *:first-child {padding-top: 0;border-top: none;border-left: none;}.dynamic-columns:has(> :nth-child(1)) { --columns-present-count: 1; }.dynamic-columns:has(> :nth-child(2)) { --columns-present-count: 2; }.dynamic-columns:has(> :nth-child(3)) { --columns-present-count: 3; }.dynamic-columns:has(> :nth-child(4)) { --columns-present-count: 4; }.dynamic-columns:has(> :nth-child(5)) { --columns-present-count: 5; }@container widget (max-width: 599px) {.dynamic-columns {gap: 0;--columns-per-row-max: 1;}.dynamic-columns > * {border-left: none;padding-left: 0;}.dynamic-columns > *:not(:first-child) {margin-top: calc(var(--list-half-gap) * 2);}.dynamic-columns.list-with-separator > *:not(:first-child) {margin-top: var(--list-half-gap);border-top: 1px solid var(--color-separator);padding-top: var(--list-half-gap);}}@container widget (min-width: 600px) and (max-width: 849px) {.dynamic-columns { --columns-per-row-max: 2; }.dynamic-columns > :nth-child(2n-1) {border-left: none;padding-left: 0;}}@container widget (min-width: 850px) and (max-width: 1249px) {.dynamic-columns { --columns-per-row-max: 3; }.dynamic-columns > :nth-child(3n+1) {border-left: none;padding-left: 0;}}@container widget (min-width: 1250px) and (max-width: 1499px) {.dynamic-columns { --columns-per-row-max: 4; }.dynamic-columns > :nth-child(4n+1) {border-left: none;padding-left: 0;}}@container widget (min-width: 1500px) {.dynamic-columns { --columns-per-row-max: 5; }.dynamic-columns > :nth-child(5n+1) {border-left: none;padding-left: 0;}}.cards-horizontal {--cards-per-row: 6.5;}.cards-horizontal {--cards-gap: calc(var(--widget-content-vertical-padding) * 0.7);display: flex;gap: var(--cards-gap);}.card {display: flex;flex-direction: column;}.cards-horizontal .card {flex-shrink: 0;width: calc(100% / var(--cards-per-row) - var(--cards-gap) * (var(--cards-per-row) - 1) / var(--cards-per-row));}.cards-grid .card {min-width: 0;}.cards-horizontal {overflow-x: auto;scrollbar-width: thin;padding-bottom: 1rem;}.cards-grid {--cards-per-row: 6;display: grid;grid-template-columns: repeat(var(--cards-per-row), 1fr);gap: calc(var(--widget-content-vertical-padding) * 0.7);}@container widget (max-width: 1300px) { .cards-horizontal { --cards-per-row: 5.5; } }@container widget (max-width: 1100px) { .cards-horizontal { --cards-per-row: 4.5; } }@container widget (max-width: 850px) { .cards-horizontal { --cards-per-row: 3.5; } }@container widget (max-width: 650px) { .cards-horizontal { --cards-per-row: 2.5; } }@container widget (max-width: 450px) { .cards-horizontal { --cards-per-row: 2.3; } }@container widget (max-width: 1300px) { .cards-grid { --cards-per-row: 5; } }@container widget (max-width: 1100px) { .cards-grid { --cards-per-row: 4; } }@container widget (max-width: 850px) { .cards-grid { --cards-per-row: 3; } }@container widget (max-width: 650px) { .cards-grid { --cards-per-row: 2; } }.text-truncate,.line-clamp-2,.line-clamp-3 {overflow: hidden;text-overflow: ellipsis;}.text-truncate {white-space: nowrap;}.line-clamp-2, .line-clamp-3 {display: -webkit-box;-webkit-box-orient: vertical;}.line-clamp-3 { line-clamp: 3; -webkit-line-clamp: 3; }.line-clamp-2 { line-clamp: 2; -webkit-line-clamp: 2; }.visited-indicator:not(.text-truncate)::after,.visited-indicator.text-truncate::before {content: '↗' / "";margin-left: 0.5em;display: inline-block;position: relative;top: 0.15em;color: var(--color-text-base);}.visited-indicator.text-truncate {direction: rtl;text-align: left;}.visited-indicator:not(:visited)::before, .visited-indicator:not(:visited)::after {color: var(--color-primary);}.page-columns-transitioned .list-with-transition > * { animation: collapsibleItemReveal .25s backwards; }.list-with-transition > *:nth-child(2) { animation-delay: 30ms; }.list-with-transition > *:nth-child(3) { animation-delay: 60ms; }.list-with-transition > *:nth-child(4) { animation-delay: 90ms; }.list-with-transition > *:nth-child(5) { animation-delay: 120ms; }.list-with-transition > *:nth-child(6) { animation-delay: 150ms; }.list-with-transition > *:nth-child(7) { animation-delay: 180ms; }.list-with-transition > *:nth-child(8) { animation-delay: 210ms; }.list {display: flex;flex-direction: column;gap: calc(var(--list-half-gap) * 2);}.list.list-with-separator {gap: var(--list-half-gap);}.list.list-with-separator > *:not(:first-child) {border-top: 1px solid var(--color-separator);padding-top: var(--list-half-gap);}.carousel-container {position: relative;}.carousel-container::before, .carousel-container::after {content: '';position: absolute;width: 2rem;top: 0;bottom: 1rem;z-index: 10;opacity: 0;pointer-events: none;transition-duration: 0.2s;}.carousel-container::before {background: linear-gradient(to right, var(--color-background), transparent);}.carousel-container::after {right: 0;background: linear-gradient(to left, var(--color-background), transparent);}.carousel-container.show-left-cutoff::before, .carousel-container.show-right-cutoff::after {opacity: 1;}.thumbnail {transition: filter 0.2s, opacity .2s;}.fs-h3 { font-size: var(--font-size-h3); }.fs-h4 { font-size: var(--font-size-h4); }.fs-h5 { font-size: var(--font-size-h5); }.fs-h6 { font-size: var(--font-size-h6); }.text-highlight { color: var(--color-text-highlight); }.text-paragraph { color: var(--color-text-paragraph); }.text-default { color: var(--color-text-base); }.text-muted { color: var(--color-text-subdue); }.text-danger { color: var(--color-negative); }.text-success { color: var(--color-positive); }.text-primary { color: var(--color-primary); }.color-primary-if-not-visited:not(:visited) {color: var(--color-text-base);}.color-primary-if-not-visited:visited,.color-primary-if-not-visited.forced-visited {opacity: min(1, calc(var(--cm) * 0.78));}.color-primary-if-not-visited:visited {color: inherit;}.color-primary-if-not-visited.forced-visited {color: inherit;}.cursor-help { cursor: help; }.break-all { word-break: break-all; }.text-start { text-align: left; }.text-end { text-align: right; }.text-center { text-align: center; }.text-compact { word-spacing: -0.18em; }.text-compact-zine { font-size: 1.3rem; word-spacing: -0.05em; }.rtl { direction: rtl; }.shrink { flex-shrink: 1; }.shrink-0 { flex-shrink: 0; }.min-width-0 { min-width: 0; }.block { display: block; }.inline-block { display: inline-block; }.inline-flex { display: inline-flex; }.relative { position: relative; }.flex { display: flex; }.flex-wrap { flex-wrap: wrap; }.flex-nowrap { flex-wrap: nowrap; }.justify-between { justify-content: space-between; }.justify-center { justify-content: center; }.uppercase { text-transform: uppercase; }.grow { flex-grow: 1; }.flex-col { flex-direction: column; }.items-center { align-items: center; }.gap-5 { gap: 0.5rem; }.gap-10 { gap: 1rem; }.gap-15 { gap: 1.5rem; }.gap-20 { gap: 2rem; }.mt-7 { margin-top: 0.7rem; }.mt-10 { margin-top: 1rem; }.mt-20 { margin-top: 2rem; }.my-10 { margin-block: 1rem; }.mb-5 { margin-bottom: 0.5rem; }.mb-10 { margin-bottom: 1rem; }.mb-15 { margin-bottom: 1.5rem; }.mb-20 { margin-bottom: 2rem; }.mb-auto { margin-bottom: auto; }.mb-widget { margin-bottom: var(--widget-content-vertical-padding); }.px-widget { padding-inline: var(--space-inline-widget); }.button-reset {padding: 0;border: 0;background: transparent;}.cursor-pointer { cursor: pointer; }.w-full { width: 100%; }.object-cover { object-fit: cover; }.py-10 { padding-block: 1rem; }.py-20 { padding-block: 2rem; }.list { --list-half-gap: 0rem; }.list-gap-2 { --list-half-gap: 0.1rem; }.list-gap-10 { --list-half-gap: 0.5rem; }.list-gap-14 { --list-half-gap: 0.7rem; }.list-gap-20 { --list-half-gap: 1rem; }.keyword-dot {border-bottom: 1px dotted var(--color-text-base);text-decoration: none;}.htmx-indicator {opacity: 0;transition: opacity 200ms ease-in;}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator {opacity: 1;}}@layer overrides {@media (max-width: 1190px) {:root {--navigation-height: 26px;}html,body {height: 100%;overflow: hidden;scrollbar-width: none;}.body-content {overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;touch-action: pan-y pinch-zoom;overscroll-behavior-y: contain;scrollbar-width: none;}html::-webkit-scrollbar,body::-webkit-scrollbar,.body-content::-webkit-scrollbar {width: 0;height: 0;display: none;}}@media (min-width: 601px) and (max-width: 1190px) {.page-column { display: none; }.page-column-full {flex: 1 1 0px;min-width: 0;}body:has(.navigation-input[value="0"]:checked) .page-columns > :nth-child(-n+2),body:has(.navigation-input[value="1"]:checked) .page-columns > :nth-child(-n+2) {display: block;}body:has(.navigation-input[value="2"]:checked) .page-columns > :nth-child(3),body:has(.navigation-input[value="2"]:checked) .page-columns > :nth-child(4),body:has(.navigation-input[value="3"]:checked) .page-columns > :nth-child(3),body:has(.navigation-input[value="3"]:checked) .page-columns > :nth-child(4) {display: block;}}@media (min-width: 1191px) {.page-column { display: block; }}@media (max-width: 600px) {:root { font-size: 12px; }.page-columns { display: block; }.page-column { display: none; width: 100%; }body:has(.navigation-input[value="0"]:checked) .page-columns > :nth-child(1),body:has(.navigation-input[value="1"]:checked) .page-columns > :nth-child(2),body:has(.navigation-input[value="2"]:checked) .page-columns > :nth-child(3),body:has(.navigation-input[value="3"]:checked) .page-columns > :nth-child(4),body:has(.navigation-input[value="4"]:checked) .page-columns > :nth-child(5),body:has(.navigation-input[value="5"]:checked) .page-columns > :nth-child(6),body:has(.navigation-input[value="6"]:checked) .page-columns > :nth-child(7),body:has(.navigation-input[value="7"]:checked) .page-columns > :nth-child(8) {display: block;}.mobile-column-edge-indicator {--mobile-edge-top: calc(var(--navigation-height) + max(env(safe-area-inset-top, 0px), 0px));--mobile-edge-bottom: max(env(safe-area-inset-bottom, 0px), 0px);--pull-progress: 0;--mobile-caret-progress: max(0.08, min(1, var(--pull-progress)));--mobile-caret-color: var(--color-primary);--mobile-caret-glow-color: color-mix(in oklab, var(--color-primary) 28%, transparent);position: fixed;top: var(--mobile-edge-top);bottom: var(--mobile-edge-bottom);left: 0;right: 0;z-index: 95;pointer-events: none;opacity: 0;transition: opacity .12s linear;color: var(--mobile-caret-color);transition: opacity .12s linear, color .12s linear;}.mobile-column-edge-indicator::before {content: "";position: absolute;font-size: clamp(5rem, 18vw, 10rem);font-weight: 700;line-height: 1;color: inherit;text-shadow:0 0 18px var(--mobile-caret-glow-color),0 0 4px color-mix(in oklab, var(--color-background) 50%, transparent);opacity: calc(0.25 + (var(--mobile-caret-progress) * 0.7));}.mobile-column-edge-indicator.mobile-column-edge-indicator-prev::before {content: "‹";}.mobile-column-edge-indicator.mobile-column-edge-indicator-next::before {content: "›";}.mobile-column-edge-indicator-origin-side.mobile-column-edge-indicator-prev::before {left: 0.05rem;top: 50%;transform-origin: left center;transform: translateY(-50%) scale(var(--mobile-caret-progress));clip-path: inset(0 calc((1 - var(--mobile-caret-progress)) * 100%) 0 0);}.mobile-column-edge-indicator-origin-side.mobile-column-edge-indicator-next::before {right: 0.05rem;top: 50%;transform-origin: right center;transform: translateY(-50%) scale(var(--mobile-caret-progress));clip-path: inset(0 0 0 calc((1 - var(--mobile-caret-progress)) * 100%));}.mobile-column-edge-indicator-origin-top::before {left: 50%;top: 0.15rem;transform-origin: center top;transform: translateX(-50%) scale(var(--mobile-caret-progress));clip-path: inset(calc((1 - var(--mobile-caret-progress)) * 100%) 0 0 0);}.mobile-column-edge-indicator-origin-bottom::before {left: 50%;bottom: 0.15rem;transform-origin: center bottom;transform: translateX(-50%) scale(var(--mobile-caret-progress));clip-path: inset(0 0 calc((1 - var(--mobile-caret-progress)) * 100%) 0);}.mobile-column-edge-indicator-visible {opacity: 1;}.mobile-column-edge-indicator-ready {--mobile-caret-color: var(--color-negative);--mobile-caret-glow-color: color-mix(in oklab, var(--color-negative) 32%, transparent);}}@media (max-width: 1190px) and (display-mode: standalone) {:root { --safe-area-inset-bottom: env(safe-area-inset-bottom, 0); }.ios .body-content {height: calc(100dvh - var(--navigation-height) - var(--safe-area-inset-top));margin-top: calc(var(--navigation-height) + var(--safe-area-inset-top));}}@media (display-mode: standalone) {body { padding-top: 0; }}@media (max-width: 550px) {:root { font-size: 11.28px; --widget-gap: 20px; --widget-gap-inline: calc(var(--widget-gap) / 2); --page-column-gap: 10px; --masonry-column-gap: 10px; --widget-content-vertical-padding: 10px; --widget-content-horizontal-padding: 10px; --content-bounds-padding: 10px; }.dynamic-columns:not(:has(> :nth-child(2))) { --columns-per-row-max: 1; }.row-reverse-on-mobile { flex-direction: row-reverse; }.hide-on-mobile, .thumbnail-container:has(> .hide-on-mobile) { display: none; }.mobile-reachability-header { display: block; font-size: 3rem; padding: 10vh 1rem; text-align: center; color: var(--color-text-highlight); animation: pageColumnsEntrance .3s cubic-bezier(0.25, 1, 0.5, 1) backwards; }}@media (min-width: 601px) {.mobile-column-edge-indicator {display: none;}.page-column.page-column-hidden-dynamic {display: none;}}}