/* Owner annotations, October 28: map framing and the planned Drop sequence. */
#chapter-links .chapter-home{width:16px;height:16px;flex:none;color:#08766A}
#chapter-links a[data-chapter="B01"]{position:sticky;top:0;z-index:3;background:#FFFCF5;border-bottom:1px solid #08766A25;border-radius:8px 8px 0 0}
#chapter-links .chapter-end{border-top:1px solid #08766A25;color:#08766A}
.chapter-rail.is-open{width:176px}
@media(max-width:1099px){.chapter-rail.is-open{width:196px}}
/* Keep the longer chapter list from covering phone content while collapsed. */
@media(max-width:1099px){.chapter-rail:not(.is-open){height:44px;padding:0}.chapter-rail:not(.is-open) #chapter-links{display:none}.chapter-rail:not(.is-open) #chapter-toggle{position:static;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:42px;padding:0}.chapter-rail:not(.is-open) #chapter-toggle>.chapter-chevron{display:block;width:24px;height:24px}}
#B15 .maps .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
#B15 .map-device-panel{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;padding:24px;background:#fff;border:1px solid #DEDDDA;border-radius:24px}
#B15 .mapshot{margin:0;width:min(300px,100%);min-width:0;max-width:100%;box-sizing:border-box;padding:9px;border:2px solid #2A2A2A;border-radius:42px;background:#0D0D0D;box-shadow:0 24px 42px #1A191730,inset 0 0 0 1px #62615C}
#B15 .mapshot>img{display:block;width:100%;height:auto;border-radius:31px}
#B09 #how-drops-work{padding:80px 0;background:#FFF0D0}
#B09 .drop-content{width:min(1180px,100%);margin-inline:auto;padding-inline:clamp(16px,4vw,40px);box-sizing:border-box}
#B09 .drop-intro h2{font-size:clamp(44px,5.1vw,76px);line-height:1.05}
#B09 .drop-flow{gap:28px}
#B09 .step-copy{border:1px solid #DEDDDA;border-radius:20px;padding:24px 20px;box-shadow:0 4px 12px #1A191708}
#B09 .step-copy h3{font-size:clamp(23px,2vw,30px)}
/* Two imperfect ink strokes form a transparent connector, never a black tile. */
#B09 .drop-step:not(:last-child)::after{content:"";display:block;position:absolute;top:98px;right:-35px;left:auto;bottom:auto;width:42px;height:32px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 44' fill='none' stroke='%2308766A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 24C18 19 33 26 54 20M41 7C48 11 54 16 59 20C53 24 48 29 43 36' stroke-width='4'/%3E%3Cpath d='M8 29C25 25 39 30 54 24M43 11L56 21L46 32' stroke-width='1.5' opacity='.5'/%3E%3C/svg%3E") center/contain no-repeat;transform:none;pointer-events:none;z-index:2}
@media(max-width:1050px) and (min-width:701px){#B09 .drop-step:nth-child(2)::after{display:none}}
@media(max-width:900px){#B15 .maps .wrap{grid-template-columns:1fr}#B15 .map-device-panel{width:min(100%,560px);justify-self:center}}
@media(max-width:700px){#B09 #how-drops-work{padding-block:55px}#B09 .drop-intro{grid-template-columns:1fr}#B09 .drop-intro h2{font-size:clamp(38px,10vw,64px)}#B09 .drop-flow{gap:42px}#B09 .drop-step:not(:last-child)::after{display:block;top:auto;bottom:-37px;left:calc(50% - 21px);right:auto;transform:rotate(90deg)}#B15 .map-device-panel{padding:22px 16px}}