.note-page{background:radial-gradient(circle, #0c030e47 1px, transparent 1.3px) 0 0 / 6px 6px, var(--pink);--top-h:104px;min-height:100svh}.note-top{z-index:10;height:var(--top-h);padding:0 var(--m);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.note-top>*{pointer-events:auto}.note-page:has(.note.max){--top-h:72px}@media (width<=1460px){.note-page{--top-h:72px}}@media (width<=640px){.note-page{--top-h:66px}.note-top{padding:0 16px}.note-top .button.solid{min-height:42px;padding:0 14px;font-size:16px}}.note-page:has(.note.max),.note-page:has(.note.max) .note-top{background-attachment:fixed}.note-page:has(.note.max) .note-top{background:radial-gradient(circle, #0c030e47 1px, transparent 1.3px) 0 0 / 6px 6px, var(--pink);pointer-events:auto;background-attachment:fixed}.note{--dock:0px}.note .title-bar{top:calc(var(--dock) + 3px);z-index:5;position:sticky}.note .title-bar:before,.note .title-bar:after{content:"";pointer-events:none;position:absolute;left:-3px;right:-3px}.note .title-bar:before{background:var(--face);height:3px;box-shadow:inset -1px 0 var(--ink), inset 1px 1px var(--paper), inset -2px 0 var(--lo), inset 2px 2px var(--hi);bottom:100%}.note .title-bar:after{background:linear-gradient(var(--hi) 0 0) right 3px top 4px / 1px 2px no-repeat, linear-gradient(var(--paper) 0 0) right 4px top 5px / 1px 1px no-repeat, linear-gradient(var(--lo) 0 0) left 3px top 5px / 1px 1px no-repeat, linear-gradient(var(--lo) 0 0) left 3px top 4px / calc(100% - 6px) 1px no-repeat, linear-gradient(var(--ink) 0 0) left 3px top 5px / calc(100% - 6px) 1px no-repeat, var(--face);height:6px;box-shadow:inset -1px 0 var(--ink), inset 1px 0 var(--paper), inset -2px 0 var(--lo), inset 2px 0 var(--hi);top:100%}.note-page:has(.note.max) .note{--dock:var(--top-h)}@media (width<=1460px){.note-page,.note-top{background-attachment:fixed}.note-top{background:radial-gradient(circle, #0c030e47 1px, transparent 1.3px) 0 0 / 6px 6px, var(--pink);pointer-events:auto;background-attachment:fixed}.note{--dock:var(--top-h)}}@media (hover:hover){.note-top .button.solid:hover{background:var(--plum);color:var(--paper)}}.note-desk{padding:24px var(--m) 96px}.note{background:var(--face);width:min(980px,100%);box-shadow:var(--raised);border:0;margin:0 auto;padding:3px}.note.max{width:100%}.note-text{box-shadow:var(--sunken);background:#fff;margin:4px 0;padding:clamp(20px,4vw,44px) clamp(18px,4vw,52px);font-size:22px;line-height:1.3}.note-kicker{color:var(--pink-text);text-transform:uppercase;font-size:18px}.note-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;display:flex}.note-credit{--cell:1;--mark:52px;justify-items:start;gap:10px;padding:12px 18px 16px;text-decoration:none;display:grid}.note-credit .phosphor-label{font-size:16px}.note-credit:focus-visible{--glow-now:var(--glow-hot)}@media (hover:hover){.note-credit:hover{--glow-now:var(--glow-hot)}}.note-text h1{font-family:var(--sans);letter-spacing:-.04em;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:.95}.note-lead{max-width:60ch;font-family:var(--sans);margin-top:24px;font-size:19px;line-height:1.5}.note-judged{max-width:60ch;font-family:var(--sans);margin-top:16px;font-size:17px;line-height:1.45}.note-judged a{color:var(--ink);text-underline-offset:3px;text-decoration:underline 1.5px;transition:color .16s}@media (hover:hover){.note-judged a:hover{color:var(--hot)}}.note-intro{max-width:60ch;color:var(--soft);font-family:var(--sans);margin-top:12px;font-size:15px;line-height:1.45}.note-text h2{border-top:2px dashed var(--ink);font-family:var(--pixel);letter-spacing:0;text-transform:uppercase;margin-top:40px;padding-top:18px;font-size:22px;font-weight:400}.note-benches{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:16px;padding:0;list-style:none;display:grid}.note-benches a{color:var(--ink);text-underline-offset:4px;font-size:26px;text-decoration:underline 1.5px;transition:color .16s}@media (hover:hover){.note-benches a:hover{color:var(--hot)}}.note-benches .by{color:var(--pink-text);font-size:18px;display:block}.note-benches p{font-family:var(--sans);margin-top:8px;font-size:15px;line-height:1.45}.note-ideas{font-family:var(--sans);gap:10px;margin-top:16px;padding-left:22px;font-size:17px;line-height:1.45;list-style:none;display:grid}.note-ideas li{position:relative}.note-ideas li:before{content:"";clip-path:polygon(3px 0,9px 0,9px 3px,12px 3px,12px 9px,9px 9px,9px 12px,3px 12px,3px 9px,0 9px,0 3px,3px 3px);background:currentColor;width:12px;height:12px;position:absolute;top:calc(.725em - 6px);left:-22px}.note-ideas a{color:var(--ink);text-underline-offset:3px;text-decoration:underline 1.5px;transition:color .16s}@media (hover:hover){.note-ideas a:hover{color:var(--hot)}}.note-nav{justify-content:space-between;gap:12px;padding:6px;font-size:19px;display:flex}.note-nav a{background:var(--face);min-height:40px;box-shadow:var(--raised);color:var(--ink);align-items:center;gap:10px;padding:2px 14px 0;text-decoration:none;transition:color .16s;display:inline-flex}@media (hover:hover){.note-nav a:hover{color:var(--hot)}}.note-nav a:active{box-shadow:var(--pressed)}@media (width<=760px){.note-benches{grid-template-columns:minmax(0,1fr)}}