.drafting-container{max-width:1600px;margin:var(--spacing-xl)auto;padding:0 var(--spacing-lg)}.tech-header{text-align:center;margin-bottom:var(--spacing-xl)}.tech-header h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.tech-foreword{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:720px;margin:0 auto}.drafting-interface{display:flex;flex-direction:column;gap:var(--spacing-lg)}.drafting-column-left{order:2}.drafting-column-center{order:1}.drafting-column-right{order:3}@media(min-width:768px){.drafting-interface{display:grid;grid-template-columns:1fr 2fr}.drafting-column-left{order:0}.drafting-column-center{order:0}.drafting-column-right{order:0}}@media(min-width:1200px){.drafting-interface{grid-template-columns:1fr 2fr 1fr}}.drafting-column h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-primary)}.card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.card{display:flex;gap:var(--spacing-md);background-color:var(--color-background-alt);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--color-border-primary);cursor:pointer;transition:all .2s ease-in-out}.card.is-active,.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px var(--color-shadow);border-color:var(--color-accent)}.card-icon{flex-shrink:0;width:32px;height:32px;color:var(--color-accent)}.card-icon svg{width:100%;height:100%}.card-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.card-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media(min-width:768px){.drafting-column-center.is-sticky{position:sticky;top:var(--spacing-xl);align-self:start;background-color:var(--color-background-alt);border-radius:var(--border-radius);padding:var(--spacing-lg);min-height:80vh}}.briefing-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary)}#integration-search{width:100%;margin-bottom:var(--spacing-lg)}.briefing-content h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.component-detail{margin-bottom:var(--spacing-xl)}.component-detail h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.component-detail p{line-height:1.7}@media(max-width:767px){.card-content p{display:none}}