/* PDF Tools: three columns, pages on the left, the document in the middle, tools on the right.
   Each scrolls on its own. */
main{overflow:hidden}
.pd-app{flex:1 1 auto;min-height:0;display:flex;position:relative;background:var(--bg)}

.pd-nav,.pd-side{flex:0 0 auto;min-height:0;display:flex;flex-direction:column;background:var(--bg-elev);overflow:hidden}
.pd-nav{width:var(--pd-nav-w,232px);border-right:1px solid var(--border)}
.pd-side{width:var(--pd-side-w,316px);border-left:1px solid var(--border)}
.pd-nav[data-collapsed="true"],.pd-side[data-collapsed="true"]{width:0;border-width:0}
html.sidebars-live .pd-nav,html.sidebars-live .pd-side{transition:width .3s cubic-bezier(.2,.7,.3,1)}
@media(prefers-reduced-motion:reduce){html.sidebars-live .pd-nav,html.sidebars-live .pd-side{transition:none}}
.pd-col-head{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border);min-height:40px;box-sizing:border-box}
.pd-col-head h2{margin:0;font-size:.8125rem;font-weight:650;flex:1;min-width:0;white-space:nowrap}
.pd-tabs{display:flex;gap:2px;flex:1;min-width:0}
.pd-tabs button{flex:1;min-width:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-dim);padding:5px 6px;font-size:.75rem;font-weight:650;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-tabs button:hover{background:var(--bg-elev-2);color:var(--text)}
.pd-tabs button[aria-selected="true"]{background:var(--accent-soft);color:var(--text)}
.pd-panel{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
.pd-panel[hidden]{display:none}

.pd-thumbs{padding:10px;display:flex;flex-direction:column;gap:12px}
.pd-thumb{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;user-select:none}
.pd-thumb:hover{background:var(--bg-elev-2)}
.pd-thumb.current{border-color:var(--accent)}
.pd-thumb.selected{background:var(--accent-soft)}
.pd-thumb:focus-visible{outline:2px solid var(--text);outline-offset:1px}
.pd-thumb .acts{position:absolute;top:10px;right:10px;display:flex;gap:4px;opacity:0;transition:opacity .12s ease}
.pd-thumb:hover .acts,.pd-thumb:focus-within .acts,.pd-thumb:focus .acts{opacity:1}
@media(hover:none){.pd-thumb .acts{opacity:1}}
.pd-thumb-act{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.pd-thumb-act:hover{background:var(--bg-elev-2);border-color:var(--accent)}
.pd-thumb-act svg{width:14px;height:14px}
.pd-thumb .shot{position:relative;display:block;background:#fff;box-shadow:0 0 0 1px var(--border-strong);line-height:0}
.pd-thumb canvas{display:block;width:100%;height:auto}
.pd-thumb .n{font:.75rem var(--mono);color:var(--text-dim)}
.pd-thumb.dragging{opacity:.35}
.pd-thumb.drop-before{box-shadow:0 -3px 0 0 var(--accent)}
.pd-thumb.drop-after{box-shadow:0 3px 0 0 var(--accent)}
.pd-outline{padding:8px}
.pd-outline-link{display:block;width:100%;border:0;border-radius:var(--radius);background:transparent;color:var(--text);padding:5px 6px;font:.75rem/1.3 var(--sans);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-outline-link:hover{background:var(--bg-elev-2);color:var(--accent-2)}
.pd-outline-label{display:block;color:var(--text-dim);padding:5px 6px;font-size:.75rem}
.pd-outline [data-level="1"]{padding-left:18px}.pd-outline [data-level="2"]{padding-left:30px}.pd-outline [data-level="3"]{padding-left:42px}.pd-outline [data-level="4"]{padding-left:54px}.pd-outline [data-level="5"]{padding-left:66px}.pd-outline [data-level="6"]{padding-left:78px}.pd-outline [data-level="7"]{padding-left:90px}.pd-outline [data-level="8"]{padding-left:102px}
.pd-empty-note{padding:22px 14px;color:var(--text-dim);font-size:.8125rem;line-height:1.5;text-align:center}

.pd-find{padding:10px;display:flex;flex-direction:column;gap:8px}
.pd-find-row{display:flex;gap:6px}
.pd-find-row input{flex:1;min-width:0}
.pd-hits{padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}
.pd-hit{padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg-elev);font-size:.75rem;line-height:1.4}
.pd-hit:hover{border-color:var(--accent)}
.pd-hit.current{border-color:var(--accent);background:var(--accent-soft)}
.pd-hit b{color:var(--accent-2)}
.pd-hit .pg{font:.75rem var(--mono);color:var(--text-dim);margin-right:6px}
.pd-find-count{font:.75rem var(--mono);color:var(--text-dim)}

.pd-stage{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}
.pd-scroll{position:relative;flex:1 1 auto;min-height:0;overflow:auto;background:var(--bg-sunk,var(--bg));scroll-behavior:auto;scrollbar-gutter:stable}
.pd-pages{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 18px 40px;min-width:min-content}
.pd-pg{position:relative;flex:0 0 auto;background:#fff;box-shadow:0 0 0 1px var(--border-strong),0 6px 18px -12px color-mix(in srgb,#000 55%,transparent);color:#000}
.pd-pg canvas.pd-render{position:absolute;inset:0;width:100%;height:100%;display:block}
.pd-pg .pd-loading{position:absolute;inset:0;display:grid;place-items:center;color:#8a8a93;font:.75rem var(--mono)}
.pd-pg[data-current="true"]{box-shadow:0 0 0 2px var(--accent),0 6px 18px -12px color-mix(in srgb,#000 55%,transparent)}
.pd-pg .pd-pgno{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);font:.75rem var(--mono);color:var(--text-dim);pointer-events:none}

/* text layer: transparent words over the picture so they can be selected, copied and found.
   Its size and turn are set by script, so it lies upright and is turned with the page. */
.pd-text{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;line-height:1;text-align:initial;z-index:2}
.pd-text span,.pd-text br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}
.pd-text ::selection{background:color-mix(in srgb,var(--accent) 38%,transparent)}
.pd-text .hit{position:static;background:rgba(255,213,0,.45);border-radius:var(--radius)}
.pd-text .hit.now{background:rgba(255,128,0,.6)}
.pd-app[data-tool]:not([data-tool="select"]):not([data-tool="highlight"]):not([data-tool="underline"]):not([data-tool="strike"]):not([data-tool="edit"]) .pd-text{pointer-events:none}
.pd-app[data-tool="edit"] .pd-text{pointer-events:none}

/* annotation layers */
.pd-anno{position:absolute;inset:0;z-index:3;pointer-events:none}
.pd-anno svg.pd-vec{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pd-anno .pd-a{position:absolute;pointer-events:auto;box-sizing:border-box}
.pd-anno .pd-a.pd-hl{pointer-events:none;mix-blend-mode:multiply}
.pd-hl .pd-ul{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.pd-app[data-tool="select"] .pd-anno .pd-a.pd-hl{pointer-events:auto}
.pd-anno .pd-a.sel{outline:1.5px solid var(--accent);outline-offset:2px}
.pd-a-text{min-width:24px;min-height:1em;padding:2px 3px;line-height:1.25;white-space:pre-wrap;word-break:break-word;cursor:move;overflow:visible}
.pd-a-text[contenteditable="true"]{cursor:text;outline:1.5px dashed var(--accent);outline-offset:2px;background:rgba(255,255,255,.7)}
.pd-a-text[contenteditable="true"]:empty::before{content:"Type here";opacity:.45}
.pd-a-note{width:22px;height:22px;display:grid;place-items:center;border-radius:var(--radius);background:#ffd84a;color:#6a4b00;box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:move;font-size:13px}
.pd-a-image{cursor:move;display:block}
.pd-a-image img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none}
.pd-a-whiteout{background:#fff;cursor:move}
.pd-a-redact{background:#000;cursor:move}
.pd-a-redact::after{content:"Redacted";position:absolute;inset:0;display:grid;place-items:center;font:600 12px var(--sans);color:#555;opacity:.7}
.pd-note-pop{position:absolute;z-index:9;width:220px;height:90px;padding:6px 8px;border:1.5px solid var(--accent);border-radius:var(--radius);background:#fffbe0;color:#222;font:12px/1.4 var(--sans);resize:both;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:auto}
.pd-handle{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:var(--radius);background:var(--bg-elev);border:1.5px solid var(--accent);pointer-events:auto;z-index:6;touch-action:none}
.pd-handle[data-h="nw"],.pd-handle[data-h="se"]{cursor:nwse-resize}.pd-handle[data-h="ne"],.pd-handle[data-h="sw"]{cursor:nesw-resize}
.pd-handle[data-h="n"],.pd-handle[data-h="s"]{cursor:ns-resize}.pd-handle[data-h="e"],.pd-handle[data-h="w"]{cursor:ew-resize}
.pd-handle[data-h="p1"],.pd-handle[data-h="p2"]{border-radius:var(--radius);cursor:crosshair}
.pd-draft{position:absolute;inset:0;z-index:5;touch-action:none}
.pd-app[data-tool]:not([data-tool="select"]):not([data-tool="highlight"]):not([data-tool="underline"]):not([data-tool="strike"]):not([data-tool="edit"]) .pd-draft{cursor:crosshair}
.pd-app[data-tool="select"] .pd-draft,.pd-app[data-tool="highlight"] .pd-draft,.pd-app[data-tool="underline"] .pd-draft,.pd-app[data-tool="strike"] .pd-draft,.pd-app[data-tool="edit"] .pd-draft{pointer-events:none}

/* edit-text targets */
.pd-edit{position:absolute;inset:0;z-index:4;pointer-events:none}
.pd-app:not([data-tool="edit"]) .pd-edit{display:none}
.pd-run{position:absolute;pointer-events:auto;cursor:text;border-radius:var(--radius);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent)}
.pd-run:hover{box-shadow:0 0 0 2px var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}
.pd-run-editor{position:absolute;z-index:8;border:1.5px solid var(--accent);border-radius:var(--radius);background:#fff;color:#000;padding:0 1px;margin:0;outline:none;font-family:inherit;box-shadow:0 2px 8px rgba(0,0,0,.25);resize:none;overflow:hidden;white-space:pre}

/* form widgets */
.pd-forms{position:absolute;inset:0;z-index:3;pointer-events:none}
.pd-forms .pd-field{position:absolute;pointer-events:auto;box-sizing:border-box;margin:0;border:1px solid rgba(32,91,70,.55);background:#dbe9ff;color:#000;font:12px var(--sans);padding:0 3px}
.pd-forms .pd-field:focus{outline:2px solid var(--accent);background:#fff}
.pd-forms input[type="checkbox"].pd-field,.pd-forms input[type="radio"].pd-field{padding:0;accent-color:var(--accent)}
/* The page is white in every theme, so its fields are drawn light in every theme. These beat the site's
   themed drop-down and the 44px touch-target floor, which would stack the fields on top of each other. */
.pd-forms select.pd-field:not([multiple]):not([size]){background-color:#dbe9ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m4 5.5 3 3 3-3' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px 12px;background-position:right 3px center;padding:0 18px 0 3px;color:#000}
.pd-forms select.pd-field:focus{background-color:#fff}
.pd-app .pd-forms .pd-field.pd-field{min-height:0!important;min-width:0!important}
.pd-app[data-fields="off"] .pd-forms{display:none}

.pd-status{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 10px;border-top:1px solid var(--border);background:var(--bg-elev);font-size:.75rem;color:var(--text-dim);box-sizing:border-box}
.pd-status .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-pager{display:flex;align-items:center;gap:4px}
.pd-pager input{width:60px;text-align:center;font-family:var(--mono);padding:2px 4px}
.pd-pager .of{font:.75rem var(--mono)}

.pd-drop{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:var(--bg);padding:24px;text-align:center;overflow:auto}
.pd-drop[hidden]{display:none}
.pd-drop .inner{width:min(640px,100%);border:2px dashed var(--border-strong);border-radius:var(--radius);padding:38px clamp(18px,4vw,46px);transition:border-color .15s ease,background-color .15s ease}
.pd-drop.over .inner{border-color:var(--accent);background:var(--accent-soft)}
.pd-drop h2{margin:0 0 8px;font-size:1.375rem;letter-spacing:-.02em}
.pd-drop p{margin:0 0 18px;color:var(--text-dim);font-size:.875rem;line-height:1.55}
.pd-drop .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pd-drop p.pd-drop-status{margin:14px 0 0;font:.8125rem var(--mono);color:var(--text);animation:fade-in var(--dur-2) var(--ease)}
.pd-drop-status::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;vertical-align:-1px;animation:pd-spin .8s linear infinite}
@keyframes pd-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pd-drop-status::before{animation:none}}
.pd-drop .can{margin:22px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;text-align:left}
.pd-drop .can span{display:flex;gap:8px;align-items:flex-start;font-size:.75rem;color:var(--text-dim);line-height:1.4}
.pd-drop .can .ic{width:16px;height:16px;flex:0 0 auto;color:var(--accent-2);margin-top:1px}
.pd-app.pdf-loading .pd-drop{visibility:hidden}

.pd-sec{border-bottom:1px solid var(--border)}
.pd-sec>summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;list-style:none;font-size:.8125rem;font-weight:650;user-select:none}
@media(pointer:coarse){.pd-sec>summary{min-height:44px}}
.pd-sec>summary::-webkit-details-marker{display:none}
.pd-sec>summary::before{content:"";width:7px;height:7px;flex:0 0 auto;border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);transform:rotate(-45deg);transition:transform .18s ease}
.pd-sec[open]>summary::before{transform:rotate(45deg)}
.pd-sec>summary:hover{background:var(--bg-elev-2)}
.pd-sec>summary .ic{width:16px;height:16px;color:var(--accent-2)}
.pd-sec-body{padding:2px 12px 14px;display:flex;flex-direction:column;gap:10px}
.pd-sec[open] .pd-sec-body{animation:pdIn .2s var(--ease) both}
@keyframes pdIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pd-sec[open] .pd-sec-body{animation:none}.pd-sec>summary::before{transition:none}}
.pd-hint{margin:0;font-size:.75rem;line-height:1.5;color:var(--text-dim)}
.pd-hint b{color:var(--text)}
.pd-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.pd-tool{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);color:var(--text);font-size:.75rem;font-weight:600;cursor:pointer;text-align:left;min-width:0}
.pd-tool:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-elev-2)}
.pd-tool[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.pd-tool svg{width:16px;height:16px;flex:0 0 auto;color:var(--text-dim)}
.pd-tool[aria-pressed="true"] svg{color:var(--accent-2)}
.pd-tool .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pd-fld{display:flex;flex-direction:column;gap:4px;font-size:.75rem;font-weight:650;color:var(--text-dim);min-width:0}
.pd-fld.wide{grid-column:1/-1}
.pd-fld select,.pd-fld input.control{width:100%;box-sizing:border-box;min-width:0}
.pd-fld input[type="color"]{width:100%;min-height:30px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);cursor:pointer}
.pd-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.pd-actions .btn{justify-content:flex-start;padding-inline:8px;min-width:0}
.pd-actions .btn.wide{grid-column:1/-1}
.pd-actions .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-facts{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.pd-fact{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:6px 9px;border-bottom:1px solid var(--border);font-size:.75rem}
.pd-fact:last-child{border-bottom:0}
.pd-fact .k{color:var(--text-dim)}
.pd-fact .v{font-family:var(--mono);word-break:break-word}
.pd-sign{border:1px solid var(--border);border-radius:var(--radius);background:#fff;touch-action:none;width:100%;height:96px;display:block;cursor:crosshair}
.pd-sig-row{display:flex;gap:6px}
.pd-sig-row input{flex:1;min-width:0}
.pd-text-in{width:100%;min-height:110px;resize:vertical;box-sizing:border-box;font:.75rem/1.5 var(--mono)}
.pd-extract-out{width:100%;min-height:180px;resize:vertical;box-sizing:border-box;font:.75rem/1.5 var(--mono)}

@media(max-width:900px){
  .pd-nav,.pd-side{position:absolute;top:0;bottom:0;z-index:12;box-shadow:0 0 24px rgba(0,0,0,.25)}
  .pd-nav{left:0}
  .pd-side{right:0;width:min(var(--pd-side-w,316px),92vw)}
  .pd-nav[data-collapsed="true"],.pd-side[data-collapsed="true"]{box-shadow:none}
}
@media(max-width:600px){.pd-pages{padding-inline:8px}.pd-tools{grid-template-columns:1fr 1fr}.pd-status{flex-wrap:wrap}}