.note-page.wrap{position:relative;max-width:calc(680px + 2*clamp(16px,5vw,56px));padding-top:var(--page-top)}.note-crumbs{font-family:var(--font-display);font-size:13px;color:var(--ink-muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.note-crumbs a{color:var(--cobalt)}@media(hover:hover){.note-crumbs a:hover{text-decoration:underline;text-underline-offset:3px}}.note-crumbs .sep{opacity:.5}.note-card{position:relative}.nc-kicker{margin-bottom:var(--space-4)}.nc-stamp{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--space-3)}:lang(uk) .nc-stamp{letter-spacing:.04em}.nc-stamp.small{font-size:11px}.nc-head{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}.nc-date{font-family:var(--font-display);font-size:13px;color:var(--ink-muted)}.nc-tags{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);flex-wrap:wrap}.nc-tags li{display:inline-flex}.nc-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(1.8rem,4.4vw,2.4rem);line-height:1.15;margin:0 0 var(--space-6);color:var(--ink);text-wrap:balance}.nc-body{font-family:var(--font-display);font-weight:400;font-size:1.125rem;line-height:1.6;color:var(--ink)}@media(max-width:620px){.nc-body{font-size:1.0625rem}}.nc-body>*{margin-top:0;margin-bottom:0}.nc-body>*+*{margin-top:1.4em}.nc-body p{text-wrap:pretty}.nc-body strong{font-weight:600}.nc-body a{color:var(--cobalt);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.nc-body code{font-family:var(--font-mono);font-size:.85em;padding:.12em .38em;border-radius:4px;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:anywhere}.nc-body ul,.nc-body ol{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.9em}.nc-body li{position:relative;padding-left:32px}.nc-body ul li:before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--marker)}.nc-body ol{counter-reset:li}.nc-body ol li:before{counter-increment:li;content:counter(li) ".";position:absolute;left:0;top:0;font-family:var(--font-display);font-size:.9em;font-weight:600;color:var(--ink-muted);width:20px;text-align:right}.note-code{margin:1.4em 0 0;border:1px solid var(--hairline);border-radius:var(--radius-md);overflow:hidden;background:var(--paper-raised)}.nc-bar{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--hairline);background:var(--paper-sunk);font-family:var(--font-display);font-size:13px;color:var(--ink-muted)}.nc-dot{display:none}.note-code pre{margin:0;padding:16px 20px;overflow-x:auto;border:0;font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--ink);white-space:pre}.nc-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--hairline)}.btn-sm{padding:8px 14px;font-size:13px}.note-related{margin-top:clamp(40px,5vw,56px)}.note-related h3{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.note-related ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.note-related li{border-top:1px solid var(--hairline)}.note-related li:last-child{border-bottom:1px solid var(--hairline)}.note-related a{display:grid;grid-template-columns:100px 1fr auto;gap:18px;padding:14px 0;align-items:baseline;color:inherit;transition:color .15s}@media(hover:hover){.note-related a:hover{color:var(--cobalt)}}.note-related .rn-date{font-family:var(--font-display);font-size:13px;color:var(--ink-muted)}.note-related .rn-title{font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.4}.note-related .rn-arrow{font-family:var(--font-display);color:var(--ink-muted);transition:transform .15s,color .15s}@media(hover:hover){.note-related a:hover .rn-arrow{color:var(--cobalt);transform:translate(3px)}}.note-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(36px,5vw,56px)}.nnav{display:block;padding:18px 20px;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--paper-raised);transition:border-color .15s;color:inherit}@media(hover:hover){.nnav:hover{border-color:var(--hairline-strong)}}.nnav.placeholder{opacity:0;pointer-events:none}.nnav .nn-label{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.nnav .nn-date{font-family:var(--font-display);font-size:13px;color:var(--ink-muted);margin-top:6px}.nnav .nn-title{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--ink);margin-top:4px;line-height:1.3}.nnav.next{text-align:right}.note-back{margin-top:clamp(40px,5vw,56px);display:flex;justify-content:center}@media(max-width:620px){.note-nav{grid-template-columns:1fr}.nnav.next{text-align:left}.nnav.placeholder{display:none}.note-related a{grid-template-columns:1fr auto}.note-related .rn-date{grid-column:1 / -1}}
