.skill-nav{display:flex;align-items:center;gap:5px;padding:5px;background:#f0f3ed;border:1px solid var(--line);border-radius:11px}.skill-tab{display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:8px;padding:10px 16px;color:var(--muted);font:600 12px "Segoe UI",Arial,sans-serif;cursor:pointer;transition:all .16s}.skill-tab:hover{color:var(--green)}.skill-tab.active{background:var(--green);color:#fff;box-shadow:0 4px 12px rgba(40,89,67,.15)}.skill-icon{font-size:14px;color:var(--orange)}.skill-tab.active .skill-icon{color:var(--lime)}.welcome{padding-bottom:37px}.feature-section{padding:29px 0 30px;border-bottom:1px solid var(--line)}.feature-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.feature-heading h2{font-size:22px;letter-spacing:-.5px;font-weight:560;margin:5px 0 0}.step-hint{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;padding-bottom:3px}.step-hint i{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e6efdc;color:var(--green);font-weight:700}.step-hint b{color:#b2bcb0;font-weight:500;margin:0 3px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.feature-card{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:13px;text-align:left;width:100%;min-height:112px;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);font-family:inherit;cursor:pointer;box-shadow:0 4px 16px rgba(45,75,49,.035);transition:transform .17s,border-color .17s,box-shadow .17s,background .17s}.feature-card:hover{transform:translateY(-2px);border-color:#b8ceb0;box-shadow:var(--shadow)}.feature-card.selected{border-color:#83a27a;background:linear-gradient(120deg,#f7faf3,#fff);box-shadow:0 7px 20px rgba(40,89,67,.09)}.feature-card.coming-card{cursor:pointer}.feature-card.coming-card .feature-meta{color:#a86b36}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#e9f0e3;color:var(--green);font-size:21px}.feature-card.selected .feature-icon{background:var(--green);color:#fff}.coming-card .feature-icon{background:#f7ede5;color:#af7144}.feature-copy{display:block;min-width:0}.feature-meta{display:block;color:#7e956c;font-size:8px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-bottom:5px}.feature-copy>b{display:block;font-size:14px;letter-spacing:-.15px}.feature-copy>small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}.feature-select{font-size:9px;color:var(--muted);white-space:nowrap}.feature-card.selected .feature-select{color:var(--green);font-weight:700}.coming-card.selected .feature-select{color:#a86b36}.feature-heading .eyebrow{margin-bottom:0}.feature-section+.library-section{padding-top:30px}.coming-dot{background:var(--orange)}.empty-state{display:flex;min-height:175px;flex-direction:column;align-items:center;justify-content:center;margin-top:8px;padding:24px;text-align:center;border:1px dashed #cad7c2;border-radius:13px;background:rgba(255,255,255,.62)}.empty-state>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#edf2e8;color:var(--green);font-size:20px}.empty-state>b{margin-top:10px;font-size:13px;font-weight:650}.empty-state>p{margin:5px 0 0;color:var(--muted);font-size:10px}.book-grid:empty{display:none}@media(max-width:700px){.home-head nav.skill-nav{gap:3px;padding:4px}.skill-tab{padding:8px 11px;font-size:11px}.skill-icon{font-size:12px}.feature-heading{display:block}.step-hint{margin-top:10px;flex-wrap:wrap}.feature-grid{grid-template-columns:1fr;gap:8px}.feature-card{min-height:94px;grid-template-columns:39px minmax(0,1fr) auto;padding:12px}.feature-icon{width:39px;height:39px}.feature-copy>b{font-size:13px}.feature-copy>small{font-size:9px}.feature-select{font-size:8px}.feature-heading h2{font-size:19px}.feature-section{padding:23px 0}.feature-section+.library-section{padding-top:23px}}@media(max-width:400px){.skill-tab{padding:8px 8px;gap:5px}.step-hint{font-size:8px;gap:5px}.feature-card{grid-template-columns:34px minmax(0,1fr) auto;gap:9px}.feature-icon{width:34px;height:34px}}