.blog-page{--r-3: 8px;--pad-x: 64px;--accent-text: var(--btq-green);--ok-soft: rgba(76,165,134,.16);--fg-muted: rgba(255,255,255,.74);--fg-subtle: rgba(255,255,255,.5);--header-bg: rgba(40,44,52,.96);--slot-bg: var(--btq-dark-3);font-size:16px;line-height:1.6}[data-theme=light] .blog-page{--accent-text: var(--btq-green-2);--ok-soft: rgba(76,165,134,.14);--fg-muted: rgba(40,44,52,.74);--fg-subtle: rgba(40,44,52,.52);--line: #E2E2E2;--line-strong: #CFCFCF;--header-bg: rgba(243,243,243,.96);--slot-bg: #E6E7E9}.blog-page{h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;margin:0;letter-spacing:-.015em;color:var(--fg)}p{margin:0}a{color:var(--accent-text)}a:hover{color:var(--btq-pink)}.content{padding-left:var(--pad-x);padding-right:var(--pad-x)}.site-header__inner{padding-top:22px;padding-bottom:22px}.nav-link{color:var(--fg-muted)}.nav-link.is-active{color:var(--fg)}.nav-link.is-active:after{transform:scaleX(1)}.wordmark,.btn,.lang-toggle{color:var(--fg)}.btn-primary{color:#fff}.section-tag,.section-tag:before{color:var(--accent-text)}.tag{font-size:11px;color:var(--accent-text)}.h-display-xl{font-size:clamp(28px,3.7vw,46px);line-height:1.1;letter-spacing:-.025em}.lead{max-width:62ch}.opener{display:flex;flex-direction:column;gap:16px;max-width:900px;margin-bottom:56px}.bloghead{padding:72px 0 40px}.bloghead .opener{margin-bottom:32px}.bloglist{padding-bottom:96px}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{font-family:var(--font-mono);font-size:12px;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--fg-muted);text-decoration:none;background:transparent}.chip:hover{color:var(--btq-pink);border-color:var(--btq-pink)}.chip.is-on{background:var(--fg);color:var(--bg);border-color:var(--fg)}.rss{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--accent-text);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.rss svg{width:14px;height:14px}.meta{font-family:var(--font-mono);font-size:12px;color:var(--fg-subtle);letter-spacing:.02em}.meta b{font-weight:500;color:var(--fg-muted)}.imgslot{margin:0;position:relative;overflow:hidden;border-radius:var(--r-3);background:var(--slot-bg)}.imgslot img{display:block;width:100%;height:100%;object-fit:cover}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}.card{background:transparent;border:0;padding:0;color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:14px}.card h3{font-size:19px;line-height:1.3}.card:hover h3,.feature:hover h2{color:var(--btq-pink)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center;color:inherit;text-decoration:none;padding-bottom:56px;margin-bottom:56px;border-bottom:1px solid var(--line)}.feature .imgslot,.photocard .imgslot{aspect-ratio:16 / 10}.feature h2{font-size:clamp(24px,2.8vw,34px);line-height:1.15;margin:14px 0}.feature p{color:var(--fg-muted);font-size:17px;margin-bottom:18px}.artimg{aspect-ratio:16 / 9;margin-top:36px;max-width:1112px}.crumbs{font-family:var(--font-mono);font-size:12px;color:var(--fg-subtle);display:flex;gap:8px;flex-wrap:wrap}.crumbs a{color:var(--fg-muted);text-decoration:none}.arthead{padding:56px 0 40px;border-bottom:1px solid var(--line)}.arthead h1{margin:18px 0;max-width:24ch}.arthead .lead{max-width:64ch;margin-bottom:22px}.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.avatar{width:40px;height:40px;border-radius:50%;background:#4ca58629;color:var(--btq-green);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:14px}.artgrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:72px;padding-top:56px;padding-bottom:72px}.prose{max-width:68ch;min-width:0;font-size:17px;line-height:1.75;color:var(--fg)}.prose>*+*{margin-top:20px}.prose h2{font-size:24px;line-height:1.25;margin-top:48px}.prose ul,.prose ol{padding-left:22px}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-top:6px}.prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.prose th{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--fg-muted);letter-spacing:.04em}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-3);background:var(--bg-elev)}.areabox{border:1px solid var(--tag-border);background:var(--ok-soft);border-radius:var(--r-3);padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center}.areabox p{font-size:15px;line-height:1.6;color:var(--fg-muted)}.areabox strong{display:block;font-family:var(--font-display);font-weight:500;font-size:17px;color:var(--fg);margin-bottom:4px}.prose details{border-top:1px solid var(--line);padding:14px 0}.prose details:last-of-type{border-bottom:1px solid var(--line)}.prose summary{cursor:pointer;font-family:var(--font-display);font-weight:500;font-size:17px;list-style:none}.prose summary:before{content:"+ ";color:var(--accent-text);font-family:var(--font-mono)}.prose details[open] summary:before{content:"− "}.prose details p{margin-top:10px;font-size:16px;color:var(--fg-muted)}.aside__inner{position:sticky;top:104px;display:flex;flex-direction:column;gap:36px}.toc{display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--line);padding-left:18px}.toc a{font-size:14px;line-height:1.45;color:var(--fg-muted);text-decoration:none}.toc a.is-on{color:var(--fg)}.share{display:flex;flex-direction:column;gap:10px}.share__btns{display:flex;flex-wrap:wrap;gap:8px}.share__btn{font-family:var(--font-mono);font-size:12px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--fg);background:transparent;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.share__btn[hidden]{display:none}.share__btn:hover{color:var(--btq-pink);border-color:var(--btq-pink)}.share--row{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.author{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:32px 0}.author .avatar{width:56px;height:56px;font-size:17px}.author p{font-size:15px;color:var(--fg-muted);max-width:60ch;margin-top:6px}.article-contact{padding-bottom:72px}.cta{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-3);padding:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:center}.cta h2{font-size:clamp(22px,2.4vw,28px);line-height:1.2;margin-bottom:8px}.cta p{color:var(--fg-muted)}.cta__btns{display:flex;gap:12px;flex-wrap:wrap}.related{padding:72px 0;border-top:1px solid var(--line)}.related .cards{margin-top:32px}}@media(max-width:1080px){.blog-page .site-header nav{column-gap:24px}}@media(max-width:960px){.blog-page{--pad-x: 32px}.blog-page .artgrid{grid-template-columns:minmax(0,1fr);gap:48px}.blog-page .aside{display:none}.blog-page .feature{grid-template-columns:minmax(0,1fr);gap:28px}.blog-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.blog-page{--pad-x: 16px}.blog-page .wordmark{font-size:20px}.blog-page .site-header__inner{padding-top:14px;padding-bottom:14px}.blog-page .bloghead{padding:40px 0 28px}.blog-page .rss{margin-left:0;width:100%}.blog-page .cards{grid-template-columns:minmax(0,1fr);gap:36px}.blog-page .arthead{padding:32px 0 28px}.blog-page .artgrid{padding-top:32px;padding-bottom:48px}.blog-page .prose{font-size:16px}.blog-page .areabox,.blog-page .cta{grid-template-columns:minmax(0,1fr);padding:24px 20px}.blog-page .cta__btns .btn{width:100%;justify-content:center}.blog-page .share--row{flex-direction:column;align-items:flex-start}}