/* v200: page-scoped makeover, preserving other tutorial layouts */
.bb-clothing-guide.bb-around-makeover .bb-around-banner{margin:8px 0 22px}
.bb-clothing-guide.bb-around-makeover .bb-around-banner img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 18px #1e082b77)}
.bb-clothing-guide.bb-around-makeover .bb-around-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:22px;align-items:stretch}
.bb-clothing-guide .bb-hero-stack{display:grid;gap:15px;align-content:center}
.bb-clothing-guide .bb-mini-panel{border:2px solid #d0a063;border-radius:18px;background:linear-gradient(180deg,#fff9ef,#f5e5c8);padding:18px;box-shadow:inset 0 0 0 3px #fff6df}
.bb-clothing-guide .bb-mini-kicker{margin:0 0 7px;color:#904884;font:700 .75rem/1.2 Georgia,serif;letter-spacing:.13em}
.bb-clothing-guide .bb-mini-panel h2{margin:0 0 10px;font:700 clamp(1.4rem,2.2vw,2rem)/1.05 Georgia,serif;color:#69245f}
.bb-clothing-guide .bb-mini-panel p,.bb-clothing-guide .bb-mini-panel li{font:1rem/1.5 Georgia,serif;color:#5f2a55}
.bb-clothing-guide .bb-mini-panel ul{margin:0;padding-left:19px;display:grid;gap:6px}
.bb-clothing-guide .rig-difference{margin:22px 0;border:4px ridge #d5aa6a;border-radius:24px;background:linear-gradient(155deg,#fffaf0,#f8e4c1);padding:clamp(20px,4vw,32px);box-shadow:0 15px 30px #210a2d33}
.bb-clothing-guide .rig-difference .bb-panel-heading{margin-bottom:16px}
.bb-clothing-guide .rig-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.bb-clothing-guide .rig-compare-grid article{border:2px solid #c99d67;border-radius:18px;background:#fff9ed;padding:20px;box-shadow:0 7px 18px #3c114014}
.bb-clothing-guide .rig-compare-kicker{margin:0 0 8px;font:700 .78rem Georgia,serif;letter-spacing:.14em;color:#874174}
.bb-clothing-guide .rig-compare-grid h3{margin:0 0 11px;color:#6e286b;font:700 1.35rem/1.2 Georgia,serif}
.bb-clothing-guide .rig-compare-grid p{color:#582b50;line-height:1.62;margin-bottom:12px}
.bb-clothing-guide .rig-compare-grid .rig-compare-example{margin:0;color:#6e3f60;font-style:italic}
.bb-clothing-guide .rig-remember{border-left:5px solid #a86d90;border-radius:13px;background:#f0e5f0;padding:15px 19px;margin:17px 0 0;line-height:1.6;color:#542850}
.bb-clothing-guide .rig-illustration-note{font-size:.92rem;line-height:1.5;color:#77586b;text-align:center}
.bb-clothing-guide .rig-jump{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-clothing-guide .bb-cheatsheet{margin:28px 0}
.bb-clothing-guide .bb-lesson{background:linear-gradient(145deg,#fffaef,#f6e6c9 65%,#efd0a3);box-shadow:0 12px 28px #210a2d30}
.bb-clothing-guide .bb-section-head .bb-section-number{min-width:54px}
.bb-clothing-guide .bb-section-head h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
.bb-clothing-guide .rig-figure{margin:20px 0 22px}
.bb-clothing-guide .rig-figure .bb-helper-figure__link{display:block;overflow:hidden;border:3px solid #d7a96b;border-radius:16px;background:#25182f;box-shadow:0 10px 20px #210a2d39}
.bb-clothing-guide .rig-figure .bb-helper-figure__link img{display:block;width:100%;height:auto}
.bb-clothing-guide .rig-figure figcaption{padding:10px 12px;color:#6b435d;font:1rem/1.5 Georgia,serif;text-align:center}
.bb-clothing-guide .rig-tool-note{background:#ede5f0;color:#62365c;border-left:5px solid #a27ba6;padding:16px 18px;border-radius:10px;line-height:1.55}
.bb-clothing-guide .rig-figure a:focus-visible{outline:3px solid #772d74;outline-offset:3px}
@media(max-width:880px){.bb-clothing-guide.bb-around-makeover .bb-around-hero{grid-template-columns:1fr}.bb-clothing-guide .rig-compare-grid{grid-template-columns:1fr}}
@media(max-width:610px){.bb-clothing-guide .rig-jump{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-clothing-guide .rig-difference{padding:17px 12px}.bb-clothing-guide .rig-compare-grid article{padding:17px}.bb-clothing-guide .rig-figure .bb-helper-figure__link{border-width:2px}}
@media(max-width:420px){.bb-clothing-guide .rig-jump{grid-template-columns:1fr}}
