/* "Problem statement" button and its PDF popup. All popup selectors are scoped under #problem-dlg so host documents' own styles don't leak in. */
.pbtn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:1px solid var(--rule-2,#d8d0cc);border-radius:999px;background:var(--paper,#fff);color:var(--ink,#231f20);font:600 12.5px/1 "Manrope","Avenir Next","Segoe UI",system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}
.pbtn:hover{border-color:var(--accent,#ef5433);color:var(--accent-deep,#c9401f)}
.pbtn:focus-visible{outline:2px solid var(--accent,#ef5433);outline-offset:2px}
.pbtn svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

#problem-dlg{width:min(980px,94vw);height:min(92vh,1100px);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:14px;background:#fff;color:#231f20;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;font-family:"Manrope","Avenir Next","Segoe UI",system-ui,sans-serif}
#problem-dlg[open]{display:flex;flex-direction:column}
#problem-dlg::backdrop{background:rgba(23,18,15,.62);backdrop-filter:blur(3px)}
#problem-dlg .pd-head{display:flex;align-items:center;gap:10px;flex:none;padding:10px 12px 10px 18px;background:#231f20;color:#fff}
#problem-dlg .pd-title{margin:0;flex:1;min-width:0;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:0;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#problem-dlg .pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:#fff;font:700 13px/1 "Manrope","Avenir Next","Segoe UI",system-ui,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
#problem-dlg .pd-btn:hover{background:rgba(255,255,255,.12)}
#problem-dlg .pd-btn.pd-primary{background:#ef5433;border-color:#ef5433;box-shadow:0 0 0 3px rgba(239,84,51,.3)}
#problem-dlg .pd-btn.pd-primary:hover{background:#ff6a4a}
#problem-dlg .pd-btn.pd-x{width:34px;padding:0;font-size:18px}
#problem-dlg .pd-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#problem-dlg .pd-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
#problem-dlg .pd-body{flex:1;min-height:0;background:#e9e5e3}
#problem-dlg iframe{display:block;width:100%;height:100%;border:0;background:#fff}
#problem-dlg .pd-fallback{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;color:#46403f;font-size:14.5px;line-height:1.5}
#problem-dlg .pd-fallback p{margin:0}
#problem-dlg .pd-fallback .pd-btn{border-color:#d8d0cc;color:#231f20}
@media (max-width:620px){
  #problem-dlg{width:100vw;height:100dvh;border-radius:0}
  #problem-dlg .pd-open .pd-lbl{display:none}
}