/* Firoozeh · small public pages: channel chooser, policies/FAQ accordion, dev upload harness. */
.k-spin { animation: k-spin 900ms linear infinite; }
@media (prefers-reduced-motion: reduce) { .k-spin { animation: none; } }

.k-choose { padding-block: var(--k-7) var(--k-8); text-align: center; }
.k-choose__title { font-size: var(--k-text-5xl); margin-top: var(--k-2); }
.k-choose__lead { max-width: 40ch; margin: var(--k-3) auto 0; font-size: var(--k-text-lg); }
.k-choose__grid { list-style: none; padding: 0; margin: var(--k-7) auto 0; display: grid; gap: var(--k-4); grid-template-columns: repeat(auto-fit, minmax(min(19rem, 100%), 1fr)); max-width: 52rem; text-align: start; }
.k-choose__card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--k-3); height: 100%; padding: var(--k-5); background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-radius-lg); color: var(--k-ink); text-decoration: none; position: relative; overflow: hidden; transition: border-color var(--k-dur-1), transform var(--k-dur-2) var(--k-ease), box-shadow var(--k-dur-2); }
.k-choose__card::before { content: ""; position: absolute; inset-inline: 0; inset-block-start: 0; height: 6px; background: linear-gradient(to left, var(--tile-firoozeh) 0 50%, var(--tile-khormalu) 50% 66%, var(--tile-khesht) 66% 83%, var(--tile-pesteh) 83%); }
.k-choose__card:hover { color: var(--k-ink); border-color: var(--k-accent); transform: translateY(-2px); box-shadow: var(--k-shadow-2); }
.k-choose__card:focus-visible { outline: none; box-shadow: var(--k-ring); }
.k-choose__icon { width: 3.5rem; height: 3.5rem; display: grid; place-items: center; border-radius: var(--k-radius-sm); }
.k-choose__icon .k-icon { width: 1.75rem; height: 1.75rem; }
.k-choose__icon--ai { background: var(--k-deep); color: #8fd6d8; }
.k-choose__icon--ok { background: var(--k-ok-soft); color: var(--k-ok); }
.k-choose__name { font: 700 var(--k-text-xl) / 1.4 var(--k-font-display); }
.k-choose__text { color: var(--k-muted); line-height: 1.8; flex: 1; }
.k-choose__go { display: inline-flex; gap: var(--k-2); align-items: center; font: 700 var(--k-text-sm) / 1 var(--k-font-display); color: var(--k-accent-ink); }

.k-policies { padding-block: var(--k-6) var(--k-8); max-width: 52rem; display: flex; flex-direction: column; gap: var(--k-6); }
.k-policies__head h1 { font-size: var(--k-text-3xl); margin: var(--k-1) 0 var(--k-4); }
.k-policies__search { display: flex; gap: var(--k-2); flex-wrap: wrap; }
.k-policies__search .k-input-wrap { flex: 1 1 18rem; }
.k-policies__head [data-summary] { margin-top: var(--k-2); font-size: var(--k-text-sm); }
.k-policies__head [data-summary]:empty { display: none; }
.k-policies__h { display: flex; align-items: center; gap: var(--k-2); font-size: var(--k-text-xl); margin-bottom: var(--k-3); }
.k-policies__h .k-icon { color: var(--k-accent); }
.k-policies__back { text-align: center; }
.k-accordion { display: flex; flex-direction: column; gap: var(--k-2); }
.k-acc { background: var(--k-surface); border: 1px solid var(--k-line); border-radius: var(--k-radius-md); }
.k-acc[open] { border-color: var(--k-line-strong); box-shadow: var(--k-shadow-1); }
.k-acc summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--k-3); padding: var(--k-3) var(--k-4); border-radius: var(--k-radius-md); }
.k-acc summary::-webkit-details-marker { display: none; }
.k-acc summary:focus-visible { outline: none; box-shadow: var(--k-ring); }
.k-acc__title { flex: 1; font: 700 var(--k-text-md) / 1.6 var(--k-font-display); }
.k-acc__chev { transition: transform var(--k-dur-2) var(--k-ease); color: var(--k-muted); }
.k-acc[open] .k-acc__chev { transform: rotate(180deg); }
.k-acc__body { padding: 0 var(--k-4) var(--k-4); border-top: 1px solid var(--k-line); padding-top: var(--k-3); display: flex; flex-direction: column; gap: var(--k-2); }
.k-acc__body .k-prose { white-space: pre-line; line-height: var(--k-leading-body); color: var(--k-ink-2); }

.k-devupload { padding-block: var(--k-6) var(--k-8); max-width: 56rem; display: flex; flex-direction: column; gap: var(--k-5); }