/* Four-tab Customize comparison, using the shared collection and form tokens. */
#view [data-context-tab][hidden]{display:none!important}
#view[data-customize-section=personalization] .catalog-search-pair{visibility:hidden}
#view[data-customize-section=knowledge] .customize-filter-slot{display:none}
.customize-context-panel{width:100%;max-width:var(--layout-content-w);margin-inline:auto;padding-bottom:var(--space-12)}
.customize-context-section{display:flex;flex-direction:column;gap:var(--space-8)}
.customize-context-section+.customize-context-section{margin-top:var(--space-12);padding-top:var(--space-10);border-top:var(--stroke-1) solid var(--border)}
.customize-context-section h2,.customize-context-section h3{display:flex;align-items:center;gap:var(--space-4);margin:0;color:var(--neutral-700)}
.customize-context-section h2{font:var(--fw-medium) var(--type-h3-size)/var(--type-h3-lh) var(--font-sans)}
.customize-context-section h3{font:var(--fw-medium) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans)}
.customize-context-section h2>.ph,.customize-context-section h3>.ph{font-size:var(--space-7)}
.customize-context-panel .field{gap:var(--space-4);margin:0;min-width:0}
.customize-context-panel .input,#customize-context-dialog .input{width:100%;min-width:0;color:var(--neutral-700);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-context-panel textarea.input,#customize-context-dialog textarea.input{height:auto;min-height:calc(var(--space-14) + var(--space-8));padding:var(--space-5) var(--space-6);resize:vertical}
.customize-context-panel .input:focus-visible{outline:var(--stroke-1) solid var(--border-active);outline-offset:var(--space-1)}
.customize-context-panel .btn{align-self:flex-start}
.customize-context-list{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-5)}
.customize-context-label{display:flex;align-items:center;gap:var(--space-5);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);color:var(--neutral-700)}
.customize-context-label>span{color:var(--neutral-500)}
.customize-context-line{display:flex;align-items:center;gap:var(--space-4)}
.customize-context-line>.input{flex:1}
.customize-context-line>.icon-btn,.customize-context-website-fields>.icon-btn{flex-shrink:0;color:var(--danger-700)}
.customize-context-website{display:flex;flex-direction:column;gap:var(--space-4)}
.customize-context-website>.tag{align-self:flex-start}
.customize-context-website-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) var(--space-10);align-items:end;gap:var(--space-4)}
.customize-context-website-fields>.icon-btn{margin-bottom:var(--space-2)}
.customize-context-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.customize-knowledge-tabs{margin-bottom:var(--space-8);gap:var(--space-8)}
.customize-knowledge-tabs .tab{border:0;cursor:pointer;font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans);border-radius:0;background:transparent;padding:0 0 var(--space-5);border-bottom:calc(var(--stroke-1)*2) solid transparent}
.customize-knowledge-tabs .tab--active{border-bottom-color:var(--neutral-800)}
.customize-knowledge-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:var(--space-10);margin-bottom:var(--space-8);font:var(--fw-regular) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans);color:var(--neutral-700)}
.customize-knowledge-toolbar [hidden]{display:none}
.customize-knowledge-table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--neutral-700);font:var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans)}
.customize-knowledge-table th{color:var(--neutral-400);font-weight:var(--fw-regular);text-align:left;border-bottom:var(--stroke-1) solid var(--border)}
.customize-knowledge-table th,.customize-knowledge-table td{padding:var(--space-6) var(--space-4);vertical-align:middle;overflow-wrap:anywhere}
.customize-knowledge-table th:first-child{width:var(--space-11)}
.customize-knowledge-table th:nth-child(3){width:calc(var(--space-14) + var(--space-8))}
.customize-knowledge-table th:last-child{width:var(--space-12)}
.customize-knowledge-table tr:hover td{background:var(--surface-subtle)}
.customize-knowledge-table input[type=checkbox]{appearance:none;background:var(--surface);width:var(--space-7);height:var(--space-7);margin:0;accent-color:var(--neutral-800);cursor:pointer}
.customize-knowledge-table .menu{right:0;left:auto;min-width:calc(var(--space-14)*2)}
.customize-knowledge-table .menu__item{border:0;width:100%;background:transparent;text-align:left}
.customize-context-provider{display:inline-flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);object-fit:contain;font-size:var(--space-7)}
#customize-context-dialog .modal__body{display:flex;flex-direction:column;gap:var(--space-6)}
@media(max-width:700px){
 #view[data-customize-section=personalization] .catalog-inline-controls{display:none}
 #view:is([data-customize-sections=extended],[data-customize-sections=knowledge]) .collection-page-tabbar .tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
 #view:is([data-customize-sections=extended],[data-customize-sections=knowledge]) .collection-page-tabbar .tab{flex-shrink:0;white-space:nowrap}
 .customize-context-website-fields{grid-template-columns:minmax(0,1fr) var(--space-10)}
 .customize-context-website-fields>.field:first-child{grid-column:1/-1}
 .customize-context-columns{grid-template-columns:minmax(0,1fr)}
 .customize-knowledge-table th:nth-child(3){width:var(--space-13)}
 .customize-knowledge-table th:first-child{width:var(--space-10)}
 .customize-knowledge-table th:last-child{width:var(--space-10)}
 .customize-knowledge-table th,.customize-knowledge-table td{padding-inline:var(--space-2)}
}

.customize-knowledge-table input.checkbox:is(.is-checked,.is-some){background:var(--neutral-900)}