.paper{--paper:#f4ecdb;--paper-2:#efe6d2;--paper-edge:#e7dcc4;--ink:#3a2c20;--ink-soft:#715b48;--title:#432a18;--olive:#5f5a24;--hl-rose:#b23a5d;--hl-blue:#21516f;--hl-green:#3f6f43;--hl-amber:#99631a;--cmd-bg:#ece0c8;--cmd-edge:#dccaa8;--cmd-ink:#9a4a1e;--link:#21516f;--font-serif:var(--font-copernicus), Georgia, serif;--font-sans:var(--font-product), system-ui, sans-serif;--font-disp:var(--font-supreme), system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--reading:44rem;--ease:cubic-bezier(.16, 1, .3, 1);--accent:#21516f;min-height:100vh;font-family:var(--font-serif);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(120% 90% at 50% -10%,#ffffff80,#0000 60%),radial-gradient(140% 120% at 50% 120%,#7856341a,#0000 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}.paper *{box-sizing:border-box}.bp-topbar{z-index:60;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--paper-edge);justify-content:space-between;align-items:center;padding:14px clamp(18px,5vw,48px);display:flex;position:sticky;top:0}.bp-topbar__brand{cursor:pointer;align-items:center;gap:12px;display:flex}.bp-topbar__brand img{filter:brightness(0)saturate()invert(14%)sepia(18%)saturate(1600%)hue-rotate(346deg)brightness(95%)contrast(90%);height:34px;transition:opacity .2s var(--ease)}.bp-topbar__brand:hover img{opacity:.72}.bp-topbar__cta{font-family:var(--font-disp);letter-spacing:.04em;color:var(--accent);border:1.5px solid color-mix(in srgb, var(--accent) 45%, transparent);cursor:pointer;transition:all .2s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:8px 17px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.bp-topbar__cta:hover{background:var(--accent);color:#fff7ec;border-color:var(--accent);box-shadow:0 5px 16px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-1px)}.bp-topbar__cta svg{width:15px;height:15px;transition:transform .2s var(--ease);flex-shrink:0}.bp-topbar__cta:hover svg{transform:translate(2px,-2px)}.idx-meta{font-family:var(--font-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.idx-meta span{white-space:nowrap}.idx-meta>span:not(:first-child):before{content:"";opacity:.5;vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin-right:10px;display:inline-block}.idx-meta .topic{color:var(--accent);font-weight:700}.idx-meta .topic:before{content:none}.idx-b{max-width:76rem;margin:0 auto;padding:0 28px 120px}.idx-b a.feature,.idx-b a.card{color:inherit;text-decoration:none}.idx-b .head--filters{flex-wrap:wrap;justify-content:flex-end;gap:18px;padding:36px 0 0;display:flex}.idx-b .filters{flex-wrap:wrap;gap:8px;display:flex}.idx-b .chip{font-family:var(--font-disp);letter-spacing:.03em;border:1px solid var(--paper-edge);background:var(--paper-2);color:var(--ink-soft);cursor:pointer;transition:all .2s var(--ease);border-radius:999px;padding:8px 15px;font-size:12px;font-weight:600}.idx-b .chip:hover{color:var(--title);border-color:color-mix(in srgb, var(--accent) 50%, var(--paper-edge));transform:translateY(-1px)}.idx-b .chip[data-on=true]{background:var(--accent);color:#fff7ec;border-color:var(--accent);box-shadow:0 3px 10px color-mix(in srgb, var(--accent) 30%, transparent)}.idx-b .rule{background:var(--paper-edge);height:1px;margin:22px 0 30px;position:relative}.idx-b .rule:after{content:"";background:var(--accent);width:80px;height:1px;position:absolute;top:0;left:0}.idx-b .feature{background:var(--paper-2);border:1px solid color-mix(in srgb, var(--ink-soft) 40%, var(--paper-2));cursor:pointer;transition:box-shadow .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border-radius:20px;grid-template-columns:1.1fr 1fr;margin:0 0 48px;display:grid;position:relative;overflow:hidden}.idx-b .feature:before{content:"";pointer-events:none;transition:border-color .3s var(--ease);z-index:3;border:1px solid #0000;border-radius:13px;position:absolute;inset:9px}.idx-b .feature:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--paper-edge));transform:translateY(-3px);box-shadow:0 22px 48px #432a182e}.idx-b .feature:hover:before{border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.idx-b .feature__tag{z-index:4;font-family:var(--font-disp);letter-spacing:.12em;text-transform:uppercase;color:#fff7ec;background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;top:18px;left:18px}.idx-b .feature .fimg{min-height:340px;position:relative;overflow:hidden}.idx-b .feature .fimg img{object-fit:cover;transition:transform .6s var(--ease)}.idx-b .feature:hover .fimg img{transform:scale(1.05)}.idx-b .feature .fimg:after{content:"";background:linear-gradient(105deg,#0000 60%,#432a182e);position:absolute;inset:0}.idx-b .feature .fbody{flex-direction:column;justify-content:center;padding:clamp(26px,3vw,46px);display:flex}.idx-b .feature h2{font-family:var(--font-serif);color:var(--title);margin:14px 0;font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.12}.idx-b .feature .dek{color:var(--ink-soft);margin-bottom:22px;font-size:1.15rem;font-style:italic;line-height:1.5}.idx-b .feature .more{font-family:var(--font-disp);letter-spacing:.04em;color:var(--accent);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.idx-b .feature .more svg{width:16px;height:16px;transition:transform .25s var(--ease)}.idx-b .feature:hover .more svg{transform:translate(5px)}.idx-b .grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.idx-b .card{background:var(--paper-2);border:1px solid color-mix(in srgb, var(--ink-soft) 40%, var(--paper-2));cursor:pointer;transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.idx-b .card:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .3s var(--ease);z-index:4;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.idx-b .card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--paper-edge));transform:translateY(-5px);box-shadow:0 18px 34px #432a182b}.idx-b .card:hover:before{transform:scaleX(1)}.idx-b .card .cimg{height:168px;position:relative;overflow:hidden}.idx-b .card .cimg img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease)}.idx-b .card:hover .cimg img{transform:scale(1.07)}.idx-b .card .ctopic{font-family:var(--font-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--title);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:10px}.idx-b .card .cbody{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.idx-b .card h3{font-family:var(--font-serif);color:var(--title);transition:color .2s var(--ease);margin:0 0 14px;font-size:1.25rem;line-height:1.22}.idx-b .card:hover h3{color:var(--accent)}.idx-b .card .cdek{font-family:var(--font-sans);color:var(--ink-soft);margin:0 0 14px;font-size:.92rem;line-height:1.5}.idx-b .card .cfoot{border-top:1px solid var(--paper-edge);font-family:var(--font-disp);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:11px;display:flex}.idx-b .card .cfoot .arr{color:var(--accent);transition:transform .25s var(--ease);display:inline-flex}.idx-b .card:hover .cfoot .arr{transform:translate(4px)}.idx-b .card .cfoot .arr svg{width:15px;height:15px}@media (max-width:900px){.idx-b .grid{grid-template-columns:repeat(2,1fr)}.idx-b .feature{grid-template-columns:1fr}.idx-b .feature .fimg{min-height:240px}}@media (max-width:560px){.idx-b .grid{grid-template-columns:1fr}}.progress{z-index:80;background:var(--accent);width:0%;height:3px;transition:width 80ms linear;position:fixed;top:0;left:0}.post-top{justify-content:space-between;align-items:center;max-width:72rem;margin:0 auto;padding:18px clamp(18px,5vw,24px) 14px;display:flex}.backlink{font-family:var(--font-disp);letter-spacing:.02em;color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:color .2s var(--ease);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.backlink:hover{color:var(--accent)}.backlink svg{width:15px;height:15px;transition:transform .2s var(--ease)}.backlink:hover svg{transform:translate(-3px)}.post-top__topic{font-family:var(--font-disp);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.post-hero-wrap{margin:6px 0 0;padding:0}.post-hero{width:100%;height:clamp(300px,52vh,560px);position:relative;overflow:hidden}.post-hero img{object-fit:cover;transform-origin:50%;width:100%;height:100%;animation:14s ease-in-out infinite bp-breathe}@keyframes bp-breathe{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.post-hero img{animation:none}}.post-hero:after{content:"";pointer-events:none;background:linear-gradient(to bottom, #3a2c202e 0%, transparent 22%, transparent 68%, var(--paper) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23g)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.post-head{max-width:var(--reading);z-index:2;text-align:center;margin:30px auto 0;padding:0 24px;position:relative}.post-head__meta{font-family:var(--font-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.post-head__meta span{white-space:nowrap}.post-head__meta>span:not(:first-child):before{content:"";opacity:.5;vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin-right:12px;display:inline-block}.post-head__topic{color:var(--accent)}.post-head__topic:before{content:none!important}.post-head h1{font-family:var(--font-serif);color:var(--title);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(2.1rem,4.6vw,3.2rem);line-height:1.12}.post-head__dek{color:var(--ink-soft);max-width:36rem;margin:0 auto;font-size:1.3rem;font-style:italic;line-height:1.5}.post-head__rule{background:var(--accent);border:0;border-radius:2px;width:56px;height:3px;margin:26px auto 0}.article-shell{grid-template-columns:164px minmax(0,1fr);align-items:start;gap:52px;max-width:68rem;margin:40px auto 0;padding:0 24px 120px;display:grid}@media (max-width:940px){.article-shell{grid-template-columns:1fr;gap:0}}.toc{font-family:var(--font-sans);position:sticky;top:92px}.toc__label{font-family:var(--font-disp);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;font-size:10px;font-weight:700}.toc ol{border-left:1px solid var(--paper-edge);margin:0;padding:0;list-style:none}.toc li{margin:0}.toc a{color:var(--ink-soft);transition:all .2s var(--ease);border-left:2px solid #0000;margin-left:-1px;padding:5px 0 5px 14px;font-size:.8rem;line-height:1.35;text-decoration:none;display:block}.toc a:hover{color:var(--title)}.toc a[data-active=true]{color:var(--accent);border-left-color:var(--accent);font-weight:600}@media (max-width:940px){.toc{display:none}}.article{max-width:var(--reading);font-family:var(--font-serif);color:var(--ink)}.article p{margin:0 0 1.4rem;font-size:1.18rem;line-height:1.78}.article strong{color:var(--title);font-weight:700}.article a{color:var(--link);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--link) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--link) 40%, transparent);text-underline-offset:3px;transition:text-decoration-color .2s}.article a:hover{-webkit-text-decoration-color:var(--link);text-decoration-color:var(--link)}.article h2{font-family:var(--font-serif);color:var(--olive);letter-spacing:-.005em;margin:2.4rem 0 1rem;scroll-margin-top:92px;font-size:1.7rem}.article ul{margin:0 0 1.4rem;padding-left:1.3rem}.article li{margin-bottom:.5rem;font-size:1.16rem;line-height:1.7}.article li::marker{color:var(--accent)}.article>p:first-of-type:first-letter{float:left;font-family:var(--font-serif);color:var(--accent);padding:6px 10px 0 0;font-size:3.4rem;font-weight:700;line-height:.82}.hl{border-radius:3px;padding:0 .12em;font-weight:600}.hl-rose{color:var(--hl-rose);background:color-mix(in srgb, var(--hl-rose) 12%, transparent)}.hl-blue{color:var(--hl-blue);background:color-mix(in srgb, var(--hl-blue) 12%, transparent)}.hl-green{color:var(--hl-green);background:color-mix(in srgb, var(--hl-green) 13%, transparent)}.hl-amber{color:var(--hl-amber);background:color-mix(in srgb, var(--hl-amber) 14%, transparent)}.article p code,.article li code,code.cmd{font-family:var(--font-mono);background:var(--cmd-bg);color:var(--cmd-ink);border:1px solid var(--cmd-edge);white-space:nowrap;border-radius:5px;padding:.08em .42em;font-size:.86em;font-weight:500}.callout{background:var(--co-bg);border:1px solid var(--co-edge);border-left:4px solid var(--co-ac);font-family:var(--font-sans);border-radius:12px;align-items:flex-start;gap:14px;margin:0 0 1.6rem;padding:16px 18px;display:flex}.callout__ic{color:var(--co-ac);flex-shrink:0;margin-top:1px}.callout__ic svg{width:22px;height:22px}.callout__t{color:var(--co-ac);letter-spacing:.01em;margin:0 0 2px;font-size:.95rem;font-weight:700}.callout__b{color:var(--ink);margin:0;font-size:1rem;line-height:1.6}.callout--info{--co-bg:#e7eef3;--co-edge:#c7d8e3;--co-ac:#21516f}.callout--tip{--co-bg:#e8efe6;--co-edge:#cbddc6;--co-ac:#3f6f43}.callout--warning{--co-bg:#f6ecd6;--co-edge:#e7d3a6;--co-ac:#99631a}.callout--error{--co-bg:#f6e3e3;--co-edge:#e7c2c2;--co-ac:#b23a3a}.codeblock{border:1px solid #3b4252;border-radius:12px;margin:0 0 1.7rem;overflow:hidden;box-shadow:0 6px 22px #2e344038}.codeblock__bar{background:#2b313e;border-bottom:1px solid #3b4252;align-items:center;gap:8px;padding:9px 14px;display:flex}.codeblock__dots{gap:6px;display:flex}.codeblock__dots i{border-radius:50%;width:11px;height:11px;display:block}.codeblock__lang{font-family:var(--font-mono);color:#8b95a8;text-transform:uppercase;letter-spacing:.1em;margin-left:auto;font-size:11px}.codeblock pre{overflow-x:auto;background:#2e3440!important;border-radius:0!important;margin:0!important;padding:16px 18px!important}.codeblock code{font-family:var(--font-mono);font-size:.9rem;line-height:1.65}figure.fig{margin:0 0 1.9rem}figure.fig img{border:1px solid var(--paper-edge);width:100%;height:auto;box-shadow:0 0 0 6px var(--paper-2), 0 0 0 7px var(--paper-edge), 0 16px 32px #432a182e;border-radius:12px;display:block}figure.fig figcaption{text-align:center;font-family:var(--font-sans);color:var(--ink-soft);margin-top:1rem;font-size:.85rem}.post-foot{max-width:var(--reading);margin:0 auto;padding:28px 24px 90px}.post-foot__card{background:var(--paper-2);border:1px solid var(--paper-edge);border-radius:16px;align-items:center;gap:18px;padding:22px;display:flex}.post-foot__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:60px;height:60px;box-shadow:0 3px 10px #432a1833}.post-foot__who{flex:1}.post-foot__name{font-family:var(--font-disp);color:var(--title);font-size:1.05rem;font-weight:700}.post-foot__bio{font-family:var(--font-sans);color:var(--ink-soft);margin-top:2px;font-size:.9rem;line-height:1.45}.post-foot__share{gap:8px;display:flex}.share-btn{background:var(--paper);border:1px solid var(--paper-edge);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;transition:all .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.share-btn:hover{color:#fff7ec;background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.share-btn svg{width:17px;height:17px}.post-nav{max-width:var(--reading);justify-content:center;margin:0 auto;padding:0 24px 110px;display:flex}.post-nav a{font-family:var(--font-disp);letter-spacing:.03em;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.post-nav a:hover{text-underline-offset:3px;text-decoration:underline}.post-nav svg{width:15px;height:15px}