/* Interchangeable guide panel; the approved home light panel remains unchanged. */
.bulk-guide-panel{--guide-ink:#17304b;--guide-muted:#53677b;--guide-edge:#c7d5df;--guide-glass:linear-gradient(140deg,#fff,#edf3f7b0);--guide-warm:linear-gradient(140deg,#fff,#f6ede6a3);--guide-solid:#fff;color:var(--guide-ink);background:#fff;padding:60px 0}
body.ci-page .bulk-guide-panel.is-dark{--guide-ink:#f7f9fc;--guide-muted:#dde7f0;--guide-edge:#dcecff55;--guide-glass:linear-gradient(140deg,#ffffff12,#b9d9f905);--guide-warm:linear-gradient(140deg,#efb88912,#ffffff05);--guide-solid:#142c43;background:#10263b;color:var(--guide-ink)}
.bulk-guide-panel .home-guide-library{border:0;padding:0;margin:0;max-width:none}
.bulk-guide-panel .home-guide-library>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;padding:0;min-height:46px}
.bulk-guide-panel summary::-webkit-details-marker{display:none}
.bulk-guide-panel .guide-heading-intro{font-size:11px;font-weight:500;letter-spacing:.1em;line-height:1.5;color:var(--guide-ink);margin:0 0 14px}
.bulk-guide-panel h2{font-size:clamp(25px,2.9vw,38px);font-weight:500;line-height:1.2;color:var(--guide-ink);margin:0;max-width:none}
.bulk-guide-panel .guide-collapse{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border:1px solid var(--guide-edge);border-radius:16px;background:var(--guide-glass);box-shadow:inset 0 1px 0 #ffffff45,0 5px 16px #0002;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f6892b}
.bulk-guide-panel .guide-collapse svg{width:20px;height:20px;transform:rotate(90deg)}
.bulk-guide-panel details[open] .guide-collapse svg{transform:rotate(-90deg)}
.bulk-guide-panel .guide-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.bulk-guide-panel .guide-library-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 14px;grid-template-rows:auto auto;column-gap:12px;row-gap:10px;align-items:start;min-width:0;padding:18px 16px;border:1px solid var(--guide-edge);border-radius:21px;background:var(--guide-glass);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0002,0 9px 22px #08172b20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--guide-ink);text-decoration:none}
.bulk-guide-panel .guide-library-card:nth-child(3n + 2){background:var(--guide-warm);border-color:#d6b69f66}
.bulk-guide-panel .guide-library-card:hover{border-color:#f6892baa;background-color:#ffffff08}
.bulk-guide-panel .guide-art{display:block;grid-column:1;grid-row:1;width:48px;height:48px;color:var(--guide-ink);align-self:center}
.bulk-guide-panel .icon-accent{stroke:#f6892b}
.bulk-guide-panel.is-dark .guide-art [fill="#fff"]{fill:var(--guide-solid)}
.bulk-guide-panel .guide-library-card>strong{grid-column:2;grid-row:1;align-self:center;font-size:16px;line-height:1.3;font-weight:700;color:var(--guide-ink);text-wrap:wrap}
.bulk-guide-panel .guide-description{grid-column:1/3;grid-row:2;font-size:13px;line-height:1.5;color:var(--guide-muted);text-wrap:pretty}
.bulk-guide-panel .guide-direction{grid-column:3;grid-row:1/3;align-self:center;color:#f6892b;display:flex}
.bulk-guide-panel .guide-direction svg{width:16px;height:16px}
.bulk-guide-panel summary:focus-visible,.bulk-guide-panel .guide-library-card:focus-visible{outline:2px solid #f6892b;outline-offset:4px}
@media(max-width:700px){body.ci-page .bulk-guide-panel{padding:40px 0}.bulk-guide-panel .guide-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.bulk-guide-panel .guide-library-card{grid-template-columns:40px minmax(0,1fr);padding:14px 12px;column-gap:9px;row-gap:9px;border-radius:18px}.bulk-guide-panel .guide-art{width:40px;height:40px}.bulk-guide-panel .guide-library-card>strong{font-size:clamp(12px,3.5vw,15px);line-height:1.25}.bulk-guide-panel .guide-description{grid-column:1/3;font-size:12px;line-height:1.45;padding-right:16px}.bulk-guide-panel .guide-direction{position:absolute;right:9px;bottom:14px}.bulk-guide-panel .guide-collapse{width:36px;height:36px;flex-basis:36px;border-radius:13px}.bulk-guide-panel .guide-heading-intro{font-size:10px}.bulk-guide-panel h2{font-size:clamp(23px,6vw,29px)}}