/* OC Guides: retains the legacy library's search, tag browsing, cards and metadata. */
.oc-guides{padding:37px 0 85px}
.oc-guides-heading{padding:22px 0 34px;border-bottom:1px solid var(--line)}
.oc-guides-heading h1,.oc-guide-detail-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(35px,4.5vw,52px);letter-spacing:-.035em;line-height:1.15;margin:16px 0 12px}
.oc-guides-heading>p{margin:0 0 23px;font-size:15px;color:var(--muted)}
.oc-guides-search{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;max-width:800px}
.oc-guides-search input{flex:1;min-width:180px;border:1px solid var(--line);background:var(--panel);padding:12px 14px;color:var(--ink);font:inherit;font-size:14px}
.oc-guides-search button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);padding:11px 24px;font:inherit;font-weight:700;cursor:pointer}
.oc-guides-clear{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:11px 20px;font-size:14px}
.oc-guides-topics{padding:25px 0;border-bottom:1px solid var(--line)}
.oc-guides-topics-heading{display:flex;gap:14px;justify-content:space-between;align-items:center}
.oc-guides-topics-heading h2{font-size:19px;margin:0 0 4px}
.oc-guides-topics-heading p{font-size:13px;color:var(--muted);margin:0}
.oc-guides-topics-heading>a{font-size:13px;color:var(--accent)}
.oc-guides-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.oc-guides-tag-list a,.oc-guide-card-tags span{display:inline-block;border:1px solid var(--line);background:var(--raised);color:var(--ink);font-size:12px;padding:7px 12px}
.oc-guides-tag-list a:hover,.oc-guides-tag-list a.active{border-color:var(--accent);color:var(--accent)}
.oc-guides-tag-list a span{color:var(--muted)}
.oc-guides-results{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px;margin:24px 0 15px}
.oc-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.oc-guide-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);overflow:hidden;transition:border-color .15s}
.oc-guide-card:hover{border-color:var(--accent)}
.oc-guide-card>img,.oc-guide-placeholder{display:block;width:100%;height:175px;object-fit:cover;background:linear-gradient(120deg,var(--raised),var(--panel))}
.oc-guide-card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.oc-guide-card-tags{display:flex;flex-wrap:wrap;gap:5px}
.oc-guide-card-tags span{padding:4px 8px;font-size:10px}
.oc-guide-card-tags .oc-guide-featured{border-color:var(--accent);color:var(--accent)}
.oc-guide-card h2{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:14px 0 9px}
.oc-guide-card:hover h2{color:var(--accent)}
.oc-guide-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.oc-guide-card small{display:block;color:var(--muted);margin-top:auto;font-size:11px}
.oc-guides-empty{grid-column:1/-1;padding:45px 0}
.oc-guides-empty h2{font-size:23px}
.oc-guides-empty p{color:var(--muted)}
.oc-guides-empty a,.oc-guides-back,.oc-guide-detail-footer a{color:var(--accent)}
.oc-guides-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:28px}
.oc-guides-pagination a{border:1px solid var(--line);padding:9px 14px;font-size:13px}
.oc-guides-pagination a.active,.oc-guides-pagination a:hover{border-color:var(--accent);color:var(--accent)}
.oc-guide-detail{max-width:1100px;padding:33px 0 90px}
.oc-guides-back{display:inline-block;margin-bottom:29px;font-size:13px}
.oc-guide-detail-heading{border-bottom:1px solid var(--line);padding-bottom:25px}
.oc-guide-detail-heading h1{font-size:clamp(32px,5vw,53px);max-width:940px}
.oc-guide-detail-heading>p{font-size:17px;line-height:1.6;color:var(--muted);max-width:850px}
.oc-guide-detail-byline{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;color:var(--muted);font-size:12px}
.oc-guide-detail-cover{margin:25px 0;max-width:900px}
.oc-guide-detail-cover img{width:100%;height:auto;display:block}
.oc-guide-detail-cover figcaption{font-size:12px;color:var(--muted);margin-top:7px}
.oc-guide-content{font-size:15px;line-height:1.8;max-width:920px;overflow-wrap:anywhere}
.oc-guide-content h2{font-size:27px;line-height:1.3;margin:32px 0 12px}
.oc-guide-content h3{font-size:21px;margin:27px 0 10px}
.oc-guide-content p{margin:0 0 17px}
.oc-guide-content ul,.oc-guide-content ol{padding-left:27px;margin:0 0 19px}
.oc-guide-content a{color:var(--accent);text-decoration:underline}
.oc-guide-content img{max-width:100%;height:auto}
.oc-guide-content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}
.oc-guide-content th,.oc-guide-content td{border:1px solid var(--line);padding:9px 12px}
.oc-guide-content pre{overflow:auto;border:1px solid var(--line);background:var(--raised);padding:15px}
.oc-guide-content code{overflow-wrap:anywhere}
.oc-guide-content blockquote{border-left:3px solid var(--accent);padding:10px 17px;margin:18px 0;background:var(--raised)}
.oc-guide-detail-footer{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}
@media(max-width:970px){.oc-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.oc-guides{padding-top:20px}.oc-guides-grid{grid-template-columns:1fr}.oc-guides-topics-heading{align-items:flex-start;flex-direction:column}.oc-guide-card>img,.oc-guide-placeholder{height:195px}}