.interface-lineage{grid-area:timeline;min-width:0;background:var(--bg);color:var(--text);scroll-margin-top:90px}.lineage-header{padding:24px 20px 40px}.lineage-register{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;color:var(--text-secondary);font-size:.8125rem}.lineage-heading{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:40px;padding-top:44px}.lineage-heading h2{margin:0;font-size:clamp(2.75rem,6.5vw,6rem);font-weight:500;letter-spacing:-.055em;line-height:.98}.lineage-heading>div{max-width:25em}.lineage-heading p{margin:20px 0 0;font-size:.875rem;line-height:1.45;color:var(--text-secondary)}.lineage-heading .lineage-range{margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;letter-spacing:-.045em;color:var(--text);font-variant-numeric:tabular-nums}.lineage-range span{display:inline-block;margin-inline:.25em;color:var(--text-secondary)}.lineage-eras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--divider)}.lineage-era{display:grid;grid-template-rows:subgrid;grid-row:span 4;min-width:0;padding-top:18px}.lineage-era+.lineage-era{border-left:1px solid var(--divider)}.lineage-era-meta{display:flex;justify-content:space-between;gap:8px;padding-inline:20px;font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.lineage-era-meta>:first-child{color:var(--text);font-weight:600}.lineage-illustration{display:grid;place-items:center;padding:28px 12px 22px}.lineage-illustration svg{display:block;width:min(184px,100%);height:auto}.lineage-drawing{color:color-mix(in srgb,var(--text) 52%,var(--bg))}.lineage-drawing :is(path,rect,circle,ellipse,line,polyline,polygon){vector-effect:non-scaling-stroke}.lineage-drawing-detail{color:color-mix(in srgb,var(--text) 36%,var(--bg));stroke:currentColor}.lineage-drawing-guide{color:color-mix(in srgb,var(--text) 18%,var(--bg));stroke:currentColor}.lineage-drawing-paper{fill:var(--bg)}.lineage-era-heading{min-width:0;padding:0 20px 12px}.lineage-era-heading h3{margin:0;font-size:1.25rem;font-weight:500;letter-spacing:-.025em;line-height:1.15}.lineage-era-heading p{margin:8px 0 0;color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.lineage-events{list-style:none;margin:0;padding:0}.lineage-events,.lineage-events>li+li{border-top:1px solid var(--divider)}.lineage-event summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-content:start;gap:10px 8px;padding:16px 20px 20px;min-height:110px;list-style:none;cursor:pointer;transition:background-color .16s ease}.lineage-event summary::-webkit-details-marker{display:none}.lineage-event summary::marker{content:""}.lineage-year{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.lineage-event-name{grid-column:1;font-size:1rem;line-height:1.2;font-weight:500;letter-spacing:-.015em}.lineage-expand{grid-column:2;grid-row:1;justify-self:end;align-self:start;color:var(--text-secondary);font-size:1rem;line-height:1}.lineage-event[open]{background:var(--control-fill)}.lineage-event[open] .lineage-expand,.lineage-event[open] .lineage-year{color:var(--text)}.lineage-event[open] .lineage-expand{transform:rotate(45deg)}.lineage-event summary:focus-visible{outline:2px solid var(--text);outline-offset:-4px}.lineage-detail{padding:0 20px 20px;font-size:.8125rem;line-height:1.45;overflow-wrap:anywhere}.lineage-detail p{margin:0 0 12px}.lineage-detail a{display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:100%;color:var(--text);font-size:.75rem}.lineage-detail a svg{flex:none}.lineage-footer{display:flex;justify-content:space-between;gap:20px;padding:20px;border-top:1px solid var(--divider)}.lineage-footer p{margin:0;max-width:40em;color:var(--text-secondary);font-size:.8125rem;line-height:1.45}@media (hover:hover){.lineage-event summary:hover{background:var(--control-fill)}.lineage-event summary:hover .lineage-year{color:var(--text)}}@media (prefers-reduced-motion:reduce){.lineage-event summary{transition:none}}@media (forced-colors:active){.lineage-event[open]{outline:1px solid CanvasText;outline-offset:-1px}}@media (max-width:1223px){.lineage-eras{grid-template-columns:repeat(3,minmax(0,1fr))}.lineage-era:nth-child(3n+1){border-left:0}.lineage-era:nth-child(n+4){border-top:1px solid var(--divider)}.lineage-heading{gap:24px}}@media (max-width:640px){.lineage-header{padding-bottom:28px}.lineage-heading{grid-template-columns:1fr;gap:24px;padding-top:32px}.lineage-heading h2{font-size:clamp(2.75rem,11vw,4.25rem)}.lineage-heading>div{display:grid;grid-template-columns:1fr;gap:12px}.lineage-heading p{margin:0}.lineage-eras{grid-template-columns:minmax(0,1fr)}.lineage-era{grid-template-columns:minmax(0,1fr) 128px;grid-template-rows:auto;grid-row:auto;padding-top:20px}.lineage-era+.lineage-era{border-left:0;border-top:1px solid var(--divider)}.lineage-era-meta{grid-column:1/-1;margin-bottom:20px}.lineage-era-heading{grid-column:1;grid-row:2;align-self:center;padding-bottom:20px;min-height:0}.lineage-era-heading h3{font-size:1.5rem}.lineage-illustration{grid-column:2;grid-row:2;padding:0 20px 20px 0}.lineage-events{grid-column:1/-1}.lineage-event summary{grid-template-columns:58px minmax(0,1fr) 16px;align-items:baseline;min-height:68px;gap:12px;padding:20px}.lineage-year{white-space:nowrap}.lineage-event-name{grid-column:2}.lineage-expand{grid-column:3}.lineage-detail{padding-left:90px;font-size:.875rem}.lineage-detail a{font-size:.8125rem}.lineage-footer{flex-direction:column;gap:12px}}html:has(.field-page):before{display:none}body:has(.field-page){background:transparent}html:has(.field-page) .site-footer{border-top:none;background-image:var(--grid-image);background-size:var(--grid-size) 100%;background-repeat:repeat-x;background-position:var(--grid-pos)}.field,.field-page{width:100%;min-height:100dvh}.field{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"era" "lead" "use" "free" "spec" "mod" "hair" "flush" "grot" "hist" "timeline" "inspiration" "faq" "colo";grid-auto-rows:minmax(204px,auto);background:var(--divider);padding:0 0 1px;gap:1px;box-shadow:inset 1px 0 0 var(--grid-line),inset -1px 0 0 var(--grid-line)}.field-cell{min-width:0;min-height:204px;padding:20px;background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;gap:16px;overflow:visible}.field-cell-era{grid-area:era;container-type:inline-size;justify-content:flex-end;min-height:408px}.field-cell-lead{grid-area:lead;padding-top:24px}.field-cell-use{grid-area:use;justify-content:flex-start;min-height:408px}.field-cell-free{grid-area:free}.field-cell-spec{grid-area:spec;justify-content:flex-start;min-height:408px}.field-cell-mod{grid-area:mod}.field-cell-hair{grid-area:hair}.field-cell-flush{grid-area:flush}.field-cell-grot{grid-area:grot;container-type:inline-size;min-height:408px;gap:20px}.field-cell-hist{grid-area:hist}.field-cell-inspiration{grid-area:inspiration;scroll-margin-top:112px}.field-cell-faq{grid-area:faq;justify-content:flex-start}.field-cell-colophon{grid-area:colo;justify-content:flex-start;gap:12px}.field-face{margin:0 0 0 -.08em;font-size:clamp(4.5rem,28cqw,18rem);font-weight:600;letter-spacing:-.045em;line-height:.82;color:var(--text)}.field-name{margin:0;font-size:clamp(1.5rem,4.2vw,2.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}.field-kicker{margin:0;font-size:.75rem;font-weight:600;letter-spacing:-.01em;color:var(--text-secondary)}.field-spec-type{margin:0 0 0 calc(1px - .045em);font-size:clamp(3rem,12vw,8rem);font-weight:600;letter-spacing:-.045em;line-height:.85;color:var(--text)}.field-copy{display:flex;flex-direction:column;gap:12px;max-width:28em}.field-copy-wide{max-width:36em}.field-copy p{font-size:.9375rem;line-height:1.5;color:var(--text)}.field-copy p,.field-mark{margin:0;font-weight:500;letter-spacing:-.01em}.field-mark{font-size:.8125rem;line-height:1.55;color:var(--text-secondary);text-wrap:balance;max-width:22em}.field-code-stack{gap:16px;max-width:44em}.field-code-stack,.field-step{display:flex;flex-direction:column;width:100%}.field-step{gap:8px}.field-code-row{position:relative;display:block;width:100%}.field-code{width:100%;min-width:0;margin:0;padding:20px 64px 20px 20px;background:var(--table-alt);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);overflow-x:auto}.field-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7813rem;line-height:1.5;color:var(--text)}.field-code:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.field-cell-use .code-copy{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:var(--table-alt);width:32px;height:32px;min-width:32px;min-height:32px}.field-matter{display:flex;flex-direction:column;gap:20px;padding:0;background:transparent}.field-matter .field-kicker,.field-matter .field-mark,.field-matter .field-name{max-width:none}.field-spec{flex:1;min-height:88px;width:100%}.field-spec-module{display:flex;flex-direction:column;gap:8px}.field-mod204{flex:1;min-height:88px;display:grid;grid-template-columns:184fr 20fr;border:1px solid var(--divider);background:var(--bg)}.field-col184{background:var(--table-alt);border-right:1px solid var(--text)}.field-gut20{background:var(--bg)}.field-mod-dim{display:grid;grid-template-columns:184fr 20fr;font-size:.75rem;font-weight:600;letter-spacing:-.01em;color:var(--text-secondary)}.field-mod-dim span:last-child{text-align:center}.field-spec-hair{background-image:repeating-linear-gradient(to bottom,var(--divider) 0,var(--divider) 1px,transparent 1px,transparent 20px)}.field-cell-flush{overflow:visible}.field-spec-flush{width:calc(100% + 40px);max-width:none;margin:0 0 0 -20px;border-top:1px solid var(--divider);display:flex;flex-direction:column}.field-flush-row,.field-spec-flush{box-sizing:border-box;border-bottom:1px solid var(--divider)}.field-flush-row{flex:1;min-height:40px;padding:20px}.field-flush-row:last-child{border-bottom:0}.field-grotesque{margin:0;font-size:clamp(4.5rem,22cqw,10rem);font-weight:600;letter-spacing:-.05em;line-height:.8;padding-block-end:.25em;color:var(--text)}.field-notes{margin:0;max-width:40em}.field-cell-faq .rs-acc-item summary{font-size:.8125rem}.field-cell-faq .rs-acc-body{font-size:.8125rem;font-weight:500}.field-colophon{display:flex;flex-direction:column;gap:6px;max-width:36em}.field-colophon p{margin:0;font-size:.75rem;font-weight:500;letter-spacing:-.01em;line-height:1.5;color:var(--text-secondary)}.field-cell a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--divider);transition:border-color var(--duration-snap) var(--ease)}.field-cell a:hover{border-color:var(--text)}.field-cell a:any-link,.field-cell a:link,.field-cell a:visited{color:var(--text)}.field-colophon a,.field-colophon a:any-link,.field-colophon a:link,.field-colophon a:visited{color:var(--text-secondary)}.field-colophon a:hover{border-color:var(--text-secondary)}@media (min-width:481px){.field{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"era era" "lead lead" "use use" "free free" "spec spec" "mod hair" "flush grot" "hist hist" "timeline timeline" "inspiration inspiration" "faq faq" "colo colo"}}@media (min-width:816px){.field{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"era era era era" "era era era era" "lead lead lead lead" "use use use use" "free free spec spec" "mod mod hair hair" "flush flush grot grot" "hist hist hist hist" "timeline timeline timeline timeline" "inspiration inspiration inspiration inspiration" "faq faq faq faq" "colo colo colo colo"}}@media (min-width:1224px){.field{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"era era era lead lead lead" "era era era lead lead lead" "use use use use use use" "free free spec spec spec spec" "mod mod hair hair flush flush" "grot grot grot hist hist hist" "timeline timeline timeline timeline timeline timeline" "inspiration inspiration inspiration inspiration inspiration inspiration" "faq faq faq faq faq faq" "colo colo colo colo colo colo"}}@media (max-width:640px){.field-cell-word{padding-top:calc(20px + env(safe-area-inset-top, 0px))}.field-cell-mit{padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))}.field-copy p{font-size:1rem;line-height:1.6}.field-kicker{font-size:.8125rem}.field-cell a{display:inline-flex;align-items:center}.field-cell a,.field-url a{min-height:44px}.field-cell-use .code-copy{width:44px;height:44px;min-width:44px;min-height:44px}}.field-cell-inspiration .inspiration-stage{margin-inline:-20px}