.detail-main.svelte-1srkcxp{width:min(100%, var(--site-content-width));min-height:100vh;padding:7rem var(--site-gutter) 5rem;flex-direction:column;align-items:flex-start;gap:1rem;margin:0 auto;display:flex}.detail-main.svelte-1srkcxp>[data-slot=card]{width:100%}.detail-body{min-height:13.333rem}.detail-title{font-size:2rem;line-height:1.25}.detail-date{align-items:center;gap:.4rem;display:flex}.detail-date svg{width:1rem;height:1rem}.detail-pager.svelte-1srkcxp{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.detail-pager.svelte-1srkcxp a:where(.svelte-1srkcxp),.pager-empty.svelte-1srkcxp{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--card) 65%, var(--background));flex-direction:column;justify-content:center;gap:.3rem;min-height:4.5rem;padding:.75rem;transition:background .18s,border-color .18s,transform .18s;display:flex;position:relative}.detail-pager.svelte-1srkcxp a:where(.svelte-1srkcxp):hover,.detail-pager.svelte-1srkcxp a:where(.svelte-1srkcxp):focus-visible{border-color:color-mix(in srgb, var(--primary) 42%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--background));transform:translateY(-2px)}.detail-pager.svelte-1srkcxp a:where(.svelte-1srkcxp):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.detail-pager.svelte-1srkcxp span:where(.svelte-1srkcxp){color:var(--muted-foreground);font-size:.75rem}.detail-pager.svelte-1srkcxp a:where(.svelte-1srkcxp) svg{width:1rem;height:1rem;color:var(--primary);transition:transform .18s;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.detail-pager.svelte-1srkcxp a:where(.svelte-1srkcxp){padding-left:2.2rem}.detail-pager.svelte-1srkcxp a:where(.svelte-1srkcxp):hover svg{transform:translate(-3px,-50%)}.pager-next.svelte-1srkcxp{text-align:right;align-items:flex-end;padding-left:.75rem;padding-right:2.2rem}.detail-pager.svelte-1srkcxp .pager-next:where(.svelte-1srkcxp) svg{left:auto;right:.7rem}.detail-pager.svelte-1srkcxp .pager-next:where(.svelte-1srkcxp):hover svg{transform:translate(3px,-50%)}@media (width<=639px){.detail-main.svelte-1srkcxp{padding:6rem var(--site-gutter) 4rem}.detail-title{font-size:1.65rem}.detail-pager.svelte-1srkcxp{grid-template-columns:1fr}}