/* One reading system for documentation, product references and the journal. */
.knowledge-page { --resource-line:#dbe3dd; --resource-muted:#52665c; max-width:1500px; margin:auto; padding:1.5rem 3rem 6rem; color:#153029; }
.resource-breadcrumbs { padding:.4rem 0 1.8rem; font-size:.8125rem; gap:.7rem; color:#627369; }
.resource-breadcrumbs a { text-decoration:none; }
.resource-breadcrumbs a:hover { text-decoration:underline; text-underline-offset:4px; }
.resource-breadcrumbs [aria-current] { color:#203d30; }
.resource-layout { display:grid; grid-template-columns:215px minmax(0,1fr); gap:3.25rem; align-items:start; }
.resource-sidebar { position:sticky; top:7.6rem; max-height:calc(100dvh - 9rem); overflow-y:auto; padding:.2rem 1rem .5rem 0; scrollbar-width:thin; }
.resource-browse > summary { display:none; }
.resource-nav-group { margin-bottom:1.8rem; }
.resource-nav-group > p { margin:0 0 .65rem .75rem; font-size:.75rem; letter-spacing:.14em; font-weight:750; color:#738377; }
.resource-nav-group a { display:block; padding:.65rem .75rem; margin:.1rem 0; font-size:.875rem; line-height:1.45; border-radius:7px; color:#53685a; }
.resource-nav-group a:hover { background:#f0f4ef; color:#153029; }
.resource-nav-group a[aria-current] { background:#e4f5ce; color:#203a20; font-weight:700; box-shadow:inset 3px 0 #6a9732; }
.resource-sidebar-note { border-top:1px solid var(--resource-line); padding:1.4rem .6rem 0; display:flex; align-items:flex-start; gap:.7rem; color:#5a6d5c; }
.resource-sidebar-note > span { color:#477034; font-size:1.8rem; line-height:1; }
.resource-sidebar-note p { font-size:.8125rem; line-height:1.75; margin:0; }
.resource-sidebar-note a { display:inline-flex; align-items:center; gap:.35rem; color:#193c27; font-weight:650; }
.resource-sidebar-note svg { width:15px; height:15px; }
.resource-main { min-width:0; }
.resource-heading { border-top:1px solid #afc7a6; padding:2.4rem 0 2.5rem; max-width:none; }
.resource-eyebrow { color:#516a47; font-size:.75rem; line-height:1.5; letter-spacing:.12em; font-weight:750; margin:0 0 1.2rem; }
.resource-heading h1 { max-width:940px; font-size:clamp(2.45rem,4.6vw,4.1rem); font-weight:650; letter-spacing:-.055em; line-height:1.08; margin:0; text-wrap:balance; }
.resource-heading .guide-intro { max-width:780px; font-size:1.125rem; line-height:1.75; color:var(--resource-muted); margin:1.4rem 0 0; }
.resource-meta { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.25rem; margin-top:1.5rem; color:#61715f; font-size:.8125rem; }
.resource-meta > span { display:inline-flex; align-items:center; gap:.4rem; }
.resource-meta .resource-version { border:1px solid #cddcbe; padding:.35rem .7rem; border-radius:5px; color:#36552a; background:#f6fbed; }
.resource-reading { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:3rem; align-items:start; border-top:1px solid var(--resource-line); padding-top:2.5rem; }
.resource-copy { min-width:0; max-width:790px; font-size:1rem; line-height:1.8; color:#3b5145; }
.resource-copy > section { margin:0 0 3rem; padding:0 0 2.5rem; border-bottom:1px solid var(--resource-line); scroll-margin-top:1rem; }
.resource-copy > section:last-child { border-bottom:0; padding-bottom:0; }
.resource-copy h2 { color:#153029; font-size:clamp(1.5rem,2.2vw,1.9rem); line-height:1.25; letter-spacing:-.035em; margin:0 0 1.1rem; font-weight:650; text-wrap:balance; scroll-margin-top:1rem; }
.resource-copy h3 { font-size:1.15rem; line-height:1.35; letter-spacing:-.025em; color:#153029; margin:1.7rem 0 .75rem; }
.resource-copy > h2:not(:first-child) { margin-top:2.5rem; }
.resource-copy p { margin:.8rem 0 1.15rem; line-height:1.8; }
.resource-copy p:first-of-type { margin-top:0; }
.resource-copy a:not(.button) { color:#274f24; text-decoration:underline; text-decoration-color:#a4b798; text-underline-offset:4px; }
.resource-copy a:hover { text-decoration-color:currentColor; }
.resource-copy strong { font-weight:650; color:#203f2b; }
.resource-copy code { background:#eef3e9; border:1px solid #dce6d5; padding:.15em .4em; border-radius:4px; font-size:.875em; color:#304e28; }
.resource-copy pre { margin:1.6rem 0; padding:1.5rem; border-radius:12px; background:#152a20; border:1px solid #354d3b; color:#d0f5a7; line-height:1.9; font-size:.9375rem; }
.resource-copy pre code { padding:0; background:transparent; border:0; border-radius:0; color:inherit; white-space:pre; }
.resource-copy > section > ol { counter-reset:instruction; list-style:none; margin:1.6rem 0; padding:0; }
.resource-copy > section > ol > li { counter-increment:instruction; position:relative; margin:0; padding:.35rem 0 1.2rem 3.1rem; min-height:3rem; line-height:1.75; }
.resource-copy > section > ol > li::before { content:counter(instruction,decimal-leading-zero); position:absolute; left:0; top:.2rem; display:grid; place-items:center; width:2rem; height:2rem; border-radius:7px; border:1px solid #ccddbd; background:#f1f8e9; color:#3b5a2b; font-size:.75rem; font-weight:750; font-variant-numeric:tabular-nums; }
.resource-copy ul { padding-left:1.2rem; }
.resource-copy ul li { padding-left:.35rem; margin:.65rem 0; }
.resource-copy ul li::marker { color:#68993b; }
.resource-copy aside, .resource-copy .service-note { padding:1.25rem 1.5rem; margin:1.6rem 0; border:1px solid #d4e2bd; border-left:3px solid #88b855; background:#f6faef; border-radius:0 10px 10px 0; font-size:.9375rem; line-height:1.75; }
.resource-copy .table-scroll { border:1px solid #d8e1d4; border-radius:10px; margin:1.5rem 0; overflow-x:auto; }
.resource-copy table { margin:0; font-size:.9375rem; }
.resource-copy table caption { text-align:left; color:#4f6947; font-size:.8125rem; padding:1rem; margin:0; background:#f7faf3; }
.resource-copy th, .resource-copy td { font-size:.9375rem; padding:.9rem 1rem; line-height:1.65; border-bottom:1px solid #e1e8dc; }
.resource-copy thead th { text-transform:none; letter-spacing:0; background:#eef4e6; color:#314d2b; font-size:.8125rem; font-weight:700; }
.resource-copy tbody tr:last-child > * { border-bottom:0; }
.resource-copy tbody tr:nth-child(even) { background:#fbfcf9; }
.resource-copy .button { font-size:.9375rem; border-radius:9px; padding:.85rem 1.15rem; }
.resource-toc { position:sticky; top:8rem; max-height:calc(100dvh - 10rem); overflow-y:auto; }
.resource-contents > summary { display:flex; justify-content:space-between; font-size:.75rem; letter-spacing:.05em; font-weight:700; padding:0 0 1rem; color:#30492f; list-style:none; cursor:pointer; }
.resource-contents > summary::-webkit-details-marker { display:none; }
.resource-toc nav { display:grid; padding-left:.15rem; }
.resource-toc nav a { display:flex; gap:.65rem; color:#6a7a69; font-size:.8125rem; line-height:1.45; padding:.65rem .55rem .65rem .85rem; border-left:1px solid #dce4d6; }
.resource-toc nav a > span { font-size:.75rem; margin-top:.15rem; color:#879482; font-variant-numeric:tabular-nums; }
.resource-toc nav a:hover { color:#25471e; }
.resource-toc nav a[aria-current] { color:#24481e; background:#f3f8ed; border-left:2px solid #679139; font-weight:650; }
.resource-toc-help { display:block; padding:1.2rem 0; font-size:.8125rem; text-decoration:underline; text-underline-offset:4px; color:#697b63; }
.resource-start { margin:0 0 2.75rem; }
.resource-section-label { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:0 0 1rem; }
.resource-section-label h2 { font-size:1.125rem; font-weight:650; letter-spacing:-.025em; margin:0; }
.resource-section-label > span { font-size:.75rem; letter-spacing:.12em; color:#809075; }
.resource-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.resource-card { display:flex; flex-direction:column; min-width:0; padding:1.5rem; border:1px solid #d5e0ca; border-radius:12px; background:#f9fcf4; transition:border-color .2s,background .2s; }
.resource-card:first-child { background:#eefaDA; border-color:#c2d7a6; }
.resource-card:hover { background:#e8f6d5; border-color:#89ad60; }
.resource-card-top { display:flex; justify-content:space-between; align-items:center; gap:.5rem; font-size:.75rem; letter-spacing:.08em; font-weight:750; color:#526d3e; }
.resource-card-top > span:last-child { font-size:.75rem; font-weight:500; color:#8eaa70; letter-spacing:0; }
.resource-card h3 { color:#213d26; font-size:1.25rem; letter-spacing:-.035em; line-height:1.3; margin:1.5rem 0 .7rem; }
.resource-card p { color:#5d7250; font-size:.875rem; line-height:1.7; margin:0 0 1.5rem; }
.resource-card-bottom { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:1rem; border-top:1px solid #cadbb780; color:#345825; font-size:.8125rem; font-weight:650; }
.resource-card-bottom svg { width:18px; height:18px; }
.resource-related { padding-top:2.5rem; margin-top:1rem; border-top:1px solid var(--resource-line); }
.resource-related > h2 { font-size:1.85rem; letter-spacing:-.04em; margin:0 0 1.5rem; }
.resource-related .resource-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
.knowledge-changelog .resource-copy > section { position:relative; padding:1.75rem; background:#fff; border:1px solid #dce5d5; border-radius:12px; margin-bottom:1.25rem; }
.knowledge-changelog .resource-copy > section:first-child { border-color:#a9c784; background:#f5fbeD; }
.knowledge-changelog .resource-copy h2 { font-size:1.4rem; }
.knowledge-changelog .resource-copy .pill { display:inline-block; max-width:100%; white-space:normal; overflow-wrap:anywhere; line-height:1.6; margin-bottom:1rem; font-size:.8125rem; }
.knowledge-page .service-grid { display:block; margin:0; }
.support-quick-help{margin-bottom:2rem}
.support-quick-help details{border-bottom:1px solid #d8e4cd;padding:1rem 0;font-size:1rem;line-height:1.65}
.support-quick-help summary{font-weight:650;cursor:pointer}
.support-quick-help p{margin:1rem 0 .75rem}
.support-quick-help details>a{display:block;min-height:44px;padding:.4rem 0;text-decoration:underline;text-underline-offset:3px}
.knowledge-page .service-card { margin:0 0 1.5rem; border-radius:12px; padding:1.5rem; background:#f8fbf3; border-color:#d8e4cd; }
.knowledge-page a:focus-visible, .knowledge-page summary:focus-visible, .knowledge-page .table-scroll:focus-visible { outline:2px solid #598331; outline-offset:4px; }
/* The journal shares the documentation's spacing, surfaces and reading rhythm. */
.blog-site { background:#fff; }
.blog-home, .blog-article { max-width:1344px; padding:3rem 3rem 6rem; }
.blog-intro { padding:2.75rem; margin-bottom:2rem; border:1px solid #cdddbd; border-radius:16px; background:#f0f9e4; }
.blog-intro h1 { font-size:clamp(2.8rem,5.2vw,4.75rem); font-weight:650; letter-spacing:-.055em; line-height:1.08; }
.blog-intro p:not(.eyebrow) { font-size:1.0625rem; }
.blog-feed { font-size:.875rem; }
.blog-topics { border-top:0; padding:0 0 1.5rem; }
.blog-topics a { background:#fff; border-radius:7px; padding:.65rem 1rem; }
.blog-topics a[aria-current] { background:#18382a; border-color:#18382a; color:#d1fa9c; }
.blog-search { max-width:100%; padding:1.25rem 1.5rem; border:1px solid #dfe6d9; background:#fafcf7; border-radius:10px; }
.blog-search input { border-color:#c9d7c0; font-size:1rem; }
.blog-card { border-radius:12px; border-color:#d7e1cf; }
.blog-card.featured { background:#f2f9e9; }
.blog-card h2 { font-weight:650; }
.blog-card .eyebrow { font-size:.75rem; }
.blog-reading-layout { gap:3rem; }
.blog-toc { top:8rem; max-height:calc(100dvh - 10rem); }
.blog-prose { font-size:1.0625rem; line-height:1.85; }
.blog-prose h2, .blog-prose h3 { scroll-margin-top:1rem; font-weight:650; }
.blog-article-heading { max-width:820px; }
.blog-article-heading h1 { font-weight:650; }
.blog-deck { font-size:1.2rem; }
.blog-guides { display:block; border-top:1px solid #d9e4cf; padding-top:2.5rem; margin-top:3.5rem; }
.blog-guides > div:first-child { margin-bottom:1.75rem; max-width:600px; }
.blog-guides .resource-cards a.resource-card { display:flex; padding:1.5rem; font-weight:400; text-decoration:none; border-bottom:1px solid #d5e0ca; }
.blog-guides .resource-card h3 { margin-top:1.5rem; }
.blog-guides .resource-card p { margin-bottom:1.5rem; }
.blog-guides .resource-card-bottom { font-weight:650; }
@media (max-width:1200px) {
  .knowledge-page { padding-inline:2rem; }
  .resource-layout { grid-template-columns:190px minmax(0,1fr); gap:2rem; }
  .resource-reading { grid-template-columns:minmax(0,1fr) 150px; gap:1.75rem; }
  .resource-card { padding:1.15rem; }
  .resource-cards { gap:.75rem; }
}
@media (max-width:1000px) {
  .knowledge-page { padding:1.25rem 1.5rem 4rem; }
  .resource-layout { grid-template-columns:1fr; gap:1.75rem; }
  .resource-sidebar { position:static; padding:0; max-height:none; overflow:visible; }
  .resource-browse { border:1px solid #d8e3ce; border-radius:9px; background:#f8fbf3; }
  .resource-browse > summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding:.9rem 1rem; font-size:.875rem; font-weight:650; list-style:none; }
  .resource-browse > summary::-webkit-details-marker { display:none; }
  .resource-browse[open] > summary > span { transform:rotate(45deg); }
  .resource-browse nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; padding:1rem; border-top:1px solid #dce6d2; }
  .resource-nav-group { margin:0; }
  .resource-sidebar-note { display:none; }
  .resource-heading { padding:1rem 0 2rem; border-top:0; }
  .resource-heading h1 { max-width:780px; font-size:clamp(2.5rem,5vw,3.5rem); }
  .resource-reading { display:flex; flex-direction:column; gap:2rem; padding-top:1.5rem; }
  .resource-toc { order:-1; position:static; width:100%; max-height:none; overflow:visible; border:1px solid #d8e3ce; border-radius:9px; padding:.9rem 1rem; background:#fafcf7; }
  .resource-contents > summary { font-size:.875rem; padding:0; }
  .resource-contents[open] > summary { margin-bottom:.8rem; }
  .resource-toc-help { display:none; }
  .resource-copy { max-width:none; width:100%; }
  .blog-home, .blog-article { padding:2rem 1.5rem 4rem; }
  .blog-intro { padding:2rem; }
}
@media (max-width:600px) {
  .knowledge-page { padding:1rem 1.2rem 3rem; }
  .resource-breadcrumbs { font-size:.75rem; padding-bottom:1.2rem; }
  .resource-browse nav { grid-template-columns:1fr; gap:1.5rem; }
  .resource-heading h1 { font-size:clamp(2.15rem,8.2vw,2.9rem); line-height:1.1; }
  .resource-heading .guide-intro { font-size:1rem; line-height:1.75; }
  .resource-heading { padding-bottom:1.75rem; }
  .resource-meta { gap:.65rem; font-size:.75rem; }
  .resource-eyebrow { font-size:.75rem; }
  .resource-section-label > span { display:none; }
  .resource-cards, .resource-related .resource-cards { grid-template-columns:1fr; }
  .resource-card { padding:1.4rem; }
  .resource-card h3 { margin-top:.9rem; }
  .resource-card p { margin-bottom:1rem; }
  .resource-copy { font-size:1rem; }
  .resource-copy > section { margin-bottom:2rem; padding-bottom:1.75rem; }
  .resource-copy > section > ol > li { padding-left:2.8rem; }
  .resource-copy th, .resource-copy td { padding:.75rem; min-width:130px; font-size:.875rem; }
  .resource-copy aside, .resource-copy .service-note { padding:1rem 1.1rem; }
  .resource-copy pre { padding:1rem; font-size:.875rem; }
  .resource-related > h2 { font-size:1.65rem; }
  .knowledge-changelog .resource-copy > section { padding:1.3rem; }
  .blog-intro { padding:1.5rem; }
  .blog-intro h1 { font-size:2.5rem; }
  .blog-intro p:not(.eyebrow) { font-size:1rem; }
  .blog-search { padding:1rem; }
  .blog-search > div { flex-wrap:wrap; }
  .blog-search input { flex-basis:100%; }
  .blog-search button { width:100%; justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { .resource-card { transition:none; } }

/* Task headings leave the working content visible without a long hero. */
.resource-heading { padding:1.7rem 0 1.8rem; }
.resource-heading h1 { font-size:clamp(2.2rem,3.5vw,3.25rem); max-width:900px; line-height:1.12; }
.resource-heading .guide-intro { margin-top:1rem; line-height:1.65; }
.resource-meta { margin-top:1rem; }
.resource-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:1.25rem; font-size:1rem; }
.resource-actions > a:not(.button) { text-decoration:underline; text-underline-offset:4px; }
.resource-actions .button { font-size:1rem; padding:.8rem 1rem; }
.workflow-choices { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.workflow-choices > div { border:1px solid #d5e0ca; border-radius:10px; padding:1.25rem; background:#f8fbf3; }
.workflow-choices h3 { margin-top:0; }
.guide-evidence { margin:1.5rem 0 2rem; border:1px solid #d5e0ca; border-radius:10px; overflow:hidden; background:#f8fbf3; }
.guide-evidence img { display:block; width:100%; height:auto; }
.guide-evidence figcaption { padding:1rem; font-size:.875rem; line-height:1.65; }
.historical-evidence { margin-top:1.5rem; border-top:1px solid #d5e0ca; padding-top:1rem; }
.historical-evidence summary,.resource-copy details > summary { cursor:pointer; font-weight:650; color:#23452e; line-height:1.6; }
.blog-intro { padding:2rem; margin-bottom:1.5rem; }
.blog-intro h1 { font-size:clamp(2.1rem,3.8vw,3.5rem); }
.blog-guides { margin-top:2rem; padding-top:1.5rem; }
@media(max-width:600px) {
  .resource-heading { padding:0 0 1.4rem; }
  .resource-heading h1 { font-size:clamp(1.9rem,7.4vw,2.5rem); }
  .resource-reading { gap:1.5rem; }
  .workflow-choices { grid-template-columns:1fr; }
  .blog-intro { padding:1.4rem; }
}