@layer theme,base,components,utilities;@layer components{.ks-faqp-side{position:sticky;top:120px}.ks-cat{display:flex;align-items:center;gap:calc(var(--spacing) * 3);min-height:44px;padding:0 calc(var(--spacing) * 3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--foreground);text-decoration:none;transition:background .15s}.ks-cat:hover{background:var(--bg-primary-alt)}.ks-cat:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ks-cat-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--brand) 8%,var(--card));color:var(--brand)}.ks-cat-n{flex-shrink:0;min-width:24px;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--muted);font-size:var(--text-ui-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);font-variant-numeric:tabular-nums;box-sizing:border-box}.ks-qg{scroll-margin-top:120px}.ks-qg-h{display:flex;align-items:center;gap:calc(var(--spacing) * 3);margin:0 0 calc(var(--spacing) * 5);font-size:var(--text-xl);line-height:var(--leading-tight);font-weight:var(--font-weight-semibold);color:var(--foreground)}.ks-qlist{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius-xl) + 4px);padding:0 calc(var(--spacing) * 8)}.ks-q{border-bottom:1px solid var(--border)}.ks-q:last-child{border-bottom:0}.ks-q>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);min-height:68px;padding:calc(var(--spacing) * 5) 0;cursor:pointer;font-size:var(--text-base);line-height:var(--leading-snug, 1.4);font-weight:var(--font-weight-semibold);color:var(--foreground)}.ks-q>summary::-webkit-details-marker{display:none}.ks-q>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-md)}.ks-q-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--muted);color:var(--foreground);transition:transform .2s,background .2s,color .2s}.ks-q[open] .ks-q-ico{transform:rotate(45deg);background:var(--brand);color:var(--primary-foreground)}.ks-q>summary:hover .ks-q-ico{background:color-mix(in oklab,var(--muted) 60%,var(--border))}.ks-q[open]>summary:hover .ks-q-ico{background:var(--brand)}.ks-q>p{margin:0;padding:0 calc(var(--spacing) * 12) calc(var(--spacing) * 6) 0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--muted-foreground)}@media not all and (min-width: 64rem){.ks-faqp{grid-template-columns:minmax(0,1fr)!important}.ks-faqp-side{display:contents!important}.ks-faqp-side>nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.ks-sup{order:1}}@media not all and (min-width: 40rem){.ks-faqp-side>nav{grid-template-columns:minmax(0,1fr)}.ks-qlist{padding:0 calc(var(--spacing) * 5)}.ks-q>p{padding-right:0}}}@layer utilities{.ks-faqp{width:100%;max-width:1200px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:calc(var(--spacing) * 10);align-items:start;text-align:left}.ks-faqp-side{display:flex;flex-direction:column;gap:calc(var(--spacing) * 6)}.ks-cats{display:flex;flex-direction:column;gap:2px;padding:calc(var(--spacing) * 2);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius-xl) + 4px)}.ks-cat-label{flex:1;min-width:0}.ks-sup{display:flex;flex-direction:column;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 7);background:var(--inverse);border-radius:calc(var(--radius-xl) + 4px);text-align:left}.ks-sup-img{display:block;width:96px;height:72px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center}.ks-sup-title{font-size:var(--text-xl);line-height:var(--leading-tight);font-weight:var(--font-weight-semibold);color:var(--inverse-foreground)}.ks-sup-text{display:flex;flex-direction:column;gap:2px;padding-top:calc(var(--spacing) * 4);border-top:1px solid var(--inverse-border)}.ks-faqp-main{display:flex;flex-direction:column;gap:calc(var(--spacing) * 12)}}
