@import url('./tokens.css');
*{box-sizing:border-box}body{margin:0;padding:0 32px;background:var(--canvas);color:var(--text-primary);font-family:Inter,'Open Sans',Arial,sans-serif}header,main,footer{max-width:1920px;margin:auto}header{display:flex;align-items:center;gap:32px;min-height:112px;padding:24px 8px}.signature{font-size:32px;letter-spacing:-2px}h1{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:0 0 8px}header p{font-size:14px;color:var(--text-secondary);margin:0}.header-note{margin-left:auto;text-align:right;text-transform:uppercase;font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em;color:var(--text-secondary)}.header-note small{display:block;margin-top:8px;color:var(--text-tertiary)}main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--blue-field)}.composition{min-width:0;padding:24px 16px 24px;border-bottom:1px solid var(--blue-field);border-right:1px solid var(--blue-field)}.composition:nth-child(3n){border-right:0}.caption{display:flex;gap:16px;align-items:baseline;min-height:72px}.number{font:12px ui-monospace,Consolas,monospace;color:var(--text-tertiary)}h2{font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:0 0 8px}.caption p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.architecture{display:block;width:100%;height:auto;overflow:visible}.definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{fill:none;stroke:var(--blue-structure);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.v-field,.v-system{fill:var(--blue-field);stroke:none}.v-component{fill:var(--canvas);stroke:var(--blue-structure);stroke-opacity:.25;stroke-width:1}.v-region{fill:none;stroke:none}.v-rule{fill:none;stroke:var(--blue-structure);stroke-opacity:.15;stroke-width:1}.v-heading{font-size:12px;font-weight:500;fill:var(--text-primary)}.v-title{font-size:11.5px;font-weight:500;fill:var(--text-primary)}.v-label{font-size:11.5px;fill:var(--text-primary)}.v-detail,.v-note{font-size:10.5px;fill:var(--text-secondary)}.v-link{fill:none;stroke:var(--blue-structure);stroke-width:1.25;stroke-opacity:.65;stroke-linejoin:round;stroke-linecap:round}.v-secondary{stroke-width:1;stroke-opacity:.48}.v-caption text{paint-order:stroke fill;stroke:var(--canvas);stroke-width:6px;stroke-linejoin:round}footer{padding:24px 8px;display:flex;justify-content:space-between;gap:16px;color:var(--text-tertiary);font:10px/1.5 ui-monospace,Consolas,monospace}
@media(max-width:1250px){main{grid-template-columns:repeat(2,minmax(0,1fr))}.composition:nth-child(3n){border-right:1px solid var(--blue-field)}.composition:nth-child(2n){border-right:0}.header-note{display:none}}
@media(max-width:720px){body{padding-inline:16px}header{gap:16px;min-height:96px}h1{font-size:20px}header p{font-size:12px}main{grid-template-columns:1fr}.composition:nth-child(n){border-right:0;padding-inline:0}.caption{min-height:64px}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}}