/* Phone/tablet book v0.3; scrolling at <=1255px. Desktop figure uses its byte-exact locked stylesheet. */
.hbs-phone{display:none}
@media(max-width:1255px){
hbs-book #hbk{display:none}.hbs-phone{display:block;margin-top:40px;color:var(--navy);font-weight:300}
.hbs-phone .phone-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:32px}
.hbs-phone .phone-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;background:var(--ivory);border:1px solid #d3d4dc;font-size:15px;line-height:1.35;text-align:center;text-decoration:none}
.hbs-phone .phone-tabs a[aria-current=true]{background:var(--navy);color:#fff}
.hbs-phone .phone-card{margin:0 0 32px;border:1px solid #d3d4dc;box-shadow:0 8px 24px #1417370c;scroll-margin-top:80px;background:#fff}
.hbs-phone .face{position:relative;overflow:visible;background:#fff;min-width:0}
.hbs-phone .face+.face{border-top:1px solid #d3d4dc}
.hbs-phone .photo{width:100%;height:210px;min-height:0;border-radius:0;background:var(--ivory)}
.hbs-phone .photo img{width:100%;height:100%;object-fit:cover}
.hbs-phone .col{padding:24px}
.hbs-phone p,.hbs-phone small,.hbs-phone em,.hbs-phone i,.hbs-phone b,.hbs-phone span{font-size:15px;line-height:1.55}
.hbs-phone h3{font-size:28px;line-height:1.15;margin:0 0 16px;letter-spacing:-.02em}
.hbs-phone h4{font-size:24px;line-height:1.25;font-weight:400;margin:0 0 16px}
.hbs-phone h4 i{display:block;color:var(--plum);font-style:normal;margin-top:4px}
.hbs-phone .eyebrow,.hbs-phone .k{color:var(--plum);font-weight:400;letter-spacing:.04em;margin:24px 0 8px}.hbs-phone .eyebrow:first-child{margin-top:0}
.hbs-phone .def{font-size:19px}.hbs-phone .how{margin-bottom:20px}
.hbs-phone .bel{padding-top:16px;border-top:1px solid #d3d4dc}
.hbs-phone .bel b,.hbs-phone .bel span,.hbs-phone .mast b{display:block}
.hbs-phone .folio{display:block;text-align:right;margin-top:24px;color:var(--muted)}
.hbs-phone .plate-head img{width:100%;height:auto;margin-bottom:24px}
.hbs-phone .plate-head{padding:0}.hbs-phone .field{background:var(--navy);color:#fff;margin:24px -24px -24px}
.hbs-phone .part{padding:24px;border-bottom:1px solid #ffffff33}.hbs-phone .part b{display:block;font-size:24px;font-weight:300}.hbs-phone .part i{display:block;font-style:normal}.hbs-phone .part.u{background:var(--plum)}
.hbs-phone .decade{padding:16px 0;border-top:1px solid #d3d4dc}.hbs-phone .decade b{display:block;color:var(--plum);font-weight:400}.hbs-phone .decade span{display:block;font-size:22px;line-height:1.25;margin-top:6px}
.hbs-phone .why{margin-top:32px}.hbs-phone .why strong{font-weight:500}
.hbs-phone ol{list-style:none;padding:0;margin:0}.hbs-phone li{padding:16px 0;border-bottom:1px solid #d3d4dc}
.hbs-phone li small{display:block;margin-top:8px;color:var(--muted)}.hbs-phone li em{display:block;font-style:normal;color:var(--plum);margin-top:12px;font-weight:400}
.hbs-phone .heads{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--muted)}
.hbs-phone .heads span{flex:1}.hbs-phone .heads span:last-child{text-align:right}
.hbs-phone .foot{margin-top:24px;color:var(--muted)}.hbs-phone .sec+.sec{margin-top:28px}.hbs-phone .moved{color:var(--plum)}
.hbs-phone .jacket{padding:32px 24px;background:var(--ivory)}.hbs-phone .logo img,.hbs-phone .backmark img{width:auto;height:84px;max-width:100%}
.hbs-phone .title{font-size:30px;line-height:1.15;margin-top:40px}.hbs-phone .title small{display:block;margin-bottom:12px}
.hbs-phone .backmark{text-align:center;padding:40px 24px;background:var(--ivory)}.hbs-phone .backmark p{margin-top:24px}
.hbs-phone .face.cover{display:flex;flex-direction:column}.hbs-phone .face.cover .photo{order:-1}
}

/* Keep viewport-edge controls usable at the desktop transition; book faces unchanged. */
@media(min-width:1256px) and (max-width:1279px){hbs-book #hbk .stage.open:not(.end) .nav.prev{left:clamp(-80px,calc(550px - 50vw + 8px),-64px)}hbs-book #hbk .stage.open:not(.end) .nav.next{right:clamp(-80px,calc(550px - 50vw + 8px),-64px)}}