.notes,.note-page{--notes-read:100%;--notes-wide:960px;--notes-frame:16 / 10;--notes-inset:4cqw;--notes-progress:2px;--notes-line:.25;--notes-quiet:.5;--notes-copy-room:calc(var(--spacing-2) + var(--spacing-8));--notes-date:var(--spacing-40);--notes-thumb:72px;--notes-tags:320px;--notes-arrow:var(--spacing-10);--notes-dot:6px;--notes-hover:.15s;--notes-reach:var(--spacing-1);--notes-bleed:var(--spacing-4);--notes-tick:var(--spacing-16);--notes-launch:var(--spacing-20);--notes-dim:.35;--notes-preview:.7;--notes-swap:.15s;--notes-fade:.15s}@media (min-width:1024px){.notes,.note-page{--notes-read:680px;--notes-thumb:var(--spacing-24)}}.notes-page{padding-block-start:calc(var(--spacing-3) + (var(--spacing-control) + 2 * var(--spacing-1)) + var(--spacing-section-m))}.notes-month .notes-list{margin-block-start:var(--spacing-section-s)}@media (prefers-reduced-motion:reduce){.notes,.note-page{--notes-swap:0s;--notes-fade:0s;--notes-hover:0s}}.notes-ruler{--notes-n:var(--notes-n-sm);border-radius:var(--radius-xs);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin-block-start:var(--spacing-section-s);position:relative}@media (min-width:1024px){.notes-ruler{--notes-n:var(--notes-n-lg)}}.notes-ruler-labels{height:1lh;color:var(--color-tertiary);position:relative}.notes-ruler-label{top:0;left:calc(var(--notes-first-sm) / (var(--notes-n) - 1) * (100% - 1px));white-space:nowrap;transition:color var(--notes-fade) var(--ease-out-expo);position:absolute}@media (min-width:1024px){.notes-ruler-label{left:calc(var(--notes-first-lg) / (var(--notes-n) - 1) * (100% - 1px))}}.notes-ruler-label[data-on]{color:var(--color-ink)}.notes-ruler-label[data-dropped]{visibility:hidden}.notes-ruler-ticks{height:var(--notes-launch);margin-block-start:var(--spacing-2);position:relative}.notes-ruler-tick{top:0;left:calc(var(--notes-i) / (var(--notes-n) - 1) * (100% - 1px));width:1px;height:var(--notes-tick);background:var(--color-divider);transition:opacity var(--notes-fade) var(--ease-out-expo);position:absolute}.notes-ruler-tick[data-set=lg]{display:none}@media (min-width:1024px){.notes-ruler-tick[data-set=lg]{display:block}.notes-ruler-tick[data-set=sm]{display:none}}.notes-ruler-tick[data-launch]{height:var(--notes-launch)}.notes-ruler-tick[data-entry]{background:var(--color-ink);opacity:var(--notes-dim)}.notes-ruler-tick[data-entry][data-on]{opacity:1}@media (hover:hover){.notes-ruler-tick[data-entry][data-preview]:not([data-on]){opacity:var(--notes-preview)}}.notes-swap{transition:height var(--duration-spring-soft) var(--ease-spring-soft);margin-block-start:var(--spacing-8);display:grid}.notes-swap[data-moving]{overflow:clip}.notes-view{min-width:0;transition:opacity var(--notes-swap) var(--ease-out-expo);grid-area:1/1;align-self:start}@starting-style{.notes-view[data-swap]{opacity:0}}.notes-view[data-leaving]{opacity:0;pointer-events:none}.notes-list{margin:0;padding:0;list-style:none}.notes-empty{max-width:var(--container-measure);margin:0}.notes-every{margin-block-start:var(--spacing-section-m)}.notes-year+.notes-year{margin-block-start:var(--spacing-16)}.notes-year-heading{margin:0 0 var(--spacing-4);text-transform:uppercase}.notes-filter{gap:var(--spacing-2);touch-action:manipulation;flex-wrap:wrap;display:flex}.notes-pill{--notes-pill-fill:var(--color-white);--notes-pill-text:var(--color-secondary);height:var(--spacing-control-small);padding-inline:var(--spacing-4);border-radius:var(--radius-full);background:var(--notes-pill-fill);box-shadow:var(--shadow-rest);color:var(--notes-pill-text);font-family:var(--font-body);font-feature-settings:var(--font-body--font-feature-settings);font-size:var(--text-body-s);line-height:var(--text-body-s--line-height);letter-spacing:var(--text-body-s--letter-spacing);font-weight:var(--font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--notes-hover) var(--ease-in-out-quart), color var(--notes-hover) var(--ease-in-out-quart), box-shadow var(--duration-fast) var(--ease-out-expo), transform var(--duration-spring-default) var(--ease-spring-default);border:0;flex:none;align-items:center;display:inline-flex;position:relative}.notes-pill:after{content:"";inset-inline:0;inset-block:calc((var(--spacing-control-small) - var(--spacing-touch)) / 2);position:absolute}.notes-pill[data-on]{--notes-pill-fill:var(--color-ink);--notes-pill-text:var(--color-white)}@media (hover:hover){.notes-pill:not([data-on]):hover{--notes-pill-text:var(--color-ink);box-shadow:var(--shadow-raised)}}.notes-pill:active{background:var(--notes-pill-fill)}@supports (color:color-mix(in lab, red, red)){.notes-pill:active{background:color-mix(in oklab, var(--notes-pill-fill), var(--notes-pill-text) var(--press-mix))}}.notes-pill:active{transform:scale(var(--press-scale)) translateY(var(--press-shift));transition:background-color var(--duration-instant) var(--ease-out-expo), transform var(--duration-instant) var(--ease-out-expo)}.notes-entry{grid-template-columns:var(--notes-thumb) minmax(0, 1fr) auto;column-gap:var(--spacing-4);border-top:1px solid var(--color-divider);display:grid}@media (min-width:1024px){.notes-entry{grid-template-columns:var(--notes-date) var(--notes-thumb) minmax(0, 1fr) calc(var(--notes-tags) - var(--notes-arrow)) var(--notes-arrow);column-gap:0}}.notes-line{grid-column:1/-1;grid-template-columns:subgrid;isolation:isolate;min-height:var(--spacing-touch);padding-block:var(--spacing-4);border-radius:var(--radius-md);color:var(--color-ink);-webkit-tap-highlight-color:transparent;transition:transform var(--duration-spring-default) var(--ease-spring-default);align-items:start;text-decoration:none;display:grid;position:relative}@media (min-width:1024px){.notes-line{padding-block:var(--spacing-5);align-items:center}}.notes-line:before{content:"";z-index:var(--z-index-ground);inset-block:0;inset-inline:calc(-1 * var(--notes-bleed));border-radius:var(--radius-md);transition:background-color var(--notes-hover) var(--ease-out-expo);background-color:#0000;position:absolute}.notes-line:active{transform:scale(var(--press-scale)) translateY(var(--press-shift));transition:transform var(--duration-instant) var(--ease-out-expo)}.notes-line:focus-visible{outline:none}.notes-preview{width:var(--notes-thumb);aspect-ratio:var(--notes-frame);grid-area:1/1/span 3;display:block}@media (min-width:1024px){.notes-preview{grid-area:1/2}}.notes-preview .notes-frame{background:var(--color-divider)}.notes-date{text-transform:uppercase;transition:color var(--notes-hover) var(--ease-out-expo);grid-area:1/2;display:block}@media (min-width:1024px){.notes-date{grid-column:1}}.notes-title{min-width:0;margin:var(--spacing-1) 0 0;grid-area:2/2/auto/-1}@media (min-width:1024px){.notes-title{padding-inline:var(--spacing-6);grid-area:1/3;margin:0}}.notes-entry .notes-tag{grid-area:3/2;margin-block-start:var(--spacing-2)}@media (min-width:1024px){.notes-entry .notes-tag{grid-area:1/4;margin-block-start:0}}.notes-tag{align-items:center;gap:var(--spacing-2);white-space:nowrap;transition:color var(--notes-hover) var(--ease-out-expo);display:flex}.notes-tag:before{content:"";width:var(--notes-dot);height:var(--notes-dot);background:var(--color-ink);border-radius:50%;flex:none}.notes-arrow{width:var(--spacing-4);height:var(--spacing-4);color:var(--color-tertiary);transition:color var(--notes-hover) var(--ease-out-expo), transform var(--duration-spring-default) var(--ease-spring-default);grid-area:1/3;justify-self:end;place-items:center;margin-block-start:calc((var(--text-mono-s--line-height) * var(--text-mono-s) - var(--spacing-4)) / 2);display:grid}@media (min-width:1024px){.notes-arrow{grid-column:5;justify-self:center;margin-block-start:0}}@media (hover:hover){.notes-line:hover:before{background-color:var(--color-surface)}.notes-line:hover .notes-date{color:var(--color-secondary)}.notes-line:hover .notes-tag{color:var(--color-ink)}.notes-line:hover .notes-arrow{color:var(--color-ink);transform:translateX(var(--notes-reach))}}:where(html:not([data-input-modality=pointer])) .notes-line:focus-visible:before{background-color:var(--color-surface);outline:var(--focus-ring);outline-offset:var(--focus-offset)}.notes-copy{z-index:var(--z-index-base);width:var(--spacing-8);height:var(--spacing-8);margin-inline:var(--spacing-2) calc(-1 * var(--notes-copy-room));border-radius:var(--radius-sm);color:var(--color-tertiary);vertical-align:middle;cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;transition:opacity var(--notes-hover) var(--ease-out-expo), color var(--notes-hover) var(--ease-out-expo), transform var(--duration-spring-default) var(--ease-spring-default);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:relative}.note-headline{padding-inline-end:var(--notes-copy-room)}.notes-copy:after{content:"";inset:calc((var(--spacing-8) - var(--spacing-touch)) / 2);position:absolute}.notes-copy-icon{display:grid}.notes-copy-word{color:var(--color-ink);font-family:var(--font-body);white-space:nowrap;transition:opacity var(--notes-hover) var(--ease-out-expo);display:none;position:absolute;inset-block-start:50%;inset-inline-start:100%;translate:0 -50%}@starting-style{.notes-copy-word{opacity:0}}.notes-copy[data-under] .notes-copy-word{inset-block-start:100%;inset-inline:auto 0;translate:none}.notes-copy[data-copied]{color:var(--color-ink)}.notes-copy[data-copied] .notes-copy-word{display:block}.note-headline:focus-within .notes-copy,.notes-copy[data-copied]{opacity:1}@media (hover:hover){.note-headline:hover .notes-copy{opacity:1}.notes-copy:hover{color:var(--color-ink)}}@media (hover:none){.notes-copy:not([data-copied]){opacity:var(--notes-quiet)}}.notes-copy:active{transform:scale(var(--press-scale)) translateY(var(--press-shift));transition:transform var(--duration-instant) var(--ease-out-expo)}.notes-frame{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;color:inherit;font:inherit;aspect-ratio:var(--notes-frame);border:0;place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:clip;container-type:size}.notes-frame-media{width:min(100cqw - 2 * var(--notes-inset), (100cqh - 2 * var(--notes-inset)) * var(--notes-ratio));border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);aspect-ratio:var(--notes-ratio);display:block;position:relative;overflow:clip}.notes-frame-still{width:100%;height:100%;display:block}.notes-frame-film{opacity:0;width:100%;height:100%;position:absolute;inset:0}.notes-frame-film[data-started]{opacity:1}.notes-frame[data-control]{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-spring-default) var(--ease-spring-default)}.notes-frame[data-control]:active{transform:scale(var(--press-scale)) translateY(var(--press-shift));transition:transform var(--duration-instant) var(--ease-out-expo)}.notes-frame-glyph{width:var(--spacing-control-small);height:var(--spacing-control-small);border-radius:var(--radius-full);background:var(--color-white);box-shadow:var(--shadow-raised);color:var(--color-ink);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out-expo);place-items:center;margin:auto;display:grid;position:absolute;inset:0}.notes-frame[data-paused] .notes-frame-glyph{opacity:1}.notes-frame-progress{height:var(--notes-progress);position:absolute;inset-block-end:0;inset-inline:0}.notes-frame-bar{background:var(--color-ink);height:100%;opacity:var(--notes-line);transform-origin:0;display:block;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.notes-line:active,.notes-pill:active,.notes-copy:active,.notes-frame[data-control]:active{transform:none}}.note-page{overflow-x:clip}.note-page>*{max-width:var(--notes-read);margin-inline:auto}.note-page>.notes-frame{max-width:var(--notes-wide);margin-block-start:var(--spacing-stack-after)}.note-date{text-transform:uppercase;display:block}.note-headline{color:var(--color-ink)}.note-date+.note-headline{margin-block-start:var(--spacing-3)}.note-title{margin:0;display:inline}.note-standfirst{margin-block-start:var(--spacing-4)}.note-meta{align-items:baseline;column-gap:var(--spacing-4);row-gap:var(--spacing-1);flex-wrap:wrap;margin-block-start:var(--spacing-6);display:flex}.note-tags{column-gap:var(--spacing-4);row-gap:var(--spacing-1);flex-wrap:wrap;margin-block-start:var(--spacing-4);display:flex}.note-meta .note-tags{margin-block-start:0}.note-body{margin-block-start:var(--spacing-stack-after)}.note-body>*+*{margin-block-start:var(--spacing-stack-paragraph)}.note-body :is(h2,h3){font-size:var(--text-heading);line-height:var(--text-heading--line-height);letter-spacing:var(--text-heading--letter-spacing);font-weight:var(--font-weight-medium);color:var(--color-ink)}.note-body>:is(h2,h3)+*{margin-block-start:var(--spacing-stack-heading)}.note-body>*+:is(h2,h3){margin-block-start:var(--spacing-stack-after)}.note-body>.note-subhead+*,.note-body>*+.note-subhead{margin-block-start:var(--spacing-stack-paragraph)}.note-body ul,.note-body ol{padding-inline-start:var(--spacing-5)}.note-body ul{list-style:outside}.note-body ol{list-style:decimal}.note-body li+li{margin-block-start:var(--spacing-1)}.note-around{border-top:1px solid var(--color-divider);margin-block-start:var(--spacing-12);padding-block-start:var(--spacing-2);display:grid}@media (min-width:768px){.note-around{column-gap:var(--spacing-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.note-around-way{isolation:isolate;gap:var(--spacing-1);padding-block:var(--spacing-3);border-radius:var(--radius-md);color:var(--color-ink);-webkit-tap-highlight-color:transparent;transition:transform var(--duration-spring-default) var(--ease-spring-default);flex-direction:column;text-decoration:none;display:flex;position:relative}@media (min-width:768px){.note-around-way[rel=next]{text-align:end;grid-column:2;align-items:flex-end}}.note-around-way:before{content:"";z-index:var(--z-index-ground);inset-block:0;inset-inline:calc(-1 * var(--notes-bleed));border-radius:var(--radius-md);transition:background-color var(--notes-hover) var(--ease-out-expo);background-color:#0000;position:absolute}.note-around-date{align-items:center;gap:var(--spacing-2);text-transform:uppercase;transition:color var(--notes-hover) var(--ease-out-expo);display:inline-flex}.note-around-title{display:block}.note-around-way:focus-visible{outline:none}@media (hover:hover){.note-around-way:hover:before{background-color:var(--color-surface)}.note-around-way:hover .note-around-date{color:var(--color-secondary)}}:where(html:not([data-input-modality=pointer])) .note-around-way:focus-visible:before{background-color:var(--color-surface);outline:var(--focus-ring);outline-offset:var(--focus-offset)}.note-around-way:active{transform:scale(var(--press-scale)) translateY(var(--press-shift));transition:transform var(--duration-instant) var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){.note-around-way:active{transform:none}}.note-actions{gap:var(--spacing-3);flex-wrap:wrap;margin-block-start:var(--spacing-8);display:flex}@media not all and (min-width:768px){.note-actions .button{padding-inline:var(--spacing-4)}}::view-transition-group(.note-morph){animation-duration:var(--duration-spring-default);animation-timing-function:var(--ease-spring-default)}::view-transition-image-pair(.note-morph){animation-duration:var(--duration-spring-default)}::view-transition-old(.note-morph){animation-duration:var(--duration-spring-default);animation-timing-function:var(--ease-out-expo)}::view-transition-new(.note-morph){animation-duration:var(--duration-spring-default);animation-timing-function:var(--ease-out-expo)}::view-transition-old(root){animation-duration:var(--duration-fast);animation-timing-function:var(--ease-out-expo)}::view-transition-new(root){animation-duration:var(--duration-fast);animation-timing-function:var(--ease-out-expo)}::view-transition{pointer-events:none}