/* HerdRanger documentation surfaces share the product site's app-inspired system. */
.docs-header{border-bottom:1px solid var(--line)}
.docs-hero{position:relative;width:min(var(--max),calc(100% - 3rem));margin:auto;padding:clamp(4rem,8vw,7rem) 0 5.5rem;border-bottom:1px solid var(--line)}
.docs-hero::after{content:"";position:absolute;z-index:-1;top:3.5rem;right:0;width:min(34vw,430px);aspect-ratio:1;opacity:.55;background:linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,var(--line) 50%,transparent 50.2%),radial-gradient(circle,rgba(156,207,194,.2),transparent 66%);background-size:48px 48px,48px 48px,auto;mask-image:linear-gradient(to left,#000,transparent);pointer-events:none}
.docs-hero h1{max-width:900px;margin-bottom:1.55rem;font-size:clamp(3.35rem,7.5vw,6.2rem)}
.docs-lede{max-width:720px;color:var(--muted);font-size:1.12rem}
.docs-lede a,.docs-section a{color:var(--mint-soft);text-decoration-thickness:1px;text-underline-offset:4px}
.docs-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.65rem}
.docs-version{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.25rem;padding:.4rem .7rem;border:1px solid var(--line);background:var(--deep-2);color:var(--mint-soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;font-weight:750}
.docs-version::before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:var(--status-done);box-shadow:0 0 0 3px rgba(102,187,106,.12)}
.docs-meta{max-width:760px;margin-top:1.15rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem}
.docs-layout{width:min(var(--max),calc(100% - 3rem));margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(2.5rem,6vw,5rem)}
.docs-toc,.guide-nav{position:sticky;top:1rem;align-self:start}
.docs-toc{margin-top:4.5rem;padding:1.1rem;border:1px solid var(--line);background:var(--deep-2)}
.docs-toc .eyebrow,.guide-nav .eyebrow{margin-bottom:.75rem}
.docs-toc a,.guide-nav a{display:flex;align-items:center;min-height:44px;color:var(--muted);font-size:.86rem;line-height:1.35;text-decoration:none}
.docs-toc a{border-top:1px solid var(--line)}
.docs-toc a::after{content:"→";margin-left:auto;color:var(--outline)}
.docs-toc a:hover,.docs-toc a:focus-visible,.guide-nav a:hover,.guide-nav a:focus-visible{color:var(--mint-soft)}
.docs-section{padding:5rem 0;border-bottom:1px solid var(--line)}
.docs-section:last-child{border-bottom:0}
.docs-section h2{max-width:820px;margin-bottom:1.2rem;font-size:clamp(2.15rem,4.5vw,3.8rem);line-height:1.02;letter-spacing:-.06em}
.docs-section h3{margin:0 0 .5rem;font-size:1.05rem}
.docs-section p{max-width:760px;color:var(--muted)}
.docs-section strong{color:var(--ink)}
.docs-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0 1rem}
.docs-index-card{position:relative;display:block;min-height:190px;overflow:hidden;padding:1.4rem;border:1px solid var(--line);background:var(--panel);text-decoration:none;transition:border-color 140ms ease,background 140ms ease,transform 140ms ease}
.docs-index-card::after{content:"↗";position:absolute;top:1.3rem;right:1.3rem;color:var(--outline)}
.docs-index-card:hover,.docs-index-card:focus-visible{border-color:var(--mint);background:var(--surface-variant);transform:translateY(-2px)}
.docs-index-card small{display:block;margin-bottom:2rem;color:var(--mint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:850}
.docs-index-card strong{display:block;margin-bottom:.45rem;color:var(--ink);font-size:1.12rem}
.docs-index-card span{display:block;color:var(--muted);font-size:.91rem}
.connection-path,.hierarchy{display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;gap:.75rem;width:fit-content;max-width:100%;margin:1.75rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:var(--panel);color:var(--mint-soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.87rem;font-weight:800}
.connection-path b,.hierarchy i{color:var(--muted);font-style:normal}
.docs-warning,.docs-callout,.guide-note,.guide-warning{max-width:780px;margin:1.5rem 0;padding:1rem 1.1rem;border:1px solid var(--line);border-left:3px solid var(--mint);background:var(--panel);color:var(--muted)}
.guide-warning{border-left-color:var(--status-working)}
.docs-warning strong,.guide-note strong,.guide-warning strong{color:var(--ink)}
.docs-steps,.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.docs-grid,.docs-grid.two-up{grid-template-columns:repeat(2,1fr)}
.docs-steps article,.docs-grid article{padding:1.1rem;border:1px solid var(--line);background:var(--panel)}
.docs-list,.docs-checklist{max-width:780px;padding-left:1.3rem;color:var(--muted)}
.docs-list li+li,.docs-checklist li+li{margin-top:.65rem}
.guide-layout{width:min(var(--max),calc(100% - 3rem));margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(2.5rem,6vw,5rem)}
.guide-nav{margin-top:3rem;padding:1rem 0;border:1px solid var(--line);background:var(--deep-2)}
.guide-nav .eyebrow{padding:0 1rem .5rem}
.guide-nav a{padding:.55rem 1rem;border-left:3px solid transparent}
.guide-nav a[aria-current="page"]{border-left-color:var(--mint);background:var(--surface-variant);color:var(--mint-soft)}
.guide-article{min-width:0;padding:4.5rem 0}
.guide-article>header{position:relative;padding-bottom:2.5rem;border-bottom:1px solid var(--line)}
.guide-article>header::after{content:"";position:absolute;right:0;bottom:-1px;width:96px;height:3px;background:var(--mint)}
.guide-article h1{max-width:880px;margin-bottom:1.25rem;font-size:clamp(3rem,6vw,5.35rem)}
.guide-section{padding:3.25rem 0;border-bottom:1px solid var(--line);scroll-margin-top:1rem}
.guide-section h2{max-width:780px;margin-bottom:1.1rem;font-size:clamp(1.9rem,3vw,2.75rem);line-height:1.08;letter-spacing:-.045em}
.guide-section h3{margin:2rem 0 .6rem}
.guide-section p,.guide-section li{max-width:780px;color:var(--muted)}
.guide-section a{color:var(--mint-soft);text-decoration-thickness:1px;text-underline-offset:4px}
.guide-section code{color:var(--mint-soft)}
.guide-section pre{max-width:780px;overflow:auto;padding:1.15rem;border:1px solid var(--line);background:#080c0b;color:var(--mint-soft);box-shadow:inset 3px 0 var(--mint)}
.guide-section table{width:100%;max-width:780px;margin-top:1.4rem;border:1px solid var(--line);border-collapse:collapse}
.guide-section th,.guide-section td{padding:.85rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.guide-section th{background:var(--panel);color:var(--ink)}
.guide-section td{color:var(--muted)}
.page-toc{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.7rem}
.page-toc a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .75rem;border:1px solid var(--line);background:var(--deep-2);color:var(--muted);font-size:.82rem;text-decoration:none}
.page-toc a:hover,.page-toc a:focus-visible{border-color:var(--mint);color:var(--mint-soft)}
.docs-mobile-toc{display:none;margin:1.5rem 0 0;border:1px solid var(--line);background:var(--deep-2)}
.docs-mobile-toc summary{min-height:48px;padding:.85rem 1rem;cursor:pointer;font-weight:800}
.docs-mobile-toc nav{display:grid;padding:0 .7rem .8rem}
.docs-mobile-toc a{min-height:44px;padding:.65rem .45rem;color:var(--muted);text-decoration:none}
.guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:2rem}
.guide-pagination a{display:flex;min-height:92px;flex-direction:column;justify-content:center;padding:1rem;border:1px solid var(--line);background:var(--panel);text-decoration:none}
.guide-pagination a:hover,.guide-pagination a:focus-visible{border-color:var(--mint)}
.guide-pagination a:last-child{text-align:right}
.guide-pagination small,.status-list{color:var(--muted)}
.guide-pagination strong{color:var(--mint-soft)}
.guide-pagination .is-empty{visibility:hidden}
.status-list{max-width:780px;padding:0;list-style:none}
.status-list li{padding:.85rem 0;border-bottom:1px solid var(--line)}
.status-list strong{color:var(--ink)}
@media(max-width:820px){.docs-layout,.guide-layout{grid-template-columns:1fr;gap:0}.docs-toc{position:static;display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem;margin-top:2rem}.docs-toc .eyebrow{grid-column:1/-1}.guide-nav{display:none}.guide-article{padding-top:3rem}.docs-mobile-toc{display:block}.docs-steps,.docs-grid,.docs-grid.two-up,.docs-index-grid{grid-template-columns:1fr}}
@media(max-width:520px){.docs-hero,.docs-layout,.guide-layout{width:min(var(--max),calc(100% - 2rem))}.docs-hero{padding-top:3rem}.docs-hero h1,.guide-article h1{font-size:clamp(2.35rem,12.5vw,3.5rem)}.docs-toc{grid-template-columns:1fr}.connection-path,.hierarchy{display:flex;flex-wrap:wrap;font-size:.8rem}.guide-pagination{grid-template-columns:1fr}.guide-pagination a:last-child{text-align:left}.guide-section table{display:block;width:100%;max-width:100%;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.docs-index-card{transition:none}.docs-index-card:hover{transform:none}}
.docs-section h2{letter-spacing:-.03em}.guide-section h2{letter-spacing:-.025em}
.docs-hero h1{max-width:18ch;font-size:clamp(2.65rem,5.5vw,4.2rem);font-weight:600;line-height:1.08;letter-spacing:-.0125em}
.guide-article h1{max-width:18ch;font-size:clamp(2.5rem,5vw,3.8rem);font-weight:600;line-height:1.08;letter-spacing:-.0125em}
.docs-section h2{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.guide-section h2{font-size:clamp(1.65rem,2.8vw,2.25rem);font-weight:600;line-height:1.25;letter-spacing:-.015em}
.docs-section h3,.guide-section h3,.docs-index-card strong{font-weight:600;line-height:1.5;letter-spacing:0}
.docs-version,.docs-meta,.docs-index-card small{font-weight:600}
@media(max-width:520px){.docs-hero h1,.guide-article h1{font-size:clamp(2.25rem,11vw,3rem)}}