/* V2.3: readable, contextual records and detail paths. */
.ud-detail{font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.ud-detail .title,.ud-detail .v14-heading h1{font-size:24px;line-height:1.45;letter-spacing:-.3px}
.ud-detail .lede,.ud-detail .v14-heading>p{font-size:14px;line-height:1.75;margin:8px 0 24px}
.ud-detail .small,.ud-detail small,.ud-detail .eyebrow{font-size:12px;line-height:1.7}
.ud-detail .support-header{margin-bottom:24px}
.ud-detail .support-section{margin:24px 0}
.ud-detail .section-heading,.ud-detail .photo-section>.section-title{margin:0 0 12px}
.ud-detail .section-heading h2,.ud-detail .photo-section h2,.ud-section-title{font-size:18px;font-weight:600;line-height:1.5;margin:0 0 12px}
.ud-detail .section-heading h2,.ud-detail .photo-section h2{margin:0}
.ud-detail .card-pad{padding:16px;border-radius:16px}
.ud-detail .pill{font-size:12px;line-height:1.6;padding:4px 8px}
.ud-detail .button{min-height:44px;font-size:14px}
.ud-detail .inline-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.ud-detail .ud-current{border-color:var(--line);margin-bottom:16px}
.ud-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ud-status-row>.pill{max-width:70%}
.ud-status-row>.eyebrow{padding-top:4px;flex-shrink:0}
.ud-current-copy{font-size:15px;font-weight:500;line-height:1.8;margin:16px 0}
.ud-fields{margin:0;padding:0}
.ud-fields>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.75}
.ud-fields dt{color:var(--muted);font-size:12px;padding-top:2px}
.ud-fields dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ud-next-field dd{font-weight:600;color:var(--ink)}
.ud-context-note{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 0}
.ud-current>.ud-context-note{border-top:1px solid var(--line);padding-top:12px}
.ud-source-context{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--green-soft);border-radius:12px;margin:16px 0 24px;font-size:14px}
.ud-source-context>svg{width:20px;height:20px;color:var(--green);flex-shrink:0;margin-top:3px}
.ud-source-context>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.ud-source-context>div>span{font-size:12px;color:var(--muted)}
.ud-source-context strong{font-size:14px;font-weight:500}
.ud-source-context>p{margin:0}
.ud-impact>p{font-size:14px;line-height:1.85}
.ud-record-history>summary,.ud-inline-details>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
.ud-record-history>summary::-webkit-details-marker,.ud-inline-details>summary::-webkit-details-marker{display:none}
.ud-record-history>summary>span{display:flex;flex-direction:column;gap:4px}
.ud-record-history>summary strong{font-size:14px;font-weight:600}
.ud-record-history>summary small{font-size:12px;color:var(--muted)}
.ud-record-history>summary>svg,.ud-inline-details>summary>svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}
.ud-record-history[open]>summary>svg,.ud-inline-details[open]>summary>svg{transform:rotate(90deg)}
.ud-record-history[open]>summary{padding-bottom:16px}
.ud-history-list{border-top:1px solid var(--line);padding-top:16px}
.ud-history-list .record-step{margin-left:5px;padding:0 0 24px 20px;border-left:1px solid var(--line)}
.ud-history-list .record-step:last-child{padding-bottom:0}
.ud-history-list .record-step .row{gap:8px;align-items:flex-start;flex-wrap:wrap}
.ud-history-list .record-step .row>strong{font-size:14px}
.ud-history-list .record-step>p{font-size:14px;line-height:1.85;margin:8px 0}
.ud-history-list .record-dot{width:9px;height:9px;background:var(--green);border:2px solid var(--white);top:6px;left:-5px;box-shadow:0 0 0 1px var(--line)}
.ud-detail-actions{margin:24px 0 0;display:flex;flex-direction:column;gap:12px}
.ud-detail-actions>p{font-size:12px;line-height:1.8;text-align:center;color:var(--muted);margin:0}
.ud-list-toolbar{margin:0 0 16px}
.ud-record-card{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px;margin:0 0 12px;background:var(--white);border:1px solid var(--line);border-radius:16px;text-align:left;color:var(--ink)}
.ud-record-card>.row{align-items:flex-start;width:100%;gap:10px}
.ud-record-card>.row>.pill{max-width:58%}
.ud-record-title{display:block;font-size:17px;font-weight:600;line-height:1.65;margin:0}
.ud-record-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.85;color:var(--muted)}
.ud-record-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.ud-record-footer svg{width:16px;height:16px;color:var(--green)}
.ud-purchase{margin:0 0 16px}
.ud-purchase>.ud-record-title{margin:12px 0}
.ud-purchase>.ud-fields{margin-top:12px}
.ud-next-action{padding:16px;background:var(--green-soft);border-radius:12px;margin:16px 0}
.ud-next-action>span{font-size:12px;color:var(--green)}
.ud-next-action>p{font-size:14px;line-height:1.85;margin:6px 0 0}
.ud-purchase-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:24px 0;gap:0;align-items:start}
.ud-purchase-track li{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center;color:var(--muted);font-size:12px}
.ud-purchase-track li:not(:last-child):before{content:'';position:absolute;left:calc(50% + 17px);top:15px;width:calc(100% - 34px);height:1px;background:var(--line)}
.ud-purchase-track li>span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;background:var(--paper);border:1px solid var(--line);border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums}
.ud-purchase-track li small{font-size:12px;line-height:1.5}
.ud-purchase-track li em{font-size:11px;font-style:normal;line-height:1.3;color:var(--green)}
.ud-purchase-track li.is-current{color:var(--green);font-weight:600}
.ud-purchase-track li.is-current>span{background:var(--green);border-color:var(--green);color:var(--white)}
.ud-inline-details{border-top:1px solid var(--line);margin:16px 0;padding:4px 0 0}
.ud-inline-details>summary{font-size:14px}
.ud-inline-details .kv{font-size:14px}
.ud-inline-details>p{margin:12px 0;font-size:12px}
.ud-agreement-status{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.ud-agreement-status>div{display:flex;align-items:flex-start;flex-direction:column;gap:8px;min-width:0}
.ud-agreement-status>div>span:first-child{font-size:12px;color:var(--muted)}
.ud-agreement-summary>.ud-current-copy{margin-bottom:0}
.ud-question-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:16px 0;margin-top:24px;color:var(--muted);font-size:12px}
.ud-question-row>.button{flex-shrink:0}
.ud-communication-card .update-meta{font-size:12px;line-height:1.7}
.ud-communication-card .update-copy>strong{font-size:14px;line-height:1.8}
.ud-communication-card .update-copy>.small,.ud-communication-card .update-tags .pill{font-size:12px;line-height:1.7}
.ud-photo-tile small,.ud-photo-tile .photo-source{font-size:12px;line-height:1.75}
.ud-photo-section{margin:24px 0}
.ud-photo-section>.section-title>.inline-link{min-height:44px;font-size:14px;white-space:nowrap}
.ud-photo-section .photo-empty{padding:16px}
.ud-photo-section .photo-empty p{font-size:12px;line-height:1.8}
.ud-preview-image{position:relative;cursor:zoom-in;overflow:hidden;border-radius:12px}
.ud-preview-image>span{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;background:var(--white);color:var(--green);font-size:12px;line-height:1.6;box-shadow:0 2px 10px #172a2210;pointer-events:none}
.ud-preview-image>span>svg{width:16px;height:16px}
.ud-photo-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 24px}
.ud-photo-navigation>.button{font-size:14px;padding:10px 12px;min-width:88px}
.ud-photo-navigation>.button>svg{width:16px;height:16px}
.ud-photo-navigation>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.ud-photo-fields{padding:0 16px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.ud-photo-fields>div:first-child{border:0}
.ud-photo-description{font-size:14px;line-height:1.85;color:var(--muted);margin:16px 0}
.ud-photo-detail .photo-full{margin:16px 0}
.ud-photo-detail .photo-full figcaption{font-size:12px;line-height:1.8}
@media(hover:hover){.ud-record-card:hover,.ud-communication-card:hover{border-color:var(--green);background:var(--green-soft)}}
@media(max-width:360px){.ud-fields>div{grid-template-columns:68px minmax(0,1fr);gap:12px}.ud-record-card>.row{flex-wrap:wrap}.ud-record-card>.row>.pill{max-width:100%}.ud-status-row{flex-wrap:wrap}.ud-status-row>.pill{max-width:100%}.ud-photo-navigation{gap:8px}.ud-photo-navigation>.button{min-width:80px;padding:10px 8px}.ud-preview-image>span{bottom:8px;right:8px}}
