:root{--hp-surface:var(--hp-panel);--hp-surface-deep:var(--hp-panel-alt);--hp-surface-edge:1px solid var(--hp-line)}:root.dark{--hp-surface:color-mix(in srgb, var(--hp-panel) 90%, var(--hp-ink) 10%);--hp-surface-deep:var(--hp-panel);--hp-surface-edge:1px solid transparent}.hp-blog-shell{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(64px,10vw,120px)}.hp-blog-head{border-bottom:1px solid var(--hp-line);margin-bottom:40px;padding-bottom:28px}.hp-blog-eyebrow{font-family:var(--hp-sans-en);letter-spacing:.32em;text-transform:uppercase;color:var(--hp-accent);align-items:center;gap:14px;margin-bottom:16px;font-size:12px;display:flex}.hp-blog-eyebrow:before,.hp-blog-eyebrow:after{content:"";background:var(--hp-line);flex:1;max-width:64px;height:1px}.hp-blog-title{font-family:var(--hp-display-cn);letter-spacing:-.01em;color:var(--hp-ink);margin:0;font-size:clamp(30px,4.4vw,46px);font-weight:600;line-height:1.15}.hp-blog-subtitle{color:var(--hp-subink);letter-spacing:.03em;white-space:pre-line;max-width:42rem;margin:12px 0 0;font-size:15px;line-height:1.7}.hp-blog-meta{font-family:var(--hp-sans-en);letter-spacing:.2em;text-transform:uppercase;color:var(--hp-subink);font-variant-numeric:tabular-nums;margin:18px 0 0;font-size:12px}.hp-blog-meta-sep{color:var(--hp-line-strong);margin:0 8px}.hp-blog-head-flag{align-items:flex-start;gap:14px;display:flex}.hp-blog-flag{flex-shrink:0;width:3px;height:34px;margin-top:6px}.hp-blog-chips{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.hp-blog-chip{border:1px solid var(--hp-line);background:var(--hp-surface);color:var(--hp-ink-alt);letter-spacing:.08em;padding:7px 16px;font-size:13px;text-decoration:none;transition:all .2s}.hp-blog-chip:hover{border-color:var(--hp-accent);color:var(--hp-accent)}.hp-blog-rss{font-family:var(--hp-sans-en);letter-spacing:.2em;color:var(--hp-subink);margin-left:auto;font-size:12px;text-decoration:none;transition:color .2s}.hp-blog-rss:hover{color:var(--hp-accent)}.hp-blog-empty{border:1px dashed var(--hp-line-strong);text-align:center;color:var(--hp-subink);letter-spacing:.05em;padding:72px 24px;font-size:14px}.hp-blog-list{gap:4px;display:grid}.hp-postrow{background:var(--hp-surface);border:var(--hp-surface-edge);position:relative}.hp-postrow-link{text-decoration:none;display:flex}.hp-postrow:before{content:"";z-index:1;background:var(--hp-accent);transform-origin:top;width:3px;transition:transform .22s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.hp-postrow:hover:before,.hp-postrow:focus-within:before{transform:scaleY(1)}.hp-postrow-link:focus-visible{outline:1px solid var(--hp-accent);outline-offset:-2px}.hp-postrow-plate{aspect-ratio:16/9;background:var(--hp-surface-deep);flex-shrink:0;width:344px;position:relative;overflow:hidden}.hp-postrow-plate img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.hp-postrow-link:hover .hp-postrow-plate img{transform:scale(1.04)}.hp-postrow-body{flex-direction:column;flex:1;min-width:0;padding:18px 48px 18px 26px;display:flex}.hp-postrow-cat{font-family:var(--hp-sans-en);letter-spacing:.22em;font-size:11px;font-weight:500}.hp-postrow-pin{width:20px;height:20px;color:var(--hp-star);position:absolute;top:14px;right:16px;transform:rotate(-12deg)}.hp-postrow-pin svg{fill:currentColor;width:100%;height:100%;display:block}.hp-postrow-title{font-family:var(--hp-display-cn);letter-spacing:.01em;color:var(--hp-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:18px;font-weight:500;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.hp-postrow-link:hover .hp-postrow-title{color:var(--hp-accent)}.hp-postrow-summary{color:var(--hp-subink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.hp-postrow-views{font-family:var(--hp-sans-en);letter-spacing:.12em;color:var(--hp-subink);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin:auto 0 0;padding-top:10px;font-size:11px;display:flex}.hp-postrow-meta-date{color:var(--hp-ink-alt)}@media (width<=900px){.hp-postrow-plate{width:300px}.hp-postrow-summary{-webkit-line-clamp:1}}@media (width<=640px){.hp-postrow-link{flex-direction:column}.hp-postrow-plate{width:100%}.hp-postrow-body{padding:16px 18px}.hp-postrow-summary{-webkit-line-clamp:2}.hp-postrow-pin{background:var(--hp-surface);width:30px;height:30px;padding:6px;top:0;right:0;transform:none}.hp-postrow-pin svg{transform:rotate(-12deg)}.hp-postrow-title{font-size:17px}}@media (prefers-reduced-motion:reduce){.hp-postrow:before,.hp-postrow-plate img{transition:none}.hp-postrow-link:hover .hp-postrow-plate img{transform:none}}.hp-blog-pager{border-top:1px solid var(--hp-line);justify-content:space-between;align-items:center;gap:16px;margin-top:44px;padding-top:26px;display:flex}.hp-blog-pager-btn{border:1px solid var(--hp-line-strong);height:38px;color:var(--hp-ink-alt);letter-spacing:.1em;align-items:center;padding:0 20px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.hp-blog-pager-btn:hover{border-color:var(--hp-accent);color:var(--hp-accent)}.hp-blog-pager-btn.is-disabled{border-color:var(--hp-line);color:var(--hp-line-strong);pointer-events:none}.hp-blog-pager-info{font-family:var(--hp-sans-en);letter-spacing:.2em;text-transform:uppercase;color:var(--hp-subink);font-variant-numeric:tabular-nums;font-size:12px}.hp-blog-pager-pages{font-family:var(--hp-sans-en);font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hp-blog-pager-num,.hp-blog-pager-gap{min-width:38px;height:38px;color:var(--hp-subink);justify-content:center;align-items:center;padding:0 6px;font-size:14px;text-decoration:none;display:inline-flex}.hp-blog-pager-num{transition:color .2s;position:relative}.hp-blog-pager-num:after{content:"";background:var(--hp-accent);height:1px;transition:transform .2s;position:absolute;bottom:4px;left:10px;right:10px;transform:scaleX(0)}.hp-blog-pager-num:hover{color:var(--hp-accent)}.hp-blog-pager-num.is-current{color:var(--hp-ink);font-weight:600}.hp-blog-pager-num.is-current:after{height:2px;transform:scaleX(1)}.hp-blog-pager-num:focus-visible{outline:1px solid var(--hp-accent);outline-offset:-2px}.hp-blog-pager-gap{color:var(--hp-line-strong);letter-spacing:.1em}.hp-blog-pager-info{display:none}@media (width<=640px){.hp-blog-pager-pages{display:none}.hp-blog-pager-info{display:inline}}@media (prefers-reduced-motion:reduce){.hp-blog-pager-num,.hp-blog-pager-num:after{transition:none}}.hp-post-paper{background:var(--hp-surface);border:var(--hp-surface-edge);min-width:0;padding:clamp(22px,2.6vw,40px)}.hp-post-header{border-bottom:1px solid var(--hp-line);padding-bottom:30px}.hp-post-cat{font-family:var(--hp-sans-en);letter-spacing:.24em;text-transform:uppercase;color:var(--hp-cat,var(--hp-accent));font-size:12px;font-weight:500;text-decoration:none}:root:not(.dark) .hp-post-cat{color:color-mix(in srgb, var(--hp-cat,var(--hp-accent)) 50%, var(--hp-ink))}.hp-post-title{font-family:var(--hp-display-cn);letter-spacing:-.01em;color:var(--hp-ink);margin:14px 0 0;font-size:clamp(28px,3.6vw,40px);font-weight:600;line-height:1.25}.hp-post-summary{color:var(--hp-ink-alt);margin:18px 0 0;font-size:17px;line-height:1.8}.hp-post-meta{color:var(--hp-subink);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px 24px;margin:24px 0 0;font-size:13px;display:flex}.hp-post-cover{object-fit:cover;width:100%;max-height:28rem;margin-top:32px;display:block}.hp-post-body{margin:32px 0 0}.hp-post-section-title{font-family:var(--hp-sans-en);letter-spacing:.24em;text-transform:uppercase;color:var(--hp-subink);margin:0;font-size:11px;font-weight:500}.hp-post-tags{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.hp-post-tag{border:1px solid color-mix(in srgb, var(--hp-subink) 45%, transparent);background:color-mix(in srgb, var(--hp-ink) 5%, transparent);letter-spacing:.05em;color:var(--hp-ink-alt);align-items:baseline;gap:2px;padding:3px 10px;font-size:12px;display:inline-flex}.hp-post-tag:before{content:"#";color:var(--hp-accent);font-weight:600}a.hp-post-tag{text-decoration:none;transition:border-color .2s,color .2s}a.hp-post-tag:hover,a.hp-post-tag.is-current{border-color:var(--hp-accent);color:var(--hp-accent)}.hp-post-tag-count{font-family:var(--hp-sans-en);color:var(--hp-subink);font-variant-numeric:tabular-nums;margin-left:4px;font-size:11px}.hp-post-adj{flex-direction:column;gap:4px;margin-top:48px;display:flex}@media (width>=640px){.hp-post-adj{flex-direction:row}.hp-post-adj-item{flex:1 1 0}}.hp-post-adj-next{text-align:right}.hp-post-adj-item{background:var(--hp-surface);border:var(--hp-surface-edge);padding:18px 20px;text-decoration:none;transition:background .25s;display:block}.hp-post-adj-item:hover{background:var(--hp-surface-deep)}.hp-post-adj-dir{font-family:var(--hp-sans-en);letter-spacing:.16em;color:var(--hp-subink);font-size:11px;display:block}.hp-post-adj-title{color:var(--hp-ink);margin-top:8px;font-size:15px;line-height:1.6;transition:color .2s;display:block}.hp-post-adj-item:hover .hp-post-adj-title{color:var(--hp-accent)}.hp-post-related{border-top:1px solid var(--hp-line);margin-top:56px;padding-top:32px}.hp-post-related-grid{grid-template-columns:1fr;gap:4px;margin-top:18px;display:grid}@media (width>=640px){.hp-post-related-grid{grid-template-columns:repeat(3,1fr)}}.hp-post-related-item{border:var(--hp-surface-edge);background:var(--hp-surface);text-decoration:none;transition:background .25s;display:block}.hp-post-related-item:hover{background:var(--hp-surface-deep)}.hp-post-related-text{padding:14px}.hp-post-related-title{color:var(--hp-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:500;line-height:1.6;transition:color .2s;display:-webkit-box;overflow:hidden}.hp-post-related-item:hover .hp-post-related-title{color:var(--hp-accent)}@media (prefers-reduced-motion:reduce){.hp-post-related-plate img{transition:none}.hp-post-related-item:hover .hp-post-related-plate img{transform:none}}.hp-postrow-plate.hp-post-cover-plate{width:100%;margin-top:32px}.hp-post-cover-plate .hp-post-cover{max-height:none;margin-top:0}.hp-post-meta-date{color:var(--hp-ink);font-weight:600}.hp-postrow-plate.hp-post-related-plate{width:100%}.hp-post-related-item:hover .hp-post-related-plate img{transform:scale(1.04)}.hp-post-related-date{font-family:var(--hp-sans-en);letter-spacing:.1em;color:var(--hp-subink);font-variant-numeric:tabular-nums;margin-top:8px;font-size:11px;display:block}.hp-article{color:var(--hp-ink-alt);font-size:16px;line-height:1.9}.hp-article>*+*{margin-top:20px}.hp-article h2{border-top:1px solid var(--hp-line);font-family:var(--hp-display-cn);letter-spacing:-.005em;color:var(--hp-ink);margin-top:40px;padding-top:24px;scroll-margin-top:96px;font-size:21px;font-weight:600;line-height:1.5}.hp-article h3{font-family:var(--hp-display-cn);color:var(--hp-ink);margin-top:32px;scroll-margin-top:96px;font-size:17px;font-weight:600;line-height:1.6}.hp-article h4{color:var(--hp-ink);margin-top:24px;font-weight:600}.hp-article a{color:var(--hp-accent);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--hp-accent-dim);text-decoration-color:var(--hp-accent-dim);transition:text-decoration-color .2s}.hp-article a:hover{-webkit-text-decoration-color:var(--hp-accent);text-decoration-color:var(--hp-accent)}.hp-article a.external-link:not(:has(img)):after{content:"↗";content:"↗" / "(外部網站)";margin-left:.15em;font-size:.8em;line-height:1;display:inline-block}.hp-article ul{padding-left:20px;list-style:outside}.hp-article ol{padding-left:20px;list-style:decimal}.hp-article li{margin-top:6px;padding-left:4px}.hp-article li>ul,.hp-article li>ol{margin-top:6px}.hp-article li::marker{color:var(--hp-accent-dim)}.hp-article blockquote{border-left:2px solid var(--hp-accent);color:var(--hp-subink);padding-left:18px}.hp-article code{background:var(--hp-surface-deep);border:1px solid var(--hp-line);font-family:var(--hp-mono);padding:1px 6px;font-size:13px}.hp-article pre{border:1px solid var(--hp-line);background:var(--hp-surface-deep);font-family:var(--hp-mono);padding:16px;font-size:13px;line-height:1.7;overflow-x:auto}.hp-article pre code{background:0 0;border:0;padding:0}.hp-article .blog-table{overflow-x:auto}.hp-article table{border-collapse:collapse;width:100%;font-size:14px}.hp-article th{border:1px solid var(--hp-line);background:var(--hp-surface-deep);text-align:left;white-space:nowrap;color:var(--hp-ink);padding:8px 12px;font-weight:500}.hp-article td{border:1px solid var(--hp-line);padding:8px 12px}:root.dark .hp-article :is(th,td){border-color:var(--hp-line-strong)}:root.dark .hp-article th{background:color-mix(in srgb, var(--hp-surface) 86%, var(--hp-ink) 14%)}:root.dark .hp-article tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--hp-surface) 95%, var(--hp-ink) 5%)}.hp-article img{border:1px solid var(--hp-line);cursor:zoom-in;width:100%;height:auto;margin:24px 0;display:block}.hp-article a img{cursor:pointer}.hp-article .blog-gallery{flex-wrap:wrap;gap:6px;margin:24px 0;display:flex}.hp-article .blog-gallery-item{flex:var(--r) 1 calc(var(--r) * 6rem);max-width:calc(var(--r) * 11rem);aspect-ratio:var(--r);background:var(--hp-panel-alt);overflow:hidden}@media (width>=640px){.hp-article .blog-gallery-item{flex-basis:calc(var(--r) * 11rem);max-width:calc(var(--r) * 17rem)}}.hp-article .blog-gallery img{object-fit:cover;border:0;width:100%;height:100%;margin:0}.hp-article .blog-embed{margin:24px 0}.hp-article .blog-youtube{aspect-ratio:16/9;cursor:pointer;border:1px solid var(--hp-line);background-color:#000;background-position:50%;background-size:cover;width:100%;padding:0;display:block;position:relative;overflow:hidden}.hp-article .blog-embed-youtube iframe{aspect-ratio:16/9;border:1px solid var(--hp-line);width:100%;display:block}.hp-article .is-short{max-width:min(100%,45vh);margin-left:auto;margin-right:auto}.hp-article .is-short .blog-youtube,.hp-article .blog-embed-youtube.is-short iframe{aspect-ratio:9/16}.hp-article .blog-youtube-play{background:red;border-radius:16px;width:68px;height:48px;margin:auto;transition:transform .15s;position:absolute;inset:0;box-shadow:0 10px 15px -3px #00000040}.hp-article .blog-youtube-play:after{content:"";border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:18px solid #fff;width:0;height:0;margin:auto auto auto 27px;position:absolute;inset:0}.hp-article .blog-youtube:hover .blog-youtube-play{transform:scale(1.1)}.hp-article .blog-youtube:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px}.hp-article .blog-video{object-fit:contain;border:1px solid var(--hp-line);background:#000;width:100%;max-height:80vh;display:block}.hp-article hr{border:0;border-top:1px solid var(--hp-line);margin:32px 0}.hp-article :is(ul,ol):has(>.blog-task-item){padding-left:0;list-style:none}.hp-article .blog-task-item>ul:has(>.blog-task-item){padding-left:28px}.hp-article .blog-task-item{margin-top:0;padding-left:0}.hp-article .blog-task{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:6px 0;display:flex}.hp-article .blog-task:has(:disabled){cursor:default}.hp-article .blog-task-box{width:20px;height:20px;accent-color:var(--hp-accent);cursor:pointer;flex-shrink:0;margin-top:.4em}.hp-article .blog-task-box:disabled{cursor:default}.hp-article .blog-task-text{transition:color .2s}.hp-article .blog-task:has(:checked) .blog-task-text{color:var(--hp-subink);text-decoration:line-through}.hp-article :is(h2,h3,h4){scroll-margin-top:90px;position:relative}.hp-article .heading-anchor{color:var(--hp-line-strong);opacity:0;margin-right:6px;scroll-margin-top:90px;font-weight:400;text-decoration:none;transition:opacity .15s;position:absolute;right:100%}.hp-article :is(h2,h3,h4):hover .heading-anchor,.hp-article .heading-anchor:focus-visible{opacity:1}.hp-article .blog-toc{border:1px solid var(--hp-line);background:var(--hp-surface-deep);padding:16px 18px;font-size:14px}.hp-gal-grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}@media (width>=640px){.hp-gal-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.hp-gal-grid{grid-template-columns:repeat(4,1fr)}}.hp-gal-cell{border:var(--hp-surface-edge);background:var(--hp-surface);text-align:left;color:inherit;cursor:pointer;padding:0;text-decoration:none;transition:background .25s;display:block;position:relative}.hp-gal-cell:hover{background:var(--hp-surface-deep)}.hp-gal-cell:focus-visible{outline:1px solid var(--hp-accent);outline-offset:-2px}.hp-gal-media{aspect-ratio:4/3;background:var(--hp-surface-deep);position:relative;overflow:hidden}.hp-gal-media.is-square{aspect-ratio:1}.hp-gal-media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.hp-gal-cell:hover .hp-gal-media img{transform:scale(1.04)}.hp-gal-count{background:var(--hp-surface);font-family:var(--hp-sans-en);color:var(--hp-ink-alt);letter-spacing:.04em;font-variant-numeric:tabular-nums;padding:6px 10px 7px;font-size:12px;line-height:1.2;position:absolute;bottom:0;left:0}.hp-gal-media.is-bare .hp-gal-count{letter-spacing:-.01em;color:var(--hp-ink);background:0 0;padding:16px 18px;font-size:26px;font-weight:300}.hp-gal-seq{background:var(--hp-surface);font-family:var(--hp-sans-en);color:var(--hp-subink);font-variant-numeric:tabular-nums;padding:2px 7px;font-size:11px;font-weight:500;position:absolute;top:0;left:0}.hp-gal-stamp{background:var(--hp-surface);font-family:var(--hp-sans-en);color:var(--hp-subink);letter-spacing:.02em;font-variant-numeric:tabular-nums;padding:2px 7px;font-size:11px;position:absolute;top:0;right:0}.hp-gal-caption{inset-inline:0;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000b8);padding:24px 10px 7px;font-size:12px;line-height:1.5;position:absolute;bottom:0;overflow:hidden}.hp-gal-text{padding:12px 14px}.hp-gal-title{color:var(--hp-ink);margin:0;font-size:14px;font-weight:500;line-height:1.55;transition:color .2s}.hp-gal-cell:hover .hp-gal-title{color:var(--hp-accent)}@media (prefers-reduced-motion:reduce){.hp-gal-media img{transition:none}.hp-gal-cell:hover .hp-gal-media img{transform:none}}.hp-cmt{border-top:1px solid var(--hp-line);margin-top:56px;padding-top:32px}.hp-cmt-heading{font-family:var(--hp-display-cn);color:var(--hp-ink);margin:0;font-size:19px;font-weight:600}.hp-cmt-count{font-family:var(--hp-sans-en);color:var(--hp-subink);font-variant-numeric:tabular-nums;margin-left:10px;font-size:13px;font-weight:400}.hp-cmt-notice{border-left:2px solid var(--hp-accent);background:var(--hp-surface-deep);color:var(--hp-ink-alt);margin-top:18px;padding:10px 14px;font-size:14px}.hp-cmt-list{border-top:1px solid var(--hp-line);margin:20px 0 0;padding:0;list-style:none}.hp-cmt-item{border-bottom:1px solid var(--hp-line);padding:14px 0}.hp-cmt-item.is-reply{border-left:1px solid var(--hp-line);margin-left:28px;padding-left:16px}.hp-cmt-empty{border-bottom:1px solid var(--hp-line);color:var(--hp-subink);padding:22px 0;font-size:14px}.hp-cmt-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.hp-cmt-name{color:var(--hp-ink);font-size:14px;font-weight:500}.hp-cmt-time{font-family:var(--hp-sans-en);letter-spacing:.1em;color:var(--hp-subink);font-variant-numeric:tabular-nums;font-size:11px}.hp-cmt-content{color:var(--hp-ink-alt);white-space:pre-wrap;margin:8px 0 0;font-size:14px;line-height:1.8}.hp-cmt-reply-btn{letter-spacing:.08em;color:var(--hp-accent);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px}.hp-cmt-reply-btn:hover{text-underline-offset:3px;text-decoration:underline}.hp-cmt-form{flex-direction:column;gap:14px;margin-top:26px;display:flex}.hp-cmt-form-row{gap:14px;display:grid}@media (width>=640px){.hp-cmt-form-row{grid-template-columns:repeat(2,1fr)}}.hp-cmt-replying{color:var(--hp-subink);align-items:center;gap:10px;font-size:12px;display:flex}.hp-cmt-note{color:var(--hp-subink);margin:0;font-size:12px}.hp-cmt-input{border:1px solid var(--hp-line-strong);background:var(--hp-surface);width:100%;color:var(--hp-ink);font-family:var(--hp-sans-cn);padding:10px 14px;font-size:14px;transition:border-color .2s,background .2s}.hp-cmt-input::placeholder{color:var(--hp-subink)}.hp-cmt-input:focus{border-color:var(--hp-accent);background:var(--hp-surface-deep);outline:none}.hp-cmt-error{color:var(--hp-error);margin:6px 0 0;font-size:12px}.hp-cmt-submit{border:1px solid var(--hp-accent);background:var(--hp-accent);color:var(--hp-bg);font-family:var(--hp-sans-cn);letter-spacing:.1em;cursor:pointer;align-self:flex-start;padding:11px 26px;font-size:14px;font-weight:500;transition:all .25s}.hp-cmt-submit:hover:not(:disabled){background:var(--hp-accent-bright);border-color:var(--hp-accent-bright);letter-spacing:.14em}.hp-cmt-submit:disabled{opacity:.5;cursor:default}.hp-blog-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.hp-blog-chip{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.hp-blog-chip.is-current{border-color:var(--hp-accent);color:var(--hp-accent)}.hp-blog-chips-mobile{scrollbar-width:none;flex-wrap:nowrap;margin:-16px 0 28px;padding-bottom:4px;overflow-x:auto}.hp-blog-chips-mobile::-webkit-scrollbar{display:none}.hp-blog-subcats{margin-top:22px}.hp-blog-head-search{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.hp-blog-head-text{flex:20rem;min-width:0}.hp-blog-head-search .hp-blog-title{overflow-wrap:anywhere}.hp-blog-clear{color:var(--hp-accent);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--hp-accent-dim);text-decoration-color:var(--hp-accent-dim);letter-spacing:.1em}.hp-blog-clear:hover{-webkit-text-decoration-color:var(--hp-accent);text-decoration-color:var(--hp-accent)}.hp-blog-search{width:100%;max-width:22rem;display:flex}.hp-blog-search-input{border:1px solid var(--hp-line-strong);background:var(--hp-surface);min-width:0;height:44px;color:var(--hp-ink);letter-spacing:.03em;border-right:0;border-radius:0;outline:none;flex:1;padding:0 14px;font-size:14px;transition:border-color .2s}.hp-blog-search-input::placeholder{color:var(--hp-subink)}.hp-blog-search-input:focus{border-color:var(--hp-accent)}.hp-blog-search-btn{border:1px solid var(--hp-accent);background:var(--hp-accent);height:44px;color:var(--hp-bg);letter-spacing:.12em;cursor:pointer;flex-shrink:0;padding:0 20px;font-size:14px;transition:background .2s,border-color .2s}.hp-blog-search-btn:hover{background:var(--hp-accent-bright);border-color:var(--hp-accent-bright)}.hp-blog-search-btn:focus-visible{outline:1px solid var(--hp-accent);outline-offset:2px}@media (width<=640px){.hp-blog-search{max-width:none}}.hp-blog-list-plain{margin:0;padding:0;list-style:none}.hp-postrow-eyebrow{flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;display:flex}.hp-postrow-seq{letter-spacing:.08em;color:var(--hp-ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.hp-blog-cols-main{min-width:0}.hp-blog-side{gap:4px;margin-top:48px;display:grid}@media (width>=1024px){.hp-blog-cols{grid-template-columns:minmax(0,1fr) 18rem;align-items:start;gap:32px;display:grid}.hp-blog-side{margin-top:0}.hp-blog-chips-mobile{display:none}}.hp-blog-side-cats{display:none}@media (width>=1024px){.hp-blog-side-cats{display:block}}.hp-blog-side-panel{background:var(--hp-surface);border:var(--hp-surface-edge);padding:20px 20px 22px}.hp-blog-side-title{border-bottom:1px solid var(--hp-line);letter-spacing:.16em;color:var(--hp-ink);margin:0 0 14px;padding-bottom:10px;font-size:13px;font-weight:600}.hp-blog-side-catlist{margin:0;padding:0;list-style:none}.hp-blog-side-cat{letter-spacing:.04em;color:var(--hp-ink-alt);align-items:center;gap:10px;padding:8px 0 8px 12px;font-size:14px;text-decoration:none;transition:color .2s;display:flex;position:relative}.hp-blog-side-cat.is-child{padding-left:30px;font-size:13px}.hp-blog-side-cat:hover{color:var(--hp-accent)}.hp-blog-side-cat.is-current{color:var(--hp-ink);font-weight:600}.hp-blog-side-cat.is-current:before{content:"";background:var(--hp-accent);width:2px;position:absolute;top:8px;bottom:8px;left:0}.hp-blog-side-popular{gap:14px;margin:0;padding:0;list-style:none;display:grid}.hp-blog-side-pop{align-items:flex-start;gap:10px;text-decoration:none;display:flex}.hp-blog-side-rank{width:20px;font-family:var(--hp-sans-en);letter-spacing:.08em;color:var(--hp-accent);font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:1px;font-size:12px}.hp-blog-side-thumb{aspect-ratio:16/9;background:var(--hp-surface-deep);flex-shrink:0;width:72px;position:relative;overflow:hidden}.hp-blog-side-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hp-blog-side-poptitle{min-width:0;color:var(--hp-ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;transition:color .2s;display:-webkit-box;overflow:hidden}.hp-blog-side-pop:hover .hp-blog-side-poptitle{color:var(--hp-accent)}.hp-blog-side-tags{margin:0}.hp-blog-side-rss{letter-spacing:.04em;color:var(--hp-ink-alt);align-items:center;gap:10px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.hp-blog-side-rss svg{width:15px;height:15px;color:var(--hp-accent);flex-shrink:0}.hp-blog-side-rss:hover{color:var(--hp-accent)}.hp-series{background:var(--hp-surface-deep);border-left:2px solid var(--hp-accent);margin-bottom:36px;padding:18px 22px 20px}.hp-series-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.hp-series-name{min-width:0;margin:0;font-size:15px}.hp-series-label{letter-spacing:.16em;color:var(--hp-subink);margin-right:10px;font-size:12px}.hp-series-link{color:var(--hp-ink);font-weight:600;text-decoration:none;transition:color .2s}.hp-series-link:hover{color:var(--hp-accent)}.hp-series-pos{font-family:var(--hp-sans-en);letter-spacing:.1em;color:var(--hp-accent);font-variant-numeric:tabular-nums;font-size:12px}.hp-series-list{gap:6px;margin:14px 0 0;padding:0;font-size:14px;line-height:1.7;list-style:none;display:grid}.hp-series-list li{gap:12px;display:flex}.hp-series-no{width:22px;font-family:var(--hp-sans-en);color:var(--hp-subink);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;line-height:1.7rem}.hp-series-current{color:var(--hp-ink);font-weight:600}.hp-series-item{color:var(--hp-ink-alt);text-decoration:none;transition:color .2s}.hp-series-item:hover{color:var(--hp-accent)}.hp-share{border-top:1px solid var(--hp-line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:48px;padding-top:26px;display:flex}.hp-share-label{letter-spacing:.16em;color:var(--hp-subink);margin-right:8px;font-size:13px}.hp-share-btn{border:1px solid var(--hp-line-strong);height:36px;color:var(--hp-ink-alt);letter-spacing:.08em;cursor:pointer;background:0 0;align-items:center;padding:0 16px;font-size:13px;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.hp-share-btn:hover{border-color:var(--hp-accent);color:var(--hp-accent)}.hp-share-btn:focus-visible{outline:1px solid var(--hp-accent);outline-offset:2px}.hp-social-links{border-top:0;margin-top:12px;padding-top:0}.hp-social-link{gap:6px}.hp-social-account{color:var(--hp-subink)}