/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer components{.article-side{align-items:center;display:none;position:fixed;bottom:50vh}@media (width>=769px){.article-side{display:flex}}.article-side.-next{left:calc(100vw - 24px);right:0}.article-side>a{font-family:var(--font-poppins);opacity:.7;font-size:14px;font-weight:600;line-height:16px;transition:all .2s ease-out;transform:rotate(-90deg)}.article-side>a:hover{opacity:.86}.article-side.-prev>a{margin-left:-12px}.article-side.-next>a{margin-left:-32px;display:flex}.article-side img{vertical-align:baseline;max-width:none;display:inline}.article-side.-prev img{margin:0 12px -6px 0;transform:rotate(-90deg)}.article-side.-next img{margin:-5px 10px 0 0;transform:rotate(90deg)}.article{margin:88px auto 0;position:relative}@media (width>=769px){.article{width:95%;max-width:1020px}}.article>.tags{color:#ffffffb3;text-transform:uppercase;width:92%;margin:0 auto 6px;font-size:12px;font-weight:400;line-height:16px}@media (width>=769px){.article>.tags{width:auto;margin:0 0 12px}}.article>h1{font-family:var(--font-poppins);font-size:48px;font-weight:700;line-height:64px}@media not all and (width>=769px){.article>h1{font-size:32px;line-height:44px}}.article>h1{width:92%;margin:0 auto 48px}@media (width>=769px){.article>h1{width:840px;margin:0 0 40px}}.article-hero{position:relative}@media not all and (width>=769px){.article-hero{height:342px;margin-bottom:48px;overflow:hidden}}.article-hero>.thumb{background-position:50%;background-repeat:no-repeat;background-size:cover}@media not all and (width>=769px){.article-hero>.thumb{z-index:10;border-radius:4px 0 0 4px;width:100%;height:100%;position:absolute;left:32px;right:0}}@media (width>=769px){.article-hero>.thumb{border-radius:4px;width:100%;max-width:942px;height:418px;margin:0 40px 72px}}.article-hero>.credit{position:absolute}@media not all and (width>=769px){.article-hero>.credit{z-index:20;width:92%;margin:0 auto;position:relative;top:22px}}@media (width>=769px){.article-hero>.credit{text-shadow:0 1px 3px #0000001f;top:36px}}.article-hero>.credit>p{color:#ffffffb3;margin:0;font-size:12px;font-weight:400;line-height:16px}.article-hero>.credit>p:last-child{margin-top:34px}@media (width>=769px){.article-hero>.credit>p:last-child{margin-top:20px}}.article-body{width:92%;max-width:720px;margin:0 auto 96px}@media (width>=769px){.article-body{width:75%;margin-bottom:148px}}.article-footer{width:92%;margin:0 auto 96px}@media (width>=769px){.article-footer{width:95%;max-width:1020px;margin-bottom:120px}}.article-visit{align-items:center;margin:0 0 25px}@media (width>=769px){.article-visit{margin:0 0 32px;display:flex}}.article-visit>h2{font-family:var(--font-poppins);letter-spacing:.56px;font-size:32px;font-weight:700;line-height:44px}@media not all and (width>=769px){.article-visit>h2{font-size:28px;line-height:40px}}.article-visit>h2{flex-shrink:0;margin:0 16px 0 0}@media not all and (width>=769px){.article-visit>h2{width:70%;margin-bottom:-8px;font-size:32px}}@media (width>=769px){.article-visit>h2{font-size:36px}}.article-visit>.action{align-items:center;width:100%;padding:6px 4px 0 6px;display:flex}.article-visit .line{background-color:#fff;width:100%;height:1px}.article-visit .action>a{font-family:var(--font-poppins);text-align:center;background-color:#ffffff1f;border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;height:36px;margin-left:20px;padding:0 24px;font-size:14px;font-weight:600;line-height:16px;text-decoration:none;transition:all .2s ease-out;display:flex}.article-visit .action>a:hover{box-shadow:var(--shadow-hover);background-color:#ffffff26}@media (width>=769px){.article-visit .action>a{min-width:185px;height:44px;margin-left:16px}}.article-author>.info{align-items:center;margin-bottom:4px;display:flex}@media (width>=769px){.article-author>.info{margin-bottom:8px}}.article-author .avatar{border-radius:10px;width:20px;margin-right:10px}.article-author .name{margin-right:8px;font-size:14px;font-weight:700;line-height:24px}.article-author .job{font-size:14px;font-weight:400;line-height:24px}.article-author>.desc{color:#ffffffb3;margin-bottom:25px;font-size:14px;font-weight:400;line-height:24px;transition:all .2s ease-out}@media (width>=769px){.article-author>.desc{width:660px;margin-bottom:18px}}.article-author:hover>.desc{color:#ffffffdb}.article-tags>.header{align-items:flex-start;margin-bottom:8px;display:flex}@media (width>=769px){.article-tags>.header{margin-bottom:10px}}.article-tags .icon{width:24px;margin:-4px 8px 0 0}.article-tags>ul{flex-wrap:wrap;margin:1em 0;display:flex}.article-tags li{background-color:#535353;border-radius:12px;margin:0 8px 8px 0;padding:4px 12px;font-size:12px;font-weight:400;line-height:16px;list-style:none}#article-content p,#article-content li,#article-content blockquote,.post-content-embed--desc,.post-content-embed--footer{font-size:15px;font-weight:400;line-height:28px}#article-content h2 b,#article-content h3 b{font-weight:700}#article-content p,#article-content iframe{margin:0 auto 16px}@media (width>=769px){#article-content p,#article-content iframe{margin-bottom:28px}}@media not all and (width>=769px){#article-content iframe{width:100%;height:52vw}}#article-content img,#article-content iframe{vertical-align:baseline;display:inline}#article-content ol{list-style:decimal}#article-content ul,#article-content ol,#article-content pre{margin-top:1em}#article-content ul,#article-content ol{margin-bottom:1em}#article-content .image-wrapper{margin:32px 0}#article-content .image-wrapper img{object-fit:contain;border-radius:4px;width:100%;height:auto}#article-content h2{font-family:var(--font-poppins);letter-spacing:.56px;font-size:32px;font-weight:700;line-height:44px}@media not all and (width>=769px){#article-content h2{font-size:28px;line-height:40px}}#article-content h2{margin:56px auto 24px}@media not all and (width>=769px){#article-content h2{letter-spacing:.34px}}@media (width>=769px){#article-content h2{margin:64px auto 32px}}#article-content h3{font-family:var(--font-poppins);letter-spacing:.34px;font-size:24px;font-weight:700;line-height:36px}@media not all and (width>=769px){#article-content h3{font-size:22px;line-height:32px}}#article-content h3{margin:40px auto 16px}@media (width>=769px){#article-content h3{margin:48px auto 24px}}#article-content ul,#article-content ol{padding:0}#article-content ol li{margin-left:16px;padding-inline-start:11px}#article-content ul li{margin-left:20px;padding-inline-start:6px;list-style:outside}#article-content pre{background-color:#0000003d;border-radius:4px;margin-bottom:24px;padding:6px 24px;overflow:scroll}#article-content pre code{color:#ffffffb3;font-family:var(--font-code);font-size:16px;line-height:1.5}#article-content blockquote{color:#ffffffb3;border-left:4px solid #ffffff80;margin:0 0 24px;padding-left:20px}#article-content main a,#article-content a span,#article-content main a b{color:#ffffffb3;text-decoration:underline}.post-content-embed{background-color:#ffffff0f;border-radius:4px;min-height:96px;margin:38px 0;transition:all .2s ease-out}.post-content-embed:hover{box-shadow:var(--shadow-hover);background-color:#ffffff17;transform:scale(1.002)}@media (width>=769px){.post-content-embed{min-height:160px}}.post-content-embed:hover .post-content-embed--image{filter:brightness(105%)contrast(95%)}.post-content-embed--link{text-decoration:none;display:flex}.post-content-embed--image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px 0 0 4px;flex-shrink:0;width:96px;min-height:96px;transition:all .2s ease-out}@media (width>=769px){.post-content-embed--image{width:160px;min-height:160px}}.post-content-embed--content{width:calc(92vw - 92px);padding:12px 16px 12px 22px}@media (width>=769px){.post-content-embed--content{width:auto;padding:16px 24px}}.post-content-embed--title{height:48px;font-family:var(--font-poppins);letter-spacing:.18px;margin-bottom:8px;font-size:18px;font-weight:700;line-height:28px;overflow:hidden}@media (width>=769px){.post-content-embed--title{height:auto;max-height:56px;margin-bottom:4px}}.post-content-embed--desc{color:#ffffffb3;-webkit-line-clamp:2;height:48px;margin-bottom:4px;font-size:14px;line-height:24px;display:none;overflow-y:hidden}@media (width>=769px){.post-content-embed--desc{display:-webkit-box}}.post-content-embed--footer{color:#ffffff80;font-size:12px;line-height:1.33}@media not all and (width>=769px){.post-content-embed--footer{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.post-content-embed--occup{color:#ffffff80;font-size:12px;line-height:16px;display:none}}