.guides-hero {
  padding: 82px 0 58px;
  background:
    radial-gradient(circle at 15% 12%, rgba(245,173,66,.13), transparent 34%),
    radial-gradient(circle at 88% 40%, rgba(88,101,242,.08), transparent 28%);
}
.guides-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:44px; align-items:center; }
.guides-hero h1 { max-width:780px; }
.guides-hero-copy { max-width:760px; margin-bottom:0; color:var(--muted); font-size:1.06rem; }
.guide-library-summary { padding:22px; }
.guide-library-summary div { display:flex; justify-content:space-between; gap:20px; padding:11px 0; border-bottom:1px solid var(--line); }
.guide-library-summary div:last-child { border-bottom:0; }
.guide-library-summary span { color:var(--muted); font-size:.82rem; }
.guide-library-summary strong { color:var(--accent); }
.guide-toolbar { display:grid; grid-template-columns:minmax(0,1fr) 220px 230px; gap:13px; padding:18px; margin-bottom:18px; }
.guide-toolbar label { min-width:0; }
.guide-toolbar input, .guide-toolbar select { min-height:46px; }
.guide-result-line { display:flex; justify-content:space-between; gap:20px; align-items:center; margin:16px 2px; color:var(--muted); font-size:.84rem; }
.guide-result-line button { border:0; background:transparent; color:var(--accent); font:inherit; cursor:pointer; }
.guide-list { display:grid; gap:12px; }
.guide-row { display:grid; grid-template-columns:auto minmax(0,1fr) 132px; gap:18px; align-items:center; min-width:0; min-height:126px; padding:20px 22px; border:1px solid var(--line); border-radius:15px; background:var(--surface); color:var(--text); text-decoration:none; box-shadow:0 10px 30px rgba(0,0,0,.12); transition:border-color .16s ease, transform .16s ease, background-color .16s ease; overflow:hidden; }
.guide-row:hover, .guide-row:focus-visible { transform:translateY(-2px); border-color:rgba(245,173,66,.65); background:var(--surface-2); }
.guide-row-icon { width:72px; height:72px; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#08101c; display:grid; place-items:center; }
.guide-row-icon img { width:100%; height:100%; object-fit:cover; display:block; }
.guide-row-copy { min-width:0; overflow-wrap:anywhere; padding-right:10px; }
.guide-row-series { margin:0 0 5px; color:var(--accent); font-size:.69rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.guide-row h2 { margin:0; max-width:48ch; font-size:clamp(1.08rem,2.2vw,1.45rem); letter-spacing:-.015em; }
.guide-row-description { display:block; max-width:70ch; margin:7px 0 10px; color:var(--muted); font-size:.88rem; line-height:1.55; }
.guide-row-topics { display:flex; flex-wrap:wrap; gap:6px; }
.guide-row-topics span { padding:3px 8px; border:1px solid var(--line); border-radius:999px; color:#ced6e5; font-size:.67rem; }
.guide-difficulty { justify-self:end; width:100%; max-width:132px; min-width:0; padding:7px 10px; border:1px solid var(--line); border-radius:999px; text-align:center; white-space:nowrap; font-size:.72rem; font-weight:900; box-sizing:border-box; }
.guide-difficulty.beginner { color:var(--good); border-color:rgba(85,212,157,.45); }
.guide-difficulty.intermediate { color:var(--accent); border-color:rgba(245,173,66,.45); }
.guide-difficulty.advanced { color:var(--warning); border-color:rgba(243,201,105,.5); }
.guide-difficulty.expert { color:#ff9aa2; border-color:rgba(255,123,123,.45); }
.guide-difficulty.all-levels { color:#b9c6ff; border-color:rgba(88,101,242,.55); }
.guide-empty { padding:34px; text-align:center; }
@media (max-width:900px) {
  .guides-hero-grid { grid-template-columns:1fr; }
  .guide-toolbar { grid-template-columns:1fr 1fr; }
  .guide-search-field { grid-column:1/-1; }
  .guide-row { grid-template-columns:minmax(0,1fr) 132px; }
  .guide-row-icon { display:none; }
}
@media (max-width:640px) {
  .guides-hero { padding:58px 0 46px; }
  .guide-toolbar { grid-template-columns:1fr; }
  .guide-search-field { grid-column:auto; }
  .guide-row { grid-template-columns:minmax(0,1fr); align-items:start; padding:17px; gap:13px; }
  .guide-row-copy { grid-column:1; padding-right:0; }
  .guide-difficulty { justify-self:start; width:auto; min-width:104px; }
}