/* Rich record details sit above the presentation in the native dialog top layer. */
html.details-open,html.details-open body{overflow:hidden!important;overscroll-behavior:none}
.detail-dialog{color:var(--paper,#f1f2e9);background:#172d33;border:1px solid #b4d0ae4d;border-radius:12px;box-shadow:0 30px 110px #0008;padding:0;width:min(760px,calc(100vw - 32px));max-width:760px;max-height:calc(100svh - 32px);margin:auto;overflow:hidden;isolation:isolate}
.detail-dialog::backdrop{background:#08171cd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.detail-shell{display:flex;flex-direction:column;max-height:calc(100svh - 34px);min-height:0;background:radial-gradient(ellipse at top right,#b4d0ae09,transparent 60%)}
.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 32px 23px;border-bottom:1px solid #ffffff16;flex-shrink:0}
.detail-title-slot{min-width:0}
.detail-dialog .detail-title{margin:0;font-family:Instrument,Georgia,serif;font-size:clamp(30px,3vw,44px);font-weight:400;letter-spacing:-.7px;line-height:1.08;color:var(--paper,#f1f2e9);overflow-wrap:anywhere}
.detail-dialog .detail-title:focus{outline:0}
.detail-close{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid #b4d0ae35;border-radius:6px;font:10px Manrope,Arial,sans-serif;line-height:1.3;color:var(--muted,#9fafa9);background:#ffffff03}
.detail-close>span:last-child{font-size:26px;font-weight:300;line-height:1;color:var(--sage,#b4d0ae)}
.detail-close:hover{background:#b4d0ae13;color:var(--paper,#f1f2e9)}
.detail-close:focus-visible{outline:2px solid var(--sage,#b4d0ae);outline-offset:3px}
.detail-content{padding:24px 32px 32px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#6a8178 #172d33;font-size:14px;line-height:1.8;color:#d6e0d9}
.detail-content>p+*,.detail-content>ul+*,.detail-content>dl+*,.detail-content>figure+*,.detail-content>div+*,.detail-content>article+*,.detail-content>section+*{margin-top:24px}
.detail-content p{max-width:none}
.detail-content p+p{margin-top:16px}
.detail-content h2,.detail-content h3,.detail-content h4{font-family:Manrope,Arial,sans-serif;letter-spacing:0;font-weight:600;line-height:1.4;color:var(--paper,#f1f2e9);margin:24px 0 12px}
.detail-content h3{font-size:18px}.detail-content h4{font-size:14px}
.detail-content :first-child{margin-top:0}
.detail-content ul,.detail-content ol{padding-left:21px;list-style-position:outside;margin:12px 0 0}
.detail-content li{padding-left:3px}.detail-content li+li{margin-top:10px}.detail-content li::marker{color:var(--sage,#b4d0ae)}
.detail-content dl{margin:0;display:grid;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr);gap:13px 20px}
.detail-content dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted,#9fafa9);line-height:1.8}
.detail-content dd{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.7}
.detail-content dl>div{grid-column:1 / -1;display:grid;grid-template-columns:inherit;gap:inherit;padding:12px 0;border-top:1px solid #ffffff14}
.detail-content a{color:var(--sage,#b4d0ae);text-decoration:underline;text-decoration-color:#b4d0ae55;text-underline-offset:4px;overflow-wrap:anywhere}
.detail-content a:hover{text-decoration-color:var(--sage,#b4d0ae)}
.detail-content a:focus-visible{outline:2px solid var(--sage,#b4d0ae);outline-offset:4px}
.detail-content a.text-link{font-size:12px;padding:8px 0;text-decoration:none}
.detail-content figure{margin:24px 0 0;max-width:100%}
.detail-content img{display:block;width:100%;height:auto;max-height:42svh;object-fit:contain;background:#10262d;border:1px solid #ffffff1c;border-radius:4px}
.detail-content figcaption{font-size:10px;line-height:1.6;color:var(--muted,#9fafa9);margin-top:10px}
.detail-content .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.detail-content .tags>span{font-size:10px;border:1px solid #b4d0ae35;border-radius:3px;padding:4px 9px;color:var(--sage,#b4d0ae)}
.detail-content .detail-meta,.detail-content .record-date,.detail-content .detail-status{font-size:11px;line-height:1.7;color:var(--muted,#9fafa9)}
.detail-content .detail-status{padding:12px 15px;border-left:2px solid var(--sage,#b4d0ae);background:#b4d0ae06}
.detail-content .detail-role+.detail-role{margin-top:28px;padding-top:24px;border-top:1px solid #ffffff18}
.detail-content .detail-direction-note{font-size:12px;line-height:1.8;color:var(--muted,#9fafa9);padding:14px 16px;background:#b4d0ae06;border-left:2px solid #b4d0ae55}
.detail-footer{flex-shrink:0;padding:11px 32px;border-top:1px solid #ffffff12;color:#9fafa98c;font-size:9px;letter-spacing:.4px;line-height:1.5}
@media(max-width:700px){.detail-dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px);border-radius:10px}.detail-shell{max-height:calc(100svh - 26px)}.detail-header{gap:14px;padding:23px 21px 18px}.detail-dialog .detail-title{font-size:31px;line-height:1.08}.detail-close{gap:0;width:40px;min-width:40px;min-height:40px;padding:5px}.detail-close>span:first-child{display:none}.detail-content{padding:20px 21px 24px;font-size:13px;line-height:1.75;scrollbar-gutter:auto}.detail-content h3{font-size:16px}.detail-content h4{font-size:13px}.detail-content li+li{margin-top:9px}.detail-content dl{grid-template-columns:minmax(75px,.3fr) minmax(0,1fr);gap:10px 14px}.detail-content dd{font-size:12px}.detail-content dt{font-size:9px}.detail-content img{max-height:35svh}.detail-footer{padding:10px 21px;font-size:8px}}
@media(max-height:450px){.detail-header{padding-top:16px;padding-bottom:14px}.detail-dialog .detail-title{font-size:27px}.detail-content{padding-top:16px;padding-bottom:20px}.detail-footer{padding-top:7px;padding-bottom:7px}}
@media(prefers-reduced-motion:reduce){.detail-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}

.detail-case{display:grid;gap:14px;margin:20px 0;padding:19px;border:1px solid #b4d0ae40;border-radius:6px;background:#b4d0ae06}.detail-case h3{margin:0 0 6px}.detail-case p{margin:0}.detail-original{margin-top:24px}.detail-proof-link{display:block;width:100%;padding:12px 15px;margin:9px 0;text-align:left;border:1px solid #b4d0ae45;border-radius:5px;color:var(--paper);background:#b4d0ae08;font:inherit;cursor:pointer}.detail-proof-link:hover{background:#b4d0ae16}.detail-proof-link:focus-visible{outline:2px solid var(--sage);outline-offset:3px}