:root{--notes-bg:#fff;--notes-ink:#333;--notes-muted:#6b6b6b;--notes-heading:#2b3a67;--notes-link:#1f6aa5;--notes-line:#d4d4d4;--notes-card:#d6e6ec;--notes-folder:#a9c0ce;--notes-mono:ui-monospace, "Cascadia Code", Consolas, Menlo, monospace}.notes-page *,.note-preview *{box-sizing:border-box}.notes-page,.note-preview{background:var(--notes-bg);color:var(--notes-ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.75}.notes-page{margin:0}:is(.notes-page,.note-preview) a{color:var(--notes-link);text-underline-offset:.15em}.site-bar{border-top:1px solid var(--notes-line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 2rem;display:flex}.notes-page .site-name{color:var(--notes-ink);font-size:1.2rem;text-decoration:none}.site-bar nav{gap:1.25rem;display:flex}.notes-page .site-bar nav a{color:var(--notes-ink);font-size:.95rem;text-decoration:none}.notes-page .site-bar a:hover{text-decoration:underline}.notes-page main{max-width:700px;margin:3.5rem auto 0;padding:0 1rem}.site-footer{border-top:1px solid var(--notes-line);width:calc(100% - 2rem);max-width:calc(700px - 2rem);color:var(--notes-muted);margin:4rem auto 0;padding:1.25rem 0 2.5rem;font-size:.9rem}.notes-page .site-footer a{color:inherit}:is(.notes-page,.note-preview) :is(h1,h2,h3){color:var(--notes-heading);font-weight:300;line-height:1.15}:is(.notes-page,.note-preview) h1{margin:.4em 0 .5em;font-size:clamp(2.4rem,7vw,4rem)}:is(.notes-page,.note-preview) h2{margin:1.6em 0 .5em;font-size:clamp(1.8rem,5vw,2.6rem)}:is(.notes-page,.note-preview) h3{margin:1.5em 0 .4em;font-size:1.5rem;font-weight:400}:is(.notes-page,.note-preview) h4{margin:1.4em 0 .4em;font-size:1.05rem}:is(.notes-page,.note-preview) hr{border:0;border-top:1px solid var(--notes-line);margin:2rem 0}:is(.notes-page,.note-preview) small{color:var(--notes-muted)}.cards{margin:1.25rem 0;padding:0;list-style:none}.cards li{background:var(--notes-card);grid-template-columns:minmax(0,1fr) auto;gap:.15rem 1rem;margin:0 0 .75rem;padding:1rem 1.25rem;display:grid}.cards li>a{font-size:1.15rem}.card-label{color:var(--notes-muted);text-align:right;font-size:.85rem}.cards li>:is(.card-summary,.card-date){grid-column:1/-1}.notes-page .page-title{border-bottom:1px solid var(--notes-heading);margin-bottom:1.25rem;padding-bottom:.35rem}.notes-page .page-title a{color:var(--notes-muted);text-decoration:none}.notes-page .page-title a:hover{color:var(--notes-heading)}.squares{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:1.75rem 1.5rem;margin:2rem 0;padding:0;list-style:none;display:grid}.notes-page .square-link{color:var(--notes-ink);gap:.5rem;text-decoration:none;display:grid}.square{aspect-ratio:1;border:1px solid #0000;align-items:flex-end;padding:.6rem;transition:border-color .12s,transform .12s;display:flex}.square-note{background:var(--notes-card)}.square-folder{isolation:isolate;color:var(--notes-heading);position:relative}.square-folder:before{z-index:-1;background:var(--notes-folder);content:"";clip-path:polygon(0 0,40% 0,48% 11%,100% 11%,100% 100%,0 100%);transition:background-color .12s;position:absolute;inset:0}.notes-page .square-link:hover .square{transform:translateY(-2px)}.notes-page .square-link:hover .square-note{border-color:var(--notes-heading)}.notes-page .square-link:hover .square-folder:before{background:#93adbd}.square-name{overflow-wrap:anywhere;font-size:.95rem;line-height:1.3}.notes-page .square-link:hover .square-name{color:var(--notes-link);text-decoration:underline}:is(.notes-page,.note-preview) blockquote{border-left:3px solid var(--notes-line);color:var(--notes-muted);margin:1.5rem 0;padding:0 0 0 1rem}:is(.notes-page,.note-preview) blockquote.callout{color:var(--notes-ink);background:#f1f1f1;border:1px solid #c8c8c8;padding:1rem 1.25rem 1rem 3.25rem}:is(.notes-page,.note-preview) .callout>p{margin:.4em 0 0}:is(.notes-page,.note-preview) .callout>p:first-child{margin:0;position:relative}:is(.notes-page,.note-preview) .callout>p:first-child:before{background:var(--notes-ink);color:#fff;content:"i";border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font:700 .85rem/1 Georgia,serif;display:grid;position:absolute;top:.2em;left:-2.1rem}:is(.notes-page,.note-preview) blockquote.callout-tip{background:#dce8fb;border-color:#c3d5f3}:is(.notes-page,.note-preview) .callout-tip>p:first-child:before{background:#2f55a4}:is(.notes-page,.note-preview) blockquote.callout-warning{background:#fbf0d9;border-color:#e6cd95}:is(.notes-page,.note-preview) blockquote.callout-caution{background:#fbe3e1;border-color:#eab9b4}:is(.notes-page,.note-preview) :is(.callout-warning,.callout-caution)>p:first-child:before{content:"!";font-family:inherit}:is(.notes-page,.note-preview) .callout-warning>p:first-child:before{background:#9a6b12}:is(.notes-page,.note-preview) .callout-caution>p:first-child:before{background:#a33b32}:is(.notes-page,.note-preview) code{font-family:var(--notes-mono);font-size:.88em}:is(.notes-page,.note-preview) :not(pre)>code{background:#efefef;padding:.1em .35em}:is(.notes-page,.note-preview) .code-block{margin:1.25rem 0;position:relative}:is(.notes-page,.note-preview) .code-copy{cursor:pointer;font:inherit;background:#fff;border:1px solid #c4c4c4;padding:.1rem .5rem;font-size:.75rem;position:absolute;top:.4rem;right:.4rem}:is(.notes-page,.note-preview) pre{border:1px solid var(--notes-line);tab-size:4;margin:0;padding:1rem 1.1rem;font-size:.92rem;line-height:1.55;overflow-x:auto}:is(.notes-page,.note-preview) table{border-collapse:collapse;background:#fff}:is(.notes-page,.note-preview) :is(th,td){text-align:left;border:1px solid #c4c4c4;padding:.35rem .7rem}:is(.notes-page,.note-preview) math{font-size:1.1em}:is(.notes-page,.note-preview) img{max-width:100%;height:auto}.notes-page :is(input[type=search],button){color:var(--notes-ink);font:inherit;background:#fff;border:1px solid #ababab}.notes-page input[type=search]{width:min(24rem,100%);padding:.4rem .6rem}.notes-page button{cursor:pointer;padding:.4rem .9rem}.notes-page button:hover{background:#f0f0f0}@media (max-width:600px){.site-bar{padding:.6rem 1rem}.notes-page main{margin-top:1.5rem}:is(.notes-page,.note-preview) blockquote.callout{padding-left:1.25rem}:is(.notes-page,.note-preview) .callout>p:first-child:before{vertical-align:-.2em;margin-right:.5rem;display:inline-grid;position:static}}