/* ════════════════════════════════════════════════════════════════════════
   Koma — how the approved system is assembled in the real app.
   koma.css and koma-mobile.css are the system itself (tokens + components, ported 1:1).
   This file holds what the prototype did not need: the shell wiring, the phone breakpoint, the real file
   previews (no thumbnail service, so no drawings), native selects, skeleton sizes, the sign-in screens.
   Tokens only, logical properties only. Rules for new screens are scoped with :where(.k).
   ════════════════════════════════════════════════════════════════════════ */

/* ───────── 1. base ───────── */
#app{block-size:100%}
.k-sprite{position:absolute;inline-size:0;block-size:0;overflow:hidden}
.skip-link{position:absolute;inset-inline-start:var(--sp-3);inset-block-start:-64px;z-index:100;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--c-ink);color:#fff;font-size:var(--fs-13);font-weight:500}
.skip-link:focus{inset-block-start:var(--sp-3)}
.boot{min-block-size:100vh;display:grid;place-content:center;justify-items:center;gap:var(--sp-2)}
.boot__word{font-family:'Outfit',var(--sans);font-size:28px;line-height:36px;font-weight:800;color:var(--c-accent)}
.boot__text{font-size:var(--fs-13);color:var(--c-text-3)}
:where(.k) .ic--12{inline-size:12px;block-size:12px}
:where(.k) .form__opt{font-weight:400}
:where(.k) .k-end{margin-inline-start:auto}
:where(.k) .k-indent{padding-inline-start:28px}
:where(.k) .k-flat{margin:0;padding:0}
:where(.k) .k-center{margin-block:auto}
:where(.k) a.btn,:where(.k) a.row,:where(.k) a.m-row{cursor:pointer}
:where(.k) .btn[aria-busy="true"]{color:transparent!important;pointer-events:none}
:where(.k) .btn[aria-busy="true"] .ic{visibility:hidden}
:where(.k) .btn[aria-busy="true"]::after{content:"";position:absolute;inset:0;margin:auto;inline-size:14px;block-size:14px;border-radius:50%;border:2px solid var(--c-text-3);border-block-start-color:transparent;animation:k-spin .7s linear infinite}
:where(.k) .btn--primary[aria-busy="true"]::after{border-color:#fff;border-block-start-color:transparent}
:where(.k) .form-error{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--c-return-tint);color:var(--c-return-text);font-size:var(--fs-13);line-height:var(--lh-13)}
:where(.k) .form-error[hidden]{display:none}
:where(.k) .thumb img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
:where(.k) .banner>.ic{flex:none}
:where(.k) .banner__action{flex:none;cursor:pointer}
:where(.k) .banner__action--next{margin-inline-start:var(--sp-3)}
:where(.k) .toast-host:empty{display:none}
:where(.k) .toast-host{inset-block-end:72px}

/* skeleton sizes (no inline styles under the CSP) */
:where(.k) .k-w20{inline-size:20%} :where(.k) .k-w30{inline-size:30%} :where(.k) .k-w35{inline-size:35%} :where(.k) .k-w40{inline-size:40%}
:where(.k) .k-w45{inline-size:45%} :where(.k) .k-w50{inline-size:50%} :where(.k) .k-w55{inline-size:55%} :where(.k) .k-w60{inline-size:60%}
:where(.k) .k-w65{inline-size:65%} :where(.k) .k-w70{inline-size:70%} :where(.k) .k-w-end{inline-size:56px}
:where(.k) .k-fw120{inline-size:120px} :where(.k) .k-fw264{inline-size:264px}
:where(.k) .row__body .skel--text+.skel--text{margin-block-start:var(--sp-2)}
:where(.k) .skel--stage{block-size:260px;border-radius:var(--r-lg)}
:where(.k) .skel--btn{inline-size:132px;block-size:var(--h-ctl);border-radius:var(--r-md)}
:where(.k) .skel--field{block-size:var(--h-ctl);border-radius:var(--r-md);flex:none}
:where(.k) .skel--paper{aspect-ratio:3/2;inline-size:100%}
:where(.k) .sheet-card__body .skel--text{margin-block:var(--sp-1)}

/* ───────── 2. shell ───────── */
.app__side{display:contents}
.app__top,.app__banner,.app__bottom{flex:none;min-inline-size:0}
.app__main>#main{flex:1;min-block-size:0;min-inline-size:0;overflow:auto;display:flex;flex-direction:column;outline:none}
.view{flex:none;min-inline-size:0}
.view.k{display:flex;flex-direction:column}
/* the floating uploads panel must not cover the last rows of a scrolling page; screens that fill the window manage their own space */
body.has-uploads #main{padding-bottom:0}
body.has-uploads .legacy.view{padding-bottom:160px}
body.has-uploads .view .page>.pl-body,body.has-uploads .view .split__list,body.has-uploads .view .m-scroll{padding-block-end:160px}
.view--fill{flex:1;min-block-size:0;overflow:hidden;position:relative}
:where(.k) .sidebar{block-size:100vh;overflow:hidden}
:where(.k) .sidebar__scroll{flex:1;min-block-size:0;overflow-y:auto;margin-inline:calc(var(--sp-3)*-1);padding-inline:var(--sp-3);padding-block-end:var(--sp-3)}
:where(.k) .sidebar__foot{margin-block-start:0;padding-block-start:var(--sp-2);border-block-start:1px solid var(--c-line)}
:where(.k) .sidebar__note{padding-inline:var(--sp-2);font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-3)}
:where(.k) .nav__item--quiet{font-weight:400;font-size:var(--fs-13);color:var(--c-text-3)}
:where(.k) .nav__item--quiet .ic{opacity:.85}
:where(.k) .nav__end{margin-inline-start:auto;color:var(--c-text-3)}
:where(.k) .k-usermenu{display:block}
:where(.k) .k-usermenu .more__menu{inset-inline:0;min-inline-size:0;max-inline-size:none}
:where(.k) .menu__item{cursor:pointer}
:where(.k) .menu__item[aria-current="page"]{font-weight:600;background:var(--c-hover)}
:where(.k) .menu__item:focus-visible{box-shadow:inset 0 0 0 2px var(--c-accent)}
:where(.k) .topbar__actions{display:flex;align-items:center;gap:var(--sp-2);flex:none}
:where(.k) .topbar__actions:empty{display:none}
:where(.k) .k-menu-scroll{max-block-size:60vh;overflow-y:auto}
:where(.k) .topbar>.more{flex:none}
:where(.k) .topbar__sub:empty{display:none}
:where(.k) .crumbs--lead{flex:none;min-inline-size:0}
:where(.k) .topbar .avatars{flex:none}
:where(.k) #team-avatars{display:inline-flex;flex:none}
:where(.k) .pl-strip>.more{flex:none}
:where(.k) .pl-strip>.select{block-size:var(--h-ctl-sm);flex:none}
:where(.k) .pl-strip a.tabs__tab{cursor:pointer}
:where(.k) .pj-band{border-block-end:0;min-inline-size:0;overflow:hidden}
:where(.k) .pj-stages{flex:none}
:where(.k) .pj-stages li{inline-size:auto;min-inline-size:60px;white-space:nowrap}
:where(.k) .pj-facts{min-inline-size:0}
:where(.k) .pj-facts dd{overflow:hidden;text-overflow:ellipsis;max-inline-size:220px}

/* native <select> inside the approved .select control: accessible, keyboard-ready, no custom listbox */
:where(.k) .select{position:relative;cursor:pointer}
:where(.k) .select:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(29,85,207,.16)}
:where(.k) .select__native{appearance:none;-webkit-appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;font-weight:600;color:inherit;max-inline-size:176px;text-overflow:ellipsis;cursor:pointer;outline:0}
:where(.k) .select__native:focus-visible{box-shadow:none}

/* ───────── 3. "עליי": previews of the real file, threads, forms ───────── */
:where(.k) .detail__body>*{flex:none}
:where(.k) .stage--frame{padding:0;overflow:hidden;border:1px solid var(--c-line-strong);background:var(--sheet)}
:where(.k) .stage__frame{display:block;inline-size:100%;block-size:clamp(280px,52vh,640px);border:0;background:var(--sheet)}
:where(.k) .stage--img{display:grid;place-items:center}
:where(.k) .stage__img{display:block;max-inline-size:100%;max-block-size:clamp(280px,52vh,640px);background:var(--sheet);box-shadow:0 0 0 1px var(--c-line-strong)}
:where(.k) .stage--pdf{grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--sp-2)}
:where(.k) .stage--pdf>.skel{inline-size:100%}
:where(.k) .stage__pdf{block-size:auto}
:where(.k) .stage__pages{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--c-text-3)}
:where(.k) .stage--text{padding:0;border:1px solid var(--c-line-strong);background:var(--sheet)}
:where(.k) .stage__text{max-block-size:clamp(200px,44vh,520px);overflow:auto;padding:var(--sp-4);font-family:var(--sans);font-size:var(--fs-13);line-height:var(--lh-13);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--c-ink)}
:where(.k) .stage--none{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-6);text-align:center;font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2)}
:where(.k) .stage--none p{max-inline-size:360px;text-wrap:balance}
:where(.k) .thread-card .note__text{margin-block-start:var(--sp-2)}
:where(.k) .k-lead{font-size:var(--fs-16);line-height:var(--lh-16)}
:where(.k) .k-reply{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-2)}
:where(.k) .k-reply b{font-weight:600;color:var(--c-ink)}
:where(.k) .k-replyrow{display:flex;gap:var(--sp-2);margin-block-start:var(--sp-3)}
:where(.k) .k-footform{display:flex;gap:var(--sp-2);flex:1 1 280px;min-inline-size:0;max-inline-size:560px}
:where(.k) .k-footform .field{flex:1 1 auto;min-inline-size:0;max-inline-size:none}
:where(.k) .pin--static .ic{inline-size:12px;block-size:12px}
:where(.k) .detail__meta a:hover{color:var(--c-ink);text-decoration:underline;text-underline-offset:3px}
:where(.k) .detail__meta .due--late{color:var(--c-accent);font-weight:600}
:where(.k) .split__list .empty{margin-block:var(--sp-6) 0}
:where(.k) .row__num .num{font:inherit}
:where(.k) .dropzone>.btn{margin-block-start:var(--sp-3)}
:where(.k) .dropzone--row>.btn{margin-block-start:0}
/* the confirmation on a phone: a bottom sheet above everything */
.k-modal{position:fixed;inset:0;z-index:70}
:where(.k) [data-m-modal="confirm"] [data-m-sheet="confirm"]{display:flex}

/* ───────── 4. project workspace ───────── */
:where(.k) .paper{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--sheet);border:1px solid var(--c-line-strong)}
:where(.k) .paper img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
:where(.k) .paper--tile{display:grid;place-content:center;justify-items:center;gap:6px;color:var(--c-text-3);font-size:var(--fs-12);line-height:var(--lh-12);direction:ltr}
:where(.k) .paper--tile .ic{inline-size:24px;block-size:24px}
:where(.k) .paper--tile b{font-weight:600;letter-spacing:.04em}
:where(.k) .sheet-card{cursor:pointer}
:where(.k) .sheet-card__top{min-block-size:20px}
:where(.k) .sheet-card__meta--flat{margin:0}
:where(.k) .sheet-card__meta .clip{flex:1 1 auto}
/* disciplines flow next to each other on a 4-column grid; a discipline with many sheets wraps inside its own block */
:where(.k) .pj-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);container-type:normal}
:where(.k) .pj-group__cards{display:grid;grid-auto-flow:row;grid-auto-columns:auto;gap:var(--sp-4)}
:where(.k) .pj-group--s1{grid-column:span 1} :where(.k) .pj-group--s1 .pj-group__cards{grid-template-columns:minmax(0,1fr)}
:where(.k) .pj-group--s2{grid-column:span 2} :where(.k) .pj-group--s2 .pj-group__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.k) .pj-group--s3{grid-column:span 3} :where(.k) .pj-group--s3 .pj-group__cards{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.k) .pj-group--s4{grid-column:span 4} :where(.k) .pj-group--s4 .pj-group__cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px){
  :where(.k) .pj-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
  :where(.k) .pj-group--s4{grid-column:span 3} :where(.k) .pj-group--s4 .pj-group__cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:960px){
  :where(.k) .pj-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(.k) .pj-group--s3,:where(.k) .pj-group--s4{grid-column:span 2}
  :where(.k) .pj-group--s3 .pj-group__cards,:where(.k) .pj-group--s4 .pj-group__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
:where(.k) .ws-table .c-num{inline-size:176px} :where(.k) .ws-table .c-ed{inline-size:96px} :where(.k) .ws-table .c-state{inline-size:168px}
:where(.k) .ws-table .c-ball{inline-size:176px} :where(.k) .ws-table .c-comments{inline-size:88px} :where(.k) .ws-table .c-updated{inline-size:128px}
:where(.k) .ws-table tr[data-row]{cursor:pointer}
:where(.k) .ws-title{display:block}
:where(.k) .pj-sheet{min-inline-size:0}
:where(.k) .ws-drop{max-inline-size:640px;margin:var(--sp-10) auto 0}
:where(.k) .ws-drop>.ic{inline-size:20px;block-size:20px;color:var(--c-text-3)}
:where(.k) .pl-bar{min-inline-size:0;flex-wrap:wrap;row-gap:var(--sp-2)}
:where(.k) .pl-bar .field{flex:0 1 264px;min-inline-size:160px}
:where(.k) .pl-bar--dense .field{flex-basis:216px}
:where(.k) .pl-bar--dense .select__native{max-inline-size:120px}

/* ───────── 5. projects list ───────── */
:where(.k) .pl-table .c-company{inline-size:168px} :where(.k) .pl-table .c-stage{inline-size:168px} :where(.k) .pl-table .c-role{inline-size:128px}
:where(.k) .pl-table .c-mine{inline-size:96px} :where(.k) .pl-table .c-unread{inline-size:88px} :where(.k) .pl-table .c-appr{inline-size:80px}
:where(.k) .pl-table .c-late{inline-size:80px} :where(.k) .pl-table .c-pin{inline-size:56px}
:where(.k) .pl-table .mine{display:inline-block;text-align:center}
:where(.k) .pl-pin{color:var(--c-text-off)}
:where(.k) .pl-pin[aria-pressed="true"]{background:transparent;color:var(--c-ink)}
:where(.k) tr:hover .pl-pin,:where(.k) .pl-big:hover .pl-pin,:where(.k) .pl-pin:focus-visible{color:var(--c-text-2)}
:where(.k) .pl-pin[aria-pressed="true"]:hover{background:var(--c-hover)}
:where(.k) .pl-big__name a:hover{text-decoration:underline;text-underline-offset:3px}
:where(.k) .pl-facts dd{min-inline-size:0;overflow:hidden}
:where(.k) .pl-wait .row__t{flex:0 1 auto;min-inline-size:48px}
:where(.k) .pl-wait .row__what{flex:1 1 0}
:where(.k) .pl-wait .row__num{flex:none}
:where(.k) .pl-wait .row__num .ic{color:var(--c-text-3)}
:where(.k) .pl-wait .row__when--end{margin-inline-start:auto}
:where(.k) .pl-wait__rows:empty{display:none}
:where(.k) .pl-grid .project-card{cursor:pointer}
:where(.k) .pl-skel{padding:var(--sp-2) var(--sp-4)}
:where(.k) .pl-skel__row{display:flex;align-items:center;gap:var(--sp-4);block-size:56px}
:where(.k) .pl-foot:empty{display:none}
:where(.k) .pl-stage{grid-template-columns:minmax(0,56px) auto}
@media (max-width:1180px){ :where(.k) .pl-two{grid-template-columns:minmax(0,1fr)} }

/* ───────── 6. phone (under 760px): its own layouts ───────── */
.app.is-mobile{display:flex;flex-direction:column;block-size:100vh;block-size:100dvh;font-size:var(--m-fs-15);line-height:var(--m-lh-15);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
.app.is-mobile .app__main{flex:1;min-block-size:0}
.app.is-mobile .app__side{display:none}
.app.is-mobile .view .m-more{inset-block-end:0}
.app.is-mobile .view--fill>.m-scroll{flex:1}
:where(.k) .m-bar .m-field{flex:1 1 auto;min-inline-size:0}
:where(.k) .m-bar .more{flex:none}
:where(.k) .m-bar .more__menu{min-inline-size:248px;max-block-size:72vh;overflow-y:auto}
:where(.k) .m-bar .menu__item{block-size:var(--m-tap-min);font-size:var(--m-fs-15)}
:where(.k) .k-menu-nav{display:flex;flex-direction:column}
:where(.k) .k-menu-nav .nav__item{block-size:var(--m-tap-min);font-size:var(--m-fs-15);color:var(--c-ink)}
:where(.k) .m-bar__count:empty{display:none}
:where(.k) .m-head--tight{padding-block-start:var(--sp-1)}
:where(.k) .m-head--flat{padding-block-start:0}
:where(.k) .m-note--top{padding-block:var(--sp-3) 0}
:where(.k) .m-now .thumb--tile .ic{inline-size:28px;block-size:28px}
:where(.k) .m-row__title .num{font:inherit;color:var(--c-text-2)}
:where(.k) .m-row__foot .tag,:where(.k) .m-row__foot .stepper{flex:none}
:where(.k) .m-row__foot .stepper i{inline-size:var(--sp-2)}
:where(.k) .m-row__foot .m-row__end{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}
:where(.k) .m-detailpage .detail__foot>.grow{display:none}
:where(.k) .m-detailpage{flex:1;min-block-size:0;display:flex}
:where(.k) .m-detailpage .detail{border:0}
:where(.k) .m-detailpage .detail__head,:where(.k) .m-detailpage .detail__body,:where(.k) .m-detailpage .detail__foot{padding-inline:var(--m-gutter)}
:where(.k) .m-detailpage .detail__title{flex-wrap:wrap;font-size:var(--m-fs-18);line-height:var(--m-lh-18)}
:where(.k) .m-detailpage .detail__title h2{white-space:normal}
:where(.k) .m-detailpage .detail__foot{flex-wrap:wrap;padding-block-end:calc(var(--sp-3) + var(--m-safe-b))}
:where(.k) .m-detailpage .detail__foot .btn{block-size:var(--m-tap);font-size:var(--m-fs-15);border-radius:var(--r-lg)}
:where(.k) .m-detailpage .detail__foot .btn--primary{flex:1 1 auto}
:where(.k) .m-detailpage .stage__frame{block-size:46vh}
:where(.k) .m-detailpage .k-replyrow .field,:where(.k) .m-detailpage .k-footform .field{block-size:var(--m-tap)}
:where(.k) .m-detailpage .k-footform{flex:1 1 100%;max-inline-size:none}
:where(.k) .m-detailpage .field__input{font-size:var(--fs-16)}
:where(.k) .m-grid .paper--tile .ic{inline-size:20px;block-size:20px}
@media (max-width:759px){
  :where(.k) .toast-host{inset-block-end:calc(var(--m-h-nav) + 60px + var(--m-safe-b));padding-inline:var(--sp-4)}
  :where(.k) .empty{padding-inline:var(--sp-4)}
}

/* ───────── 7. sign-in screens: one column, the logo, one clear action ───────── */
:where(.k).auth{display:flex;flex-direction:column;align-items:center;block-size:100vh;block-size:100dvh;overflow-y:auto;padding:0 var(--sp-4) var(--sp-8);background:var(--c-app)}
:where(.k) .auth__top{display:flex;align-items:center;gap:var(--sp-3);inline-size:100%;max-inline-size:1120px;block-size:64px;flex:none}
:where(.k) .auth__slogan{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--c-text-3);padding-inline-start:var(--sp-3);border-inline-start:1px solid var(--c-line)}
@media (max-width:479px){:where(.k) .auth__slogan{display:none}}
:where(.k) .auth__card{display:flex;flex-direction:column;gap:var(--sp-4);inline-size:100%;max-inline-size:400px;margin-block-start:var(--sp-8);padding:var(--sp-8);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-xl);outline:none;flex:none}
:where(.k) .auth__card--wide{max-inline-size:640px}
:where(.k) .auth__title{font-size:var(--fs-20);line-height:var(--lh-20);font-weight:700;letter-spacing:-.005em}
:where(.k) .auth__sub{margin-block-start:calc(var(--sp-3)*-1);color:var(--c-text-2)}
:where(.k) .auth__eyebrow{margin-block-end:calc(var(--sp-3)*-1);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:500;color:var(--c-text-3)}
:where(.k) .auth__form,:where(.k) .auth__stack{display:flex;flex-direction:column;gap:var(--sp-4)}
:where(.k) .auth__stack{gap:var(--sp-2)}
:where(.k) .auth__form .form{gap:6px}
:where(.k) .auth__form .field__input{font-size:var(--fs-14)}
:where(.k) .auth__links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);font-size:var(--fs-13);line-height:var(--lh-13)}
:where(.k) .auth__link{color:var(--c-accent);font-weight:500;border-radius:var(--r-sm)}
:where(.k) .auth__link:hover{color:var(--c-accent-hover);text-decoration:underline;text-underline-offset:3px}
:where(.k) .auth__demo{display:flex;flex-direction:column;gap:var(--sp-2);padding-block-start:var(--sp-4);border-block-start:1px solid var(--c-line)}
:where(.k) .auth__demo .row{min-block-size:52px;cursor:pointer}
:where(.k) .auth__cap{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-13);line-height:var(--lh-13);font-weight:600}
:where(.k) .auth__cap .ic{color:var(--c-text-3)}
:where(.k) .auth__foot{display:flex;align-items:center;gap:var(--sp-2);max-inline-size:400px;margin-block-start:var(--sp-4);font-size:var(--fs-12);line-height:var(--lh-12);color:var(--c-text-3);flex:none}
:where(.k) .auth__result{padding:var(--sp-4) 0}
:where(.k) .auth__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.k) .auth__facts>div:last-child:nth-child(even){grid-column:1/-1}
:where(.k) .auth__facts dd{overflow-wrap:break-word}
:where(.k) .auth__mail{display:flex;flex-direction:column;gap:var(--sp-3)}
:where(.k) .auth__mail .card{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}
:where(.k) .auth__mail .note__head{inline-size:100%}
:where(.k) .auth__mailbody{white-space:pre-wrap;margin:0}
:where(.k) .boot-error{min-block-size:100vh;display:grid;place-items:center}
:where(.k) .auth__card--doc{max-inline-size:760px;gap:var(--sp-5)}
/* The three public pages (privacy, terms, support): linked under every sign-in page. */
:where(.k) .auth__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-5);margin-block-start:var(--sp-4);font-size:var(--fs-13);line-height:var(--lh-13);flex:none}
:where(.k) .auth__legal .auth__link{color:var(--c-text-2);font-weight:400}
:where(.k) .legal{display:flex;flex-direction:column;gap:var(--sp-5);color:var(--c-text-2);font-size:var(--fs-14);line-height:var(--lh-14)}
:where(.k) .legal__head{display:flex;flex-direction:column;gap:var(--sp-2)}
:where(.k) .legal__head .auth__title{color:var(--c-ink)}
:where(.k) .legal__meta{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--c-text-3)}
:where(.k) .legal__lead{font-size:var(--fs-16);line-height:var(--lh-16);color:var(--c-ink);text-wrap:pretty}
:where(.k) .legal__sec{display:flex;flex-direction:column;gap:var(--sp-2);padding-block-start:var(--sp-4);border-block-start:1px solid var(--c-line)}
:where(.k) .legal__h{font-size:var(--fs-16);line-height:var(--lh-16);font-weight:600;color:var(--c-ink)}
:where(.k) .legal p{text-wrap:pretty;overflow-wrap:break-word}
:where(.k) .legal ul{display:flex;flex-direction:column;gap:var(--sp-1);padding-inline-start:var(--sp-5);list-style:disc}
:where(.k) .legal__back{padding-block-start:var(--sp-2)}
@media (max-width:759px){
  :where(.k) .auth__card{margin-block-start:var(--sp-3);padding:var(--sp-6) var(--sp-5)}
  :where(.k) .auth__form .field,:where(.k) .auth .btn--lg{block-size:var(--m-tap)}
  :where(.k) .auth__form .field__input{font-size:var(--fs-16)}
}