.info-box{background: var(--color-background);border: 1px solid var(--color-border);border-left: 4px solid var(--color-primary);border-radius: var(--border-radius-sm);padding: 16px 20px;margin: 20px 0;}.info-box.info-box-warning{border-left-color: var(--color-warning);background: var(--color-background);}.info-box h4{margin: 0 0 12px;color: var(--color-secondary);font-size: var(--font-size-sm,14px);}.info-box p{margin: 0;color: var(--color-text);line-height: 1.6;}.info-box ul{margin: 0;padding-left: 20px;}.info-box li{margin: var(--spacing-sm) 0;color: var(--color-text);}.steps-list{margin: 20px 0;}.step{display: flex;gap: 16px;margin-bottom: 20px;padding: 16px;background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);}.step-number{width: 40px;height: 40px;background: var(--color-primary);color: var(--button-primary-text);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: var(--font-weight-semibold,600);font-size: var(--font-size-lg,18px);flex-shrink: 0;}.step-content h4{margin: 0 0 var(--spacing-sm);color: var(--color-secondary);font-size: var(--font-size-sm,14px);}.step-content p{margin: 0;color: var(--color-text);font-size: var(--font-size-sm,14px);}.tips-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 16px;margin: 20px 0;}.tip-card{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);padding: 20px;}.tip-icon{font-size: var(--font-size-5xl,28px);margin-bottom: 12px;}.tip-card h4{margin: 0 0 var(--spacing-sm);color: var(--color-secondary);font-size: var(--font-size-sm,14px);}.tip-card p{margin: 0;color: var(--color-text);font-size: var(--font-size-xs,12px);line-height: 1.5;}.library-table{width: 100%;border-collapse: collapse;background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);overflow: hidden;margin: 16px 0;}.library-table th,.library-table td{padding: 12px 16px;text-align: left;border-bottom: 1px solid var(--color-border);}.library-table th{background: var(--color-background);font-weight: var(--font-weight-semibold,600);color: var(--color-secondary);font-size: var(--font-size-xs,12px);}.library-table tbody tr:hover{background: var(--color-background);}.library-table tbody tr:last-child td{border-bottom: none;}.code-block{background: var(--color-background);border: 1px solid var(--color-border-light);border-radius: var(--border-radius-sm);padding: 16px;font-family: monospace;font-size: var(--font-size-xs,12px);overflow-x: auto;white-space: pre;margin: 16px 0;}.related-links{display: flex;gap: 12px;flex-wrap: wrap;margin-top: 16px;}.related-link{display: flex;align-items: center;gap: var(--spacing-sm);padding: 12px 16px;background: var(--color-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);text-decoration: none;color: var(--color-secondary);transition: all 0.2s;}.related-link:hover{background: var(--color-primary);border-color: var(--color-primary);color: var(--button-primary-text);}.related-icon{font-size: var(--font-size-lg,18px);}.reading-types-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 16px;margin: 20px 0;}.reading-type-card{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);padding: 20px;border-left: 4px solid var(--color-primary);}.reading-type-card.consumption{border-left-color: var(--color-success);}.reading-type-card.adjustment{border-left-color: var(--color-warning);}.reading-type-icon{font-size: var(--font-size-6xl,32px);margin-bottom: 12px;}.reading-type-card h4{margin: 0 0 var(--spacing-sm);color: var(--color-secondary);font-size: var(--font-size-base,16px);}.reading-type-card p{margin: 0;color: var(--color-text);font-size: var(--font-size-sm,14px);line-height: 1.5;}.feature-list{margin: 16px 0;padding-left: 24px;}.feature-list li{margin: var(--spacing-sm) 0;color: var(--color-text);}.linked-status-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 16px;margin: 20px 0;}.status-card{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);padding: 20px;}.status-card.unlinked{border-left: 4px solid var(--color-text-muted);}.status-card.linked{border-left: 4px solid var(--color-info);background: var(--color-background);}.library-badge-spacer{display: inline-block;margin-bottom: 12px;}.library-status-pill{display: inline-flex;align-items: center;gap: var(--spacing-sm);padding: 4px 12px;border-radius: 20px;font-size: var(--font-size-xs,12px);font-weight: var(--font-weight-medium,500);margin-bottom: 12px;background: var(--color-info-bg);color: var(--color-info);}.library-status-pill svg{flex-shrink: 0;}.status-card p{margin: 0;color: var(--color-text);font-size: var(--font-size-sm,14px);line-height: 1.5;}.status-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 16px;margin: 20px 0;}.status-card.active-card{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);padding: 20px;border-left: 4px solid var(--color-success);}.status-card.inactive-card{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);padding: 20px;border-left: 4px solid var(--color-text-muted);}.deletion-rules-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 16px;margin: 20px 0;}.deletion-card{background: var(--color-card-background);border: 1px solid var(--color-border);border-radius: var(--border-radius-sm);padding: 20px;text-align: center;}.deletion-card.can-delete{border-left: 4px solid var(--color-success);}.deletion-card.cannot-delete{border-left: 4px solid var(--color-error);}.deletion-icon{font-size: var(--font-size-6xl,32px);margin-bottom: 12px;}.deletion-card.can-delete .deletion-icon{color: var(--color-success);}.deletion-card.cannot-delete .deletion-icon{color: var(--color-error);}.deletion-card h4{margin: 0 0 var(--spacing-sm);color: var(--color-secondary);font-size: var(--font-size-base,16px);}.deletion-card p{margin: 0;color: var(--color-text);font-size: var(--font-size-sm,14px);line-height: 1.5;}@media (max-width: 575px){.step{flex-direction: column;align-items: center;text-align: center;}.tips-grid{grid-template-columns: 1fr;}.status-grid,.deletion-rules-grid{grid-template-columns: 1fr;}}