.guides-intro{padding:64px 0 32px}.guides-intro h1{font-size:36px;letter-spacing:-1px;line-height:1.4;margin:0 0 16px}.guides-intro>p:last-child{max-width:720px;font-size:17px;color:var(--muted);line-height:1.95;margin:0}.guide-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 24px;border-bottom:1px solid var(--line)}.guide-search input{min-width:0;width:185px;padding:9px 0;border:0;border-bottom:1px solid var(--line);outline:none;background:transparent;color:var(--ink);font:inherit;font-size:14px}.guide-search input:focus{border-color:var(--blue)}.guide-count{font-size:13px;color:var(--muted);margin:22px 0 14px}.guide-list{list-style:none;padding:0;margin:0 0 48px}.guide-card{border:1px solid var(--line);border-radius:12px;padding:28px 30px;background:var(--paper);margin-bottom:18px}.guide-meta{font-size:12px;letter-spacing:.04em;color:var(--muted);margin:0 0 13px}.guide-card h2{font-size:23px;line-height:1.5;letter-spacing:-.3px;margin:0 0 13px}.guide-title{font:inherit;color:var(--ink);text-align:left;border:0;padding:0;background:transparent;cursor:pointer}.guide-title:hover{color:var(--blue)}.guide-description{font-size:16px;color:var(--muted);line-height:1.9;margin:0 0 20px}.guide-tags{display:flex;flex-wrap:wrap;gap:8px}.guide-tags span{padding:4px 10px;background:var(--soft);color:var(--muted);border-radius:5px;font-size:12px}.guide-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.guide-open{border:0;padding:0;color:var(--blue);font:inherit;font-size:15px;background:transparent;cursor:pointer}.guide-source{font-size:13px;color:var(--muted)}.guide-license{font-size:12px;color:var(--muted);margin:20px 0 0;line-height:1.7}.guide-empty{font-size:15px;color:var(--muted);padding:35px 0 70px}.guide-reader{margin:0 0 40px;scroll-margin-top:16px}.guide-reader-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:15px 0}.guide-reader-bar h2{font-size:16px;margin:0;font-weight:500}.guide-reader-bar a,.guide-back{font-size:13px;color:var(--muted)}.guide-back{border:0;padding:5px 0;background:transparent;font-family:inherit;cursor:pointer}.guide-frame{display:block;width:100%;height:80dvh;min-height:600px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.guide-loading{font-size:14px;color:var(--muted)}.guides-page .page:has(.guide-reader:not([hidden])){max-width:1280px}#guide-library[hidden],.guide-reader[hidden],.guide-empty[hidden],.guide-loading[hidden]{display:none}@media(max-width:620px){.guides-intro{padding:40px 0 25px}.guides-intro h1{font-size:30px}.guides-intro>p:last-child{font-size:16px}.guide-tools{align-items:stretch;flex-direction:column;gap:16px}.guide-search input{width:100%;font-size:16px}.guide-card{padding:23px 20px}.guide-card h2{font-size:21px}.guide-description{font-size:15px}.guide-reader-bar h2{order:3;flex-basis:100%}.guide-frame{height:78dvh;min-height:520px}.guide-reader-bar{gap:8px}}

.guide-actions{flex-wrap:wrap;justify-content:flex-start;gap:14px 22px}.guide-actions .guide-source{margin-left:auto}.guide-download{font-size:13px;color:var(--muted)}
.guide-tools{flex-wrap:wrap}
.guide-library-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;min-width:0;max-width:100%;margin-left:auto}
.guide-sort{display:flex;align-items:center;gap:9px;min-width:0;color:var(--muted);font-size:13px}
.guide-sort select{max-width:100%;min-width:190px;min-height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}
.guide-sort select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(max-width:620px){.guide-library-controls{width:100%;margin-left:0;align-items:stretch;flex-direction:column;gap:14px}.guide-sort{font-size:14px}.guide-sort select{flex:1;min-width:0;min-height:44px;font-size:16px}}
.guide-meta{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px}.guide-added{font-size:11px;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.guide-back{text-decoration:none}