.qh .qh-blog{width:min(100% - 2 * var(--qh-gutter),var(--qh-maxw));margin:0 auto clamp(3rem,8vw,6rem);padding-top:clamp(6.5rem,14vh,8.5rem);display:grid;grid-template-columns:16.5rem minmax(0,1fr);gap:clamp(1.5rem,3.5vw,3.5rem);align-items:start}.qh .qh-blog__main{min-width:0}.qh .qh-blogside{position:sticky;top:5.5rem;display:grid;gap:1.75rem;max-height:calc(100vh - 6.5rem);overflow-y:auto;padding:1.4rem;border-radius:18px;background:rgb(255 255 255/.72);box-shadow:var(--qh-edge),0 0 0 1px var(--qh-hairline),var(--qh-e1)}.qh .qh-blogside__home{font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--qh-ink);text-decoration:none}.qh .qh-blogside__home:hover{color:var(--qh-accent-deep)}.qh .qh-blogside .qh-label{margin-bottom:.55rem}.qh .qh-blogside__list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}.qh .qh-blogside__cat{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:40px;padding:.4rem .7rem;border-radius:10px;color:var(--qh-ink);font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .14s var(--qh-ease)}.qh .qh-blogside__cat:hover{background:rgb(230 126 78/.08)}.qh .qh-blogside__cat[aria-current=true]{background:var(--qh-accent-tint);color:var(--qh-accent-deep)}.qh .qh-blogside__count{font-size:.72rem;font-weight:600;color:var(--qh-ink-soft);background:rgb(15 20 25/.05);padding:.1rem .5rem;border-radius:999px}.qh .qh-blogside__post{display:grid;gap:.2rem;padding:.55rem .7rem;border-radius:10px;text-decoration:none;transition:background-color .14s var(--qh-ease)}.qh .qh-blogside__post:hover{background:rgb(230 126 78/.08)}.qh .qh-blogside__post b{font-size:.86rem;font-weight:600;line-height:1.35;color:var(--qh-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qh .qh-blogside__post small{font-size:.74rem;color:var(--qh-ink-soft)}.qh .qh-blogside__post[aria-current=page]{background:var(--qh-accent-tint)}.qh .qh-blogside__post[aria-current=page] b{color:var(--qh-accent-deep)}.qh .qh-blogside__try{display:grid;gap:.5rem;padding:1rem;border-radius:14px;background:var(--qh-accent-tint)}.qh .qh-blogside__try b{font-size:.92rem}.qh .qh-blogside__try p{font-size:.82rem;color:var(--qh-ink-mid);line-height:1.5}.qh .qh-bloghead{display:grid;gap:1rem;margin-bottom:clamp(1.75rem,4vw,3rem)}.qh .qh-bloghead .qh-pagehead__title{max-width:12ch}.qh .qh-blogcats{display:none}.qh .qh-blogcard__meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.8rem;color:var(--qh-ink-soft)}.qh .qh-blogcard .qh-card__text,.qh .qh-blogcard .qh-card__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qh .qh-blogcard .qh-card__media{aspect-ratio:16/9}.qh .qh-postplane{width:100%}.qh .qh-post{max-width:46rem;margin-inline:auto}.qh .qh-post>article>header{margin-bottom:2rem;display:grid;gap:.75rem}.qh .qh-post>article>header h1{margin:0}.qh .qh-post>article>header>div:last-child{font-size:.88rem;color:var(--qh-ink-soft)}.qh .qh-post>article>header p{margin:0}.qh .qh-post .aspect-\[16\/9\]{margin-bottom:2rem;box-shadow:var(--qh-e2)}.qh .qh-post .aspect-\[16\/9\] img{border-radius:0}.qh .qh-post h2.border-b{border-bottom:1px solid var(--qh-hairline);padding-bottom:.4em}.qh .qh-post ul[class]{list-style:none;padding-left:0}.qh .qh-post ul.list-disc{list-style:disc;padding-left:1.3em}.qh .qh-post ol.list-decimal{list-style:decimal;padding-left:1.4em}.qh .qh-post ol.list-inside,.qh .qh-post ul.list-inside{list-style-position:inside;padding-left:0}.qh .qh-post li.flex,.qh .qh-post li>p,.qh .qh-post li>span>p{margin:0}.qh .qh-post div>p:last-child,.qh .qh-post div>ul:last-child{margin-bottom:0}.qh .qh-post .flex>p{margin:0}.qh .qh-post .grid>div>h3:first-child,.qh .qh-post .grid>div>h4:first-child,.qh .qh-post div[class*=p-]>h2:first-child,.qh .qh-post div[class*=p-]>h3:first-child,.qh .qh-post div[class*=p-]>h4:first-child{margin-top:0}.qh .qh-post div[class*=bg-gh-ivory],.qh .qh-post div[class*=bg-gh-moon]{background:rgb(246 245 243/.9)}.qh .qh-post img{border-radius:0}.qh .qh-post table{display:table;width:100%}.qh .qh-post .overflow-x-auto{margin-bottom:1.1em}.qh .qh-post .overflow-x-auto table{margin:0}.qh .qh-post thead th,.qh .qh-post thead tr{background:var(--qh-accent-tint)}.qh .qh-post a.qh-post-related{display:grid;gap:.3rem;padding:1.1rem 1.25rem;border-radius:14px;text-decoration:none;color:var(--qh-ink);font-weight:400;background:rgb(255 255 255/.9);box-shadow:0 0 0 1px var(--qh-hairline);transition:box-shadow .16s var(--qh-ease),transform .16s var(--qh-ease)}.qh .qh-post a.qh-post-related:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--qh-hairline-strong),var(--qh-e1)}.qh .qh-post a.qh-post-related h3{margin:0;font-size:1.05rem}.qh .qh-post a.qh-post-related p{margin:0;color:var(--qh-ink-soft)}.qh .qh-post .qh-post-cta{display:grid;justify-items:center;gap:.9rem;text-align:center;margin-top:2.5rem;padding:clamp(1.75rem,4vw,2.75rem) clamp(1.25rem,4vw,2.5rem);border-radius:18px;background:var(--qh-accent-tint)}.qh .qh-post .qh-post-cta h2{margin:0;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.2rem);letter-spacing:-.03em}.qh .qh-post .qh-post-cta__text{margin:0;max-width:46ch;color:var(--qh-ink-mid)}.qh .qh-post a.qh-btn{color:#fff;text-decoration:none;font-weight:600}@media (max-width:1100px){.qh .qh-blog{grid-template-columns:minmax(0,1fr)}.qh .qh-blogside{display:none}.qh .qh-blogcats{display:flex;flex-wrap:wrap;gap:.5rem}.qh .qh-blogcats a{min-height:40px;display:inline-flex;align-items:center;text-decoration:none;font-size:.82rem;padding:.35rem .85rem}}.qh .qh-post .qh-post-box{margin:0 0 2rem;padding:clamp(1.1rem,3vw,1.5rem);border-radius:16px;background:rgb(246 245 243/.95);box-shadow:0 0 0 1px var(--qh-hairline)}.qh .qh-post .qh-post-box--accent{background:var(--qh-accent-tint);box-shadow:none;color:var(--qh-ink)}.qh .qh-post .qh-post-box h2,.qh .qh-post .qh-post-box h3{margin-top:0}.qh .qh-post a.qh-post-related h4{margin:0;font-size:1rem}.qh .qh-post .bg-gh-sunset.text-white{background:var(--qh-accent-deep)}.qh .qh-post header .rounded-full[class*=bg-gh-sunset]{justify-self:start}.qh .qh-post article>header{margin-bottom:2rem;display:grid;gap:.75rem}.qh .qh-post article>header h1,.qh .qh-post article>header>p{margin:0}.qh .qh-blog__main .qh-cards{align-items:start}@media (max-width:560px){.qh .qh-postplane{padding-inline:1rem}}