.syl{margin-top:3.5rem}.syl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}.syl-tab{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1.4rem 1.5rem 1.25rem;text-align:left;font-family:var(--f-body);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;overflow:hidden;opacity:.68;transform:rotate(-.8deg);transition:opacity .3s var(--ease-out),transform .4s var(--ease-out),border-color .3s var(--ease-out),background .3s var(--ease-out),box-shadow .4s var(--ease-out)}.syl-tab:nth-child(2){transform:rotate(.7deg)}.syl-tab:nth-child(3){transform:rotate(-.4deg)}.syl-tab:hover{opacity:1;border-color:rgba(var(--accent-rgb),.35);transform:rotate(0) translateY(-3px)}.syl-tab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.syl-tab.is-active{opacity:1;transform:rotate(0);border-color:rgba(var(--accent-rgb),.55);background:var(--surface-alt);box-shadow:var(--shadow-md),var(--shadow-glow)}.syl-tab:after{content:"";position:absolute;left:1.5rem;right:1.5rem;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}.syl-tab.is-active:after{transform:scaleX(1)}.syl-tab-num{align-self:flex-start;font-family:var(--f-marker);font-size:12px;letter-spacing:.04em;color:var(--accent-ink);background:var(--accent);padding:3px 10px;border-radius:7px;transform:rotate(-2deg);box-shadow:2px 2px rgba(var(--accent2-rgb),.75)}.syl-tab:nth-child(2) .syl-tab-num{background:var(--accent2);color:#fff;transform:rotate(2deg);box-shadow:2px 2px rgba(var(--pink-rgb),.7)}.syl-tab:nth-child(3) .syl-tab-num{background:var(--pink);color:#fff;transform:rotate(-2deg);box-shadow:2px 2px rgba(var(--accent-rgb),.7)}.syl-tab-name{font-family:var(--f-head);font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--text);transition:color .3s var(--ease-out)}.syl-tab.is-active .syl-tab-name{color:var(--accent)}.syl-tab-meta{font-family:var(--f-head);font-size:12px;font-weight:500;color:var(--text-tertiary)}.syl-panel{display:none}.syl-panel.is-active{display:block;animation:sylPanelIn .5s var(--ease-out) both}@keyframes sylPanelIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.syl-head{position:relative;padding:2rem 2.25rem;margin-bottom:2rem;border:1px dashed rgba(var(--accent2-rgb),.5);border-radius:var(--r-xl);background:linear-gradient(135deg,rgba(var(--accent2-rgb),.13),transparent 58%),var(--surface);overflow:hidden}.syl-head:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.14),transparent 70%);pointer-events:none}.syl-head>*{position:relative;z-index:1}.syl-head-tag{display:inline-block;font-family:var(--f-marker);font-size:12px;letter-spacing:.05em;color:#fff;background:var(--accent2);padding:3px 11px;border-radius:7px;transform:rotate(-1.5deg);box-shadow:2px 2px rgba(var(--pink-rgb),.65);margin-bottom:1rem}.syl-head-title{font-family:var(--f-head);font-size:21px;font-weight:700;line-height:1.45;letter-spacing:-.02em;color:var(--text);margin-bottom:.85rem}.syl-head-desc{font-size:14px;line-height:1.85;color:var(--text-secondary);max-width:78ch}.syl-head-loop{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem}.syl-head-loop>span{font-family:var(--f-head);font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-subtle);border:1px solid rgba(var(--accent-rgb),.3);border-radius:100px;padding:4px 12px}.syl-head-loop>i{font-style:normal;font-size:11px;color:var(--text-tertiary)}.syl-list{display:flex;flex-direction:column;gap:.85rem}.syl-les{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;animation:sylLesIn .5s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms);transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}@keyframes sylLesIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.syl-les:hover{border-color:rgba(var(--accent-rgb),.3);background:var(--surface-alt)}.syl-les[open]{border-color:rgba(var(--accent-rgb),.45);background:var(--surface-alt)}.syl-les-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.1rem 1.5rem;cursor:pointer;list-style:none}.syl-les-head::-webkit-details-marker{display:none}.syl-les-head:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.syl-les-num{font-family:var(--f-mono);font-size:11.5px;font-weight:600;letter-spacing:.05em;white-space:nowrap;color:var(--accent);background:var(--accent-subtle);border:1px solid rgba(var(--accent-rgb),.38);border-radius:7px;padding:4px 10px}.syl-les-title{font-family:var(--f-head);font-size:15.5px;font-weight:600;line-height:1.5;letter-spacing:-.01em;color:var(--text)}.syl-les-ico{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border:1px solid var(--border-strong);border-radius:50%;font-size:15px;line-height:1;color:var(--text-tertiary);transition:transform .35s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out)}.syl-les[open] .syl-les-ico{transform:rotate(135deg);color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}.syl-les-body{list-style:none;margin:0;padding:0 1.5rem 1.35rem;display:flex;flex-direction:column;gap:.5rem}.syl-les-body li{position:relative;padding-left:1.15rem;font-size:13.5px;line-height:1.78;color:var(--text-secondary)}.syl-les-body li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:1px;background:var(--accent2);transform:rotate(45deg)}.syl-les-body li:nth-child(2n):before{background:var(--accent)}.syl-out{margin-top:1.5rem;font-size:13px;font-family:var(--f-head);font-weight:700;color:var(--accent)}.syl-res{margin-top:3rem;padding-top:2.25rem;border-top:1px dashed var(--border)}.syl-res-title{font-family:var(--f-marker);font-size:14px;letter-spacing:.04em;color:var(--text-tertiary);transform:rotate(-1deg);transform-origin:left center;margin-bottom:1.4rem}.syl-res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.syl-res-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-family:var(--f-head);font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:border-color .28s var(--ease-out),background .28s var(--ease-out),color .28s var(--ease-out),transform .32s var(--ease-out)}.syl-res-item:hover{border-color:rgba(var(--accent-rgb),.45);background:var(--accent-subtle);color:var(--accent);transform:translateY(-2px)}.syl-res-arrow{flex-shrink:0;font-size:11px;opacity:.45;transition:opacity .28s var(--ease-out)}.syl-res-item:hover .syl-res-arrow{opacity:1}.syl-cta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:3rem}@media (max-width: 1024px){.syl-tabs{grid-template-columns:1fr;gap:.75rem}.syl-tab,.syl-tab:nth-child(2),.syl-tab:nth-child(3){transform:rotate(0)}.syl-tab:hover{transform:translateY(-2px)}.syl-tab:after{inset:0;height:auto;width:3px;border-radius:0 3px 3px 0;transform:scaleY(0);transform-origin:top}.syl-tab.is-active:after{transform:scaleY(1)}.syl-res-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.syl-head{padding:1.5rem 1.25rem}.syl-head-title{font-size:17px}.syl-les-head{grid-template-columns:1fr auto;gap:.6rem;padding:1rem 1.15rem}.syl-les-num{grid-column:1 / -1;justify-self:start}.syl-les-body{padding:0 1.15rem 1.15rem}.syl-res-grid{grid-template-columns:1fr}}