@import url("handbook.css?v=20261018-handbook");
.directory-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:start;gap:80px;padding:12px 0 44px}
.directory-heading h1{margin-bottom:20px}
.directory-heading>div>p:not(.guide-category){font-size:15px;line-height:1.9}
.directory-meta{display:block;font-size:13px;color:var(--muted);margin-top:24px}
.directory-start{padding:8px 0 4px 28px;border-left:2px solid var(--line)}
.directory-start>strong{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-bottom:14px}
.directory-start>a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;font-size:15px;padding:8px 0;border-bottom:1px solid var(--line)}
.directory-start>a span{color:var(--brand)}
.directory-search{display:flex;align-items:end;gap:16px;padding:24px;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.directory-search label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.search-field{flex:1;min-width:0}.module-field{flex:0 1 200px;min-width:140px}
.directory-search input,.directory-search select{width:100%;min-height:48px;background:white;border:1px solid #b9cce5;border-radius:4px;padding:10px 12px;font:16px/1.5 var(--font);color:var(--ink)}
.directory-search input::placeholder{font-size:14px;color:var(--muted)}
.directory-search .btn{min-height:48px;background:white;flex-shrink:0}
.directory-result-bar{display:flex;justify-content:space-between;gap:16px;margin:18px 0 30px;font-size:13px}.directory-result-bar>span{color:var(--muted)}
.directory-search[hidden]+.directory-result-bar+.handbook-layout{margin-top:24px}
.directory-module{scroll-margin-top:108px;padding:0 0 40px;margin-bottom:36px;border-bottom:1px solid var(--line)}
.directory-module:last-of-type{margin-bottom:0;border-bottom:0}
.directory-module>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.directory-module>header>span{font-size:12px;color:var(--muted);white-space:nowrap}
.module-intro{font-size:14px;margin:10px 0 20px;max-width:50em}
.directory-module ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.directory-module li{min-width:0;border-top:1px solid var(--line)}
.directory-module li>a{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:18px 0;height:100%}
.directory-module li>a>div{min-width:0}.directory-module li p{font-size:13px;line-height:1.8;margin-top:5px}
.document-kind{font-size:11px;white-space:nowrap;color:var(--muted);padding-top:4px}.document-kind span{color:var(--brand);margin-left:3px}
.directory-module li>a:hover h3{text-decoration:underline;text-underline-offset:4px}
.directory-empty{padding:48px 24px;text-align:center;background:#f8faff;border:1px solid var(--line)}
.directory-empty p{font-size:14px;margin:16px 0 24px}
.further-reading{padding-top:40px;margin-top:40px;border-top:1px solid var(--line)}
.further-reading>h2{font-size:21px;margin-bottom:24px}.further-reading>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.further-reading a{display:block;border-left:2px solid var(--line);padding-left:20px}.further-reading a:hover{border-color:var(--brand)}
.further-reading strong{font-size:15px;display:block}.further-reading span{display:block;font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:1050px){.directory-heading{gap:40px}.directory-module ul{gap:0 24px}}
@media(max-width:800px){.directory-heading{grid-template-columns:1fr;gap:28px;padding:0 0 28px}.directory-start{padding:0;border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.directory-start>strong{grid-column:1/-1;margin-bottom:8px}.directory-search{flex-wrap:wrap;padding:20px;gap:16px 12px}.search-field{flex:1 0 100%}.module-field{flex:1}.directory-result-bar{margin:16px 0 24px}.directory-result-bar>span{display:none}.directory-module{padding-bottom:24px;margin-bottom:28px;scroll-margin-top:150px}.directory-module ul{grid-template-columns:1fr}.module-intro{margin-bottom:16px}.further-reading{padding-top:28px;margin-top:28px}.further-reading>div{grid-template-columns:1fr;gap:24px}}
@media(max-width:480px){.directory-heading>div>p br{display:none}.directory-start{grid-template-columns:1fr}.directory-search{padding:16px}.module-field{min-width:0}.directory-search .btn{padding:10px 14px}.directory-module li>a{gap:10px;padding:16px 0}.directory-module li p{font-size:13px}}
/* Complete business guides precede the searchable function reference. */
.feature-catalog{padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:108px}
.feature-catalog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:18px}
.feature-catalog-heading p{font-size:13px}
.feature-quick-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:24px;font-size:13px;color:var(--brand)}
.feature-quick-links>a{min-height:36px;display:inline-flex;align-items:center;gap:8px}
.further-reading>p{font-size:14px;margin-bottom:16px}.further-reading>.text-link{display:inline-block;border-left:0;padding-left:0}
@media(max-width:800px){.feature-catalog{padding-top:24px;scroll-margin-top:150px}.feature-catalog-heading{display:block}.feature-catalog-heading p{margin-top:8px}.feature-quick-links{gap:4px 20px;margin-bottom:18px}}

/* Fulfillment explanations now live inside the operation handbook. */
.docs-index #fulfillment-flows{padding:36px 0;margin:0 0 36px;scroll-margin-top:108px;border-block:1px solid var(--line)}
.docs-index #fulfillment-flows>.container{width:100%;max-width:none}
.docs-index #fulfillment-flows .section-intro{display:block;margin-bottom:28px}
.docs-index #fulfillment-flows .section-intro h2{font-size:26px;line-height:1.5;margin-bottom:12px}
.docs-index #fulfillment-flows .section-intro p{font-size:14px;line-height:1.9}
.docs-index #fulfillment-flows .flow-layout{gap:32px;grid-template-columns:240px minmax(0,1fr)}
@media(max-width:800px){.docs-index #fulfillment-flows{padding:28px 0;scroll-margin-top:150px}.docs-index #fulfillment-flows .flow-layout{grid-template-columns:1fr;gap:24px}.docs-index #fulfillment-flows .section-intro h2{font-size:23px}}
@media(max-width:480px){.docs-index #fulfillment-flows .scenario-list{flex-direction:column}.docs-index #fulfillment-flows .scenario-button{text-align:left}}