.tci{--tci-ink:#171717;--tci-muted:#616165;--tci-line:#dededc;display:block;color:var(--tci-ink);font-size:15px;line-height:1.55;background:#fff}.tci *{box-sizing:border-box}.tci [hidden]{display:none!important}.tci h1,.tci h2,.tci h3,.tci h4,.tci p,.tci ul{margin:0}.tci h1,.tci h2,.tci h3,.tci h4{font-family:inherit;font-weight:400;color:inherit;text-transform:none;letter-spacing:-.03em;line-height:1.15}.tci .tc-icon{display:inline-block;width:24px;height:24px;flex:0 0 auto;stroke:currentColor;vertical-align:middle}.tci button,.tci input{font:inherit;color:inherit;border-radius:0;box-shadow:none}.tci button,.tci summary{cursor:pointer}.tci button:focus-visible,.tci a:focus-visible,.tci summary:focus-visible,.tci input:focus-visible{outline:2px solid currentColor;outline-offset:4px}.tci__wrap{max-width:1520px;padding:0 clamp(22px,5.3vw,80px);margin:auto}.tci__intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding:64px 0 48px}.tci__eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.tci h1{font-size:clamp(46px,5.1vw,76px);margin:22px 0}.tci__lead{max-width:620px;font-size:18px;line-height:1.6;color:var(--tci-muted)}.tci__link{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:inherit;text-decoration:none;margin-top:24px}.tci__link:hover{text-decoration:underline}.tci__signature{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:46px 0;align-items:center}.tci__signature .tc-icon{width:100%;height:auto;max-width:72px}.tci__principles{list-style:none;display:flex;gap:0;padding:20px 0;border-block:1px solid var(--tci-line);font-size:12px;color:var(--tci-muted)}.tci__principles li+li{padding-left:35px;margin-left:35px;border-left:1px solid var(--tci-line)}.tci__contexts{padding-top:60px}.tci h2{font-size:clamp(30px,3vw,44px)}.tci__contexts>p{color:var(--tci-muted);margin-top:12px}.tci__examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}.tci__example{border-top:1px solid var(--tci-line);padding:22px 0 8px;min-width:0}.tci__example:first-child{grid-column:span 2}.tci__example h3{font-size:16px;letter-spacing:0;margin-bottom:22px}.tci__nav-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171717;color:white;min-height:105px;padding:24px 30px}.tci__nav-preview .tci__logo{display:block;width:180px;max-width:50%;height:auto;filter:brightness(0) invert(1)}.tci__nav-preview>span:last-child{display:flex;gap:22px}.tci__example>p{font-size:11px;color:var(--tci-muted);margin-top:12px}.tci__use-list{list-style:none;display:grid;gap:15px;padding:0}.tci__use-list li{display:flex;align-items:center;gap:16px;font-size:13px;min-height:26px}.tci__use-list .tc-icon{width:26px;height:26px}.tci__catalogue{padding-top:70px;scroll-margin-top:150px}.tci__toolbar{display:flex;align-items:flex-end;gap:30px;margin-top:30px}.tci__search{display:grid;gap:9px;flex:1;min-width:0;font-size:12px}.tci__search>span:last-child{position:relative;display:block}.tci__search .tc-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.tci__search input{display:block;width:100%;padding:12px 14px 12px 44px;min-height:48px;border:1px solid #999;background:white;font-size:14px}.tci__toolbar fieldset{display:flex;gap:0;padding:0;margin:0;border:0}.tci__toolbar legend{font-size:12px;padding:0;margin-bottom:9px}.tci__toolbar button{padding:10px 13px;min-height:48px;background:white;border:1px solid #999;font-size:12px;white-space:nowrap}.tci__toolbar button+button{border-left:0}.tci__toolbar button[aria-pressed=true]{background:#171717;border-color:#171717;color:white}.tci__categories{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 20px}.tci__categories button{background:white;border:1px solid var(--tci-line);font-size:11px;min-height:40px;padding:9px 14px}.tci__categories button[aria-pressed=true]{border-color:#171717;background:#171717;color:white}.tci__results{font-size:12px;color:var(--tci-muted);margin-bottom:28px!important}.tci__group{margin-top:35px}.tci__group>h3{font-size:22px;margin-bottom:20px}.tci__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 22px}.tci__item{padding:0 0 25px;margin-bottom:15px;min-width:0;border-bottom:1px solid var(--tci-line);display:flex;flex-direction:column;align-items:flex-start}.tci__stage{display:grid;place-items:center;min-height:108px;width:100%;background:#f5f5f3;color:#171717;margin-bottom:14px}.tci__stage .tc-icon{width:32px;height:32px}.tci[data-preview-size="24"] .tci__stage .tc-icon{width:24px;height:24px}.tci[data-preview-size="48"] .tci__stage .tc-icon{width:48px;height:48px}.tci[data-surface="dark"] .tci__stage{background:#171717;color:white}.tci__item h4{font-size:12px;letter-spacing:0;overflow-wrap:anywhere;line-height:1.4;font-weight:500}.tci__item p{font-size:12px;line-height:1.5;color:var(--tci-muted);margin-top:6px;margin-bottom:10px}.tci__item button{margin-top:auto;min-height:34px;padding:5px 0;font-size:10px;border:0;background:none;text-decoration:underline;text-underline-offset:3px}.tci__empty{padding:35px 0;color:var(--tci-muted)}.tci__copy-status{font-size:12px;min-height:22px;color:var(--tci-muted)}.tci__aliases{border-top:1px solid var(--tci-line);margin-top:40px;padding:8px 0}.tci__aliases summary{display:flex;justify-content:space-between;align-items:center;min-height:65px;font-size:19px;list-style:none}.tci__aliases summary::-webkit-details-marker{display:none}.tci__aliases[open] summary .tc-icon{transform:rotate(180deg)}.tci__aliases>p{font-size:14px;color:var(--tci-muted);margin:8px 0 24px}.tci__table{overflow:auto}.tci__table table{width:100%;max-width:700px;border-collapse:collapse;font-size:13px}.tci__table th,.tci__table td{text-align:left;border-bottom:1px solid var(--tci-line);padding:13px 12px 13px 0}.tci__table th{font-size:11px;font-weight:500}.tci__table td .tc-icon{margin-right:16px}.tci__usage{border-top:1px solid var(--tci-line);margin-top:32px;padding:45px 0 70px}.tci__usage h2{font-size:30px}.tci__usage p{max-width:780px;margin-top:18px;color:var(--tci-muted);font-size:15px}.tci:not([data-ready]) [data-controls],.tci:not([data-ready]) [data-copy]{display:none}
@media(max-width:1099px){.tci__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tci__intro{gap:35px}.tci__toolbar{flex-wrap:wrap;gap:20px}.tci__search{flex-basis:100%}.tci__signature{gap:20px}.tci__nav-preview{padding:20px}.tci__examples{gap:24px}}
@media(max-width:749px){.tci__intro{grid-template-columns:1fr;gap:24px;padding:35px 0}.tci h1{font-size:46px;margin:20px 0}.tci__lead{font-size:16px}.tci__signature{padding:10px 0;gap:35px;max-width:340px}.tci__signature .tc-icon{max-width:46px}.tci__principles{flex-wrap:wrap;gap:10px 20px;font-size:10px;padding:17px 0}.tci__principles li+li{padding:0;margin:0;border:0}.tci__contexts{padding-top:36px}.tci__examples{grid-template-columns:1fr 1fr;gap:26px 20px;margin-top:26px}.tci__example:first-child{grid-column:1/-1}.tci__example h3{font-size:14px;margin-bottom:18px}.tci__use-list{gap:16px}.tci__use-list li{font-size:12px;gap:10px;align-items:flex-start}.tci__use-list .tc-icon{width:22px;height:22px}.tci__catalogue{padding-top:45px;scroll-margin-top:70px}.tci__toolbar{gap:18px 22px;margin-top:24px}.tci__toolbar button{padding-inline:11px;min-height:44px}.tci__categories{gap:6px;margin-top:22px}.tci__categories button{font-size:10px;padding:8px 10px;min-height:40px}.tci__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.tci__item{padding-bottom:18px}.tci__stage{min-height:100px}.tci__group>h3{font-size:22px}.tci__item button{min-height:44px}.tci__aliases summary{font-size:17px}.tci__usage h2{font-size:28px}.tci__usage{padding-bottom:45px}}
