.antx-philosophy { color: #202b38; font-size: 13px; line-height: 1.55; min-width: 0; }
.antx-philosophy * { box-sizing: border-box; }
.antx-philosophy h3 { font-size: 16px; margin: 0 0 12px; overflow-wrap: anywhere; }
.antx-philosophy h4 { font-size: 14px; margin: 0; overflow-wrap: anywhere; }
.antx-philosophy button { border: 1px solid #cbd3dc; background: #fff; color: #263548; border-radius: 7px; padding: 7px 10px; font: inherit; cursor: pointer; min-height: 34px; }
.antx-philosophy button:hover:not(:disabled) { background: #edf2f7; border-color: #8999ac; }
.antx-philosophy button:disabled { opacity: .5; cursor: not-allowed; }
.antx-philosophy :focus-visible { outline: 2px solid #3b72b9; outline-offset: 2px; }
.antx-philosophy .ph-primary { background: #142d49; border-color: #142d49; color: #fff; }
.antx-philosophy .ph-primary:hover:not(:disabled) { background: #244c78; color: #fff; }
.ph-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; background: #e6ebf1; border-radius: 9px; padding: 4px; }
.antx-philosophy .ph-tabs button { background: transparent; border: 0; font-weight: 600; padding: 8px 4px; }
.antx-philosophy .ph-tabs [aria-selected="true"] { background: white; box-shadow: 0 1px 4px #142d4920; color: #163d68; }
.ph-muted, .ph-count { color: #586879; }
.ph-toolbar, .ph-actions { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0 0; }
.ph-toolbar { margin: 14px 0; }
.ph-filters { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 8px; }
.antx-philosophy input:not([type="checkbox"]), .antx-philosophy select, .antx-philosophy textarea { width: 100%; min-width: 0; border: 1px solid #c5cfdb; border-radius: 6px; background: #fff; color: #202b38; padding: 9px; font: inherit; }
.antx-philosophy textarea { resize: vertical; min-height: 180px; line-height: 1.7; }
.ph-card { border: 1px solid #dce2e9; border-radius: 9px; background: #fff; padding: 13px; margin: 10px 0; min-width: 0; overflow-wrap: anywhere; }
.ph-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.ph-card-head h4 { flex: 1; min-width: 0; }
.ph-badge { flex: 0 0 auto; border-radius: 12px; font-size: 11px; background: #eef0f3; color: #596776; padding: 2px 7px; }
.ph-preview { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; color: #45566a; }
.ph-footnote { font-size: 11px; color: #697786; margin: 14px 0 0; }
.ph-empty { padding: 22px 14px; background: #edf1f6; border: 1px dashed #c7d0dc; border-radius: 9px; text-align: center; }
.ph-empty p { margin: 8px 0 0; color: #637285; }
.ph-notice { white-space: pre-wrap; overflow-wrap: anywhere; color: #315979; margin: 0 0 10px; }
.ph-notice:empty { display: none; }
.ph-notice.is-error { background: #fff1ef; color: #a12f28; padding: 10px; border: 1px solid #f3c9c3; border-radius: 7px; }
.ph-field { display: block; margin-bottom: 14px; }
.ph-field > span { display: block; font-weight: 600; margin-bottom: 6px; }
.ph-field input[type="checkbox"] { width: 18px; height: 18px; accent-color: #244c78; }
.ph-card pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; max-width: 100%; }
.ph-card summary { cursor: pointer; color: #2a4e76; }
.ph-conflict { padding: 10px; border: 1px solid #e6c284; border-radius: 8px; margin-top: 12px; }
.ph-conflict button { margin: 4px; }
@media (max-width: 380px) { .ph-filters { grid-template-columns: 1fr; } .ph-card { padding: 10px; } }