/* Manual article examples: the same quiet, compact workspace as Training. */
.clex{--clex-ink:var(--ctp-text);--clex-muted:var(--ctp-subtext0);--clex-line:var(--ctp-surface1);--trd-ink:var(--ctp-text);--trd-muted:var(--ctp-subtext0);--trd-line:var(--ctp-surface1);container:classification-examples / inline-size;width:100%;min-width:0;font-size:13px;line-height:1.5;color:var(--clex-ink)}
.clex *{box-sizing:border-box}.clex :is(button,input){font:inherit}.clex button{cursor:pointer}.clex button:disabled{opacity:.5;cursor:default}.clex :is(button,a,input):focus-visible{outline:2px solid var(--ctp-mauve);outline-offset:3px}.clex .trd-icon{width:16px;height:16px;flex:0 0 16px}.clex :is(h2,h3,h4,p){margin:0}.clex h2{font-size:20px;line-height:1.3;font-weight:650}.clex :is(h3,h4){font-size:13px;font-weight:600;line-height:1.5}.clex-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.clex-heading>div{min-width:0}.clex-heading p{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--clex-muted);max-width:780px}.clex-heading>.clex-button{flex-shrink:0}
.clex .clex-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid var(--clex-line);border-radius:7px;background:var(--ctp-base);color:var(--clex-ink);font-size:12px;font-weight:550;white-space:nowrap}.clex .clex-button:hover:not(:disabled){border-color:var(--ctp-mauve);color:var(--ctp-mauve)}.clex .clex-primary{background:var(--ctp-mauve);border-color:var(--ctp-mauve);color:var(--ctp-base)}.clex .clex-primary:hover:not(:disabled){color:var(--ctp-base);filter:brightness(.96)}
.clex-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(145px,180px) minmax(170px,220px);gap:10px;align-items:center;margin-bottom:17px}.clex-toolbar>:is(.trd-select,.clex-search){min-width:0;width:100%}.clex .trd-select-trigger{min-height:38px;font-size:12px}.clex-search{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid var(--clex-line);border-radius:7px;background:var(--ctp-base);color:var(--clex-muted)}.clex-search>input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--clex-ink);font-size:12px}.clex-search:focus-within{outline:2px solid var(--ctp-mauve);outline-offset:2px}.clex-search>input:focus-visible{outline:none}.clex-search>button{display:flex;padding:0;border:0;background:transparent;color:var(--clex-muted)}.clex-region-icon{display:inline-flex;align-items:center;flex:0 0 17px;width:17px}.clex-region-icon>span{display:none}.clex-region-icon>img{width:17px;height:12px;object-fit:cover;border-radius:1px}.clex-region-icon>svg{width:16px;height:16px}.clex-region-menu .trd-select-option>.clex-region-icon{flex:0 0 17px}
.clex-list-heading{display:flex;align-items:baseline;gap:12px;justify-content:space-between;margin:0 0 10px}.clex-list-heading>h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clex-list-heading>span{font-size:12px;color:var(--clex-muted);white-space:nowrap}
.clex-table-wrap{overflow:hidden;border:1px solid var(--clex-line);border-radius:10px;background:var(--ctp-base)}.main-content .clex table.clex-table,.clex table.clex-table{display:table;table-layout:fixed;width:100%;max-width:100%;min-width:0;border-collapse:collapse;margin:0;overflow:visible}.clex-col-site{width:31%}.clex-col-type{width:21%}.clex-col-market{width:10%}.clex-col-status{width:16%}.clex-col-date{width:13%}.clex-col-details{width:9%}.clex .clex-table :is(th,td){display:table-cell;position:static;padding:11px 12px;border:0;border-bottom:1px solid var(--clex-line);text-align:left;vertical-align:middle;font-size:12px;line-height:1.5;white-space:normal;background:transparent}.clex .clex-table thead th{font-size:11px;font-weight:600;text-align:left!important;white-space:nowrap;color:var(--clex-muted);background:color-mix(in srgb,var(--ctp-surface1) 25%,var(--ctp-base))}.clex .clex-table :is(th:last-child,td:last-child){padding-left:5px;padding-right:9px}.clex .clex-table tbody>tr:last-child>td{border-bottom:0}.clex .clex-table .is-open>td{background:color-mix(in srgb,var(--ctp-mauve) 4%,var(--ctp-base))}.main-content .clex .clex-table :is(thead th:first-child,tbody td:first-child){position:static;left:auto;z-index:auto;background:inherit}.clex .clex-table td::before{display:none}
.clex-site>div{display:flex;align-items:center;gap:8px;min-width:0}.clex-site>div>div{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.clex-site :is(a,strong){min-width:0;max-width:75%;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;color:var(--clex-ink)}.clex-site a:hover{color:var(--ctp-mauve)}.clex-path{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--clex-muted)}.clex .trd-site-icon{position:relative;display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;overflow:hidden;border-radius:5px;background:var(--ctp-surface0);color:var(--ctp-mauve);font-size:12px;font-weight:600}.clex .trd-site-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}.clex .trd-site-icon img.loaded{opacity:1}.clex .trd-geo,.clex-global{display:inline-flex;align-items:center;gap:4px;color:var(--clex-muted);font-size:12px;white-space:nowrap}.clex .trd-geo>img{width:16px;height:11px;object-fit:cover;border-radius:1px}.clex .trd-geo>svg,.clex-global>.trd-icon{width:14px;height:14px;flex:0 0 14px}
.clex-type{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px}.clex-type>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clex-class-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px}.clex-class-icon>:is(img,svg){width:16px;height:16px;max-width:16px;object-fit:contain}.clex-status-cell{display:flex;align-items:center;gap:7px;min-width:0}.clex-status{display:inline-flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap;color:var(--clex-muted)}.clex-status>.trd-icon{width:13px;height:13px;flex-basis:13px}.clex-status.confirmed{color:var(--ctp-green)}.clex-status.pending{color:var(--ctp-peach)}.clex .clex-conflict{display:inline-flex;align-items:center;gap:4px;border:0;padding:0;background:transparent;color:var(--ctp-red);font-size:11px}.clex-conflict>.trd-icon{width:14px;height:14px;flex-basis:14px}.clex-conflict>span{display:none}.clex-updated>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--clex-muted);font-size:12px}.clex .clex-detail-button{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0;border:0;background:transparent;color:var(--ctp-mauve);font-size:12px;font-weight:550;white-space:nowrap}.clex-detail-button>.trd-icon{width:14px;height:14px;flex-basis:14px}
.clex .clex-table .clex-detail-row>td{padding:0;position:static}.clex-detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px 28px;padding:20px;background:color-mix(in srgb,var(--ctp-surface1) 18%,var(--ctp-base))}.clex-detail>div,.clex-detail dl{min-width:0}.clex-detail h4{display:flex;align-items:center;gap:7px}.clex-detail h4>.trd-icon{color:var(--ctp-mauve)}.clex .clex-note{margin:9px 0 18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:var(--clex-ink)}.clex-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;margin:0}.clex-detail dt{margin-bottom:4px;color:var(--clex-muted);font-size:11px}.clex-detail dd{margin:0;overflow-wrap:anywhere;font-size:12px;line-height:1.55}.clex-detail dd>small{display:block;margin-top:3px;font-size:11px;color:var(--clex-muted)}.clex-facts{border-left:1px solid var(--clex-line);padding-left:22px}.clex-full-url{display:flex;flex-direction:column;gap:5px;font-size:12px}.clex-full-url>strong{font-size:11px;font-weight:500;color:var(--clex-muted)}.clex-full-url>:is(a,span){overflow-wrap:anywhere;white-space:normal}.clex-full-url>a{color:var(--ctp-mauve)}.clex-full-url .trd-icon{width:12px;height:12px;margin-left:5px;vertical-align:middle}
.clex-comparison{grid-column:1/-1;padding-top:15px;border-top:1px solid var(--clex-line)}.clex-comparison>p{margin-top:5px;font-size:12px;line-height:1.6;color:var(--clex-muted)}.clex-comparison.is-conflict>h4,.clex-comparison.is-conflict>h4>.trd-icon{color:var(--ctp-red)}.clex-references{display:grid;gap:10px;margin-top:12px}.clex-reference{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px}.clex-reference>button{min-width:0;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;padding:3px 0;background:transparent;color:var(--ctp-mauve);font-size:12px;font-weight:550;text-align:left}.clex-reference>.clex-type{max-width:40%}.clex-reference>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--clex-muted);font-size:11px}.clex-record-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:14px;border-top:1px solid var(--clex-line)}.clex-record-actions>span{margin-right:auto;color:var(--clex-muted);font-size:12px}
.clex-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;color:var(--clex-muted);font-size:12px}.clex-pagination>div{display:flex;align-items:center;gap:8px}.clex-back{transform:rotate(180deg)}.clex-message{display:flex;align-items:flex-start;gap:10px;padding:20px;background:var(--ctp-base);border:1px solid var(--clex-line);border-radius:9px;font-size:13px}.clex-message>.trd-icon{margin-top:2px;color:var(--ctp-mauve)}.clex-error{border-color:color-mix(in srgb,var(--ctp-red) 40%,var(--clex-line))}.clex-message p{margin:4px 0 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.clex-empty{padding:30px 18px;text-align:center;border:1px dashed var(--clex-line);border-radius:10px}.clex-empty>.trd-icon{width:24px;height:24px;color:var(--ctp-mauve);margin-bottom:10px}.clex-empty h3{font-size:16px}.clex-empty p{margin:7px 0 14px;color:var(--clex-muted);font-size:13px}
@container classification-examples (max-width:1050px){.clex .clex-table :is(th,td){padding:10px 8px}.clex-col-site{width:29%}.clex-col-type{width:21%}.clex-col-market{width:9%}.clex-col-status{width:17%}.clex-col-date{width:14%}.clex-col-details{width:10%}.clex-heading p{max-width:620px}}
@container classification-examples (max-width:760px){
 .clex-heading{align-items:flex-start}.clex-heading h2{font-size:19px}.clex-heading p{font-size:12px}.clex-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.clex-search{grid-column:1/-1}.clex .trd-select-trigger,.clex .clex-button{min-height:40px}.clex-list-heading{gap:10px}.clex-list-heading>span{font-size:11px}
 .main-content .clex table.clex-table,.clex table.clex-table{display:block}.clex .clex-table colgroup{display:none}.clex .clex-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.clex .clex-table tbody{display:block}
 .clex .clex-table .clex-record{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;column-gap:12px;row-gap:5px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--clex-line)}
 .clex .clex-table .clex-record>td{display:block;min-width:0;width:auto;padding:0;border:0;background:transparent}.clex-record.is-open{background:color-mix(in srgb,var(--ctp-mauve) 4%,var(--ctp-base))}
 .clex .clex-table .clex-site{grid-column:1/4;grid-row:1}.clex-site :is(a,strong){font-size:13px;font-weight:600}.clex .clex-table .clex-detail-action{grid-column:4;grid-row:1;justify-self:end;text-align:right}.clex .clex-detail-button{min-height:40px;padding:0 2px}
 .clex .clex-table .clex-record>td[data-label="Classification"]{grid-column:1;grid-row:2}.clex .clex-table .clex-record>td[data-label="Market"]{grid-column:2;grid-row:2}.clex .clex-table .clex-record>td[data-label="Status"]{grid-column:3;grid-row:2}.clex .clex-table .clex-record>td[data-label="Updated"]{grid-column:4;grid-row:2;text-align:right}
 .clex .clex-table td[data-label]::before{display:none}
 .clex .clex-table .clex-detail-row,.clex .clex-table .clex-detail-row>td{display:block;width:100%;padding:0}.clex-detail{grid-template-columns:minmax(0,1fr);padding:16px;gap:18px}.clex-facts{border-left:0;border-top:1px solid var(--clex-line);padding:15px 0 0}.clex-comparison,.clex-record-actions{grid-column:1}.clex-reference{flex-wrap:wrap;gap:7px}.clex-reference>button{max-width:calc(100% - 34px)}.clex-reference>.clex-type{flex-basis:100%;max-width:100%;margin-left:30px}.clex-reference>.trd-geo{margin-left:30px}.clex-pagination{flex-wrap:wrap;gap:10px}.clex-pagination>div{margin-left:auto}
}

@container classification-examples (max-width:540px){
 .clex .clex-table .clex-record{grid-template-columns:minmax(0,1fr) auto auto;column-gap:10px;row-gap:6px;padding:9px 12px 12px}
 .clex .clex-table .clex-site{grid-column:1/3}.clex .clex-table .clex-detail-action{grid-column:3}.clex-site>div>div{display:block}.clex-site :is(a,strong){display:block;max-width:100%}.clex-path{display:block;font-size:11px}
 .clex .clex-table .clex-record>td[data-label="Classification"]{grid-column:1/-1;grid-row:2}
 .clex .clex-table .clex-record>td[data-label="Market"]{grid-column:1;grid-row:3}.clex .clex-table .clex-record>td[data-label="Status"]{grid-column:2;grid-row:3}.clex .clex-table .clex-record>td[data-label="Updated"]{grid-column:3;grid-row:3}
}

.clex-type-link{color:var(--clex-ink);text-decoration:none}.clex-type-link:hover{color:var(--ctp-mauve);text-decoration:underline}