/* v175: optional advanced clothing guide. Fully scoped: existing pages unchanged. */
.bb-clothing-guide .bb-around-hero h1{font-size:clamp(2.2rem,4.2vw,4.1rem)}
.bb-clothing-guide .bb-welcome a,.bb-clothing-guide .bb-lesson a{color:#74306a;font-weight:700}
.bb-clothing-guide .bb-lesson code,.bb-clothing-guide .bb-welcome code{overflow-wrap:anywhere}
.bb-clothing-guide .bb-steps li{line-height:1.75;margin-bottom:12px}
.bb-clothing-guide .rig-jump{grid-template-columns:repeat(5,minmax(0,1fr))}
.bb-clothing-guide .rig-note{background:linear-gradient(100deg,#f9eedd,#f4e7f3);border-left:5px solid #a36daa;border-radius:12px;padding:17px 20px;margin:19px 0;line-height:1.65;color:#50294c}
.bb-clothing-guide .rig-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}
.bb-clothing-guide .rig-concept-grid article,.bb-clothing-guide .rig-tip-grid article{border:1.5px solid #d4ac7a;border-radius:13px;background:linear-gradient(150deg,#fffaf1,#f5e6d1);padding:19px}
.bb-clothing-guide .rig-concept-grid article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#ffe2ae;background:#662864;font-size:1.8rem}
.bb-clothing-guide .rig-concept-grid h3,.bb-clothing-guide .rig-tip-grid h3{font:700 1.32rem Georgia,serif;color:#682869;margin:11px 0 7px}
.bb-clothing-guide .rig-concept-grid p,.bb-clothing-guide .rig-tip-grid p{line-height:1.55;margin:0}
.bb-clothing-guide .rig-legend{margin:21px 0;padding:17px 19px;border-radius:14px;border:2px solid #d2a978;background:#fff8ea}
.bb-clothing-guide .rig-legend figcaption{font:700 1.12rem Georgia,serif;color:#642b68;margin-bottom:10px}
.bb-clothing-guide .rig-legend-gradient{height:30px;border-radius:20px;border:2px solid #5b4c72;background:linear-gradient(90deg,#1233b8 0%,#10b6ef 22%,#14c14c 43%,#e6df0c 65%,#ff7c12 82%,#d91e27 100%)}
.bb-clothing-guide .rig-legend-ends{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.97rem;color:#612e61;margin-top:8px}
.bb-clothing-guide .rig-diagram,.bb-clothing-guide .rig-route{display:flex;gap:8px;align-items:stretch;margin:22px 0}
.bb-clothing-guide .rig-diagram>div{flex:1;min-width:0;border:2px solid #d0a067;border-radius:14px;padding:16px 11px;background:#fff7e8;text-align:center}
.bb-clothing-guide .rig-diagram>div>span{display:block;color:#782c7b;font:bold 1.8rem Georgia,serif}
.bb-clothing-guide .rig-diagram strong{display:block;color:#59275c;font-size:1.04rem}
.bb-clothing-guide .rig-diagram small{color:#735366;font-size:.88rem}
.bb-clothing-guide .rig-diagram>b,.bb-clothing-guide .rig-route>b{display:grid;place-items:center;color:#ae784f;font-size:1.7rem}
.bb-clothing-guide .rig-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.bb-clothing-guide .rig-pose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}
.bb-clothing-guide .rig-pose-grid article{display:flex;flex-direction:column;gap:7px;text-align:center;align-items:center;border:1.5px solid #cda675;border-radius:13px;background:#fff6e6;padding:16px 10px}
.bb-clothing-guide .rig-pose-grid article>span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;color:#ffe6b2;background:#6c2d74;font-size:1.8rem}
.bb-clothing-guide .rig-pose-grid strong{color:#682a6d}
.bb-clothing-guide .rig-pose-grid small{color:#704e5f;line-height:1.45}
.bb-clothing-guide .rig-route{align-items:center;flex-wrap:wrap;justify-content:center}
.bb-clothing-guide .rig-route>span{background:#60245c;color:#f9e1af;border:1.5px solid #d6a473;border-radius:10px;padding:12px 11px;text-align:center;font-size:.88rem;font-weight:700}
.bb-clothing-guide .rig-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bb-clothing-guide .rig-checks label{display:flex;gap:10px;align-items:flex-start;border:1.5px solid #d4ad7a;border-radius:12px;background:#fff8e9;padding:14px 16px;line-height:1.5;cursor:pointer}
.bb-clothing-guide .rig-checks input{flex:none;width:19px;height:19px;margin-top:2px;accent-color:#702a72}
.bb-clothing-guide .rig-checks label:has(input:checked){background:#ede6f0}
.bb-clothing-guide .bb-around-next a{margin:5px}
@media(max-width:850px){.bb-clothing-guide .rig-concept-grid,.bb-clothing-guide .rig-tip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-clothing-guide .rig-jump{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-clothing-guide .rig-pose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.bb-clothing-guide .rig-concept-grid,.bb-clothing-guide .rig-tip-grid,.bb-clothing-guide .rig-checks{grid-template-columns:1fr}.bb-clothing-guide .rig-diagram{flex-wrap:wrap}.bb-clothing-guide .rig-diagram>div{flex:1 1 100%}.bb-clothing-guide .rig-diagram>b{width:100%;transform:rotate(90deg)}.bb-clothing-guide .rig-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-clothing-guide .rig-route{gap:5px}.bb-clothing-guide .rig-route>span{font-size:.75rem;padding:10px 7px}.bb-clothing-guide .rig-route>b{font-size:1.12rem}}
@media(max-width:420px){.bb-clothing-guide .rig-jump{grid-template-columns:1fr}.bb-clothing-guide .rig-pose-grid{grid-template-columns:1fr 1fr}}
@media print{.bb-clothing-guide .rig-concept-grid article,.bb-clothing-guide .rig-tip-grid article,.bb-clothing-guide .rig-checks label{break-inside:avoid}}
