.col-page{max-width:1100px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2rem) 4rem}.col-page .crumbs{margin-bottom:1.5rem;font-size:13px}.col-page .crumbs a{color:var(--text-muted);text-decoration:none;font-family:var(--font-mono)}.col-page .crumbs a:hover{color:var(--text)}.col-page .col-header{margin-bottom:1.75rem}.col-page .eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--accent-text);margin:0 0 .5rem}.col-page .col-header h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin:0 0 .6rem;letter-spacing:-.025em}.col-page .lead{color:var(--text-muted);max-width:760px;line-height:1.6;margin:0}.col-page .col-block{margin-bottom:2.5rem}.col-page h2{font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin:0 0 .75rem}.col-page .col-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end;margin-bottom:.75rem}.col-page label{display:inline-flex;flex-direction:column;gap:.25rem;min-width:0;max-width:100%}.col-page label[hidden]{display:none}.col-page label>span{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.col-page .col-grow{flex:1 1 220px}.col-page input[type=text],.col-page input[type=number],.col-page select{min-height:40px;max-width:100%;box-sizing:border-box;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--divider);border-radius:8px;color:var(--text);font-size:15px}.col-page .col-grow input,.col-page .col-grow select{width:100%}.col-page input[type=file]{font-size:14px;max-width:100%;min-height:40px}.col-page .col-btn{min-height:40px;padding:.5rem .9rem;border-radius:8px;border:1px solid var(--divider);background:var(--surface);color:var(--text);font-family:var(--font-display);font-weight:600;font-size:14px;cursor:pointer}.col-page .col-btn:hover{border-color:var(--text-muted)}.col-page .col-btn-primary{background:#1f2dc8;border-color:#1f2dc8;color:#fff}.col-page .col-btn-primary:hover{background:#2c3ce6}.col-page .col-msg{font-size:13.5px;color:var(--text-muted);margin:.25rem 0 0;min-height:1.3em}.col-page .col-muted{color:var(--text-muted);font-size:13.5px;line-height:1.5;margin:0 0 .6rem}.col-page .col-summary{background:var(--surface);border:1px solid var(--divider);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem;font-size:14.5px;line-height:1.5}.col-page .col-summary p{margin:.15rem 0}.col-page .col-bulk{margin-bottom:.75rem}.col-page .col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.col-page .col-grid .col-tile{position:relative;display:flex;flex-direction:column;border:2px solid var(--divider);border-radius:8px;background:var(--surface);overflow:hidden;min-width:0}.col-page .col-grid .col-tile.is-own{border-color:var(--accent-text)}.col-page .col-grid .col-tile.is-want{border-style:dashed}.col-page .col-grid .col-tap{display:flex;flex-direction:column;padding:0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer;min-width:0}.col-page .col-grid .col-tap img{width:100%;height:auto;aspect-ratio:245 / 342;object-fit:cover;display:block;opacity:.5;filter:grayscale(.7)}.col-page .col-grid .is-own .col-tap img{opacity:1;filter:none}.col-page .col-grid .col-tile-meta{font-size:11px;line-height:1.25;padding:4px 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-page .col-grid .col-num{font-family:var(--font-mono);color:var(--text-muted)}.col-page .col-grid .col-name{font-weight:600}.col-page .col-grid .col-price{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:1px 6px 4px}.col-page .col-grid .col-flag{position:absolute;top:4px;right:4px;font-family:var(--font-mono);font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--accent-text);color:var(--bg)}.col-page .col-grid .col-flag-want{background:var(--text)}.col-page .col-grid .col-link{font-size:11px;color:var(--accent-text);padding:4px 6px 6px;min-height:24px;display:flex;align-items:center;border-top:1px solid var(--divider)}.col-page .col-tablewrap{overflow-x:auto;border:1px solid var(--divider);border-radius:10px;background:var(--surface)}.col-page .col-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}.col-page .col-table th,.col-page .col-table td{padding:.45rem .6rem;border-bottom:1px solid var(--divider);text-align:left;vertical-align:middle}.col-page .col-table thead th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg)}.col-page .col-table tbody th{font-weight:400}.col-page .col-table tbody th a{color:var(--text);font-weight:600;display:inline-block;padding-block:3px}.col-page .col-table .num{text-align:right;white-space:nowrap}.col-page .col-table input{width:6.5rem;text-align:right}.col-page .col-table .col-date{display:block;font-size:11px;color:var(--text-muted)}.col-page .col-table .col-at{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--accent-text)}.col-page .col-btn-small{min-height:32px;padding:.25rem .6rem;font-size:13px}.col-page .col-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.col-page .col-danger-row{margin-top:1rem}.col-page .faq-list{display:grid;gap:.5rem}.col-page .faq-item{background:var(--surface);border:1px solid var(--divider);border-radius:10px;padding:.75rem 1rem}.col-page .faq-item summary{font-family:var(--font-display);font-weight:600;cursor:pointer;padding:4px 0}.col-page .faq-item p{margin:.5rem 0 0;line-height:1.6;font-size:14.5px;color:var(--text)}.col-page .attribution-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--divider)}.col-page .attr{font-size:12.5px;color:var(--text-muted);line-height:1.55;margin:0}.col-page .attr a{color:var(--text-muted);text-decoration:underline}
