.ytpl{max-width:1100px;margin:28px auto;padding:24px;color:#edf2f8;background:#101b2d;border:1px solid #33465e;border-radius:18px;line-height:1.65}
.ytpl h2{margin:.2em 0 .4em;font-size:1.4rem}
.ytpl-lead,.ytpl-note{max-width:78ch;color:#c5d0da}
.ytpl-ad{color:#ffd28b;font-size:.9rem;font-weight:700}
.ytpl a{color:#8bd7ff}
.ytpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:16px 0 8px}
.ytpl-card{display:flex;flex-direction:column;gap:8px;background:#0d1620;border:1px solid #33465e;border-radius:12px;padding:14px;min-height:44px}
.ytpl-card:hover{border-color:#41e3aa}
.ytpl-top{display:flex;align-items:center;gap:10px}
.ytpl-logo{width:40px;height:40px;border-radius:8px;background:#111827;object-fit:contain;padding:4px;flex:0 0 auto}
.ytpl-mark{width:40px;height:40px;border-radius:8px;background:#1b2c43;color:#edf2f8;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;letter-spacing:.02em;flex:0 0 auto}
.ytpl-name{font-size:.82rem;color:#93a8b6;font-weight:700}
.ytpl-title{font-weight:800;line-height:1.3;margin:0}
.ytpl-count{color:#93a8b6;font-size:.86rem}
.ytpl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.ytpl-actions a{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border-radius:10px;text-decoration:none;font-weight:800;font-size:.9rem}
.ytpl-actions .ytpl-open{background:#41e3aa;color:#062016}
.ytpl-actions .ytpl-go{background:#1b2c43;color:#edf2f8;border:1px solid #465b77}
.ytpl-code{display:inline-flex;align-items:center;gap:6px;color:#ffd28b;font-size:.86rem}
.ytpl-code b{color:#edf2f8}
.academy .ytpl,.ap .ytpl{margin:20px auto}
@media(max-width:720px){.ytpl{padding:16px}.ytpl-grid{grid-template-columns:1fr}}