.smpage{padding-block-start:calc(var(--nav-h) + clamp(28px, 5vw, 64px))}.smpage__top{max-width:48rem}.smgroup{margin-block-start:clamp(36px,6vw,72px)}.smgroup__head{align-items:center;gap:var(--space-4);margin-block-end:clamp(18px,3vw,30px);display:flex}.smgroup__head>div{flex:1;min-width:0}.smgroup__title{margin:0}.smgroup__text{color:var(--text-dim);font-size:.98rem}.smgroup__count{border-radius:var(--r-pill);min-width:40px;height:40px;color:var(--gold-light);box-shadow:var(--sh-inset);background:#ffffff14;place-items:center;padding-inline:12px;font-weight:700;display:grid}.smnode{align-content:start;gap:8px;height:100%;display:grid!important}.smnode__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.smnode__title{margin:0;font-size:1.15rem;font-weight:650;line-height:1.35}.smnode__path{color:var(--gold-light);overflow-wrap:anywhere;font-size:.82rem}.smnode__purpose{color:var(--text-dim);font-size:.97rem;line-height:1.55}.smnode__chips{flex-wrap:wrap;gap:6px;margin-block-start:4px;display:flex}.smchip{border-radius:var(--r-pill);color:var(--text);background:#ffffff1a;padding:4px 12px;font-size:.8rem;font-weight:550;box-shadow:inset 0 1px #ffffff1a}.smnode__steps{flex-wrap:wrap;gap:6px;margin-block-start:4px;display:flex}.smstep{border-radius:var(--r-pill);background:#ffffff14;align-items:center;gap:8px;padding:4px 12px 4px 5px;font-size:.82rem;font-weight:550;display:inline-flex}[dir=rtl] .smstep{padding:4px 5px 4px 12px}.smstep__n{width:22px;height:22px;color:var(--on-gold);background:linear-gradient(#f6e1b4,#e2bb74);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.smnode--root{width:100%;max-width:420px}.smbadge{border-radius:var(--r-pill);white-space:nowrap;padding:3px 12px;font-size:.75rem;font-weight:650}.smbadge--public{color:#cfe8f6;background:#63aad238}.smbadge--customer{color:#ffe9c2;background:#f0be6e33}.smbadge--staff{color:var(--gold-light);background:#e2bb742e}.smbadge--once{color:#ffd0c9;background:#ff8c8033}.smbadge--preview{color:#c6f3dd;background:#62d1a133}.smtree__root{justify-content:center;display:flex}.smtree__trunk{background:linear-gradient(var(--gold-light), #f2dcab40);opacity:.7;border-radius:3px;width:3px;height:30px;margin-inline:auto;display:block}.smtree__kids{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);padding-block-start:28px;display:grid;position:relative}.smtree__kids:before{content:"";background:#f2dcab66;border-radius:3px;height:3px;position:absolute;inset-block-start:0;inset-inline:16.6%}.smtree__kids>li{display:flex;position:relative}.smtree__kids>li>*{width:100%}.smtree__kids>li:nth-child(-n+3):before{content:"";background:#f2dcab66;border-radius:3px;width:3px;height:28px;position:absolute;inset-block-start:-28px;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .smtree__kids>li:nth-child(-n+3):before{transform:translate(50%)}.smgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);display:grid}.smgrid>li{display:flex}.smgrid>li>*{width:100%}.smroles{margin-block-start:clamp(24px,4vw,40px)}.smroles__title{margin:0 0 4px}.smroles__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px);margin-block-start:var(--space-4);display:grid}.smrole{border-radius:var(--r-md);align-content:start;gap:8px;padding:20px;display:grid}.smrole>*{z-index:1;position:relative}.smrole__title{margin:0;font-size:1.05rem;font-weight:650}.smrole__text{color:var(--text-dim);font-size:.95rem;line-height:1.55}@media (max-width:1000px){.smtree__kids,.smgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.smtree__kids:before,.smtree__kids>li:nth-child(-n+3):before{display:none}.smtree__kids{padding-block-start:0}.smroles__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.smtree__kids,.smgrid,.smroles__list{grid-template-columns:minmax(0,1fr)}.smtree__kids{border-inline-start:3px dashed #f2dcab59;margin-inline-start:14px;padding-inline-start:18px}.smtree__kids>li:before,.smtree__kids>li:nth-child(-n+3):before{content:"";background:#f2dcab66;border-radius:3px;width:18px;height:3px;display:block;position:absolute;inset-block-start:50%;inset-inline-start:-18px;transform:none}[dir=rtl] .smtree__kids>li:before,[dir=rtl] .smtree__kids>li:nth-child(-n+3):before{transform:none}.smtree__trunk{height:20px}}
