/* fl-tool.css — shared tool components: the 60-second context card (.ctx) and the explained booking box (.bk) */
.ctx{background:#0F2438;color:#F5EFE2;border-radius:10px;padding:22px 24px 20px;margin:18px 0 6px;border-top:3px solid #B8923F;box-shadow:0 1px 10px rgba(15,36,56,.08)}
.ctx .k{font:600 10.5px/1 'Cinzel',Georgia,serif;letter-spacing:.28em;text-transform:uppercase;color:#D4B569}
.ctx h2{font:600 19px/1.3 'Cinzel',Georgia,serif;color:#FBF6EC;margin:10px 0 10px;letter-spacing:.01em;text-transform:none;border:0;padding:0}
.ctx p{font:400 15.5px/1.65 'Gelasio',Georgia,serif;margin:0 0 10px;color:rgba(245,239,226,.92)}
.ctx .watch{border-left:2px solid #B8923F;padding:2px 0 2px 12px;font-style:italic;color:#F5EFE2;margin:12px 0 16px}
.ctx .watch b{font-style:normal;color:#D4B569}
.ctx .acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ctx .acts a{display:inline-block;font:600 11px/1 'Cinzel',Georgia,serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:5px;padding:12px 16px}
.ctx .acts .rd{background:#B8923F;color:#0F2438}
.ctx .acts .rn{border:1px solid rgba(212,181,105,.7);color:#F5EFE2}
.ctx .acts a:hover{filter:brightness(1.08)}
.ctx .acts .t{font:italic 400 13px/1.3 'Gelasio',Georgia,serif;color:rgba(245,239,226,.7)}
.bk .meta{font:600 10px/1.5 'Cinzel',Georgia,serif;letter-spacing:.16em;text-transform:uppercase;color:#B8923F;margin:2px 0 10px}
.bk h3{font:600 17px/1.3 'Cinzel',Georgia,serif;margin:6px 0 4px;color:#FBF6EC}
.bk p{margin:0 0 10px}
.bk .lw b,.bk .br b{font-family:'Cinzel',Georgia,serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-right:4px}
.bk .np{font-style:italic;opacity:.85;margin:4px 0 14px}
@media (max-width:560px){.ctx{padding:18px 18px 16px}.ctx h2{font-size:17px}.ctx .acts a{flex:1 1 auto;text-align:center}}
@media print{.ctx .acts{display:none}.ctx{background:none;color:#0F2438;border:1px solid #ccc}.ctx h2,.ctx p,.ctx .watch{color:#0F2438}}
#numbers{scroll-margin-top:96px}html{scroll-behavior:smooth}
/* standalone booking box for tools without a navy CTA of their own */
.bkx{background:#0F2438;color:#F1E8D4;border-radius:10px;border-top:3px solid #B8923F;padding:24px 26px 22px;margin:28px 0;text-align:left;font:400 15.5px/1.6 'Gelasio',Georgia,serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.bkx .ey{font:600 10.5px/1 'Cinzel',Georgia,serif;letter-spacing:.24em;text-transform:uppercase;color:#D4B569}
.bkx h3{font-size:20px}
.bkx .lw b,.bkx .br b{color:#D4B569}
.bkx a.bb{display:inline-block;background:#B8923F;color:#0F2438;text-decoration:none;font:600 12px/1 'Cinzel',Georgia,serif;letter-spacing:.12em;text-transform:uppercase;padding:14px 18px;border-radius:4px}
.bkx a.bb:hover{filter:brightness(1.08)}
@media (max-width:560px){.bkx{padding:20px 18px}.bkx a.bb{display:block;text-align:center;line-height:1.4}}
@media print{.bkx a.bb{display:none}}
.ctx ul{margin:0 0 12px;padding:0 0 0 18px;font:400 15px/1.55 'Gelasio',Georgia,serif;color:rgba(245,239,226,.92)}
.ctx li{margin:0 0 7px}.ctx li::marker{color:#B8923F}.ctx li b{color:#FBF6EC;font-weight:600}