/* the identity book: extends ti.css */
.bk-cover{border-bottom:1px solid var(--ink);padding-block:56px 60px;background:repeating-linear-gradient(to bottom,transparent 0 27px,var(--feint) 27px 28px)}
.bk-word{margin-top:30px;max-width:1080px}
.bk-word svg{width:100%;height:auto}
.bk-lede{margin-top:28px;font:500 clamp(21px,2vw,27px)/1.35 var(--serif);max-width:40ch}
.bk-go{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.bk-ch{border-bottom:1px solid var(--rule);padding-block:52px 56px}
.bk-two{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px 56px}
.bk-two h2{margin-top:10px;font:700 clamp(28px,2.8vw,38px)/1.08 var(--serif);letter-spacing:-.015em;max-width:16ch}
.bk-two .prose p:first-child{margin-top:0}
.bk-cons{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:40px;align-items:center;margin-top:36px}
.cons{width:100%;height:auto;background:var(--sheet);border-radius:var(--r3);box-shadow:inset 0 0 0 1px var(--feint)}
.bk-sizes{display:flex;flex-wrap:wrap;align-items:flex-end;gap:26px}
.bk-sizes div{display:grid;justify-items:center;gap:8px;font-size:64px;line-height:1}
.bk-sizes .gate{width:1em;height:1em;vertical-align:0}
.bk-sizes span{font:600 11px/1 var(--reg);color:var(--ink3);letter-spacing:.05em}
.bk-sizes img{border-radius:12px}
.bk-states{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:34px;border-top:1px solid var(--ink)}
.bk-states li{padding:26px 28px 6px 0;min-width:0}
.bk-states li+li{border-left:1px solid var(--feint);padding-left:28px}
.bk-states .gate{width:72px;height:72px;color:var(--ink)}
.bk-states h3{margin-top:16px;font:700 22px/1.2 var(--serif)}
.bk-states p{margin-top:8px;font-size:16px;line-height:1.5;color:var(--ink2)}
.bk-corr{display:flex;align-items:center;gap:14px;height:72px;font:850 56px/1 var(--reg);font-stretch:75%;color:var(--red);font-variant-numeric:tabular-nums}
.bk-corr s{position:relative;text-decoration:none;color:var(--ink3)}
.bk-corr s::after{content:"";position:absolute;left:-5px;right:-5px;top:50%;height:4px;border-radius:3px;background:var(--red);transform:rotate(-9deg)}
.bk-locks{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:20px;margin-top:34px}
.bk-locks figure{border-radius:var(--r3);padding:44px 40px;display:grid;align-content:space-between;gap:28px}
.bk-locks .on-paper{background:var(--sheet);box-shadow:inset 0 0 0 1px var(--feint)}
.bk-locks .on-cloth{background:var(--cloth);grid-column:1/-1}
.bk-locks .on-cloth figcaption{color:var(--onc2)}
.bk-locks img{width:100%;max-width:640px}
.bk-locks .sq img{max-width:300px}
.bk-dont{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin-top:26px}
.bk-dont li{padding:11px 0;border-bottom:1px solid var(--feint);font-size:16px}
.bk-dont span{font:700 12px/1 var(--reg);letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-right:10px}
.bk-type{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;margin-top:34px;border-top:1px solid var(--ink)}
.bk-type>div{padding:26px 34px 0 0;min-width:0}
.bk-type .tB{border-left:1px solid var(--feint);padding-left:34px}
.bk-type .big{margin-top:14px;font:740 clamp(34px,3.6vw,52px)/1.04 var(--serif);letter-spacing:-.02em}
.bk-type .txt{margin-top:18px;font-size:19px;line-height:1.6}
.bk-type .num2{font:850 clamp(130px,15vw,220px)/.8 var(--reg);font-stretch:75%;color:var(--red);letter-spacing:-.035em;margin-top:18px;font-variant-numeric:tabular-nums}
.bk-type .lbls{margin-top:20px;font:650 14px/1.4 var(--reg);font-stretch:85%;letter-spacing:.08em;text-transform:uppercase}
.bk-type .tab{margin-top:10px;font:500 17px/1.4 var(--reg);font-variant-numeric:tabular-nums;color:var(--ink2)}
.bk-sw{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px 20px;margin-top:34px}
.bk-sw li{display:grid;gap:4px;min-width:0}
.bk-sw .chip-c{display:block;height:92px;border-radius:var(--r2);margin-bottom:8px}
.bk-sw b{font:700 16px/1.2 var(--serif)}
.bk-sw code{font:600 13px/1.2 var(--reg);color:var(--ink2);letter-spacing:.04em}
.bk-sw span{font-size:14.5px;line-height:1.4;color:var(--ink2)}
.bk-sw .cr{font:500 12px/1.2 var(--reg);color:var(--ink3);font-variant-numeric:tabular-nums}
.bk-sheet{margin-top:34px;border-top:1px solid var(--ink);background:var(--sheet);border-radius:0 0 var(--r2) var(--r2);padding:0 22px}
.bk-tally{margin-top:30px}
.bk-tally .tal{margin-top:12px}
@media (max-width:900px){
  .bk-two,.bk-cons,.bk-type,.bk-locks{grid-template-columns:1fr}
  .bk-type .tB{border-left:0;padding-left:0;border-top:1px solid var(--feint);margin-top:26px}
  .bk-states{grid-template-columns:1fr}
  .bk-states li+li{border-left:0;padding-left:0;border-top:1px solid var(--feint)}
  .bk-dont{grid-template-columns:1fr}
  .bk-locks figure{padding:28px 22px}
}
