.content-page{max-width:1200px;margin:auto;padding:32px 24px 64px}.content-page h1{max-width:24ch}.content-page .intro{max-width:65ch;font-size:18px;color:var(--ink-2)}.content-page section{margin-top:48px}.content-page .crumbs{font-size:14px;margin-bottom:24px;display:flex;gap:12px;flex-wrap:wrap}.collection-links{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.collection-links a{border:1px solid var(--line-strong);padding:8px 12px;text-decoration:none}.collection-links a[aria-current]{border-color:var(--accent);background:var(--accent-tint)}.pattern-workbench{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);border:1px solid var(--line);margin:32px 0}.pattern-form{padding:24px;background:var(--surface)}.pattern-form label{display:block;margin:16px 0 4px}.pattern-form input,.pattern-form select{width:100%}.pattern-form .actions{margin-top:20px}.pattern-form .notice{font-size:13px;color:var(--ink-2)}.pattern-live{margin:0;padding:24px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.pattern-live canvas,.pattern-live img{max-width:100%;height:auto;object-fit:contain;max-height:560px}.pattern-live figcaption{font-size:14px;color:var(--ink-2)}.pattern-error{color:var(--danger);font-size:14px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.content-grid article{min-width:0;border-bottom:1px solid var(--line);padding-bottom:24px}.content-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--fabric-1)}.content-grid h2,.content-grid h3{font-size:22px;margin:16px 0 8px}.content-grid p{font-size:14px;color:var(--ink-2)}.content-grid a{color:inherit}.content-grid .button{color:var(--ink)}.reading{max-width:68ch}.content-page.reading{max-width:45rem}.reading p{line-height:1.7}.content-page table{width:100%;border-collapse:collapse;text-align:left}.content-page th,.content-page td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.content-page caption{text-align:left;color:var(--ink-2);padding:12px 0;font-size:14px}.table-scroll{overflow:auto}.content-page .two-up{display:grid;grid-template-columns:1fr 1fr;gap:32px}.color-specimen{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:1px solid var(--line);padding:24px;background:var(--surface)}.color-specimen figure{margin:0}.color-specimen .digital-swatch{height:180px;border:1px solid var(--line-strong)}.color-specimen img{height:180px;width:100%;object-fit:contain;background:#f2f0e8}.color-specimen figcaption{font-size:14px;margin-top:12px}.color-facts{display:grid;grid-template-columns:auto 1fr;gap:12px 24px}.color-facts dt{color:var(--ink-2)}.color-facts dd{margin:0;overflow-wrap:anywhere}.mini-swatch{display:inline-block;width:32px;height:32px;vertical-align:middle;border:1px solid var(--line-strong);margin-right:12px}.choice-panel{border-top:2px solid var(--accent);padding:24px;background:var(--surface)}.choice-panel h2{margin-top:0}.choice-panel li{margin:12px 0}.content-page details{border-bottom:1px solid var(--line);padding:16px 0}.content-page summary{cursor:pointer;font-weight:600;min-height:32px}.pattern-table{max-height:420px;overflow:auto}.pattern-table th{position:sticky;top:0;background:var(--surface)}.pattern-meta{margin:12px 0 24px}.content-grid [hidden]{display:none}.brief-output{width:100%;min-height:180px}.content-page .status{min-height:24px;font-size:14px;color:var(--ink-2)}@media(max-width:767px){.content-page{padding:24px 16px 48px}.pattern-workbench,.content-page .two-up{grid-template-columns:1fr}.pattern-live{grid-row:1;padding:16px}.pattern-live canvas,.pattern-live img{max-height:360px}.pattern-form{padding:16px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-grid h2,.content-grid h3{font-size:22px;overflow-wrap:anywhere}.color-specimen{padding:16px}.color-specimen .digital-swatch,.color-specimen img{height:120px}.content-page th,.content-page td{padding:12px}.content-page section{margin-top:32px}.content-page .actions>*{min-height:44px}.content-page h1{overflow-wrap:anywhere}}@media(max-width:420px){.content-grid{grid-template-columns:1fr}}.motif-card>p{margin-top:8px}.motif-card>p>a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}