.notes-page,.note-detail-page{min-height:100vh;background:#000}.notes-page .notes-index__header,.note-detail-page .note-article__header{position:static;z-index:auto;top:auto;left:auto;padding-right:0;padding-left:0}.notes-page>header .content__wrapper .logo .logo__text,.notes-page header .available a{color:#fff}.notes-page header .available a{border-color:#fff}.notes-page footer{border-color:#000;background:#131313}.notes-page footer .content__wrapper ul li{color:#fff}.notes-index{min-height:calc(100vh - 118px);margin:0;padding:clamp(150px,18vw,240px) 0 clamp(80px,10vw,140px);border:5px solid #000;border-bottom:0;border-radius:35px 35px 0 0;background:#131313;color:#bbb}.notes-index__header{display:grid;gap:8px;align-items:start;max-width:520px;margin-bottom:clamp(42px,6vw,78px);padding:0}.note-article__meta,.notes-list__number,.notes-list__meta,.note-block--footnote>span,.note-block--code figcaption,.note-block--media figcaption,.note-block--gallery figcaption,.note-block--embed figcaption{font-family:IBM Plex Mono,monospace;font-size:1.2rem;font-weight:500;line-height:1.35;text-transform:uppercase}.notes-index__header h1{margin:0;color:#fff;font-size:2rem;font-weight:500;line-height:1.15;text-transform:uppercase}.notes-index__header p{max-width:520px;margin:0;color:#8b8b8b;font-size:1.4rem;line-height:1.45}.notes-index__empty{margin:0;padding:30px 0;border-top:1px solid #353535;border-bottom:1px solid #353535;font-size:2rem}.notes-list{width:100%;margin:0;padding:0;border:2px solid rgba(16,16,16,.5);border-radius:30px;background-color:#10101080;backdrop-filter:blur(5px);list-style:none}.notes-list__item{margin:0}.notes-list__link{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(180px,.34fr) 24px;gap:20px;align-items:center;min-height:92px;padding:20px;border:2px solid rgba(16,16,16,.5);border-radius:30px;background:#000;color:#bbb;transition:background-color .3s ease,border-color .3s ease,color .3s ease,opacity .3s ease,padding .3s ease}.notes-list__number{color:#777}.notes-list__content{min-width:0}.notes-list__title{margin:0 0 4px;color:#fff;font-size:clamp(2rem,2.5vw,3.2rem);font-weight:400;line-height:1.08}.notes-list__content p{max-width:720px;margin:0;color:#888;font-size:1.35rem;line-height:1.35;transition:color .28s ease}.notes-list__meta{display:grid;gap:8px;color:#777}.notes-list__arrow{display:flex;justify-content:flex-end;opacity:.35}.notes-list__arrow svg{display:block;width:14px;color:#bbb;transform:translate3d(0,8px,0);transition:opacity .28s ease,transform .28s ease}.notes-list__link:focus-visible{outline:2px solid #fff;outline-offset:-4px}@media(hover:hover)and (pointer:fine){.notes-list:has(.notes-list__link:hover) .notes-list__link:not(:hover){opacity:.3}.notes-list__link:hover{padding-top:24px;padding-bottom:24px;border-color:#ffffff09;background:#030303;color:#fff}.notes-list__link:hover .notes-list__content p{color:#bbb}.notes-list__link:hover .notes-list__arrow{opacity:1}.notes-list__link:hover .notes-list__arrow svg{transform:translateZ(0)}}.note-article{padding:20px 20px 0;background:#000}.note-article__frame{--color-card: #f1f1f1;overflow:hidden;border:5px solid #101010;border-bottom:0;border-radius:35px 35px 0 0;background:#fff;color:#101010}.note-article__header{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1.55fr);gap:28px 48px;width:min(100%,1600px);margin:0 auto;padding:20px 40px clamp(80px,10vw,150px)}.note-article__return{grid-column:1;width:200px;height:76px;padding:0 20px;border:0;border-radius:30px;background:var(--color-card);color:#101010;font-size:3.2rem;text-decoration:none}.note-article__return:focus-visible,.note-article__return:hover{background:var(--color-card);color:#101010;outline:none}.note-article__meta{display:flex;flex-wrap:wrap;grid-column:2;gap:10px 24px;align-items:center;color:#666}.note-article__draft{padding:5px 9px;border:1px solid #101010;border-radius:30px;color:#101010}.note-article__header h1{grid-column:2;max-width:1100px;margin:clamp(30px,6vw,90px) 0 0;font-size:clamp(5.4rem,9vw,13rem);font-weight:400;line-height:.88;text-wrap:balance}.note-article__header>p{grid-column:2;max-width:820px;margin:0;font-size:clamp(2rem,2.2vw,3.2rem);line-height:1.3}.note-article__cover{grid-column:1 / -1;margin:clamp(50px,7vw,100px) 0 0;overflow:hidden;border-radius:24px;background:#e9e9e9;aspect-ratio:16 / 9}.note-article__cover img{display:block;width:100%;height:100%;object-fit:cover}.note-content{--note-reading-width: 760px;--note-wide-width: 1320px;display:flow-root;padding-bottom:clamp(100px,12vw,180px)}.note-block{width:min(calc(100% - 40px),var(--note-reading-width));margin:0 auto}.note-block--wide{width:min(calc(100% - 80px),var(--note-wide-width))}.note-block--paragraph,.note-block--list,.note-block--callout,.note-block--footnote{font-size:clamp(1.8rem,1.5vw,2.2rem);line-height:1.65}.note-block--paragraph{margin-top:0;margin-bottom:28px}.note-block--paragraph strong,.note-block--list strong{font-weight:600}.note-block--paragraph em,.note-block--list em{font-size:1.08em}.note-block--paragraph code,.note-block--callout code{padding:.12em .3em;background:#ededed;font-family:IBM Plex Mono,monospace;font-size:.82em}.note-block--heading{margin-top:clamp(70px,8vw,120px);margin-bottom:30px;font-size:clamp(3.4rem,4.5vw,6.8rem);font-weight:400;line-height:1;text-wrap:balance}h3.note-block--heading{margin-top:60px;font-size:clamp(2.6rem,3vw,4rem)}.note-block--media,.note-block--gallery,.note-block--columns,.note-block--quote,.note-block--code,.note-block--embed{margin-top:clamp(60px,8vw,110px);margin-bottom:clamp(60px,8vw,110px)}.note-block--media picture,.note-block--media img,.note-block--media video,.note-block--gallery picture,.note-block--gallery img{display:block;width:100%}.note-block--media picture,.note-block--media video,.note-block--gallery figure{overflow:hidden;border-radius:24px;background:#e9e9e9}.note-block--media img,.note-block--gallery img{height:auto}.note-block--media figcaption,.note-block--gallery figcaption,.note-block--embed figcaption,.note-block--code figcaption{margin-top:12px;color:#696969;text-transform:none}.note-block--gallery{display:grid;grid-template-columns:repeat(var(--note-gallery-columns),minmax(0,1fr));gap:20px}.note-block--gallery figure{margin:0}.note-block--gallery figcaption{padding:0 4px 12px}.note-block--columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,100px);padding:clamp(30px,5vw,70px) 0;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf}.note-block__column h3{margin:0 0 24px;font-size:clamp(2.4rem,3vw,4rem);font-weight:400;line-height:1.05}.note-block__column p,.note-block__column li{margin:0 0 14px;font-size:1.8rem;line-height:1.55}.note-block__column ul{margin-top:24px}.note-block__column li{position:relative;padding-left:18px}.note-block__column li:before{content:"•";position:absolute;left:0}.note-block--quote .block-quote{padding:0}.note-block--quote .block-quote__inner{border-radius:24px}.note-block--callout{margin-top:50px;margin-bottom:50px;padding:28px;border:1px solid #101010;border-radius:24px}.note-block--callout h3{margin:0 0 16px;font-family:IBM Plex Mono,monospace;font-size:1.3rem;font-weight:500;text-transform:uppercase}.note-block--callout p{margin:0}.note-block--code pre{max-width:100%;margin:0;padding:clamp(24px,4vw,48px);overflow:auto;border-radius:24px;background:#101010;color:#dedede;font:1.5rem/1.65 IBM Plex Mono,monospace;tab-size:2}.note-block--code pre:focus-visible{outline:2px solid #777;outline-offset:3px}.note-block--embed iframe{display:block;width:100%;border:0;border-radius:24px;background:#e9e9e9;aspect-ratio:var(--note-embed-ratio)}.note-block--divider{height:1px;margin-top:70px;margin-bottom:70px;border:0;background:#cfcfcf}.note-block--list{margin-top:30px;margin-bottom:40px;padding-left:1.3em;list-style:disc}.note-block--numbered{list-style:decimal-leading-zero}.note-block--list li{margin-bottom:12px;padding-left:8px}.note-block--footnote{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;margin-top:60px;padding-top:20px;border-top:1px solid #cfcfcf;color:#555;font-size:1.4rem}.note-block--footnote p{margin:0}.note-block--footnote a{color:#101010;text-decoration:underline;text-underline-offset:.18em}.related-notes{width:min(calc(100% - 80px),1320px);margin:0 auto;padding:clamp(80px,10vw,140px) 0;border-top:2px solid #101010}.related-notes__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.related-notes__header h2{margin:0;font-size:clamp(3rem,4vw,5.4rem);font-weight:400}.related-notes__header>span{padding:6px 10px;border-radius:30px;background:#101010;color:#fff;font-family:IBM Plex Mono,monospace;font-size:1.2rem}.related-notes .notes-list__item{border-color:#cfcfcf}.related-notes .notes-list__link,.related-notes .notes-list__title{color:#101010}.related-notes .notes-list__content p,.related-notes .notes-list__meta,.related-notes .notes-list__number{color:#666}@media(hover:hover)and (pointer:fine){.related-notes .notes-list__link:hover{background:#f1f1f1}}.note-detail-page footer{border-color:#000;background:#fff}@media(max-width:800px){.notes-index__header{grid-template-columns:1fr}.notes-index__header h1,.notes-index__header p{grid-column:1}.notes-index__header p{max-width:640px}.notes-list__link{grid-template-columns:40px minmax(0,1fr) 20px;min-height:108px;gap:16px}.notes-list__meta{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:8px 18px}.notes-list__arrow{grid-column:3;grid-row:1 / span 2}.note-article__header{grid-template-columns:1fr;padding-right:30px;padding-left:30px}.note-article__return,.note-article__meta,.note-article__header h1,.note-article__header>p{grid-column:1}.note-article__header h1{margin-top:30px}.note-block--columns{grid-template-columns:1fr}}@media(max-width:600px){.notes-index{min-height:calc(100vh - 124px);padding-top:100px}.notes-index__header{margin-bottom:54px}.notes-list__link{min-height:0;padding:18px 12px}.notes-list__title{font-size:2rem}.notes-list__content p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-article{padding:10px 10px 0}.note-article__header{gap:20px;padding:10px 16px 70px}.note-article__return{width:140px;height:56px;font-size:2rem}.note-article__header h1{font-size:clamp(4.6rem,15vw,7rem)}.note-article__cover{margin-top:32px;border-radius:18px}.note-block,.note-block--wide,.related-notes{width:calc(100% - 32px)}.note-block--gallery{grid-template-columns:1fr}.note-block--media picture,.note-block--media video,.note-block--gallery figure,.note-block--code pre,.note-block--embed iframe,.note-block--quote .block-quote__inner{border-radius:18px}.related-notes .notes-list__content p{display:none}}