/* Comparison is a source investigation, using the shared NPW visual grammar. */
#main .ec-page{max-width:1160px;margin-inline:auto;padding-bottom:72px;color:var(--pr-ink,#142b46);font-family:'Pero Text',sans-serif}
#main .ec-page-header{max-width:880px;padding:52px 0 30px}
#main .ec-page-header h1{font-family:'Pero Display',sans-serif;font-size:clamp(2.8rem,6.8vw,5.5rem);line-height:1.02;letter-spacing:-.025em;margin:12px 0 22px;text-wrap:balance}
#main .ec-page-header>p{font-size:1.05rem;max-width:62ch;line-height:1.6}
#main .ec-page-header>p:nth-of-type(2){font-family:'Pero Editorial',sans-serif;font-size:1.35rem}
#main .ec-tool{--ec-ink:var(--pr-ink,#142b46);--ec-blue:var(--pr-blue,#124dec);--ec-gold:var(--pr-gold,#ffdc52);--ec-sky:var(--pr-sky,#eaf1ff);color:var(--ec-ink);font-family:'Pero Text',sans-serif;line-height:1.55;min-width:0;margin:34px 0 12px;padding:clamp(18px,3vw,30px);border:2.5px solid var(--ec-ink);border-radius:24px;background:var(--ec-sky);box-shadow:7px 8px 0 var(--ec-gold);text-align:left}
#main .ec-tool--standalone{margin-top:0}
#main .ec-tool *{box-sizing:border-box}
#main .ec-tool [hidden]{display:none!important}
#main .ec-tool :is(h3,h4,p,blockquote){max-width:none}
#main .ec-tool h3{font-family:'Pero Display',sans-serif;font-weight:800;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.015em;margin:0 0 16px;color:var(--ec-ink)}
#main .ec-tool h4{font-family:'Pero Editorial',sans-serif;font-size:1.24rem;line-height:1.28;font-weight:650;margin:0 0 14px;color:var(--ec-ink);overflow-wrap:anywhere}
#main .ec-tool p{margin:0 0 14px;font-family:'Pero Text',sans-serif;font-size:1rem;line-height:1.6;color:var(--ec-ink)}
#main .ec-tool .ec-context{font-weight:700;font-size:.92rem}
#main .ec-tool .ec-privacy{font-size:.84rem;max-width:76ch;line-height:1.5;margin:0 0 24px}
#main .ec-tool a{color:var(--ec-blue);text-decoration:underline;text-underline-offset:3px;font-family:'Pero Text',sans-serif;font-weight:700;overflow-wrap:anywhere}
#main .ec-tool :is(a,button,select,textarea,input,summary):focus-visible{outline:3px solid var(--pr-pink,#c2185b);outline-offset:4px}
#main .ec-tool :is(button,select,textarea){font-family:'Pero Text',sans-serif;font-size:1rem;line-height:1.45;color:var(--ec-ink)}
#main .ec-tool button{min-height:46px;border:2px solid var(--ec-ink);border-radius:12px;padding:10px 15px;background:#fff;font-weight:700;text-align:center;cursor:pointer;box-shadow:none;white-space:normal;transition:none}
#main .ec-tool button:hover{background:#fff4cf}
#main .ec-tool button.ec-primary{background:var(--ec-blue);color:#fff;box-shadow:3px 4px 0 var(--ec-ink)}
#main .ec-tool button.ec-primary:hover{background:var(--ec-ink)}
#main .ec-tool button:disabled{cursor:not-allowed;opacity:.6}
#main .ec-tool :is(select,textarea){width:100%;max-width:100%;min-width:0;border:2px solid var(--ec-ink);border-radius:12px;padding:12px;background:#fff;font-weight:450;margin:0}
#main .ec-tool select{min-height:50px;white-space:normal;text-overflow:ellipsis}
#main .ec-tool textarea{resize:vertical;min-height:100px;scroll-margin-top:110px}
#main .ec-tool :is(select,textarea)[aria-invalid="true"]{border-color:var(--pr-pink,#c2185b);box-shadow:0 0 0 1px var(--pr-pink,#c2185b)}
#main .ec-tool label{display:block;font-family:'Pero Text',sans-serif;font-size:.95rem;font-weight:700;letter-spacing:0;line-height:1.5;color:var(--ec-ink)}
#main .ec-tool .ec-case-picker{display:grid;gap:8px;margin:0 0 24px}
#main .ec-tool .ec-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#main .ec-tool .ec-select-label{display:block;margin:0 0 7px;font-size:1rem}
#main .ec-tool .ec-selection-status{font-size:.82rem;margin:12px 0 20px;min-height:1.5em}
#main .ec-tool .ec-views{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
#main .ec-tool .ec-views button{font-size:.84rem;min-height:44px;background:transparent}
#main .ec-tool .ec-views button[aria-pressed="true"]{background:var(--ec-gold);box-shadow:2px 3px 0 var(--ec-ink)}
#main .ec-tool .ec-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:22px;margin:0 0 32px}
#main .ec-tool .ec-source{display:flex;flex-direction:column;min-width:0;margin:0;padding:22px;border:2.5px solid var(--ec-ink);border-radius:18px;background:#fff;overflow-wrap:anywhere}
#main .ec-tool .ec-source--receipt{border-top:8px solid var(--ec-gold)}
#main .ec-tool .ec-source--original{border-top:8px solid var(--ec-blue)}
#main .ec-tool .ec-source-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 18px}
#main .ec-tool .ec-letter{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:var(--ec-ink);color:#fff;border-radius:8px;font-size:1rem;font-weight:700}
#main .ec-tool .ec-badge{font-size:.77rem;font-weight:700;border:1.5px solid var(--ec-ink);border-radius:7px;padding:3px 8px;background:#fff}
#main .ec-tool .ec-source-meta{font-size:.85rem;line-height:1.5;margin-bottom:8px}
#main .ec-tool .ec-source-date{font-size:.77rem;line-height:1.4;margin-bottom:16px}
#main .ec-tool .ec-source-body{border-top:1.5px solid #c9d4ea;padding-top:20px;margin-top:8px;flex:1}
#main .ec-tool :is(.ec-source-text,.ec-source blockquote){white-space:pre-wrap;font-family:'Pero Text',sans-serif;font-size:.97rem;line-height:1.65;letter-spacing:0;margin:0 0 18px;padding:0;border:0;background:transparent;color:var(--ec-ink);font-style:normal}
#main .ec-tool .ec-source blockquote:before,#main .ec-tool .ec-source blockquote:after{content:none}
#main .ec-tool .ec-source-note{font-size:.94rem;line-height:1.6}
#main .ec-tool .ec-original-hint{font-size:.82rem;line-height:1.55;padding:12px 0 0;border-top:1px solid #c9d4ea;margin-top:18px}
#main .ec-tool .ec-source-link{font-size:.88rem;margin:20px 0 0}
#main .ec-tool .ec-reading-notes{border-top:1.5px dashed #c9d4ea;padding-top:14px;margin-top:24px}
#main .ec-tool summary{cursor:pointer;font-size:.85rem;font-weight:700;line-height:1.5;min-height:36px}
#main .ec-tool .ec-reading-notes p{font-size:.87rem;margin:12px 0 0}
#main .ec-tool .ec-notes{margin:0;padding:0;border:0;background:transparent;max-width:none}
#main .ec-tool .ec-relationship{margin:0 0 26px;padding:24px;border:2px solid var(--ec-ink);border-radius:18px;background:#fff;min-width:0}
#main .ec-tool legend{font-family:'Pero Editorial',sans-serif;font-size:1.25rem;font-weight:650;padding:0 8px;line-height:1.3}
#main .ec-tool .ec-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#main .ec-tool .ec-choices label{display:flex;align-items:center;gap:9px;padding:12px;min-height:54px;border:2px solid var(--ec-ink);border-radius:12px;background:#fff;cursor:pointer;font-size:.87rem}
#main .ec-tool .ec-choices label:has(input:checked){background:var(--ec-gold)}
#main .ec-tool .ec-choices input{appearance:auto;accent-color:var(--ec-ink);flex:0 0 19px;width:19px;height:19px;margin:0}
#main .ec-tool .ec-guidance{margin-top:20px;padding:18px;border-left:5px solid var(--ec-blue);background:var(--ec-sky);border-radius:0 10px 10px 0;font-size:.93rem}
#main .ec-tool .ec-guidance p{font-size:.94rem;margin:5px 0 0}
#main .ec-tool .ec-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#main .ec-tool .ec-field--wide{grid-column:1/-1}
#main .ec-tool .ec-field label{font-size:1.03rem;margin-bottom:6px}
#main .ec-tool .ec-hint{font-size:.84rem;line-height:1.5;margin-bottom:12px}
#main .ec-tool .ec-build-row,#main .ec-tool .ec-output-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 16px}
#main .ec-tool .ec-status{font-size:.85rem;margin:12px 0 0}
#main .ec-tool .ec-error{color:#9a104b;font-size:.86rem;font-weight:700;margin:8px 0 0}
#main .ec-tool .ec-output{background:#fff4cf;border:2px solid var(--ec-ink);border-radius:18px;padding:24px;margin-top:28px}
#main .ec-tool .ec-output textarea{font-size:.88rem;line-height:1.6;min-height:280px}
#main .ec-tool .ec-paper{background:#fff;border:2px solid var(--ec-ink);padding:22px;border-radius:18px;margin-top:28px}
#main .ec-tool .ec-paper-prompt{margin-top:25px}
#main .ec-tool .ec-paper textarea{border:0;border-bottom:1px solid #c9d4ea;border-radius:0;background:#fff;min-height:90px;resize:none}
#main .ec-tool .ec-paper ul{padding-left:22px}
#main .ec-tool .ec-paper li{margin:0 0 12px;font-size:.9rem}
#main .ec-tool[data-ec-ready] .ec-paper{display:none}
#main .ec-tool .ec-print-note{display:none}
#main .ec-case-directory{margin:42px 0 0;border-top:2px solid var(--pr-ink,#142b46);padding:20px 0}
#main .ec-case-directory summary{font-family:'Pero Editorial',sans-serif;font-size:1.15rem;cursor:pointer;min-height:44px}
#main .ec-case-directory ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;padding:0;list-style:none}
#main .ec-case-directory a{font-family:'Pero Text',sans-serif;font-size:.93rem;text-decoration:underline;text-underline-offset:3px;color:var(--pr-blue,#124dec)}
#main .ec-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:740px){
  #main .ec-page-header{padding-top:32px}
  #main .ec-tool{padding:18px;margin-right:6px;border-radius:18px;box-shadow:5px 6px 0 var(--ec-gold)}
  #main .ec-tool .ec-selectors,#main .ec-tool .ec-sources,#main .ec-tool .ec-fields{grid-template-columns:minmax(0,1fr);gap:18px}
  #main .ec-tool .ec-source{padding:18px;border-radius:14px}
  #main .ec-tool .ec-choices{grid-template-columns:minmax(0,1fr)}
  #main .ec-tool .ec-relationship,#main .ec-tool .ec-output{padding:16px}
  #main .ec-tool .ec-views{gap:7px}
  #main .ec-tool .ec-views button{flex:1 1 110px;padding:9px;font-size:.8rem}
  #main .ec-tool .ec-build-row button{flex:1 1 190px}
  #main .ec-tool :is(select,textarea){font-size:16px}
  #main .ec-case-directory ul{grid-template-columns:minmax(0,1fr)}
}
@media print{
  body.ec-print-isolated>:not([data-ec-print-ancestor]):not(.ec-print-target),
  body.ec-print-isolated [data-ec-print-ancestor]>:not([data-ec-print-ancestor]):not(.ec-print-target){display:none!important}
  body.ec-print-isolated [data-ec-print-ancestor]{display:block!important;position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
  body.ec-print-isolated [data-ec-print-ancestor]::before,body.ec-print-isolated [data-ec-print-ancestor]::after{display:none!important}
  #main .ec-tool{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#142b46!important;break-inside:auto!important}
  #main .ec-tool [data-compare-ui],#main .ec-tool script,#main .ec-case-directory{display:none!important}
  #main .ec-tool .ec-paper,#main .ec-tool[data-ec-ready] .ec-paper{display:block!important;border:0!important;margin:0!important;padding:0!important;background:#fff!important;break-inside:auto!important}
  #main .ec-tool[data-ec-printing="note"] .ec-paper{display:none!important}
  #main .ec-tool[data-ec-printing="note"] .ec-print-note{display:block!important;white-space:pre-wrap;overflow-wrap:anywhere;font:10pt/1.55 'Pero Text',sans-serif;margin:0;max-width:100%;border:0;padding:0;background:#fff;color:#142b46;break-inside:auto!important}
  #main .ec-tool .ec-paper textarea{display:block!important;height:62px!important;min-height:62px!important;border:0!important;border-bottom:1px solid #8895a6!important;box-shadow:none!important;padding:0!important}
  #main .ec-tool .ec-paper-prompt{break-inside:avoid;margin:16px 0!important}
  #main .ec-tool .ec-paper :is(h3,h4){break-after:avoid}
  #main .ec-tool .ec-paper h3{font-size:17pt!important}
  #main .ec-tool .ec-paper h4{font-size:11pt!important;margin:12px 0 4px!important}
  #main .ec-tool .ec-paper :is(p,li){font-size:9.5pt!important;line-height:1.45!important}
}
