@layer components{:root{--island-surface:#ffffffeb;--island-border:#102a431a;--island-shadow:0 24px 60px -28px #102a4373;--island-tool-hover:#102a4312;--island-icon:1.375rem}:root[data-theme=dark]{--island-surface:#131f2eeb;--island-border:#ffffff24;--island-shadow:0 24px 60px -28px #000000b3;--island-tool-hover:#ffffff1f}.page-shell{overflow:clip visible}.island-header{z-index:60;width:100%;padding:2rem 1.25rem 0;position:sticky;top:0}@media (width>=40rem){.island-header{padding-inline:2rem}}@media (width>=64rem){.island-header{padding-inline:3rem}}.island-bar{z-index:2;border:1px solid var(--island-border);background:var(--island-surface);max-width:77.5rem;box-shadow:var(--island-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:2.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin:0 auto;padding:.5rem .75rem .5rem 1.25rem;display:flex;position:relative}.island-brand .brand-logo{height:2.25rem}.island-nav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.island-nav-link{min-height:2.5rem;color:var(--page-heading);border-radius:1.5rem;align-items:center;padding:.35rem .9rem;font-size:.92rem;font-weight:500;display:inline-flex}.island-nav-link:hover{background:var(--island-tool-hover)}.island-nav-link[data-active=true]{background:var(--brand);color:var(--brand-ink)}.island-tools{align-items:center;gap:.15rem;display:flex}.island-tool{width:2.5rem;height:2.5rem;color:var(--page-heading);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.island-tool:hover{background:var(--island-tool-hover)}.island-tool-icon{height:var(--island-icon);width:var(--island-icon)}.island-tools .lang-current,.island-tools .theme-switch,.island-tools .a11y-toggle{height:2.5rem;box-shadow:none;background:0 0;border-color:#0000}.island-tools .a11y-toggle{width:2.5rem}.island-tools .a11y-toggle-icon,.island-tools .theme-icon{height:var(--island-icon);width:var(--island-icon)}.island-tools .lang-current:hover,.island-tools .a11y-toggle:hover{background:var(--island-tool-hover);border-color:#0000}.island-tools .theme-switch{gap:0;padding:0}.island-tools .theme-option{width:2.25rem;height:2.25rem}@media (width>=40rem){.island-bar{max-width:76rem}}@media (width>=64rem){.island-bar{max-width:74rem}}.island-menu{display:contents}.island-burger,.island-menu-close,.island-menu-backdrop[hidden]{display:none}@media (width<60rem){.island-bar{flex-wrap:nowrap;justify-content:space-between;padding-right:.5rem}.island-burger{width:2.75rem;height:2.75rem;color:var(--page-heading);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.island-burger:hover,.island-burger[aria-expanded=true]{background:var(--island-tool-hover)}.island-menu-backdrop{z-index:1;background:#00000073;position:fixed;inset:0}.island-menu{display:none}.island-menu[data-open=true]{border:1px solid var(--island-border);background:var(--page-mist);border-radius:1.75rem;flex-direction:column;gap:.5rem;max-height:calc(100dvh - 9rem);padding:4.5rem 1rem 1rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto;box-shadow:0 30px 70px -30px #0000008c}.island-menu[data-open=true] .island-nav{flex-direction:column;align-items:stretch;gap:.15rem}.island-menu[data-open=true] .island-nav-link{border-radius:1rem;min-height:3rem;padding-inline:1rem;font-size:1.05rem}.island-menu[data-open=true] .island-tools{border-top:1px solid var(--island-border);justify-content:space-between;gap:.25rem;margin-top:.5rem;padding-top:.75rem}.island-menu[data-open=true] .island-menu-close{z-index:2;border:1px solid var(--island-border);background:var(--page-mist);width:2.75rem;height:2.75rem;color:var(--page-heading);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.island-brand .brand-logo{height:2rem}}.share-menu{flex-shrink:0;position:relative}.share-menu-trigger{cursor:pointer;list-style:none}.share-menu-trigger::-webkit-details-marker{display:none}.share-menu[open] .share-menu-trigger{background:var(--island-tool-hover)}.share-menu-list{z-index:40;border:1px solid var(--page-line);background:#fffdf9fa;border-radius:1rem;flex-direction:column;gap:.25rem;width:12rem;margin:.5rem 0 0;padding:.5rem;list-style:none;display:flex;position:absolute;right:0;box-shadow:0 24px 60px -30px #102a4380}[data-theme=dark] .share-menu-list{background:#131f2efa;border-color:#ffffff1f}.share-menu-option{text-align:left;width:100%;min-height:2.75rem;color:var(--page-forest);border-radius:.75rem;align-items:center;gap:.65rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;display:flex}.share-menu-option:hover{background:#102a430f}[data-theme=dark] .share-menu-option:hover{background:#ffffff1a}.share-menu-icon{width:1.05rem;height:1.05rem;color:var(--page-muted);flex-shrink:0}.share-menu-option .share-copy-label{display:inline}html[data-a11y-contrast=high] .share-menu-list{background:var(--page-mist);border:2px solid var(--page-line);box-shadow:none}@media (width<60rem){.island-menu[data-open=true] .share-menu{position:static}.island-menu[data-open=true] .share-menu-list{width:auto;margin:0;bottom:4.25rem;left:1rem;right:1rem}.island-menu[data-open=true] .lang-switch{position:static}.island-menu[data-open=true] .lang-menu{width:auto;margin:0;bottom:4.25rem;left:1rem;right:1rem}}.search-backdrop{z-index:97;background:#00000073;position:fixed;inset:0}.search-backdrop[hidden],.search-dialog[hidden]{display:none}.search-dialog{z-index:98;border:1px solid var(--island-border);background:var(--page-mist);border-radius:1.75rem;flex-direction:column;gap:1.25rem;width:min(42rem,100vw - 2rem);padding:1.5rem;display:flex;position:fixed;top:12vh;left:50%;transform:translate(-50%);box-shadow:0 40px 90px -40px #0009}.search-dialog-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-dialog-title{font-family:var(--font-serif);color:var(--page-heading);font-size:1.35rem}.search-dialog-close{border:1px solid var(--island-border);width:2.75rem;height:2.75rem;color:var(--page-heading);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-dialog-close:hover{background:var(--island-tool-hover)}.search-dialog-form{flex-direction:column;gap:.75rem;display:flex}@media (width>=34rem){.search-dialog-form{flex-direction:row;align-items:center}}.search-dialog-field{border:1px solid var(--page-line);min-width:0;height:3.25rem;color:var(--page-muted);background:#ffffffbf;border-radius:999px;flex:1;align-items:center;gap:.75rem;padding:0 1rem;display:flex}[data-theme=dark] .search-dialog-field{background:#ffffff0f}.search-dialog-input{width:100%;min-width:0;color:var(--page-forest);background:0 0;border:0;font-size:1rem}.search-dialog-hint{color:var(--page-muted);font-size:.85rem;line-height:1.6}.island-intro{flex-direction:column;display:flex}.island-hero{max-width:62rem;padding-top:.7rem;padding-left:calc(1.25rem + 1px)}.island-hero-title{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--page-heading);text-wrap:balance;font-size:clamp(2.4rem,6.4vw,4.75rem);font-weight:300;line-height:1.04}@media (width>=30rem){.island-hero-title{-webkit-hyphens:manual;hyphens:manual}}.island-hero-lead{max-width:44rem;color:var(--page-muted);margin-top:1.25rem;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:300;line-height:1.8}.island-carousel{flex-direction:column;gap:.5rem;display:flex;position:relative}.island-carousel-controls{justify-content:flex-end;align-items:center;gap:.375rem;width:100%;display:flex}@media (width>=72rem){.island-carousel-controls{inset-inline:0;pointer-events:none;margin:0 auto .75rem;position:absolute;bottom:100%}.island-carousel-arrow{pointer-events:auto}}.island-carousel-arrow{border:1px solid var(--island-border);background:var(--island-surface);width:2.75rem;height:2.75rem;color:var(--page-heading);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 12px 30px -18px #102a4380}.island-carousel-arrow:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.island-slide[data-jumping=true]{transition:none}.island-carousel-track{touch-action:pan-y;height:clamp(26rem,44vw,32rem);margin:0;padding:0;list-style:none;transition:transform .3s cubic-bezier(.22,.61,.36,1);position:relative}.island-carousel-track[data-dragging=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.island-slide{width:min(30rem,82vw);height:100%;transition:transform .52s cubic-bezier(.22,.61,.36,1),opacity .38s;position:absolute;top:0;left:50%;transform:translate(-50%)}.island-slide[data-offset="0"]{z-index:4;opacity:1}.island-slide[data-offset="-1"]{z-index:3;opacity:.72;transform:translate(calc(-50% - 19rem))scale(.82)}.island-slide[data-offset="1"]{z-index:3;opacity:.72;transform:translate(calc(19rem - 50%))scale(.82)}.island-slide[data-offset="-2"]{z-index:2;opacity:.36;transform:translate(calc(-50% - 32rem))scale(.68)}.island-slide[data-offset="2"]{z-index:2;opacity:.36;transform:translate(calc(32rem - 50%))scale(.68)}.island-slide[data-visible=false]{z-index:1;opacity:0;transform:translate(-50%)scale(.5)}@media (width<64rem){.island-slide[data-offset="-1"]{transform:translate(calc(-50% - 13rem))scale(.8)}.island-slide[data-offset="1"]{transform:translate(calc(13rem - 50%))scale(.8)}.island-slide[data-offset="-2"],.island-slide[data-offset="2"]{opacity:0}}@media (width<40rem){.island-slide[data-offset="-1"]{opacity:.35;transform:translate(calc(-50% - 17rem))scale(.8)}.island-slide[data-offset="1"]{opacity:.35;transform:translate(calc(17rem - 50%))scale(.8)}}.island-card{border:1px solid var(--island-border);background:var(--page-mist);height:100%;box-shadow:var(--island-shadow);border-radius:1.75rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.island-card-media{flex:1;min-height:0;position:relative;overflow:hidden}.island-card-media .content-thumbnail{border-radius:0;height:100%}.island-card-media .content-thumbnail-image{object-fit:cover;object-position:center;width:100%;height:100%}.island-card-media .content-thumbnail{z-index:1;aspect-ratio:auto;background:0 0;width:100%;position:relative}.island-card-body{--island-card-body-height:11.5rem;z-index:2;min-height:var(--island-card-body-height);margin-top:calc(var(--island-card-body-height) / -2);flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.4rem;display:flex;position:relative}.island-card-body:before{content:"";z-index:-1;background:linear-gradient(to bottom, color-mix(in srgb, var(--page-mist) 0%, transparent) 0%, color-mix(in srgb, var(--page-mist) 55%, transparent) 20%, color-mix(in srgb, var(--page-mist) 92%, transparent) 38%, var(--page-mist) 50%, var(--page-mist) 100%);position:absolute;inset:0}.island-card--video .island-card-body{margin-top:calc(var(--island-card-body-height) / -2 - 1.5625rem);pointer-events:none}.island-card--video .island-card-body :is(a,button,.island-card-react){pointer-events:auto}.island-card--video .island-card-title{margin-top:2.5rem}.island-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.island-card-tags{align-items:center;gap:.4rem;display:inline-flex}.island-card-like{background:var(--page-mist);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;font-size:.95rem;line-height:1;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 10px -6px #0006}.island-card-like:hover{transform:scale(1.12);box-shadow:0 4px 14px -6px #00000080}.island-card-like:active{transform:scale(.92)}.island-card-like.is-pressed{animation:.32s island-like-pop}@keyframes island-like-pop{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}.island-card-react{display:inline-flex;position:relative}.island-card-palette{border:1px solid var(--island-border);background:var(--page-mist);opacity:0;transform-origin:bottom;pointer-events:none;z-index:4;border-radius:1rem;grid-template-columns:repeat(5,auto);gap:.1rem;margin-bottom:.4rem;padding:.35rem;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%,6px)scale(.96);box-shadow:0 14px 34px -14px #0000008c}.island-card-react:hover .island-card-palette,.island-card-react:focus-within .island-card-palette{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.island-card-react.is-dismissed .island-card-palette{opacity:0;pointer-events:none;transform:translate(-50%,6px)scale(.96)}.island-card-palette:after{content:"";height:.5rem;position:absolute;top:100%;left:0;right:0}.island-card-palette-emoji{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.1rem;line-height:1;transition:transform .12s,background .12s;display:inline-flex}.island-card-palette-emoji:hover{background:var(--island-tool-hover);transform:scale(1.28)}.island-card-palette-emoji.is-pressed{animation:.32s island-like-pop}.card-reactions{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:visible}.reaction-emoji{filter:drop-shadow(0 2px 6px #00000059);will-change:transform, opacity;-webkit-user-select:none;user-select:none;font-size:1.5rem;line-height:1;position:absolute;transform:translate(-50%,-50%)}.island-card-chip,.island-card-date{background:var(--page-mist);border-radius:999px;align-items:center;padding:.25rem .75rem;display:inline-flex;box-shadow:0 2px 10px -6px #0006}.island-card-chip{letter-spacing:.14em;text-transform:uppercase;color:var(--page-forest);font-size:.68rem;font-weight:600}.island-card-date{color:var(--page-muted);font-size:.78rem}.island-card-title{font-family:var(--font-serif);color:var(--page-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.45rem;line-height:1.2;display:-webkit-box;overflow:hidden}.island-card-summary{color:var(--page-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}html[data-a11y-contrast=high] .island-bar,html[data-a11y-contrast=high] .island-card,html[data-a11y-contrast=high] .search-dialog,html[data-a11y-contrast=high] .island-carousel-arrow,html[data-a11y-contrast=high] .search-dialog-field,html[data-a11y-contrast=high] .search-dialog-close{background:var(--page-mist);border:2px solid var(--page-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-a11y-contrast=high] .island-nav-link[data-active=true]{background:var(--page-forest);color:var(--page-ivory)}html[data-a11y-contrast=high] .island-card-chip,html[data-a11y-contrast=high] .island-card-date{background:var(--page-mist);border:2px solid var(--page-line);box-shadow:none}html[data-a11y-contrast=high] .island-card-body:before{background:var(--page-mist)}html[data-a11y-contrast=high] .island-card-media{display:none}html[data-a11y-contrast=high] .island-slide[data-state=aside]{opacity:0}}
