/* ==========================================================================
   Pismo Design System — utilities.css
   Атомарные хелперы. Адаптивные префиксы: sm: md: lg: xl: (display, grid-cols, направление, выравнивание)
   ========================================================================== */
.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%;min-width:0}.flex-none{flex:none}
.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}
.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}
.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}
.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}
.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.col-span-full{grid-column:1/-1}
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
.uppercase{text-transform:uppercase}.tabular{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.balance{text-wrap:balance}
.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}
.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}
.max-w-prose{max-width:38em}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:36rem}
.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-0{border:0}
.text-primary{color:var(--text-primary)}.text-heading{color:var(--text-heading)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-blue{color:var(--blue-fg)}.text-green{color:var(--green-fg)}.text-rose{color:var(--rose-fg)}.text-amber{color:var(--amber-fg)}
.bg-bg{background:var(--bg)}.bg-bg-alt{background:var(--bg-alt)}.bg-surface{background:var(--surface)}.bg-sunken{background:var(--surface-sunken)}.bg-panel{background:var(--panel)}.bg-panel-blue{background:var(--panel-blue)}.bg-panel-rose{background:var(--panel-rose)}.bg-panel-green{background:var(--panel-green)}
.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-full{border-radius:var(--radius-full)}
.shadow-raised{box-shadow:var(--shadow-raised)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-well{box-shadow:var(--shadow-well)}.shadow-float{box-shadow:var(--shadow-float)}.shadow-key{box-shadow:var(--shadow-key)}
.p-0{padding:0}.px-0{padding-inline:0}.py-0{padding-block:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.gap-0{gap:0}
.p-1{padding:var(--space-1)}.px-1{padding-inline:var(--space-1)}.py-1{padding-block:var(--space-1)}.pt-1{padding-top:var(--space-1)}.pb-1{padding-bottom:var(--space-1)}.m-1{margin:var(--space-1)}.mt-1{margin-top:var(--space-1)}.mb-1{margin-bottom:var(--space-1)}.gap-1{gap:var(--space-1)}
.p-2{padding:var(--space-2)}.px-2{padding-inline:var(--space-2)}.py-2{padding-block:var(--space-2)}.pt-2{padding-top:var(--space-2)}.pb-2{padding-bottom:var(--space-2)}.m-2{margin:var(--space-2)}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.gap-2{gap:var(--space-2)}
.p-3{padding:var(--space-3)}.px-3{padding-inline:var(--space-3)}.py-3{padding-block:var(--space-3)}.pt-3{padding-top:var(--space-3)}.pb-3{padding-bottom:var(--space-3)}.m-3{margin:var(--space-3)}.mt-3{margin-top:var(--space-3)}.mb-3{margin-bottom:var(--space-3)}.gap-3{gap:var(--space-3)}
.p-4{padding:var(--space-4)}.px-4{padding-inline:var(--space-4)}.py-4{padding-block:var(--space-4)}.pt-4{padding-top:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.m-4{margin:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.gap-4{gap:var(--space-4)}
.p-5{padding:var(--space-5)}.px-5{padding-inline:var(--space-5)}.py-5{padding-block:var(--space-5)}.pt-5{padding-top:var(--space-5)}.pb-5{padding-bottom:var(--space-5)}.m-5{margin:var(--space-5)}.mt-5{margin-top:var(--space-5)}.mb-5{margin-bottom:var(--space-5)}.gap-5{gap:var(--space-5)}
.p-6{padding:var(--space-6)}.px-6{padding-inline:var(--space-6)}.py-6{padding-block:var(--space-6)}.pt-6{padding-top:var(--space-6)}.pb-6{padding-bottom:var(--space-6)}.m-6{margin:var(--space-6)}.mt-6{margin-top:var(--space-6)}.mb-6{margin-bottom:var(--space-6)}.gap-6{gap:var(--space-6)}
.p-8{padding:var(--space-8)}.px-8{padding-inline:var(--space-8)}.py-8{padding-block:var(--space-8)}.pt-8{padding-top:var(--space-8)}.pb-8{padding-bottom:var(--space-8)}.m-8{margin:var(--space-8)}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.gap-8{gap:var(--space-8)}
.p-10{padding:var(--space-10)}.px-10{padding-inline:var(--space-10)}.py-10{padding-block:var(--space-10)}.pt-10{padding-top:var(--space-10)}.pb-10{padding-bottom:var(--space-10)}.m-10{margin:var(--space-10)}.mt-10{margin-top:var(--space-10)}.mb-10{margin-bottom:var(--space-10)}.gap-10{gap:var(--space-10)}
.p-12{padding:var(--space-12)}.px-12{padding-inline:var(--space-12)}.py-12{padding-block:var(--space-12)}.pt-12{padding-top:var(--space-12)}.pb-12{padding-bottom:var(--space-12)}.m-12{margin:var(--space-12)}.mt-12{margin-top:var(--space-12)}.mb-12{margin-bottom:var(--space-12)}.gap-12{gap:var(--space-12)}
.p-16{padding:var(--space-16)}.px-16{padding-inline:var(--space-16)}.py-16{padding-block:var(--space-16)}.pt-16{padding-top:var(--space-16)}.pb-16{padding-bottom:var(--space-16)}.m-16{margin:var(--space-16)}.mt-16{margin-top:var(--space-16)}.mb-16{margin-bottom:var(--space-16)}.gap-16{gap:var(--space-16)}
.p-20{padding:var(--space-20)}.px-20{padding-inline:var(--space-20)}.py-20{padding-block:var(--space-20)}.pt-20{padding-top:var(--space-20)}.pb-20{padding-bottom:var(--space-20)}.m-20{margin:var(--space-20)}.mt-20{margin-top:var(--space-20)}.mb-20{margin-bottom:var(--space-20)}.gap-20{gap:var(--space-20)}
.p-24{padding:var(--space-24)}.px-24{padding-inline:var(--space-24)}.py-24{padding-block:var(--space-24)}.pt-24{padding-top:var(--space-24)}.pb-24{padding-bottom:var(--space-24)}.m-24{margin:var(--space-24)}.mt-24{margin-top:var(--space-24)}.mb-24{margin-bottom:var(--space-24)}.gap-24{gap:var(--space-24)}
@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:text-left{text-align:left}}
@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline-flex{display:inline-flex}.md\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:text-left{text-align:left}}
@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:text-left{text-align:left}}
@media (min-width:1280px){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:inline-flex{display:inline-flex}.xl\:cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}.xl\:text-left{text-align:left}}
@media (max-width:767px){.hide-mobile{display:none!important}}
@media (min-width:768px){.show-mobile{display:none!important}}
/* Алиасы/дополнения */
.text-muted{color:var(--text-secondary)}.text-fg{color:var(--text-primary)}.text-subtle{color:var(--text-tertiary)}.text-mint{color:var(--mint-fg)}.text-lilac{color:var(--lilac-fg)}
.text-xs{font-size:var(--text-caption)}.text-sm{font-size:var(--text-body-sm)}.text-base{font-size:var(--text-body)}.text-lg{font-size:var(--text-lead)}.text-xl{font-size:var(--text-h5)}.text-2xl{font-size:var(--text-h4)}.text-\[11px\]{font-size:11px}
.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.65}.tracking-tight{letter-spacing:-0.02em}.tracking-wide{letter-spacing:.04em}
.border-line{border-color:var(--rail)}.border-b-line{border-bottom-color:var(--rail)}.border-rail{border-color:var(--rail)}.border-hairline{border-color:var(--hairline)}.border-strong{border-color:var(--border-strong)}
.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}
.rounded-33{border-radius:33px}
@media (min-width:1024px){.hide-desktop{display:none!important}}
@media (max-width:1023px){.hide-tablet{display:none!important}}