-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
483 lines (464 loc) · 29.8 KB
/
Copy pathindex.html
File metadata and controls
483 lines (464 loc) · 29.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3R7KyZ6nqq0NWQsc",ck:"3R7KyZ6nqq0NWQsc"})</script>
<meta name="google-site-verification" content="XJH5bWyu3Ub_fdbfXnCgktieLxeAN7sLbtjSL6n2SaM" />
<title>CSSBuy Spreadsheet & Decision Guide | Independent Resource</title>
<meta name="description" content="Open a practical CSSBuy spreadsheet resource, browse categories, and narrow each lead from a broad label to an exact option while recording conflicts.">
<link rel="canonical" href="https://repglide.github.io/cssbuy-spreadsheet/">
<link rel="icon" type="image/png" href="./assets/images/favicon.png">
<link rel="stylesheet" href="./assets/css/styles.css">
<!-- Open Graph / Twitter -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://repglide.github.io/cssbuy-spreadsheet/">
<meta property="og:title" content="CSSBuy Spreadsheet & Decision Guide | Independent Resource">
<meta property="og:description" content="Open a practical CSSBuy spreadsheet resource, browse categories, and narrow each lead from a broad label to an exact option while recording conflicts.">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="CSSBuy Spreadsheet & Decision Guide | Independent Resource">
<meta name="twitter:description" content="Open a practical CSSBuy spreadsheet resource, browse categories, and narrow each lead from a broad label to an exact option while recording conflicts.">
<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebSite",
"@id": "https://repglide.github.io/cssbuy-spreadsheet/#website",
"url": "https://repglide.github.io/cssbuy-spreadsheet/",
"name": "CSSBuy Spreadsheet & Decision Guide",
"description": "Independent directory and informational guide for CSSBuy spreadsheet users, built around a decision cascade that narrows each lead from a broad label to an exact option while recording conflicts."
},
{
"@type": "WebPage",
"@id": "https://repglide.github.io/cssbuy-spreadsheet/#webpage",
"url": "https://repglide.github.io/cssbuy-spreadsheet/",
"name": "CSSBuy Spreadsheet and Decision Cascade Guide",
"isPartOf": { "@id": "https://repglide.github.io/cssbuy-spreadsheet/#website" },
"description": "Open a practical CSSBuy spreadsheet resource, browse categories, and narrow each lead from a broad label to an exact option while recording conflicts."
},
{
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is a CSSBuy spreadsheet?",
"acceptedAnswer": {
"@type": "Answer",
"text": "A CSSBuy spreadsheet is a shared document that compiles listing references, category groupings, and product links formatted for use with agent shopping services. It is a reference to narrow down, not an official, live, or complete product catalog."
}
},
{
"@type": "Question",
"name": "Is this website the official CSSBuy service?",
"acceptedAnswer": {
"@type": "Answer",
"text": "No. This website is an independent informational and navigation resource. It is not affiliated with, endorsed by, or operated by CSSBuy or Google."
}
},
{
"@type": "Question",
"name": "Does the decision cascade verify products or certify quality?",
"acceptedAnswer": {
"@type": "Answer",
"text": "No. The decision cascade is a narrowing routine. It is not a store, QC certification, fee calculator, order tracker, or seller rating system. A more specific option is closer to your selection, not proof of authenticity or quality."
}
},
{
"@type": "Question",
"name": "How do I narrow a lead to an exact option?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Work in order: identify the category, name the requirement, record what the current page shows, then confirm the exact color, size, version, quantity, or material — and note any conflict."
}
},
{
"@type": "Question",
"name": "What happens when the table and page conflict?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Write the conflict down. Do not silently replace the table's information with the page's. Keep both visible until the mismatch is resolved."
}
},
{
"@type": "Question",
"name": "Where do I place an order?",
"acceptedAnswer": {
"@type": "Answer",
"text": "After you have narrowed the lead and recorded any conflicts, you continue on an external page to submit the item. This website is a navigation resource and does not process orders itself."
}
}
]
}
]
}
</script>
</head>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<!-- Header -->
<header class="site-header">
<div class="container header-inner">
<a href="./index.html" class="brand" aria-label="CSSBuy Spreadsheet Home">
<img src="./assets/images/logo.png" alt="CSSBuy logo" width="34" height="34">
<span class="brand-name">CSSBuy Spreadsheet<small>Independent Resource</small></span>
</a>
<button class="mobile-nav-toggle" aria-expanded="false" aria-label="Toggle navigation menu">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="22" height="22"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
</button>
<nav class="main-nav" aria-label="Primary Navigation">
<ul>
<li><a href="./index.html" class="active">Home</a></li>
<li><a href="./decision-cascade-guide/">Decision Cascade</a></li>
<li><a href="./exact-option-guide/">Exact Options</a></li>
<li><a href="./conflict-log-guide/">Conflict Log</a></li>
<li><a href="./about/">About</a></li>
</ul>
</nav>
</div>
</header>
<main id="main-content">
<!-- Hero -->
<section class="hero-section">
<div class="container hero-grid">
<div>
<span class="hero-badge">Decision Cascade / Specificity Cards</span>
<h1 class="hero-title">CSSBuy Spreadsheet and <em>Decision Cascade</em> Guide</h1>
<p class="hero-description">Open a practical CSSBuy spreadsheet resource, browse twelve product categories, and narrow each lead from a broad label to an exact option while recording conflicts.</p>
<div class="hero-actions">
<a href="https://repglide.com/?agent=cssbuy" class="btn btn-primary" target="_blank" rel="nofollow noopener">Browse Products</a>
<a href="https://docs.google.com/spreadsheets/d/1MDiro6l43jhmOPIG9rqA4ue8id8t9cT2/edit?usp=sharing&ouid=102900013243329745539&rtpof=true&sd=true" class="btn btn-ghost-on-dark" target="_blank" rel="noopener">Open Google Sheet</a>
</div>
</div>
<div class="hero-visual" aria-hidden="true">
<div class="cascade-hero">
<div class="ch-bracket">{</div>
<div class="ch-stack">
<div class="ch-card">Category</div>
<div class="ch-card ch-req">Requirement</div>
<div class="ch-card ch-dest">Current destination</div>
<div class="ch-card ch-exact">Exact option</div>
</div>
<div class="ch-conflict">Conflict</div>
</div>
</div>
</div>
</section>
<!-- Ivory content sheet -->
<div class="desk-paper">
<!-- Product Categories (immediately after Hero) -->
<section class="categories-section" id="categories" aria-labelledby="cat-heading">
<div class="container">
<div class="section-header">
<span class="eyebrow">Rule Statement Blocks</span>
<h2 class="section-title" id="cat-heading">Browse the Product Categories</h2>
<p class="section-lead">Twelve category groups from the CSSBuy spreadsheet resource. Each card opens the matching catalog view for further browsing.</p>
</div>
<div class="cat-grid">
<a class="cat-card" href="https://repglide.com/category/bags?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R01</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M7 8h10l1 11H6L7 8Z"/><path d="M9 8V6a3 3 0 0 1 6 0v2"/></svg></span>
<span class="cat-name">Bags</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/womens-clothing?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R02</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M12 3.5 9.8 6 7 5l2 5h.6V20h4.8V10H15l2-5-2.8 1L12 3.5Z"/></svg></span>
<span class="cat-name">Women’s Clothing</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/mens-clothing?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R03</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M12 4 8.5 5.5 6 4v3l2.5 1.5V20h7V8.5L18 7V4l-2.5 1.5L12 4Z"/></svg></span>
<span class="cat-name">Men’s Clothing</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/sneakers?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R04</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M3 16v-1.5c0-1 1-2 2-2h1l1.5-3L8 5.5h8l.5 4L18 12.5h1c1 0 2 1 2 2V16c0 1.5-1.5 2.5-3 2.5H6c-1.5 0-3-1-3-2.5Z"/><path d="M6 18.5V20M18 18.5V20"/></svg></span>
<span class="cat-name">Sneakers</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/designer-shoes?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R05</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M4 17c0 1.5 1.5 2.5 3 2.5h10c1.5 0 3-1 3-2.5v-1.5l-2-5V6l-2 1-1-1-1 1-1-1-1 1-1-1-2-1v4.5l-2 5V17Z"/><path d="M4 17v1.5M20 17v1.5"/></svg></span>
<span class="cat-name">Designer Shoes</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/designer-womens-shoes?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R06</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M9 4.5 7.5 9 5 10.5c-1 .5-1.5 1.5-1 2.5s2 1 2.5 0L9 11.5 14 14l-1.5-5.5L16 6.5 15 5l-1.5 1.5L13 5l-1.5 1.5L10 5 9 4.5Z"/></svg></span>
<span class="cat-name">Designer Women’s Shoes</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/perfume?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R07</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M9 12V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6"/><path d="M7 12h10v8a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-8Z"/><path d="M12 4V3"/></svg></span>
<span class="cat-name">Perfume</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/watches?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R08</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><circle cx="12" cy="12" r="6"/><path d="M12 9v3l2 2"/><path d="M9 6 8 3h8l-1 3"/><path d="M9 18l-1 3h8l-1-3"/></svg></span>
<span class="cat-name">Watches</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/jerseys?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R09</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M12 4 8 5.5 6 4v3l2 1.5V20h8V8.5L18 7V4l-2 1.5L12 4Z"/><path d="M12 10v3"/></svg></span>
<span class="cat-name">Jerseys</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/accessories?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R10</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M3 9h2l1-3h12l1 3h2"/><path d="M3 9v1a3 3 0 0 0 6 0V9"/><path d="M15 9v1a3 3 0 0 0 6 0V9"/><path d="M6 9h12"/></svg></span>
<span class="cat-name">Accessories</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/underwear-swimwear?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R11</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><path d="M7 5c0 2 1.5 3 2.5 3S12 7 12 5c0 1 1.5 2 2.5 2S17 5 17 5"/><path d="M9.5 8 8 13c-1 3 0 6 4 6s5-3 4-6l-1.5-5"/></svg></span>
<span class="cat-name">Underwear & Swimwear</span>
<span class="cat-arrow">Open category →</span>
</a>
<a class="cat-card" href="https://repglide.com/category/other?agent=cssbuy" target="_blank" rel="nofollow noopener">
<span class="cat-top"><span class="cat-rule">R12</span></span>
<span class="cat-icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4 4"><circle cx="7" cy="7" r="1.6"/><circle cx="17" cy="7" r="1.6"/><circle cx="7" cy="17" r="1.6"/><circle cx="17" cy="17" r="1.6"/></svg></span>
<span class="cat-name">Other Finds</span>
<span class="cat-arrow">Open category →</span>
</a>
</div>
</div>
</section>
<!-- The Decision Cascade -->
<section class="section section-alt" id="cascade" aria-labelledby="cascade-heading">
<div class="container">
<div class="section-header">
<span class="eyebrow">The Decision Cascade</span>
<h2 class="section-title" id="cascade-heading">Narrow in Five Steps</h2>
<p class="section-lead">Tighten a lead step by step, from the broad label down to the exact option, and keep every conflict in view.</p>
</div>
<div class="cascade">
<div class="cascade-step" data-c="1">
<span class="cascade-dot">1</span>
<span class="cascade-label">Category</span>
<span class="cascade-desc">What kind of item is this?</span>
</div>
<span class="cascade-arrow" aria-hidden="true">→</span>
<div class="cascade-step" data-c="2">
<span class="cascade-dot">2</span>
<span class="cascade-label">Requirement</span>
<span class="cascade-desc">What actually needs confirming?</span>
</div>
<span class="cascade-arrow" aria-hidden="true">→</span>
<div class="cascade-step" data-c="3">
<span class="cascade-dot">3</span>
<span class="cascade-label">Current destination</span>
<span class="cascade-desc">What does the page show now?</span>
</div>
<span class="cascade-arrow" aria-hidden="true">→</span>
<div class="cascade-step" data-c="4">
<span class="cascade-dot">4</span>
<span class="cascade-label">Exact option</span>
<span class="cascade-desc">Color, size, version, quantity, material.</span>
</div>
<span class="cascade-arrow" aria-hidden="true">→</span>
<div class="cascade-step" data-c="5">
<span class="cascade-dot">5</span>
<span class="cascade-label">Conflict</span>
<span class="cascade-desc">What is missing, mismatched, unconfirmable?</span>
</div>
</div>
<p class="example-flag" style="display:block;text-align:center;">Decision example — not a live listing or automated result.</p>
</div>
</section>
<!-- Specificity Is Context, Not Proof -->
<section class="section" id="specificity" aria-labelledby="spec-heading">
<div class="container">
<div class="section-header">
<span class="eyebrow">Specificity Is Context, Not Proof</span>
<h2 class="section-title" id="spec-heading">More Specific Is Not More Real</h2>
<p class="section-lead">A precise option gets you closer to your selection. It does not make the item more authentic or better.</p>
</div>
<div class="duo-grid">
<div class="duo-col is-a">
<h3><span class="mark">1</span>What specificity gives you</h3>
<ul>
<li>A closer match to your chosen option.</li>
<li>A clearer picture of what you are selecting.</li>
<li>A tighter scope for re-checking.</li>
</ul>
</div>
<div class="duo-col is-b">
<h3><span class="mark">2</span>What specificity cannot give you</h3>
<ul>
<li>Proof that the item is authentic.</li>
<li>A guarantee of quality or fit.</li>
<li>Any confirmation beyond the option itself.</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Rule Override Examples -->
<section class="section section-alt" id="override-examples" aria-labelledby="oe-heading">
<div class="container">
<div class="section-header">
<span class="eyebrow">Rule Override Examples</span>
<h2 class="section-title" id="oe-heading">When the Page Says Something Different</h2>
<p class="section-lead">When the table and the page disagree, the answer is to write both down — not to quietly replace one with the other.</p>
</div>
<ul class="log-list">
<li><span class="log-flag">T</span><p><strong>Title mismatch.</strong> The page title differs from the row label. Record both.</p></li>
<li><span class="log-flag">I</span><p><strong>Image mismatch.</strong> The image on the page does not match the row. Record both.</p></li>
<li><span class="log-flag">P</span><p><strong>Price context.</strong> The currency or time differs from the table. Record both.</p></li>
<li><span class="log-flag">O</span><p><strong>Option mismatch.</strong> A color, size, or version is missing or changed. Record both.</p></li>
</ul>
<p class="example-flag" style="display:block;text-align:center;">Decision example — not a live listing or automated result.</p>
</div>
</section>
<!-- Exception Log -->
<section class="section" id="exception-log" aria-labelledby="el-heading">
<div class="container">
<div class="section-header">
<span class="eyebrow">Exception Log</span>
<h2 class="section-title" id="el-heading">Keep the Conflicts Where You Can See Them</h2>
<p class="section-lead">A conflict is not a failure — it is a note that the lead still needs attention.</p>
</div>
<div class="nested-panel" style="max-width:680px;margin:0 auto;">
<div class="np-title">Conflict note</div>
<p style="margin:0;color:var(--ink-soft);font-size:0.95rem;">Write down what still disagrees, what is missing, or what cannot be confirmed. Leave it in the note until it is resolved.</p>
</div>
<div class="open-note" style="max-width:520px;margin:18px auto 0;"><span class="qmark">?</span>Open item: is every conflict written down, or has any been quietly dropped?</div>
</div>
</section>
<!-- Guide entries -->
<section class="section section-alt" id="guides" aria-labelledby="guides-heading">
<div class="container">
<div class="section-header">
<span class="eyebrow">Field Guides</span>
<h2 class="section-title" id="guides-heading">Three Guides for the Cascade</h2>
</div>
<div class="guide-grid">
<a class="guide-card" href="./decision-cascade-guide/">
<span class="guide-num">GUIDE 01</span>
<h3>Decision Cascade Guide</h3>
<p>Narrow in order: category, requirement, destination, exact option, then conflict.</p>
<span class="guide-cta">Read the guide →</span>
</a>
<a class="guide-card" href="./exact-option-guide/">
<span class="guide-num">GUIDE 02</span>
<h3>Exact Option Guide</h3>
<p>Tell a generic title from the actual color, size, version, quantity, or material.</p>
<span class="guide-cta">Read the guide →</span>
</a>
<a class="guide-card" href="./conflict-log-guide/">
<span class="guide-num">GUIDE 03</span>
<h3>Conflict Log Guide</h3>
<p>Record title, image, price, option, and availability conflicts between table and page.</p>
<span class="guide-cta">Read the guide →</span>
</a>
</div>
</div>
</section>
<!-- No Silent Overrides -->
<section class="section" id="no-overrides" aria-labelledby="no-heading">
<div class="container">
<div class="section-header">
<span class="eyebrow">No Silent Overrides</span>
<h2 class="section-title" id="no-heading">Never Quietly Replace One with the Other</h2>
<p class="section-lead">The table is one source; the page is another. Neither silently erases the other.</p>
</div>
<ul class="log-list">
<li><span class="log-flag">1</span><p><strong>Both stay visible.</strong> Record the table value and the page value side by side.</p></li>
<li><span class="log-flag">2</span><p><strong>Resolve before continuing.</strong> Confirm which is current before you rely on either.</p></li>
<li><span class="log-flag">3</span><p><strong>No quiet drops.</strong> A mismatch stays in the note until it is settled.</p></li>
</ul>
</div>
</section>
<!-- FAQ -->
<section class="section section-alt" id="faq" aria-labelledby="faq-heading">
<div class="container">
<div class="section-header">
<span class="eyebrow">FAQ</span>
<h2 class="section-title" id="faq-heading">Frequently Asked Questions</h2>
</div>
<div class="faq-list">
<details class="faq-item">
<summary>What is a CSSBuy spreadsheet?</summary>
<div class="faq-body"><p>A CSSBuy spreadsheet is a shared document that compiles listing references, category groupings, and product links formatted for use with agent shopping services. It is a reference to narrow down, not an official, live, or complete product catalog.</p></div>
</details>
<details class="faq-item">
<summary>Is this website the official CSSBuy service?</summary>
<div class="faq-body"><p>No. This website is an independent informational and navigation resource. It is not affiliated with, endorsed by, or operated by CSSBuy or Google.</p></div>
</details>
<details class="faq-item">
<summary>Does the decision cascade verify products or certify quality?</summary>
<div class="faq-body"><p>No. The decision cascade is a narrowing routine. It is not a store, QC certification, fee calculator, order tracker, or seller rating system. A more specific option is closer to your selection, not proof of authenticity or quality.</p></div>
</details>
<details class="faq-item">
<summary>How do I narrow a lead to an exact option?</summary>
<div class="faq-body"><p>Work in order: identify the category, name the requirement, record what the current page shows, then confirm the exact color, size, version, quantity, or material — and note any conflict.</p></div>
</details>
<details class="faq-item">
<summary>What happens when the table and page conflict?</summary>
<div class="faq-body"><p>Write the conflict down. Do not silently replace the table’s information with the page’s. Keep both visible until the mismatch is resolved.</p></div>
</details>
<details class="faq-item">
<summary>Where do I place an order?</summary>
<div class="faq-body"><p>After you have narrowed the lead and recorded any conflicts, you continue on an external page to submit the item. This website is a navigation resource and does not process orders itself.</p></div>
</details>
</div>
</div>
</section>
<!-- Final CTA -->
<section class="section" aria-labelledby="cta-heading">
<div class="container">
<div class="final-cta">
<h2 id="cta-heading">Open the Sheet, Then Narrow Each Lead</h2>
<p>Start from the shared CSSBuy spreadsheet resource, browse the categories, and narrow each lead to its exact option with conflicts in view.</p>
<a href="https://repglide.com/?agent=cssbuy" class="btn btn-primary" target="_blank" rel="nofollow noopener">Browse Products</a>
</div>
</div>
</section>
</div><!-- /desk-paper -->
</main>
<!-- Footer -->
<footer class="site-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<a href="./index.html" class="brand" aria-label="CSSBuy Spreadsheet Home">
<img src="./assets/images/logo.png" alt="CSSBuy logo" width="30" height="30">
<span class="brand-name">CSSBuy Spreadsheet<small>Independent Resource</small></span>
</a>
<p>An independent informational and navigation resource for CSSBuy spreadsheet users. Not affiliated with or endorsed by CSSBuy or Google. This resource is not a store, QC certification, fee calculator, order tracker, or seller rating system.</p>
</div>
<div class="footer-col">
<h4>Guides</h4>
<ul>
<li><a href="./decision-cascade-guide/">Decision Cascade</a></li>
<li><a href="./exact-option-guide/">Exact Options</a></li>
<li><a href="./conflict-log-guide/">Conflict Log</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Site</h4>
<ul>
<li><a href="./about/">About</a></li>
<li><a href="./privacy/">Privacy</a></li>
<li><a href="./terms/">Terms</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>© <span id="year">2026</span> CSSBuy Spreadsheet. Independent resource.</span>
<span>Conflicts stay visible — not silently overridden.</span>
</div>
</div>
</footer>
<script src="./assets/js/main.js"></script>
</body>
</html>