.from{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:-12px 0 22px;font:400 24px/1.2 var(--read)}.from .sum{display:inline-flex;align-items:center;gap:8px}.from .base{padding:1px 10px 4px;background:var(--surface);border:2px solid var(--outline);color:var(--edge);text-decoration:none}.from .base:hover{background:var(--mustard);box-shadow:var(--pop);transform:translate(-1px,-1px)}.from .op{font:var(--weight-control) var(--text-lead)/1 var(--ui);color:var(--soft)}.from .tags{margin-left:6px}.tags{display:inline-flex;flex-wrap:wrap;gap:6px}.tag,.family .chips a.tag{padding:3px 8px 4px;background:var(--paper-deep);border:1px solid var(--rule);color:var(--soft);font:var(--weight-control) var(--text-caption)/1.2 var(--ui);text-decoration:none;white-space:nowrap}a.tag:hover,.family .chips a.tag:hover{color:var(--edge);border-color:var(--edge)}.family .chips a.tag{display:inline-block;min-width:0;min-height:0;box-shadow:none;transform:none}.from .ending,.from .prefix,.family .ending,.family .prefix{color:var(--tomato);font-weight:700}.family .change{background:color-mix(in srgb,var(--mustard) 70%,transparent);box-shadow:inset 0 -3px 0 var(--mustard)}.family .grid{display:grid;grid-template-columns:repeat(var(--cols),max-content);gap:8px 14px}.family .col{display:grid;align-content:start;justify-items:start;gap:6px}.family .col:first-child{padding-right:14px;border-right:2px solid var(--outline)}.family .label{display:block;font:var(--weight-control) var(--text-caption)/1.2 var(--ui);color:var(--soft)}.family .chips .here{display:grid;place-items:center;min-height:52px;padding:6px 14px 9px;background:var(--edge);border:2px solid var(--outline);color:var(--paper);font-size:26px}.family .here .ending,.family .here .prefix{color:#ffb4a8}.family .here .change{color:var(--edge)}.family .made{margin-top:18px}.family .made .chips{margin-top:6px;column-gap:20px;row-gap:12px}.family .made li{display:grid;justify-items:start;gap:6px}.family .legend{display:flex;flex-wrap:wrap;gap:4px 18px;margin:16px 0 0;font:var(--weight-label) var(--text-caption)/1.4 var(--ui);color:var(--soft)}.family .legend .key>span{margin-right:3px;font:400 18px/1 var(--read)}@media(max-width:700px){.from{font-size:22px}.from .tags{margin-left:0}.family .grid{grid-template-columns:minmax(0,1fr)}.family .col{grid-template-columns:76px minmax(0,1fr);align-items:center}.family .col:first-child{padding:0 0 8px;border-right:0;border-bottom:2px solid var(--outline)}}.sample .family .chips .here{min-height:44px;padding:3px 12px 7px;font-size:21px}.sample .family .legend{margin-top:12px}