/* Module-only selectors. No host-page resets, remote resources or motion. */
.etc-garden .etc-garden-comic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1000px;margin:32px 0 12px}
.etc-garden .etc-garden-comic .etc-garden-figure{margin:0}
.etc-garden .etc-garden-art-note{font-size:14px;color:var(--garden-muted)}
.etc-garden .etc-garden-exercise{max-width:76ch;padding:22px;border:1px solid var(--garden-line);margin:24px 0}
.etc-garden .etc-garden-exercise h3{margin-top:0}
.etc-garden .etc-garden-exercise h4{font-size:18px;margin:22px 0 12px}
.etc-garden .etc-garden-exercise blockquote{padding:16px;margin:18px 0}
.etc-garden .etc-garden-figure:has(img[src*="gardening-faq"]){max-width:620px}
.etc-garden .etc-garden-diagram{max-width:1000px;margin:32px 0;padding:24px;border:1px solid var(--garden-line);background:var(--garden-paper)}
.etc-garden .etc-garden-diagram h3{margin:0 0 18px}
.etc-garden .etc-garden-diagram h4{font-size:18px;line-height:1.4;margin:0 0 16px}
.etc-garden .etc-garden-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none;list-style:none;padding:0;margin:22px 0}
.etc-garden .etc-garden-lanes li,.etc-garden .etc-garden-node{padding:20px;background:var(--garden-wash);border:1px solid var(--garden-line);margin:0}
.etc-garden .etc-garden-lanes p:last-child,.etc-garden .etc-garden-node p:last-child{margin-bottom:0}
.etc-garden .etc-garden-responsibility .etc-garden-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}
.etc-garden .etc-garden-connector{margin:0;padding:16px 20px;border-left:2px solid var(--garden-line);color:var(--garden-muted)}
.etc-garden .etc-garden-boundary{border-left:3px solid var(--garden-orange);padding:16px 20px;background:var(--garden-wash);margin-bottom:0}
@media(max-width:760px){.etc-garden .etc-garden-comic,.etc-garden .etc-garden-lanes,.etc-garden .etc-garden-responsibility .etc-garden-lanes{grid-template-columns:1fr}.etc-garden .etc-garden-comic{max-width:390px;gap:28px}.etc-garden .etc-garden-diagram{padding:16px}.etc-garden .etc-garden-comic img{width:100%}.etc-garden .etc-garden-table:has(th:nth-child(3)){overflow-x:visible}.etc-garden .etc-garden-table:has(th:nth-child(3)) th,.etc-garden .etc-garden-table:has(th:nth-child(3)) td{min-width:0;padding:10px 6px;overflow-wrap:anywhere}}

.etc-garden{--garden-paper:#fcfbf8;--garden-ink:#002f42;--garden-muted:#48616c;--garden-line:#cbd3d3;--garden-wash:#f0ede5;--garden-orange:#bd4e22;--garden-decoration:#f27636;box-sizing:border-box;max-width:1184px;width:calc(100% - 80px);margin:0 auto;padding:56px 0 72px;background:var(--garden-paper);color:var(--garden-ink);font:17px/1.65 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.etc-garden *{box-sizing:border-box}
.etc-garden h1,.etc-garden h2,.etc-garden h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.14;letter-spacing:-.025em;color:var(--garden-ink)}
.etc-garden h1{font-size:clamp(38px,4.5vw,64px);max-width:24ch;margin:0 0 32px}
.etc-garden h2{font-size:clamp(29px,3vw,42px);max-width:30ch;margin:48px 0 22px}
.etc-garden h3{font-size:27px;margin:32px 0 15px}
.etc-garden p{max-width:76ch;margin:0 0 19px}
.etc-garden a{color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.etc-garden a:hover{color:var(--garden-orange)}
.etc-garden a:focus-visible,.etc-garden [tabindex]:focus-visible{outline:3px solid var(--garden-orange);outline-offset:4px}
.etc-garden ul,.etc-garden ol{max-width:76ch;padding-left:25px;margin:20px 0}
.etc-garden li{padding-left:3px;margin:10px 0}
.etc-garden sup{font-size:.75em;line-height:0}
.etc-garden blockquote{max-width:76ch;margin:28px 0;padding:22px 26px;border-left:3px solid var(--garden-orange);background:var(--garden-wash)}
.etc-garden blockquote p:last-child{margin-bottom:0}
.etc-garden code{font-size:.9em}
.etc-garden pre{max-width:76ch;overflow-x:auto;white-space:pre;padding:22px;background:var(--garden-wash);border:1px solid var(--garden-line);font:14px/1.65 monospace;margin:26px 0}
.etc-garden .etc-garden-table{max-width:76ch;overflow-x:auto;margin:28px 0 32px}
.etc-garden table{border-collapse:collapse;width:100%;font:inherit;margin:0}
.etc-garden caption{text-align:left;color:var(--garden-muted);font-size:14px;margin:0 0 12px}
.etc-garden th,.etc-garden td{text-align:left;vertical-align:top;border-bottom:1px solid var(--garden-line);padding:12px 14px;min-width:130px;overflow-wrap:normal}
.etc-garden th{background:var(--garden-wash);font-weight:600}
.etc-garden [id]{scroll-margin-top:28px}
.etc-garden .etc-garden-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--garden-muted);margin-bottom:18px}
.etc-garden .etc-garden-list{max-width:none;list-style:none;padding:0;margin:42px 0 0}
.etc-garden .etc-garden-list li{margin:0;padding:28px 0;border-top:1px solid var(--garden-line)}
.etc-garden .etc-garden-list h2{max-width:38ch;font-size:32px;margin:0}
.etc-garden .etc-garden-figure{max-width:920px;margin:32px 0 40px}
.etc-garden .etc-garden-figure img,.etc-garden .etc-garden-figure svg{display:block;max-width:100%;height:auto}
.etc-garden .etc-garden-figure figcaption{max-width:76ch;font-size:14px;color:var(--garden-muted);padding-top:12px}
@media(max-width:760px){.etc-garden{width:calc(100% - 40px);padding:36px 0 48px;font-size:16px}.etc-garden h1{font-size:38px;margin-bottom:26px}.etc-garden h2{font-size:29px;margin-top:38px}.etc-garden .etc-garden-list h2{font-size:28px}.etc-garden blockquote{padding:18px}.etc-garden th,.etc-garden td{padding:10px;min-width:120px}.etc-garden pre{font-size:12px;padding:16px}}

#document > .etc-garden{width:100%;margin:0;border:0}.etc-garden section{padding:0;border:0}.etc-garden table{max-width:none}.etc-garden .etc-garden-lanes{max-width:none;list-style:none;padding:0}.etc-garden .etc-garden-lanes li{margin:0;padding:20px}.etc-garden [id]{scroll-margin-top:28px}
