.feature-card{position:relative;box-shadow:var(--highlight);display:flex;flex-direction:column;gap:6px;padding:18px;color:inherit;background:var(--surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration) var(--ease)}@media (hover: hover) and (pointer: fine){.feature-card:hover:not(.locked){color:inherit;border-color:var(--color-primary);box-shadow:0 8px 16px rgba(37,99,235,0.2)}}.feature-card:is(:active,.pressed):not(.locked){transform:translateY(1px);background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 55%),var(--color-background-card);box-shadow:inset 0 2px 6px rgba(0,0,0,0.5);transition-duration:0.05s}.feature-card.active,.feature-card[aria-current=page]{background:linear-gradient(180deg,rgba(85,130,255,0.16) 0%,rgba(85,130,255,0.05) 100%),var(--color-background-card);border-color:rgba(122,156,255,0.55);box-shadow:var(--highlight),0 0 0 1px rgba(122,156,255,0.2),0 0 16px rgba(85,130,255,0.22)}.feature-card.active h3,.feature-card[aria-current=page] h3{color:var(--blue-300)}.feature-card.locked{opacity:0.55;cursor:not-allowed}.feature-card h3{display:flex;align-items:center;gap:var(--space-2);font-size:1.15rem;font-weight:700}.feature-card p{margin:0;font-size:0.95rem;line-height:1.5;color:var(--color-text-muted)}.feature-icon{font-size:1.2rem;color:var(--color-accent)}.lock-overlay{position:absolute;top:var(--space-3);right:var(--space-3);font-size:1rem;color:var(--color-danger-text)}.reorder-row{display:flex;align-items:stretch;gap:var(--space-2);margin:var(--space-3) 0}.reorder-row>:first-child{flex:1;min-width:0;overflow-wrap:anywhere;margin:0}.reorder-controls{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1)}.reorder-btn{--btn-depth: 0px;width:32px;height:26px;min-height:0;padding:0;font-size:0.75rem}.docs-reorder-row{display:flex;align-items:stretch;gap:var(--space-2);margin:var(--space-3) 0}.docs-reorder-row .docs-item{flex:1;margin:0}.docs-reorder-controls{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1)}.docs-reorder-btn{--btn-depth: 0px;width:32px;height:26px;min-height:0;padding:0;font-size:0.75rem}.colors-row{display:flex;flex-wrap:wrap;gap:10px}.colors-row button{width:35px;height:35px;padding:0;color:#fff;min-height:0;border:3px solid var(--color-border);border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 2px 6px rgba(0,0,0,0.45);transition:scale 0.3s cubic-bezier(0.34,1.56,0.64,1),border-color var(--duration) var(--ease)}@media (hover: hover) and (pointer: fine){.colors-row button:hover{scale:1.1}}.colors-row button:active{scale:0.85}.colors-row button[aria-pressed=true]{border-color:#fff}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--space-5);max-width:var(--container-wide);width:100%;margin:0 auto;padding:var(--space-4)}.app-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-4));align-self:start;display:flex;flex-direction:column;gap:2px}.app-sidebar a{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;font-size:0.9375rem;color:var(--color-text-muted);border-radius:var(--radius-sm)}.app-sidebar a[aria-current=page]{color:var(--color-text);background:var(--color-primary-soft)}@media (hover: hover) and (pointer: fine){.app-sidebar a:hover{color:var(--color-text);background:var(--color-primary-soft)}}.app-sidebar a i{width:18px;text-align:center}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;flex-direction:row;overflow-x:auto}}