.bb{--col:760px;--bleed:1040px;--gap-section:clamp(4rem, 8vw, 7rem)}.bb ::selection{background:var(--ink);color:var(--parchment)}.bb code{font-family:var(--font-mono);background:var(--paper);border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--line);padding:.1em .35em;font-size:.9em}.bb-name{font-family:var(--font-display);text-transform:none;white-space:nowrap;font-weight:500}.bb h1 .bb-name{letter-spacing:-.03em}.bb-num{font-family:var(--font-mono);letter-spacing:0;color:var(--lichen);vertical-align:.9em;font-variant-numeric:tabular-nums;margin-right:.9rem;font-size:.32em;font-weight:500}.bb-note{font-size:var(--fs-small);color:var(--lichen)}.bb-cover{max-width:var(--page-max);padding:2rem var(--gutter) 3.5rem;border-bottom:1px solid var(--line);gap:clamp(3rem,10vw,7rem);margin-inline:auto;display:grid}.bb-cover-main{gap:1.5rem;max-width:48rem;display:grid}.bb-lede{color:var(--slate);font-size:1.1875rem}.bb-meta{flex-wrap:wrap;gap:1.25rem 2.5rem;margin:0;display:flex}.bb-meta dt{font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--lichen)}.bb-meta dd{font-size:var(--fs-small);margin:.25rem 0 0}.bb-layout{max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.bb-toc{display:none}.bb-toc ol,.bb-toc-mobile ol{margin:0;padding:0;list-style:none}.bb-toc a,.bb-toc-mobile a{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);transition:color var(--t-state) var(--ease);gap:.75rem;padding:.4rem 0;font-size:.75rem;text-decoration:none;display:flex}.bb-toc a span,.bb-toc-mobile a span{color:var(--lichen)}.bb-toc a:hover,.bb-toc-mobile a:hover{color:var(--ink)}.bb-toc-mobile{z-index:2;background:var(--parchment);border-bottom:1px solid var(--line);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);position:sticky;top:0}.bb-toc-mobile summary{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.9rem 0;font-size:.75rem}.bb-toc-mobile ol{padding-bottom:.75rem}.bb-main{min-width:0}.bb-main section{max-width:var(--col);padding-top:var(--gap-section);gap:1.25rem;scroll-margin-top:3.5rem;display:grid}.bb-main section>h2{margin-bottom:.75rem}.bb-main section>h3{margin-top:1.75rem}.bb-bleed{width:min(var(--bleed), 100%)}@media (width>=960px){.bb-layout{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:3rem;display:grid}.bb-toc{margin-top:var(--gap-section);align-self:start;display:block;position:sticky;top:2rem}.bb-toc-mobile{display:none}.bb-main section{max-width:var(--bleed)}.bb-main section>:not(.bb-bleed,.bb-color-group,.bb-variants,.bb-swatches,.bb-apps,.bb-graphics,.bb-dl,.bb-products){max-width:var(--col)}}.bb-thesis{margin:0;padding:0}.bb-thesis p{font-family:var(--font-display);letter-spacing:-.02em;max-width:30ch;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem);font-weight:500;line-height:1.15}.bb-essence{font-size:1.1875rem;font-weight:600}.bb-defs{border-top:1px solid var(--line);margin:0;display:grid}.bb-defs>div{border-bottom:1px solid var(--line);gap:.25rem 2rem;padding:.9rem 0;display:grid}.bb-defs dt{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--slate)}.bb-defs dd{max-width:60ch;margin:0}@media (width>=640px){.bb-defs>div{grid-template-columns:12rem 1fr}}.bb-values{counter-reset:val;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.bb-values li{counter-increment:val;padding-left:2.25rem;position:relative}.bb-values li:before{content:counter(val, decimal-leading-zero);font-family:var(--font-mono);color:var(--lichen);font-size:.75rem;position:absolute;top:.15em;left:0}.bb-dodont{gap:1rem;display:grid}@media (width>=640px){.bb-dodont{grid-template-columns:1fr 1fr}}.bb-do,.bb-dont{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--shadow-lattice);padding:1.25rem 1.5rem}.bb-do h3,.bb-dont h3{font-size:var(--fs-small);font-family:var(--font-mono);color:var(--slate);margin-bottom:.75rem;font-weight:500}.bb-do ul,.bb-dont ul{font-family:var(--font-display);gap:.5rem;margin:0;padding:0;font-size:1.25rem;list-style:none;display:grid}.bb-dont s{text-decoration-color:var(--saffron);color:var(--slate);text-decoration-thickness:2px}.bb-dont h3{color:var(--saffron)}.bb-tree{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--shadow-lattice);justify-items:start;margin:.5rem 0;padding:2rem;display:grid}.bb-tree-root{padding-bottom:1.5rem}.bb-tree-branches{border-left:1px solid var(--ink);gap:1.5rem;width:100%;margin:0;padding:0 0 0 1.5rem;list-style:none;display:grid}.bb-tree-branches li{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex;position:relative}.bb-tree-branches li:before{content:"";background:var(--ink);width:1rem;height:1px;position:absolute;top:.75rem;left:-1.5rem}.bb-tree-label{font-family:var(--font-display);font-size:1.375rem;font-weight:500}.bb-tree-desc{font-size:var(--fs-small);color:var(--lichen);flex-basis:100%}@media (width>=768px){.bb-tree{justify-items:center}.bb-tree-branches{border-left:0;border-top:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:1.5rem 0 0}.bb-tree-branches li{flex-direction:column;align-items:flex-start}.bb-tree-branches li:before{width:1px;height:1rem;top:-1.5rem;left:0}.bb-tree-desc{flex-basis:auto}}.bb-badge{border-radius:var(--r-badge);font-family:var(--font-mono);font-size:var(--fs-eyebrow);letter-spacing:.04em;color:var(--saffron);white-space:nowrap;align-items:center;gap:.4rem;padding:.25rem .7rem;display:inline-flex;box-shadow:inset 0 0 0 1px}.bb-rules{gap:.5rem;margin:0;padding-left:1.25rem;display:grid}.bb-variants{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.bb-variants{grid-template-columns:repeat(6,minmax(0,1fr))}.bb-variants>:nth-child(-n+3){grid-column:span 2}.bb-variants>.bb-tile-sq{grid-column:span 3}}.bb-tile{border-radius:var(--r-card);align-content:space-between;gap:1.5rem;min-height:12rem;margin:0;padding:2rem 1.5rem 1rem;display:grid}.bb-tile img{object-fit:contain;width:100%;max-height:7rem}.bb-tile-sq img{max-height:9rem}.bb-tile figcaption{font-family:var(--font-mono);font-size:.75rem}.bb-tile-light{background:var(--parchment);box-shadow:inset 0 0 0 1px var(--line)}.bb-tile-paper{background:var(--paper);box-shadow:var(--shadow-lattice)}.bb-tile-dark{background:var(--ink);color:var(--mist)}.bb-tile-light figcaption,.bb-tile-paper figcaption{color:var(--lichen)}.bb-clear{justify-items:start;gap:.75rem;margin:0;display:grid}.bb-clear-box{outline:1px dashed var(--cyan-deep);outline-offset:0;background:repeating-linear-gradient(45deg, transparent 0 6px, var(--line) 6px 7px);padding:2.25rem}.bb-clear-box>[data-wordmark]{background:var(--parchment);display:block}.bb-clear figcaption{font-family:var(--font-mono);color:var(--lichen);font-size:.75rem}.bb-sizes{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--shadow-lattice);flex-wrap:wrap;align-items:flex-end;gap:1.5rem 2rem;padding:1.5rem;display:flex}.bb-sizes figure{justify-items:start;gap:.6rem;margin:0;display:grid}.bb-sizes figcaption{color:var(--lichen);font-size:.75rem}.bb-sizes-wm [data-wordmark]{width:96px;display:block}.bb-misuse{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:1rem;display:grid}.bb-misuse figure{gap:.6rem;margin:0;display:grid}.bb-misuse figcaption{font-size:var(--fs-small);color:var(--slate)}.bb-misuse-art{border-radius:var(--r-card);background:var(--paper);height:7rem;box-shadow:inset 0 0 0 1px var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.bb-misuse-art:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--saffron) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));pointer-events:none;position:absolute;inset:0}.bb-distort{display:inline-block;transform:scale(1.5,.75)}.bb-wm-alt{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:30px;font-weight:500}.bb-wm-alt-dot{color:var(--product-estrata)}.bb-busy{background:repeating-linear-gradient(115deg, var(--lichen) 0 9px, var(--slate) 9px 18px, var(--mist) 18px 27px)}.bb-color-group,.bb-forbid-block{gap:1rem;margin-top:1.75rem;display:grid}.bb-swatches{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.bb-swatches li{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--shadow-lattice);align-content:start;gap:.2rem;padding-bottom:.75rem;display:grid;overflow:hidden}.bb-swatches li>span:not(.bb-chip){padding-inline:1rem}.bb-chip{height:5.5rem;box-shadow:inset 0 -1px 0 var(--line);margin-bottom:.6rem}.bb-sw-name{font-family:var(--font-mono);font-size:var(--fs-small);font-weight:500}.bb-sw-hex{font-size:var(--fs-small);color:var(--slate)}.bb-sw-use{font-size:var(--fs-small);margin-top:.35rem;line-height:1.45}.bb-sw-ratio{color:var(--lichen);font-size:.75rem}.bb-forbid{gap:1rem;display:grid}@media (width>=640px){.bb-forbid{grid-template-columns:1fr 1fr}}.bb-forbid-item{font-size:var(--fs-small);gap:.5rem;display:grid}.bb-forbid-demo{border-radius:var(--r-card);background:var(--parchment);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-display);padding:1.25rem;font-size:1.5rem;position:relative;overflow:hidden}.bb-forbid-demo:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--saffron) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));position:absolute;inset:0}.bb-forbid-cyan{color:var(--cyan)}.bb-forbid-mist{color:var(--mist)}.bb .btn{justify-self:start}.bb .btn-fill{color:var(--parchment)}.bb-type{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.bb-type li{border-bottom:1px solid var(--line);gap:.5rem;padding:1.25rem 0;display:grid}.bb-type-meta{color:var(--lichen);font-size:.75rem}.bb-type-sample{overflow-wrap:anywhere}.bb-type-display{font-family:var(--font-display);letter-spacing:-.024em;font-weight:500;line-height:1.04}.bb-type-sans{font-family:var(--font-sans);max-width:65ch}.bb-type-mono{font-family:var(--font-mono);letter-spacing:.08em;font-weight:500}.bb-graphics{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;display:grid}.bb-graphics figure{gap:.6rem;margin:0;display:grid}.bb-graphics figcaption{font-family:var(--font-mono);color:var(--lichen);font-size:.75rem}.bb-g,.bb-coord{aspect-ratio:8/5;background:var(--ink);border-radius:var(--r-card);width:100%;height:auto}.bb-g .g-line line,.bb-g .g-axis{stroke-width:1px}.bb-g .g-line line{stroke:var(--mist);stroke-opacity:.45}.bb-g .g-axis{stroke:var(--cyan)}.bb-g .g-dot{fill:var(--amber)}.bb-g .g-node circle{fill:var(--mist)}.bb-g .g-path{fill:none;stroke:var(--cyan);stroke-width:1.5px}.bb-g .g-s1{fill:var(--slate);opacity:.5}.bb-g .g-s2{fill:var(--lichen);opacity:.45}.bb-g .g-s3{fill:var(--mist);opacity:.35}.bb-coord{color:var(--mist);letter-spacing:.06em;align-content:end;gap:.25rem;padding:1.25rem;font-size:.75rem;display:grid;position:relative}.bb-coord-dot{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 0 6px var(--line-on-ink);border-radius:50%;position:absolute;top:1.25rem;left:1.25rem}.bb-callout{border-radius:var(--r-card);background:var(--paper);box-shadow:inset 0 0 0 1px var(--saffron);max-width:none;padding:1rem 1.25rem}.bb-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--fs-small);background:var(--paper)}.bb-table th,.bb-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:.75rem}.bb-table th{font-family:var(--font-mono);color:var(--slate);border-bottom-color:var(--ink);font-size:.75rem;font-weight:500}.bb-table td[data-wrong]{color:var(--saffron);text-decoration:line-through 1px}.bb-pair{gap:.75rem;display:grid}@media (width>=640px){.bb-pair{grid-template-columns:1fr 1fr}}.bb-pair p{border-radius:var(--r-card);gap:.4rem;padding:1rem 1.25rem;display:grid}.bb-pair-tag{font-family:var(--font-mono);font-size:.75rem}.bb-pair-wrong{background:var(--parchment);box-shadow:inset 0 0 0 1px var(--line);color:var(--slate)}.bb-pair-wrong .bb-pair-tag{color:var(--saffron)}.bb-pair-right{background:var(--paper);box-shadow:var(--shadow-lattice)}.bb-pair-right .bb-pair-tag{color:var(--cyan-deep)}.bb-apps{grid-template-columns:1fr;gap:1.5rem;display:grid}.bb-apps figure{align-content:start;gap:.6rem;margin:0;display:grid}.bb-apps figcaption{font-family:var(--font-mono);color:var(--lichen);font-size:.75rem}.bb-app-wide img{border-radius:var(--r-sm);width:100%;height:auto;box-shadow:var(--shadow-lattice)}.bb-app-avatars{flex-wrap:wrap;gap:1.5rem;display:flex}.bb-avatar-round{width:104px;height:104px;box-shadow:var(--shadow-lattice);border-radius:50%}@media (width>=768px){.bb-apps{grid-template-columns:1fr 1fr}.bb-app-wide,.bb-app-avatars{grid-column:1/-1}}.bb-sig,.bb-doc{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--shadow-lattice);padding:1.5rem}.bb-sig{font-size:var(--fs-small);gap:.15rem;display:grid}.bb-sig-name{font-weight:600;font-size:var(--fs-body)}.bb-sig-role{color:var(--lichen)}.bb-sig-brand{border-top:1px solid var(--line);margin:.75rem 0 .5rem;padding-top:.75rem}.bb-sig-data{color:var(--slate);font-size:.75rem;line-height:1.6}.bb-doc{gap:1rem;min-height:100%;display:grid}.bb-doc-head{border-bottom:1px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-bottom:.9rem;display:flex}.bb-doc-head .tnum{letter-spacing:.06em;color:var(--lichen);font-size:.6875rem}.bb-doc-title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;line-height:1.2}.bb-doc-body{font-size:var(--fs-small);color:var(--slate)}.bb-products{gap:1rem;display:grid}@media (width>=768px){.bb-products{grid-template-columns:1fr 1fr}}.bb-products article{background:var(--paper);border-radius:var(--r-card);box-shadow:var(--shadow-lattice);align-content:start;justify-items:start;gap:1rem;padding:1.75rem;display:grid}.bb-prod-token{color:var(--lichen);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.bb-dot{border-radius:50%;flex:none;width:10px;height:10px}.bb-dl{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1.5rem 2rem;display:grid}.bb-dl-group h3{font-size:var(--fs-small);font-family:var(--font-mono);color:var(--slate);border-bottom:1px solid var(--ink);padding-bottom:.5rem;font-weight:500}.bb-dl ul{margin:0;padding:0;list-style:none}.bb-dl a{border-bottom:1px solid var(--line);color:var(--ink);font-size:var(--fs-small);transition:color var(--t-state) var(--ease);justify-content:space-between;gap:1rem;padding:.6rem 0;text-decoration:none;display:flex}.bb-dl a:hover{color:var(--cyan-deep)}.bb-dl a .tnum{color:var(--lichen);white-space:nowrap;font-size:.6875rem}.bb-foot{max-width:var(--page-max);margin:var(--gap-section) auto 0;padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--lichen);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}@page{size:A4;margin:0}@media print{html,body{background:var(--parchment)}.bb,.bb *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.bb{--gap-section:0;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:16mm}.bb-toc,.bb-toc-mobile,.bb .btn{display:none!important}.bb-cover{border-bottom:0;align-content:space-between;min-height:262mm;padding:0}.bb-layout{padding:0;display:block}.bb-main section{break-before:page;max-width:none;display:block}.bb-main section>*{max-width:none}.bb-main section>*+*{margin-top:.9rem}.bb-main section>h3{margin-top:1.5rem}.bb-defs>div{padding:.6rem 0}.bb-color-group,.bb-forbid-block{break-inside:avoid;margin-top:1.25rem}.bb-chip{height:3.25rem}.bb-bleed{width:100%}[data-swatch],figure,.bb-products article,.bb-pair,.bb-forbid-item,.bb-table tr,.bb-dl-group,.bb-defs>div,.bb-type li{break-inside:avoid}h2,h3{break-after:avoid}.bb-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.bb-variants{grid-template-columns:repeat(6,minmax(0,1fr))}.bb-variants>:nth-child(-n+3){grid-column:span 2}.bb-variants>.bb-tile-sq{grid-column:span 3}.bb-apps{grid-template-columns:1fr 1fr}.bb-app-wide,.bb-app-avatars{grid-column:1/-1}.bb-products{grid-template-columns:1fr 1fr}.bb-foot{margin-top:2rem;padding:1rem 0 0}}