:root{--paper:#F1F4F9;--ink:#0F1826;--ink-soft:#46566B;--ink-faint:#8695A9;--line:rgba(15,24,38,.10);--line-soft:rgba(15,24,38,.06);--blue:#3E8FD0;--coral:#2E93B0;--violet:#3A56C9;--emerald:#1F9E7A;--amber:#5FA8DE;--card:#FFFFFF;--shadow-sm:0 1px 2px rgba(15,24,38,.04),0 4px 14px rgba(15,24,38,.05);--shadow-md:0 2px 6px rgba(15,24,38,.05),0 18px 44px rgba(15,24,38,.10);--shadow-lg:0 8px 20px rgba(15,24,38,.08),0 40px 80px rgba(15,24,38,.16);--ease:cubic-bezier(.16,1,.3,1);--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono","SFMono-Regular",Menlo,Monaco,"Cascadia Mono",monospace;--maxw:1200px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{max-width:100%;display:block}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}@media(max-width:640px){.wrap{padding:0 18px}}h1,h2,h3{line-height:1.02;letter-spacing:-.03em;font-weight:700}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;display:inline-flex;align-items:center;gap:9px}.kicker:before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.55}.display{font-size:clamp(56px,13vw,150px);letter-spacing:-.05em;font-weight:800;line-height:.96}.lead{font-size:clamp(18px,2.3vw,25px);line-height:1.42;color:var(--ink-soft);letter-spacing:-.01em}.mono{font-family:var(--mono)}header{position:fixed;top:0;left:0;right:0;z-index:100;transition:transform .5s var(--ease)}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--maxw);margin:14px auto 0;padding:12px 20px;border-radius:20px;background:rgba(252,251,249,0);border:1px solid transparent;transition:background .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease),padding .5s var(--ease),margin .5s var(--ease)}@supports(((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){header.scrolled .bar{-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px)}}header.scrolled .bar{background:rgba(252,251,249,.72);border-color:var(--line);box-shadow:var(--shadow-sm);padding:9px 16px;margin-top:8px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em;font-size:18px}.brand .mark{width:30px;height:30px;border-radius:50%;position:relative;flex:0 0 auto;box-shadow:0 4px 12px rgba(20,22,45,.3)}.brand .mark svg{position:absolute;inset:0}nav.main{display:flex;gap:6px;align-items:center}nav.main a{padding:8px 14px;border-radius:11px;font-size:14.5px;font-weight:550;color:var(--ink-soft);transition:background .25s var(--ease),color .25s var(--ease)}nav.main a:hover,nav.main a[aria-current=page]{background:rgba(15,24,38,.05);color:var(--ink)}nav.main a[aria-current=page]{font-weight:650}.hactions{display:flex;gap:12px}.hactions,.lang{align-items:center}.lang{display:inline-flex;gap:7px;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink-soft);padding:7px 11px;border-radius:10px;border:1px solid var(--line);transition:border-color .25s,background .25s}.lang:hover{border-color:var(--ink-faint);background:rgba(15,24,38,.03)}.lang .dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 3px rgba(31,158,122,.18)}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:14.5px;letter-spacing:-.01em;padding:11px 20px;border-radius:13px;background:var(--ink);color:var(--paper);transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s;box-shadow:0 4px 16px rgba(15,24,38,.22)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,24,38,.3)}.btn.big{padding:16px 30px;font-size:16.5px;border-radius:16px}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}.btn.ghost:hover{border-color:var(--ink);background:transparent}.btn .arw{transition:transform .35s var(--ease)}.btn:hover .arw{transform:translateX(4px)}.menubtn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);align-items:center;justify-content:center}.menubtn span{display:block;position:relative;transition:transform .3s var(--ease),opacity .3s}.menubtn span,.menubtn span:after,.menubtn span:before{width:19px;height:2px;background:var(--ink);border-radius:2px}.menubtn span:after,.menubtn span:before{content:"";position:absolute;left:0;transition:transform .3s var(--ease)}.menubtn span:before{top:-6px}.menubtn span:after{top:6px}body.navopen .menubtn span{background:transparent}body.navopen .menubtn span:before{transform:translateY(6px) rotate(45deg)}body.navopen .menubtn span:after{transform:translateY(-6px) rotate(-45deg)}.mobilenav{position:fixed;inset:0;z-index:99;background:var(--paper);padding:96px 24px 40px;display:flex;flex-direction:column;gap:6px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .5s var(--ease),opacity .4s var(--ease)}body.navopen .mobilenav{transform:none;opacity:1;pointer-events:auto}.mobilenav a{font-size:30px;font-weight:750;letter-spacing:-.03em;padding:14px 0;border-bottom:1px solid var(--line-soft)}.mobilenav a[aria-current=page]{color:var(--blue)}.mobilenav .row{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}@media(max-width:900px){.hactions .btn,.hactions .lang,.hactions .langpick,nav.main{display:none}.menubtn{display:flex}}.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.rv.sc{transform:translateY(28px) scale(.97)}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;transition:none!important}}.pagehero{position:relative;overflow:hidden;padding:150px 0 26px}.pagehero .mesh{position:absolute;inset:-20% -10% auto -10%;height:120%;z-index:0;pointer-events:none;filter:blur(4px)}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.42;mix-blend-mode:normal}.b1{width:40vw;height:40vw;max-width:520px;max-height:520px;left:-8vw;top:-16vw;background:radial-gradient(circle at 45% 45%,var(--blue),transparent 64%)}.b2{width:34vw;height:34vw;max-width:460px;max-height:460px;right:-8vw;top:-11vw;background:radial-gradient(circle at 55% 45%,var(--coral),transparent 62%)}.b3{width:30vw;height:30vw;max-width:400px;max-height:400px;left:30vw;top:-8vw;background:radial-gradient(circle at 50% 50%,var(--violet),transparent 62%)}.pagehero .wrap{position:relative;z-index:2}.pagehero .kicker{margin-bottom:20px}.pagehero h1{margin:0}.grad-text{background:linear-gradient(96deg,var(--blue) 0,var(--violet) 34%,var(--coral) 68%,var(--amber) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%}@media(prefers-reduced-motion:no-preference){.grad-text{animation:hue 9s linear infinite}}@keyframes hue{to{background-position:200% 0}}.pagehero .sub{max-width:600px;margin:24px 0 0;font-size:clamp(17px,2.1vw,22px)}.filterwrap{position:relative;z-index:2;padding:34px 0 6px}.filterbar{padding-bottom:22px;border-bottom:1px solid var(--line)}.filterbar,.filterbar .grp{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.filterbar .divider{width:1px;height:22px;background:var(--line);margin:0 4px}.pill{font-size:13.5px;font-weight:600;color:var(--ink-soft);padding:9px 16px;border-radius:100px;background:var(--card);border:1px solid var(--line);letter-spacing:-.005em;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.pill:hover{border-color:var(--ink-faint);transform:translateY(-1px)}.pill[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 4px 14px rgba(15,24,38,.18)}.pill.tag{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink-faint);padding:8px 13px;background:rgba(15,24,38,.03)}.pill.tag:hover{color:var(--ink-soft)}.pill.tag[aria-pressed=true]{background:var(--violet);color:#fff;border-color:var(--violet);box-shadow:0 4px 14px rgba(58,86,201,.3)}.filtercount{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--ink-faint);font-weight:600;letter-spacing:.02em}@media(max-width:640px){.filtercount{display:none}}.postlist{padding:34px 0 40px;display:flex;flex-direction:column;gap:20px}.post{position:relative;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .5s var(--ease),box-shadow .5s var(--ease),opacity .45s var(--ease);display:grid;grid-template-columns:300px 1fr}.post:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.post.hidden{display:none}.post.featured{grid-template-columns:1.05fr 1fr;border-color:rgba(62,143,208,.28);box-shadow:0 2px 6px rgba(62,143,208,.08),0 22px 54px rgba(62,143,208,.13)}.post.featured:hover{box-shadow:0 10px 24px rgba(62,143,208,.14),0 40px 84px rgba(58,86,201,.18)}.cover{position:relative;overflow:hidden;min-height:210px}.post.featured .cover{min-height:340px}.cover svg{position:absolute;inset:0;width:100%;height:100%}.cover .fbadge{position:absolute;left:16px;top:16px;z-index:3;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:6px 12px;border-radius:100px;background:rgba(10,12,22,.34);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;gap:7px}.cover .fbadge .st{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.8)}.cbody{padding:28px 30px 30px;display:flex;flex-direction:column}.post.featured .cbody{padding:36px 40px}@media(max-width:640px){.post.featured .cbody{padding:26px 22px}}.ptop{display:flex;align-items:center;gap:11px;margin-bottom:16px;flex-wrap:wrap}.tag-cat{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:5px 11px;border-radius:100px}.pdate,.tag-cat{font-family:var(--mono)}.pdate{font-size:12px;color:var(--ink-faint);font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;gap:9px}.pdate .dt{width:3px;height:3px;border-radius:50%;background:var(--ink-faint);opacity:.6}.post h2.ph{font-size:22px;letter-spacing:-.028em;margin:0 0 12px;line-height:1.12}.post.featured h2.ph{font-size:clamp(28px,3.6vw,42px);margin-bottom:16px;line-height:1.04}.post h2.ph a{transition:color .25s var(--ease)}.post h2.ph a:hover{color:var(--blue)}.post .exc{color:var(--ink-soft);font-size:15px;line-height:1.5;max-width:60ch}.post.featured .exc{font-size:clamp(16px,1.9vw,18px);max-width:52ch}.htags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.htag{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink-faint);padding:5px 11px;border-radius:100px;background:rgba(15,24,38,.045);border:1px solid var(--line-soft);transition:color .2s,background .2s}.htag:hover{color:var(--violet);background:rgba(58,86,201,.08)}.rd{margin-top:auto;padding-top:22px;font-weight:650;font-size:14.5px;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.rd .arw{transition:transform .35s var(--ease)}.post:hover .rd .arw{transform:translateX(4px)}@media(max-width:760px){.post,.post.featured{grid-template-columns:1fr}.cover,.post.featured .cover{min-height:200px}.cbody{padding:24px 22px 26px}}.empty{display:none;text-align:center;padding:60px 0;color:var(--ink-faint);font-size:16px}footer{background:var(--ink);color:rgba(255,255,255,.72);padding:80px 0 40px;margin-top:40px}footer .ftop{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;grid-gap:40px;gap:40px}@media(max-width:820px){footer .ftop{grid-template-columns:1fr 1fr;gap:34px}}@media(max-width:520px){footer .ftop{grid-template-columns:1fr;gap:28px}}footer .fbrand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;color:#fff;margin-bottom:18px}footer .fbrand .mark{width:30px;height:30px;border-radius:50%}footer .fdesc{font-size:14.5px;max-width:32ch;line-height:1.55}footer .flocales{margin-top:22px;display:flex;flex-wrap:wrap;gap:7px}footer .flocales span{font-family:var(--mono);font-size:11px;padding:4px 9px;border-radius:7px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.7)}footer h5{color:rgba(255,255,255,.45);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:16px;font-family:var(--mono)}footer ul{list-style:none;display:flex;flex-direction:column;gap:11px}footer ul a{font-size:14.5px;color:rgba(255,255,255,.72);transition:color .25s}footer ul a:hover{color:#fff}footer ul a .st{font-size:10px;font-family:var(--mono);padding:2px 6px;border-radius:5px;margin-left:8px;vertical-align:middle}.st.r{background:rgba(31,158,122,.2);color:#6ee7b7}.st.s{background:rgba(255,176,32,.2);color:#ffcf7a}footer .fbot{margin-top:56px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}footer .fbot .disc{font-size:12.5px;color:rgba(255,255,255,.5);max-width:60ch;line-height:1.55}footer .fbot .cop{font-size:12.5px;color:rgba(255,255,255,.45);font-family:var(--mono)}.cover .cbg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.cover .cbg svg{width:auto;height:64px;opacity:.92;position:static}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.langpick{display:inline-flex;align-items:center;gap:0;font-family:var(--mono);font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:10px;overflow:hidden}.langpick button{padding:7px 11px;color:var(--ink-faint);transition:background .2s,color .2s}.langpick button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.langpick button:hover:not([aria-pressed=true]){color:var(--ink-soft);background:rgba(15,24,38,.04)}.article{padding:150px 0 40px;position:relative}.crumbs{font-family:var(--mono);font-size:12px;color:var(--ink-faint);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.crumbs a{color:var(--ink-soft)}.crumbs a:hover{color:var(--ink)}.article .ahead{max-width:760px}.article .ahead .ptop{margin-bottom:18px}.article h1.atitle{font-size:clamp(32px,5vw,54px);letter-spacing:-.04em;line-height:1.03;margin:0 0 18px}.article .asub{font-size:clamp(17px,2vw,20px);color:var(--ink-soft);line-height:1.45;max-width:60ch}.article .acover{margin:32px 0 8px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md);aspect-ratio:16/7;position:relative}.article .acover img{width:100%;height:100%;object-fit:cover}.prose{max-width:760px;margin:36px 0 0;font-size:17.5px;line-height:1.7;color:var(--ink-soft)}.prose h2{font-size:28px;letter-spacing:-.03em;color:var(--ink);margin:40px 0 14px}.prose h3{font-size:21px;letter-spacing:-.02em;color:var(--ink);margin:30px 0 10px}.prose p{margin:0 0 18px}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.prose ol,.prose ul{margin:0 0 18px 22px;display:flex;flex-direction:column;gap:8px}.prose li{padding-left:4px}.prose code{font-family:var(--mono);font-size:.9em;background:rgba(15,24,38,.06);padding:2px 6px;border-radius:6px}.prose pre{background:var(--ink);color:#dbe6f2;padding:20px;border-radius:14px;overflow:auto;margin:0 0 20px}.prose pre code{background:none;padding:0;color:inherit}.prose blockquote{border-left:3px solid var(--blue);padding:4px 0 4px 18px;margin:0 0 18px;color:var(--ink)}.prose img{border-radius:14px;margin:8px 0 20px;border:1px solid var(--line)}.prose hr{border:none;border-top:1px solid var(--line);margin:32px 0}.prose table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);padding:8px 12px;text-align:left}.prose th{background:rgba(15,24,38,.04)}.related{max-width:760px;margin:56px 0 0;padding-top:36px;border-top:1px solid var(--line)}.related h4{font-size:13px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px}.related .rgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media(max-width:760px){.related .rgrid{grid-template-columns:1fr}}.rcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.rcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.rcard .rc-cat{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}.rcard h5{font-size:16px;letter-spacing:-.02em;margin:8px 0 0;line-height:1.2}.empty.show{display:block}