@media screen {
  :is(.ph-header,.ph-overview,.ph-history) {--ph-ink:#223844;--ph-muted:#61717d;--ph-line:#e0e8eb;--ph-green:#216f65;color:var(--ph-ink);min-width:0}
  .ph-header {display:grid;grid-template-columns:minmax(140px,.8fr) minmax(160px,1fr) minmax(220px,1.4fr);gap:0;background:#fff;border:1px solid var(--ph-line);border-radius:14px;overflow:hidden}
  .ph-context-cell {padding:18px 20px;min-width:0;border-right:1px solid var(--ph-line);display:flex;flex-direction:column;gap:6px}
  .ph-context-cell:nth-child(3) {border-right:0}
  .ph-label,.ph-eyebrow {font-size:12px;font-weight:400;line-height:1.5;color:var(--ph-muted)}
  .ph-eyebrow {letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px}
  .ph-context-name {font-size:14px;font-weight:600;line-height:1.6;color:var(--ph-ink);overflow-wrap:anywhere;text-decoration:none}
  .ph-context-name:hover {color:var(--ph-green);text-decoration:underline}
  .ph-context-address {font-size:13px;line-height:1.6;margin:0;color:var(--ph-muted);overflow-wrap:anywhere}
  .ph-header .ph-inline-link {font-size:12px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:flex-start;align-self:flex-start;text-align:left}
  .ph-contact {display:grid;gap:3px;min-width:0}
  .ph-contact+.ph-contact {margin-top:7px}
  .ph-contact-heading {display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 9px}
  .ph-contact-name {font-size:14px;font-weight:600;color:var(--ph-ink);text-decoration:none;overflow-wrap:anywhere}
  .ph-contact-role {font-size:12px;color:var(--ph-muted)}
  .ph-contact-links {display:flex;flex-wrap:wrap;gap:2px 16px}
  .ph-contact-link {font-size:13px;color:var(--ph-green);line-height:1.7;text-decoration:none;overflow-wrap:anywhere;display:inline-flex;align-items:center;min-height:30px}
  .ph-contact-link:hover {text-decoration:underline}
  .ph-more-contacts>summary {cursor:pointer;font-size:12px;min-height:36px;display:flex;align-items:center;color:var(--ph-green)}
  .ph-more-contacts[open] {display:grid;gap:8px}
  .ph-context-manager {grid-column:1/-1;border-top:1px solid var(--ph-line);display:flex;align-items:center;gap:10px;padding:9px 20px;background:#f8fafb;font-size:12px;line-height:1.6}
  .ph-context-manager strong {font-weight:600}
  .ph-overview {display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.53fr);gap:20px;align-items:start}
  .ph-main {display:grid;gap:18px;min-width:0}
  .ph-panel,.ph-history {padding:20px;background:#fff;border:1px solid var(--ph-line);border-radius:15px;min-width:0}
  .ph-section-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px}
  .ph-section-heading h2 {font-size:18px;line-height:1.4;font-weight:650;margin:0}
  :is(.ph-overview,.ph-history) .btn {min-height:44px;font-size:13px;white-space:normal;display:inline-flex;align-items:center;justify-content:center;line-height:1.4}
  .ph-scope-text {white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin:0}
  .ph-scope-text.ph-scope-collapsed:not(.ph-scope-expanded) {display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .ph-scope-expand {padding-left:0!important;font-size:12px!important}
  .ph-next-action {display:grid;gap:4px;padding:13px 15px;background:#eff6f4;border-left:3px solid #589387;border-radius:0 9px 9px 0;margin-top:17px}
  .ph-next-action>strong {font-weight:600;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
  .ph-muted {font-size:12px;color:var(--ph-muted);line-height:1.65;margin:0;overflow-wrap:anywhere}
  .ph-work-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .ph-work-grid .ph-panel {padding:16px}
  .ph-work-grid h2 {font-size:15px}
  .ph-work-grid .ph-section-heading {margin-bottom:5px}
  .ph-summary-number {font-size:29px;font-weight:600;line-height:1.2;color:var(--ph-ink)}
  .ph-summary-content {display:flex;flex-direction:column;gap:8px;height:calc(100% - 28px)}
  .ph-summary-content>.ph-actions {margin-top:auto;padding-top:8px}
  .ph-next-item {margin-top:12px;display:grid;gap:4px;line-height:1.5}
  .ph-next-item strong {font-size:13px;font-weight:600;overflow-wrap:anywhere}
  .ph-actions {display:flex;flex-wrap:wrap;gap:6px}
  .ph-actions>.btn {padding:8px 10px;text-align:left}
  .ph-actions>.btn-link {font-size:12px;padding-left:0;padding-right:0}
  .ph-attention {font-size:12px;line-height:1.6;color:#975a25;margin:0}
  .ph-finance {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:12px;margin:0}
  .ph-finance>div {display:grid;gap:6px;min-width:0}
  .ph-finance dt {font-size:12px;font-weight:400;color:var(--ph-muted)}
  .ph-finance dd {font-size:18px;font-weight:600;margin:0;line-height:1.5;overflow-wrap:anywhere}
  .ph-team {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
  .ph-person {display:flex;gap:10px;align-items:center;min-width:0}
  .ph-person>div {display:grid;gap:3px;min-width:0}
  .ph-person strong {font-size:13px;font-weight:600;overflow-wrap:anywhere}
  .ph-person-avatar {width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf2f1;color:#377367;font-size:12px}
  .ph-side {min-width:0;position:sticky;top:18px}
  .ph-history-filter {display:grid;gap:8px;margin-bottom:8px}
  .ph-history-filter .form-select {min-height:44px;font-size:13px}
  .ph-history-count {font-size:12px;line-height:1.5;color:var(--ph-muted);margin:0}
  .ph-history-body {max-height:740px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c3cfcc transparent;padding-right:5px}
  .ph-timeline {list-style:none;margin:0;padding:0}
  .ph-timeline>li {padding:17px 0;border-bottom:1px solid var(--ph-line);margin:0}
  .ph-timeline>li:last-child {border-bottom:0}
  .ph-timeline h3,.ph-timeline .record-title {font-size:14px;font-weight:600;line-height:1.6;margin:0 0 4px}
  .ph-timeline .history-event-meta,.ph-history-event p {font-size:12px;color:var(--ph-muted);line-height:1.6;margin:0 0 10px}
  .ph-timeline .history-facts {font-size:12px;line-height:1.6;display:grid;gap:6px;margin:10px 0 0}
  .ph-timeline .history-facts>div {display:grid;grid-template-columns:minmax(70px,.6fr) minmax(0,1fr);gap:8px}
  .ph-timeline .history-facts dt {font-weight:400;color:var(--ph-muted)}
  .ph-timeline .history-facts dd {margin:0;overflow-wrap:anywhere}
  .ph-timeline .history-changes {display:grid;gap:10px;margin-top:10px}
  .ph-timeline .history-change {padding:10px;background:#f7f9fa;border:0;border-radius:8px}
  .ph-timeline .history-change h4 {font-size:12px;font-weight:600;margin:0 0 7px}
  .ph-timeline .history-before-after {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px;font-size:12px;line-height:1.6}
  .ph-timeline .history-before-after>div {min-width:0;overflow-wrap:anywhere}
  .ph-timeline .history-before-after small {font-size:12px;color:var(--ph-muted);display:block;margin-bottom:3px}
  .ph-timeline .record-actions {margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
  .ph-history-pages {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;color:var(--ph-muted)}
  .ph-history-empty,.ph-loading {font-size:13px;line-height:1.7;color:var(--ph-muted);margin:0;padding:12px 0}
  :is(.ph-header,.ph-overview,.ph-history) :is(a,button,select,summary):focus-visible {outline:3px solid #96c8bd;outline-offset:2px}
  @media(max-width:1199px) {
    .ph-overview {grid-template-columns:minmax(0,1fr)}
    .ph-side {position:static}
    .ph-history-body {max-height:650px}
    .ph-header {grid-template-columns:repeat(2,minmax(0,1fr))}
    .ph-context-cell:nth-child(2) {border-right:0}
    .ph-contacts {grid-column:1/-1;border-top:1px solid var(--ph-line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px}
    .ph-contacts>.ph-label,.ph-more-contacts {grid-column:1/-1}
    .ph-header :is(.ph-contact-link,.ph-contact-name,.ph-context-name,.ph-inline-link,.ph-more-contacts>summary) {min-height:44px;display:inline-flex;align-items:center}
  }
  @media(max-width:767px) {
    .ph-header {grid-template-columns:minmax(0,1fr)}
    .ph-context-cell {border-right:0;border-bottom:1px solid var(--ph-line);padding:14px 16px;gap:2px}
    .ph-contacts {display:flex;border-top:0}
    .ph-contact-links {gap:2px 12px}
    .ph-context-manager {padding:10px 16px;border-top:0;flex-wrap:wrap;gap:3px 9px}
    .ph-overview,.ph-main {gap:14px}
    .ph-panel,.ph-history {padding:16px}
    .ph-section-heading {gap:10px;align-items:center}
    .ph-section-heading h2 {font-size:17px}
    .ph-work-grid {grid-template-columns:minmax(0,1fr);gap:12px}
    .ph-work-grid .ph-panel {padding:14px}
    .ph-summary-content {display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;height:auto;align-items:start}
    .ph-summary-content>.ph-actions {grid-column:1/-1;padding-top:0}
    .ph-next-item {margin-top:9px}
    .ph-finance {grid-template-columns:minmax(0,1fr);gap:12px}
    .ph-finance>div {display:flex;justify-content:space-between;gap:14px;align-items:baseline}
    .ph-finance dd {font-size:17px;text-align:right}
    .ph-team {grid-template-columns:minmax(0,1fr)}
    .ph-history-body {max-height:none;overflow:visible;padding:0}
  }
}
@media screen {
  .ph-work-details-group {display:grid;gap:10px}
  .ph-work-details {background:#fff;border:1px solid #e1e7e9;border-radius:12px;overflow:hidden}
  .ph-work-details>summary {padding:14px 18px;font-size:14px;font-weight:650;cursor:pointer;min-height:46px;color:#244b43}
  .ph-work-details>.panel {border:0;margin:0;border-radius:0}
  .ph-reminders {display:grid;gap:12px;margin-bottom:14px}
  .ph-reminder {display:flex;align-items:center;justify-content:space-between;gap:14px}
  .ph-reminder>div {display:grid;gap:3px;min-width:0}
  .ph-reminder strong {font-size:14px;overflow-wrap:anywhere}
  .ph-reminder .btn {flex-shrink:0}
}