.bots-page-shell{display:grid;gap:20px;padding-bottom:48px}
.bots-page-shell--hero{padding-top:4px}
.panelish{background:rgba(255,255,255,.94);border:1px solid #e8d9c4;border-radius:22px;box-shadow:0 12px 30px rgba(74,53,30,.07);padding:20px 22px}
.bots-hero{padding:14px;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);border-color:#dce6f3;box-shadow:0 18px 40px rgba(49,82,131,.11);max-width:1180px;margin-inline:auto}
.bots-hero img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #d8e3f1;box-shadow:0 16px 34px rgba(29,56,102,.14);aspect-ratio:16/9;object-fit:cover}
.bots-page-intro h2,.bots-learning-note h2{margin:0 0 8px;color:#19295f;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em}
.bots-page-intro p,.bots-learning-note p{margin:0;color:#61779b;line-height:1.7;font-size:15px;max-width:78ch}
.bot-card-list{display:grid;gap:18px}
.bot-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:start;padding:18px 20px;border:1px solid #dce5f0;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#f7fafc 100%);box-shadow:0 12px 26px rgba(68,94,130,.07)}
.bot-card.compact{grid-template-columns:96px minmax(0,1fr);padding:16px;border-radius:20px;gap:16px}
.bot-card-portrait{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#ebf2fb;border:1px solid #dde5ef}
.bot-card-main{min-width:0}.bot-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.bot-card-name{margin:0;color:#19295f;font-size:24px;line-height:1.05}.bot-card.compact .bot-card-name{font-size:20px}.bot-card-description{margin:6px 0 0;color:#61779b;line-height:1.5;font-size:15px}.bot-card.compact .bot-card-description{font-size:14px}
.bot-card-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding-top:12px;border-top:1px solid #e3e8f0}.bot-card-stats div{text-align:center;padding-right:10px;border-right:1px solid #e3e8f0}.bot-card-stats div:last-child{border-right:0;padding-right:0}.bot-card-stats dt{font-size:12px;color:#7587a5}.bot-card-stats dd{margin:5px 0 0;color:#162757;font-weight:800;font-size:25px;line-height:1}.bot-card.compact .bot-card-stats dd{font-size:18px}.bot-card.compact .bot-card-stats dt{font-size:11px}
.bot-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.bot-card-note{font-size:12px;color:#7688a3}.bot-card-link{white-space:nowrap;font-weight:800;color:#205bd1}
@media(min-width:1200px){.bots-page-shell--hero{gap:18px}}
@media(max-width:780px){.bot-card,.bot-card.compact{grid-template-columns:76px minmax(0,1fr);padding:14px}.bot-card-name{font-size:20px}.bot-card-stats,.bot-card.compact .bot-card-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.bot-card-stats dd,.bot-card.compact .bot-card-stats dd{font-size:15px}.bot-card-stats dt,.bot-card.compact .bot-card-stats dt{font-size:9px}.bot-card-foot{flex-direction:column;align-items:flex-start}.bots-hero{padding:10px}.bots-page-intro h2,.bots-learning-note h2{font-size:24px}}
.tier-beginner{background:#dff3e2;color:#24703a}.tier-easy{background:#ffd7df;color:#c13e58}.tier-intermediate{background:#d8e8ff;color:#2f68d2}.tier-advanced{background:#ffe3ca;color:#db5c16}.tier-expert{background:#fae7b7;color:#9d6a08}.tier-master{background:#ebd5ff;color:#8b42da}