/* rems.css — rems.cy additions on top of research.cy's style.css (shared from research.cy's static root). */
.rems-footer { padding: var(--spacing-md) var(--spacing-md); }
.rems-footer p { display: flex; flex-wrap: wrap; gap: 0.4rem 1.2rem; margin: 0 0 0.6rem; font-size: 0.85rem; }
.rems-footer a { color: inherit; }
.nav-links a.active { color: var(--accent); }
.legal-page { max-width: 720px; margin: 0 auto; padding: var(--spacing-lg) var(--spacing-md); }
.legal-page h1 { font-size: 2rem; margin-bottom: var(--spacing-sm); }
.legal-page h2 { font-size: 1.3rem; margin-top: var(--spacing-md); margin-bottom: var(--spacing-xs); }
.legal-page p, .legal-page li { font-size: 0.95rem; line-height: 1.7; color: #333; }
.legal-page ul { padding-left: 1.5rem; }
.legal-page a { color: var(--accent); }
/* Shared doc layout of the business pages (index, for-agencies, for-developers, ai-sync). */
.doc-page { padding: var(--spacing-lg) 0; }
.doc-title { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 4rem); line-height: 1; letter-spacing: 0; text-transform: uppercase; margin: 0 0 var(--spacing-md); }
.doc-lead { font-size: 1.15rem; line-height: 1.7; color: #333; max-width: 68ch; margin-bottom: var(--spacing-lg); }
.doc-section { font-family: var(--font-display); font-size: 1.3rem; text-transform: uppercase; margin: var(--spacing-lg) 0 var(--spacing-sm); }
.doc-text { line-height: 1.7; color: #333; max-width: 68ch; }
.doc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-md); }
.doc-card { border: var(--border-width) solid var(--grid-line); background: #fff; padding: var(--spacing-md); }
.doc-card h3 { font-family: var(--font-display); font-size: 1rem; text-transform: uppercase; margin: 0 0 var(--spacing-sm); }
.doc-card p { line-height: 1.6; color: #333; margin: 0; }
.doc-card a, .doc-text a { color: var(--accent); }
.doc-steps { line-height: 1.7; color: #333; max-width: 68ch; padding-left: 1.25rem; }
.doc-steps li { margin-bottom: var(--spacing-xs); }
.doc-callout { border-left: 4px solid var(--accent); background: var(--accent-light); padding: var(--spacing-md); margin-top: var(--spacing-md); max-width: 68ch; line-height: 1.7; }
.tool-links { display: flex; gap: var(--spacing-sm); flex-wrap: wrap; margin-top: var(--spacing-lg); }
.tool-link { font-family: var(--font-display); font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: var(--spacing-xs) var(--spacing-sm); border: var(--border-width) solid var(--grid-line); transition: all var(--transition); }
.tool-link:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-light); }
.tool-link--primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.tool-link--primary:hover { color: #fff; background: var(--accent); }
.doc-note { font-size: 0.9rem; color: #555; margin-top: var(--spacing-sm); }
@media (max-width: 860px) { .doc-grid { grid-template-columns: 1fr; } }
/* Inventory and team (account). */
.inv-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: var(--spacing-sm); }
.inv-chips button { padding: 0.35rem 0.7rem; border: 1px solid #999; background: #fff; cursor: pointer; font-size: 0.8rem; }
.inv-chips button[aria-pressed="true"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.inv-filters { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 0.4rem; margin-bottom: var(--spacing-sm); }
.inv-filters input, .inv-filters select, .team-form input { padding: 0.5rem; border: 1px solid #999; font-size: 0.85rem; background: #fff; width: 100%; box-sizing: border-box; }
.inv-wrap { overflow-x: auto; }
.inv-history { background: #fafafa; font-size: 0.8rem; }
.inv-history ul { margin: 0; padding-left: 1.1rem; }
.inv-public { color: #1e7e34; font-weight: 700; }
.team-form { display: flex; gap: 0.4rem; max-width: 34rem; margin: var(--spacing-sm) 0; }
@media (max-width: 640px) { .inv-filters { grid-template-columns: 1fr; } }