.section.bs7-page{--bs7-forest:#152d17;--bs7-citron:#ecf49f;--bs7-porcelain:#f5f7ef;background:var(--bs7-porcelain);color:var(--bs7-forest);font-family:Geist,Arial,sans-serif}
.section.bs7-page>.section-body{display:block;width:100%;max-width:1600px;padding:clamp(90px,9vw,145px) 5vw 100px;margin:auto;min-height:0}
.bs7-page .copy{max-width:850px}.bs7-page .copy h2{font-family:Garet,Inter,Arial,sans-serif;font-size:clamp(40px,5.5vw,88px);font-weight:850;line-height:1.02;letter-spacing:-.055em;margin:0 0 28px}.bs7-page .copy .lede{font-size:clamp(17px,1.55vw,23px);line-height:1.55;max-width:47ch;margin:0}.bs7-page .eyebrow{font-size:13px;letter-spacing:0;text-transform:none;margin:0 0 24px}.bs7-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.3fr);gap:5vw;align-items:end}.bs7-side-note{font-size:14px;line-height:1.8;margin:0 0 4px;max-width:22ch}
.bs7-page .ui-icon{display:block;width:24px;height:24px;flex:none;stroke-width:1.7}.bs7-icon-grid{list-style:none;padding:0;margin:70px 0 45px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 4vw}.bs7-icon-grid li{min-width:0;min-height:144px;border-top:1px solid #152d1733;display:flex;flex-direction:column;justify-content:center;gap:21px;font-size:14px;line-height:1.4}.bs7-icon-drawing .ui-icon{width:34px;height:34px}.bs7-library-footer{display:flex;justify-content:space-between;gap:30px;align-items:center}.bs7-library-footer>p{font-size:20px;line-height:1.4;margin:0}.bs7-link{min-height:48px;display:flex;gap:7px;flex-direction:column;justify-content:center;text-underline-offset:5px;text-decoration:underline;font-size:15px;color:inherit}.bs7-link span{font-size:12px;text-decoration:none;opacity:.75}.bs7-link:focus-visible,.bs7-replay:focus-visible{outline:3px solid currentColor;outline-offset:6px;border-radius:2px}
.section.bs7-rules-page{background:var(--bs7-citron)}.bs7-specimen{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:8vw;margin:65px 0 0;align-items:center}.bs7-master{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#152d1712 1px,transparent 1px),linear-gradient(90deg,#152d1712 1px,transparent 1px);background-size:calc(100% / 12) calc(100% / 12);aspect-ratio:1;max-height:470px}.bs7-master>.ui-icon{width:64%;height:64%;stroke-width:1.7}.bs7-master>span{position:absolute;bottom:14px;left:16px;font-size:12px;background:var(--bs7-citron);padding:6px}.bs7-panel-label{margin:0 0 32px;font-size:16px}.bs7-scales{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bs7-scales>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.bs7-scale-icon{height:44px;display:flex;align-items:center}.bs7-scale-icon>.ui-icon{width:var(--bs7-size);height:var(--bs7-size)}.bs7-scales b{font-size:18px;font-weight:500}.bs7-scales small{font-size:12px}.bs7-specs{margin:36px 0 0;font-size:13px;line-height:1.5}.bs7-specs>div{display:flex;justify-content:space-between;gap:22px;padding:14px 0;border-top:1px solid #152d1740}.bs7-specs dd{margin:0;text-align:right}.bs7-specs dt{opacity:.8}.bs7-usage{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:8vw;margin:70px 0 0;padding-top:45px;border-top:1px solid #152d1740}.bs7-example-label{display:block;font-size:12px;margin-bottom:28px}.bs7-action-specimen{display:inline-flex;align-items:center;gap:12px;background:var(--bs7-forest);color:var(--bs7-porcelain);padding:17px 22px;border-radius:30px;font-size:15px}.bs7-action-specimen>.ui-icon{width:20px;height:20px}.bs7-use-example>p{font-size:22px;line-height:1.4;margin:27px 0 0}.bs7-usage-copy h3{font-family:Garet,Arial,sans-serif;font-size:clamp(22px,2.1vw,32px);font-weight:850;letter-spacing:-.04em;line-height:1.2;margin:0 0 20px}.bs7-usage-copy p{font-size:15px;line-height:1.6;max-width:55ch;margin:0 0 15px}.bs7-usage-copy .bs7-small{font-size:12px;line-height:1.65;opacity:.8;margin-bottom:0}
.section.bs7-motion-page{background:var(--bs7-forest);color:var(--bs7-porcelain)}.bs7-motion-page .copy h2{color:var(--bs7-citron)}.bs7-motion-figure{margin:60px 0 0}.bs7-motion-stage{position:relative;background:var(--bs7-citron);color:var(--bs7-forest);height:clamp(360px,43vw,620px);overflow:hidden;display:flex;justify-content:center;align-items:center;isolation:isolate}.bs7-sign{position:relative;z-index:2;width:clamp(120px,17vw,240px);opacity:1;transform:none}.bs7-sign .bs7-original-symbol{display:block;width:100%;height:auto;max-width:none;margin:0}.bs7-stage-caption{position:absolute;bottom:32px;left:32px;right:32px;text-align:center;font-size:14px;letter-spacing:-.01em}.bs7-traces{position:absolute;inset:0}.bs7-trace{position:absolute;left:50%;top:50%;width:clamp(45px,7vw,100px);height:7px;background:var(--bs7-forest);border-radius:8px;opacity:0;transform:translate(-50%,-50%)}.bs7-trace-1{--bs7-x:-310%;--bs7-y:-170px;--bs7-r:-22deg}.bs7-trace-2{--bs7-x:230%;--bs7-y:-155px;--bs7-r:22deg}.bs7-trace-3{--bs7-x:-370%;--bs7-y:0px;--bs7-r:0deg}.bs7-trace-4{--bs7-x:270%;--bs7-y:0px;--bs7-r:0deg}.bs7-trace-5{--bs7-x:-280%;--bs7-y:145px;--bs7-r:22deg}.bs7-trace-6{--bs7-x:200%;--bs7-y:140px;--bs7-r:-22deg}
.bs7-motion-stage[data-bs7-state="running"] .bs7-trace{animation:bs7-converge 1.4s cubic-bezier(.77,0,.175,1) both}.bs7-motion-stage[data-bs7-state="running"] .bs7-sign{animation:bs7-reveal 1.4s cubic-bezier(.23,1,.32,1) both}.bs7-motion-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;min-height:50px}.bs7-replay{font:500 14px/1.4 Geist,Arial,sans-serif;color:var(--bs7-forest);background:var(--bs7-citron);border:0;border-radius:28px;min-height:48px;padding:14px 21px;display:inline-flex;align-items:center;gap:22px;cursor:pointer;transition:transform 160ms cubic-bezier(.23,1,.32,1)}.bs7-replay[hidden]{display:none}.bs7-replay:active{transform:scale(.97)}.bs7-replay:focus-visible{outline-color:var(--bs7-citron)}.bs7-replay:focus-visible:active{transform:none}.bs7-replay>.ui-icon{width:18px;height:18px}.bs7-motion-status{font-size:12px;line-height:1.5;text-align:right;opacity:.8}.bs7-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;list-style:none;padding:0;margin:60px 0 0}.bs7-timeline li{border-top:1px solid #f5f7ef44;padding-top:20px}.bs7-timeline li>span{font-size:12px;color:var(--bs7-citron)}.bs7-timeline h3{font:850 clamp(22px,2.3vw,34px)/1.15 Garet,Arial,sans-serif;letter-spacing:-.04em;margin:22px 0 12px}.bs7-timeline p{font-size:14px;line-height:1.55;max-width:29ch;margin:0;opacity:.8}.bs7-motion-note{font-size:12px;line-height:1.6;max-width:78ch;margin:42px 0 0;opacity:.7}
@keyframes bs7-converge{0%,8%{opacity:0;transform:translate(var(--bs7-x),var(--bs7-y)) rotate(var(--bs7-r))}18%,32%{opacity:.8;transform:translate(var(--bs7-x),var(--bs7-y)) rotate(var(--bs7-r))}70%,100%{opacity:0;transform:translate(-50%,-50%) rotate(0)}}
@keyframes bs7-reveal{0%,48%{opacity:0;transform:scale(.96)}90%,100%{opacity:1;transform:scale(1)}}
body.motion-paused .bs7-motion-stage .bs7-trace{animation:none!important;opacity:0}body.motion-paused .bs7-motion-stage .bs7-sign{animation:none!important;opacity:1;transform:none}
@media(max-width:760px){.section.bs7-page>.section-body{padding:90px 24px 80px}.bs7-page .copy h2{font-size:clamp(37px,9.5vw,66px)}.bs7-page .copy .lede{font-size:17px}.bs7-heading{grid-template-columns:1fr;gap:26px}.bs7-side-note{max-width:none;font-size:12px}.bs7-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin-top:40px}.bs7-icon-grid li{min-height:125px;font-size:13px;gap:17px}.bs7-icon-drawing .ui-icon{width:30px;height:30px}.bs7-library-footer{align-items:flex-start;flex-direction:column;gap:22px}.bs7-library-footer>p{font-size:18px}.bs7-specimen,.bs7-usage{grid-template-columns:1fr;gap:36px;margin-top:40px}.bs7-master{min-height:0;max-height:none;width:100%;max-width:420px;justify-self:center}.bs7-master>.ui-icon{height:auto;aspect-ratio:1}.bs7-usage{padding-top:32px}.bs7-motion-figure{margin-top:35px}.bs7-motion-stage{height:360px}.bs7-sign{width:125px}.bs7-stage-caption{font-size:12px;bottom:24px}.bs7-trace{height:5px;width:42px}.bs7-trace-1{--bs7-x:-310%;--bs7-y:-100px}.bs7-trace-2{--bs7-x:210%;--bs7-y:-110px}.bs7-trace-3{--bs7-x:-330%}.bs7-trace-4{--bs7-x:230%}.bs7-trace-5{--bs7-x:-250%;--bs7-y:100px}.bs7-trace-6{--bs7-x:160%;--bs7-y:110px}.bs7-motion-controls{align-items:flex-start;flex-direction:column;gap:13px}.bs7-motion-status{text-align:left}.bs7-timeline{grid-template-columns:1fr;gap:25px;margin-top:42px}.bs7-timeline li{padding-top:15px}.bs7-timeline h3{margin:14px 0 8px;font-size:24px}.bs7-timeline p{max-width:none}.bs7-motion-note{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.bs7-motion-stage .bs7-trace{animation:none!important;opacity:0}.bs7-motion-stage .bs7-sign{animation:none!important;opacity:1;transform:none}.bs7-replay{transition:none}.bs7-replay:active{transform:none}}
@media print{.section.bs7-page>.section-body{padding:45px 35px}.bs7-replay{display:none}.bs7-motion-stage .bs7-trace{animation:none!important;opacity:0}.bs7-motion-stage .bs7-sign{animation:none!important;opacity:1;transform:none}.bs7-icon-grid{break-inside:avoid}.bs7-motion-stage{height:350px}}