@layer z.tokens,z.base,z.components;@layer z.pages{.z-thread{gap:var(--z-space-6);padding-block:var(--z-space-10) var(--z-space-18);flex-direction:column;display:flex}.z-thread__grid{grid-template-columns:minmax(0, 1fr) var(--z-aside-w);align-items:start;gap:var(--z-space-10);display:grid}.z-thread__main,.z-thread__aside{gap:var(--z-space-6);flex-direction:column;min-width:0;display:flex}.z-thread__head{gap:var(--z-space-4);flex-direction:column;display:flex}.z-thread__tags{gap:var(--z-space-2);flex-wrap:wrap;display:flex}.z-thread__title{overflow-wrap:anywhere}.z-thread__bar{justify-content:space-between;align-items:center;gap:var(--z-space-4);flex-wrap:wrap;display:flex}.z-thread__actions{align-items:flex-start;gap:var(--z-space-2);flex-wrap:wrap;display:flex}@media (pointer:coarse){.z-post__context a{position:relative}.z-post__context a:after{content:"";inset:50% calc(-1 * var(--z-space-1)) auto;height:max(100% + 2 * var(--z-space-3), var(--z-tap));position:absolute;translate:0 -50%}}.z-post{gap:var(--z-space-4);padding:var(--z-space-5) var(--z-space-6);flex-direction:column;display:flex}.z-post--opening{gap:var(--z-space-6);padding:var(--z-space-8)}.z-post--solution{border-color:var(--z-success);box-shadow:0 0 0 1px var(--z-success)}.z-post--removed{background:var(--z-muted)}.z-post[data-current]{border-color:var(--z-accent-text);box-shadow:0 0 0 1px var(--z-accent-text)}.z-post__head{justify-content:space-between;align-items:center;gap:var(--z-space-2) var(--z-space-4);flex-wrap:wrap;display:flex}.z-post__sections{gap:var(--z-space-8);flex-direction:column;display:flex}.z-post__heading{margin-bottom:var(--z-space-3);font:var(--z-text-h3);font-size:1.25rem;line-height:1.75rem}.z-read-sentinel{pointer-events:none;height:1px;display:block}.z-post__sections>.z-read-sentinel{margin-top:calc(-1 * var(--z-space-8) - 1px)}.z-post>.z-read-sentinel{margin-top:calc(-1 * var(--z-space-4) - 1px)}.z-post__callout{justify-content:space-between;align-items:center;gap:var(--z-space-3) var(--z-space-4);padding:var(--z-space-4);border-radius:var(--z-radius-sm);background:var(--z-accent-soft);flex-wrap:wrap;display:flex}.z-post__callout>div{flex:16rem;min-width:0}.z-post__callout strong{font:var(--z-text-small-strong)}.z-post__callout p{color:var(--z-sub);font:var(--z-text-small)}.z-post__tool{align-items:center;gap:var(--z-space-1) var(--z-space-3);padding-top:var(--z-space-4);border-top:1px solid var(--z-line);color:var(--z-sub);font:var(--z-text-small);flex-wrap:wrap;display:flex}.z-post__context{align-items:flex-start;gap:var(--z-space-2);color:var(--z-sub);font:var(--z-text-caption);flex-direction:column;display:flex}.z-post__context a{align-items:center;gap:var(--z-space-1);min-height:var(--z-control-h-xs);border-radius:var(--z-radius-sm);flex-wrap:wrap;display:inline-flex}.z-post__context strong{color:var(--z-ink);font-weight:600}@media (hover:hover){.z-post__context a:hover{text-underline-offset:3px;text-decoration:underline}}.z-post__context blockquote,.z-composer__target blockquote{padding:var(--z-space-1) 0 var(--z-space-1) var(--z-space-3);border-inline-start:3px solid var(--z-line-strong);color:var(--z-sub);font:var(--z-text-small);white-space:pre-line;overflow-wrap:anywhere;margin:0}.z-post__actions{align-items:center;gap:var(--z-space-2);margin-inline:calc(-1 * var(--z-space-2));flex-wrap:wrap;display:flex}.z-post__spacer{flex:1 1 0}.z-post__panel{margin:var(--z-space-2) var(--z-space-2) 0;padding:var(--z-space-4);border:1px solid var(--z-line);border-radius:var(--z-radius-md);background:var(--z-bg);flex-basis:100%;order:1}.z-post__helpful-own{align-items:center;gap:var(--z-space-1-5);padding-inline:var(--z-space-2);color:var(--z-sub);font:var(--z-text-caption);display:inline-flex}.z-post__helpful-own .z-icon{width:14px;height:14px}.z-text-btn--solution{color:var(--z-success)}.z-replies{gap:var(--z-space-4);margin-top:var(--z-space-4);flex-direction:column;display:flex}.z-replies__head{justify-content:space-between;align-items:baseline;gap:var(--z-space-1) var(--z-space-4);flex-wrap:wrap;display:flex}.z-replies__head p{color:var(--z-sub);font:var(--z-text-small)}.z-replies__count{color:var(--z-sub);font-variant-numeric:tabular-nums;font-weight:400}.z-replies__list{gap:var(--z-space-3);flex-direction:column;display:flex}.z-replies .z-pagination{margin-top:var(--z-space-2)}.z-thread__compose{padding:var(--z-space-6)}.z-thread__compose:has(>.z-signin){padding:0}.z-composer{gap:var(--z-space-3);flex-direction:column;display:flex}.z-composer__head{justify-content:space-between;align-items:baseline;gap:var(--z-space-1) var(--z-space-4);margin-bottom:var(--z-space-1);flex-wrap:wrap;display:flex}.z-composer__who{color:var(--z-sub);font:var(--z-text-caption);overflow-wrap:anywhere}.z-composer__target{align-items:flex-start;gap:var(--z-space-2);padding:var(--z-space-3) var(--z-space-4);border-radius:var(--z-radius-sm);background:var(--z-muted);font:var(--z-text-small);flex-direction:column;display:flex}.z-composer__target-head{align-items:center;gap:var(--z-space-1) var(--z-space-3);flex-wrap:wrap;align-self:stretch;display:flex}.z-composer__target-remove{margin-inline-start:auto;margin-inline-end:calc(-1 * var(--z-space-2))}.z-composer__target-status{color:var(--z-sub)}.z-composer__target small{color:var(--z-sub);font:var(--z-text-caption)}.z-composer__editor{border:1px solid var(--z-line-strong);border-radius:var(--z-radius-sm);background:var(--z-surface);transition:border-color var(--z-dur-fast) var(--z-ease)}.z-composer__editor:focus-within{border-color:var(--z-focus);outline:2px solid color-mix(in srgb, var(--z-focus) 25%, transparent)}.z-composer__toolbar{gap:var(--z-space-1);padding:var(--z-space-1);border-bottom:1px solid var(--z-line);flex-wrap:wrap;display:flex}.z-composer__preview-toggle{margin-inline-start:auto}.z-composer__input{width:100%;min-height:9rem;padding:var(--z-space-3);border-radius:0 0 var(--z-radius-sm) var(--z-radius-sm);color:var(--z-ink);font:var(--z-text-body);resize:vertical;background:0 0;border:0;line-height:1.6;display:block}.z-composer__input:focus-visible{outline:none}.z-composer__input::placeholder{color:var(--z-sub);opacity:1}@media (pointer:coarse){.z-composer__input{font-size:max(16px,.9375rem)}}.z-composer__input:disabled{background:var(--z-muted);color:var(--z-sub)}.z-composer__preview{gap:var(--z-space-2);padding:var(--z-space-4);border:1px dashed var(--z-line-strong);border-radius:var(--z-radius-sm);flex-direction:column;display:flex}.z-composer__foot{justify-content:space-between;align-items:center;gap:var(--z-space-3) var(--z-space-4);flex-wrap:wrap;display:flex}.z-composer__foot>p{flex:14rem}.z-thread__end{justify-content:space-between;align-items:center;gap:var(--z-space-4);padding-top:var(--z-space-6);border-top:1px solid var(--z-line);flex-wrap:wrap;display:flex}.z-related__head{align-items:flex-start;gap:var(--z-space-1);padding:var(--z-space-5) var(--z-space-5) var(--z-space-2);flex-direction:column;display:flex}.z-related ol{padding:0 var(--z-space-2)}.z-related li{align-items:start;gap:var(--z-space-3);padding:var(--z-space-2) var(--z-space-3);border-radius:var(--z-radius-sm);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.z-related li a{-webkit-line-clamp:2;font:var(--z-text-small);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:clip}.z-related li a:after{content:"";border-radius:inherit;position:absolute;inset:0}.z-related li a:focus-visible{outline:none}.z-related li:has(a:focus-visible){outline:2px solid var(--z-focus);outline-offset:-2px}.z-related li:has(a[aria-current=page]){background:var(--z-accent-soft)}.z-related li a[aria-current=page]{color:var(--z-accent-text);font-weight:600}@media (hover:hover){.z-related li:not(:has(a[aria-current=page])):hover{background:var(--z-muted)}}@media (forced-colors:active){.z-related li:has(a[aria-current=page]){outline-offset:-2px;outline:2px solid canvastext}}.z-related__count{color:var(--z-sub);font:var(--z-text-caption);font-variant-numeric:tabular-nums}.z-related__empty{padding:0 var(--z-space-5);color:var(--z-sub);font:var(--z-text-small)}.z-related__all{margin:var(--z-space-3) var(--z-space-5) var(--z-space-5)}.z-dock{right:max(var(--z-gutter), env(safe-area-inset-right));bottom:calc(var(--z-space-6) + env(safe-area-inset-bottom));z-index:30;align-items:center;gap:var(--z-space-3);padding:var(--z-space-1) var(--z-space-1) var(--z-space-1) var(--z-space-4);border-radius:var(--z-radius-sm);background:var(--z-inverse);color:var(--z-on-inverse);box-shadow:var(--z-shadow-lg);transition:opacity var(--z-dur) var(--z-ease), transform var(--z-dur) var(--z-ease), visibility 0s;display:flex;position:fixed}.z-dock__count{font:var(--z-text-caption);font-variant-numeric:tabular-nums}.z-dock__action{align-items:center;gap:var(--z-space-2);min-height:var(--z-control-h-sm);padding:0 var(--z-space-3);border-radius:var(--z-radius-xs);background:var(--z-accent);color:var(--z-on-accent);font:var(--z-text-small-strong);display:inline-flex}.z-dock__action .z-icon{width:16px;height:16px}.z-dock[data-hidden=true]{visibility:hidden;opacity:0;transform:translateY(var(--z-space-4));transition:opacity var(--z-dur) var(--z-ease), transform var(--z-dur) var(--z-ease), visibility 0s linear var(--z-dur)}.z-dock:focus-visible{outline-offset:3px}@media (forced-colors:active){.z-dock{border:1px solid canvastext}}@media (pointer:coarse){.z-dock__action{min-height:var(--z-tap)}}@media (min-width:60em),(max-height:31.25em){.z-dock{display:none}}@media (max-width:59.9375em){.z-thread{gap:var(--z-space-5);padding-block:var(--z-space-6) var(--z-space-12)}.z-thread__grid{gap:var(--z-space-10);grid-template-columns:minmax(0,1fr)}.z-dock{bottom:calc(var(--z-bottom-nav-h) + env(safe-area-inset-bottom) + var(--z-space-3))}}@media (max-width:59.9375em) and (min-height:31.3125em){:root:has(.z-dock[data-hidden=false]){scroll-padding-bottom:calc(var(--z-bottom-nav-h) + env(safe-area-inset-bottom) + var(--z-space-3) + var(--z-tap) + var(--z-space-4))}.z-root:has(.z-dock) .z-footer{padding-bottom:calc(var(--z-tap) + var(--z-space-6))}}@media (max-width:39.9375em){.z-thread__main{gap:var(--z-space-5)}.z-thread__bar{align-items:flex-start}.z-thread__actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.z-thread__actions>*,.z-thread__actions .z-btn{width:100%}.z-post{padding:var(--z-space-4)}.z-post--opening{gap:var(--z-space-5);padding:var(--z-space-5) var(--z-space-4)}.z-thread__compose{padding:var(--z-space-4)}.z-thread__compose:has(>.z-signin){padding:0}.z-composer__toolbar{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.z-composer__toolbar .z-text-btn{justify-content:center;gap:var(--z-space-1);min-width:0;padding-inline:var(--z-space-1)}.z-composer__toolbar .z-composer__preview-toggle{margin-inline-start:0}.z-composer__foot .z-btn{width:100%}.z-thread__end{flex-direction:column;align-items:flex-start}}@media (max-width:22em){.z-composer__toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}}@layer z.utilities;
