/* Platform and Made For layouts share the agent typography and calendar panels. */
.fl-collection-page .fl-agent-section .fl-collection-section { padding: 72px 0; }
.fl-collection-logo { display: inline-grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border: 1px solid var(--agent-line); border-radius: 8px; background: #fff; }
.fl-collection-logo img { width: 28px; height: 28px; object-fit: contain; }
.fl-collection-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 32px; }
.fl-collection-link { display: flex; align-items: center; gap: 15px; padding: 24px; border: 1px solid var(--agent-line); border-radius: 8px; text-decoration: none; min-width: 0; background: #fff; }
.fl-collection-link:hover { border-color: #bfc7bb; background: #fafbf8; }
.fl-collection-link h3 { font-size: 18px; }
.fl-collection-link p { font-size: 12px; margin: 7px 0 0; }
.fl-collection-link > svg:last-child { width: 17px; height: 17px; flex-shrink: 0; margin-left: auto; color: #788278; }
.fl-collection-audience-link { align-items: flex-start; }
.fl-collection-audience-link > svg:first-child { flex: 0 0 23px; margin-top: 3px; }
.fl-collection-demo-header { display: flex; justify-content: space-between; align-items: center; color: var(--agent-muted); font: 500 10px/1.5 'IBM Plex Mono',monospace; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 24px; }
.fl-collection-demo-header svg { width: 18px; height: 18px; }
.fl-collection-preview { padding: 26px; border: 1px solid var(--agent-line); border-radius: 8px; background: #fff; }
.fl-collection-preview-header { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 500; }
.fl-collection-preview-header > img { width: 112px; height: auto; }
.fl-collection-preview-header .fl-collection-logo { width: 36px; height: 36px; flex-basis: 36px; }
.fl-collection-preview-header .fl-collection-logo img { width: 20px; height: 20px; }
.fl-collection-draft { margin-left: auto; font: 400 10px/1.5 'IBM Plex Mono',monospace; color: var(--agent-muted); }
.fl-collection-preview .fl-collection-post { font-size: 23px; line-height: 1.5; color: var(--agent-ink); margin: 32px 0; }
.fl-collection-post-meta { display: flex; gap: 8px; align-items: center; color: var(--agent-muted); font-size: 11px; padding-top: 18px; border-top: 1px solid var(--agent-line); }
.fl-collection-post-meta svg { width: 16px; height: 16px; flex-shrink: 0; }
.fl-collection-week { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); margin-top: 28px; gap: 8px; }
.fl-collection-week div { display: grid; gap: 12px; justify-items: center; font: 400 10px 'IBM Plex Mono',monospace; color: var(--agent-muted); }
.fl-collection-week i { width: 100%; height: 32px; border: 1px solid var(--agent-line); border-radius: 5px; background: #fff; }
.fl-collection-week .fl-collection-day-active { background: var(--agent-peach); border-color: #e8d8cb; }
.fl-collection-week--dividers { gap: 0; }
.fl-collection-week--dividers div { display: flex; justify-content: center; align-items: center; padding: 6px 0; }
.fl-collection-week--dividers div + div { border-left: 1px solid #d3d8d0; }
.fl-collection-demo-caption { margin: 20px 0 0; text-align: center; font-size: 11px; }
.fl-collection-hub { text-align: center; }
.fl-collection-demo-label { display: block; font: 500 10px/1.5 'IBM Plex Mono',monospace; text-transform: uppercase; letter-spacing: .08em; color: var(--agent-muted); }
.fl-collection-wordmark { width: 155px; height: auto; display: block; margin: 26px auto; }
.fl-collection-logo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 12px; padding: 26px 0; border-top: 1px solid var(--agent-line); border-bottom: 1px solid var(--agent-line); }
.fl-collection-logo-grid a { display: grid; gap: 10px; justify-items: center; font-size: 11px; text-decoration: none; }
.fl-collection-hub > p { font-size: 12px; margin: 22px 0 0; }
.fl-collection-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 32px; }
.fl-collection-stats article { padding: 28px; border: 1px solid var(--agent-line); border-radius: 8px; }
.fl-collection-stats article > span { font: 400 10px/1.5 'IBM Plex Mono',monospace; text-transform: uppercase; color: var(--agent-muted); }
.fl-collection-stats h3 { margin-top: 15px; font-size: 23px; }
.fl-collection-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 32px; }
.fl-collection-feature-grid article { padding: 32px; border: 1px solid var(--agent-line); border-radius: 8px; }
.fl-collection-feature-grid article > svg { margin-bottom: 24px; }
.fl-collection-feature-grid p { margin: 16px 0 0; font-size: 16px; }
.fl-collection-small { font-size: 13px; margin: 24px 0 0; }
.fl-collection-details { border-top: 1px solid var(--agent-line); }
.fl-collection-details > summary { display: flex; justify-content: space-between; gap: 16px; padding: 24px 0 0; cursor: pointer; list-style: none; font-size: 17px; }
.fl-collection-details > summary::-webkit-details-marker { display: none; }
.fl-collection-details > div { padding-top: 32px; display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; min-width: 0; }
.fl-collection-details .fl-product-card { box-shadow: none; min-width: 0; overflow-wrap: anywhere; }
.fl-collection-details .fl-guide-table { min-width: 580px; }
.fl-collection-related { display: grid; gap: 16px; margin-top: 28px; }
.fl-collection-related a { display: flex; justify-content: space-between; align-items: center; padding: 24px; border: 1px solid var(--agent-line); border-radius: 8px; text-decoration: none; }
.fl-collection-related a.fl-agent-cta { justify-self: start; width: fit-content; padding: 12px 20px; border: 0; border-radius: 7px; }
@media(max-width:1050px) { .fl-collection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .fl-collection-link { padding: 20px; } .fl-collection-stats article { padding: 22px; } }
@media(max-width:760px) { .fl-collection-page .fl-agent-section .fl-collection-section { padding: 42px 0; } .fl-collection-grid, .fl-collection-stats, .fl-collection-feature-grid { grid-template-columns: 1fr; } .fl-collection-preview { padding: 20px; } .fl-collection-preview .fl-collection-post { font-size: 21px; } .fl-collection-draft { font-size: 9px; } .fl-collection-feature-grid article { padding: 25px; } }