/* Only the campaign's new comparison pages; room scale and other book pages stay put. */
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-scroll{
  position:absolute;inset:20% 12% calc(12% + 100px) 10%;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;
  overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom;
  scrollbar-width:thin;scrollbar-color:#8e8466 transparent;padding-right:5px;
}
.investigation-book.comparison-readable[data-page="campaign-compare"] :is(.book-left,.book-right){
  position:static;inset:auto;width:auto;height:auto;overflow:visible;min-width:0;padding:0;
  font:clamp(15px,1.35vw,17px)/1.8 Nanum,sans-serif;
}
.investigation-book.comparison-readable[data-page="campaign-compare"] .book-page-actions{
  left:10%;right:12%;bottom:12%;gap:4px 18px;min-height:44px;align-content:end;
}
.investigation-book.comparison-readable[data-page="campaign-compare"] :is(.book-page-actions button,.book-tools button){min-width:44px;min-height:44px}
.investigation-book.comparison-readable[data-page="campaign-compare"] .book-claim.comparison-answer{
  display:block;width:100%;text-align:left;padding:9px 2px 9px 25px;min-height:52px;position:relative;
}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-answer:before{
  content:'○';position:absolute;left:0;top:9px;color:#6b5c48;font:inherit;
}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-answer[aria-checked="true"]:before{content:'●';color:#714627}
.investigation-book.comparison-readable[data-page="campaign-compare"] [aria-checked="true"]{color:#714627;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-options{display:block}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-source-fields{margin:0 0 25px}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-source-title{font:inherit;font-weight:700;line-height:1.6;margin:0 0 12px}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-field{margin:0 0 13px}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-field-title{margin:0 0 3px;font-size:.9em;opacity:.8}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-number-options{display:flex;flex-wrap:wrap;gap:0 16px}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-number{
  min-width:44px;min-height:44px;padding:6px 0;border:0;background:none;box-shadow:none;color:#40382d;
  font:inherit;font-size:.94em;line-height:1.7;overflow-wrap:anywhere;text-align:left;touch-action:manipulation;
}
.investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-confirm:disabled{opacity:.42;cursor:default}
.investigation-book.comparison-readable[data-page="campaign-compare"] button:focus-visible{outline:2px dotted #745134;outline-offset:3px}
@media(max-width:600px){
  .investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-scroll{inset:20% 12% calc(10% + 104px) 12%;grid-template-columns:minmax(0,1fr);gap:24px}
  .investigation-book.comparison-readable[data-page="campaign-compare"] :is(.book-left,.book-right){font-size:16px}
  .investigation-book.comparison-readable[data-page="campaign-compare"] .book-page-actions{left:12%;right:12%;bottom:10%;justify-content:flex-end;gap:2px 16px}
  .investigation-book.comparison-readable[data-page="campaign-compare"] .comparison-number{font-size:15px}
}

/* The personal notebook can be missing while authenticated desk originals remain. */
.campaign-paper-comparison .comparison-table{
  position:relative;width:100%;max-width:1060px;aspect-ratio:4/3;flex:none;
  background-repeat:no-repeat;background-size:100% 100%;background-position:center;
  color:#373129;overflow:hidden;
}
.comparison-table .comparison-scroll{
  position:absolute;inset:19% 20% calc(16% + 110px) 32.5%;
  display:flex;flex-direction:column;gap:24px;overflow:auto;padding-right:8px;
  overscroll-behavior:contain;touch-action:pan-y pinch-zoom;
  scrollbar-width:thin;scrollbar-color:#8e8466 transparent;
}
.comparison-table :is(.book-left,.book-right){
  position:static;inset:auto;width:auto;height:auto;overflow:visible;padding:0;flex:none;
  font:clamp(15px,1.35vw,17px)/1.8 Nanum,sans-serif;min-width:0;
}
.comparison-table :is(h2,h3){font:inherit;font-weight:700;margin:0 0 12px;line-height:1.6}
.comparison-table p{margin:0 0 14px;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}
.comparison-table .book-page-actions{
  position:absolute;left:32.5%;right:20%;bottom:16%;display:flex;flex-wrap:wrap;
  justify-content:flex-end;gap:2px 16px;min-height:44px;padding:0;
}
.comparison-table :is(.book-page-actions button,.book-claim,.comparison-number){
  min-width:44px;min-height:44px;border:0;background:none;box-shadow:none;border-radius:0;
  color:#40382d;font:inherit;padding:8px 0;line-height:1.7;touch-action:manipulation;
  text-align:left;overflow-wrap:anywhere;
}
.comparison-table .book-claim{display:block;width:100%;font-family:Nanum,sans-serif}
.comparison-table .comparison-answer{position:relative;padding-left:25px;min-height:52px}
.comparison-table .comparison-answer:before{content:'○';position:absolute;left:0;top:8px;color:#6b5c48}
.comparison-table .comparison-answer[aria-checked="true"]:before{content:'●';color:#714627}
.comparison-table [aria-checked="true"]{color:#714627;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.comparison-table .book-support-entry{
  display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;
  width:100%;min-height:62px;color:inherit;font:inherit;text-align:left;
  border:0;background:none;box-shadow:none;padding:5px 0;
}
.comparison-table .book-support-entry>img{width:52px;height:52px;object-fit:contain;pointer-events:none}
.campaign-paper-comparison .comparison-table .book-page-actions button{color:#40382d;font:15px/1.7 Nanum,sans-serif;text-align:left}
.campaign-paper-comparison .comparison-table button:hover{color:#714627}
.campaign-paper-comparison .comparison-table button:focus-visible{color:#714627;outline:2px dotted #745134;outline-offset:3px}
.comparison-table .book-source-heading{margin:16px 0 8px}
.comparison-table button:disabled{opacity:.42;cursor:default}
.comparison-table button:focus-visible{outline:2px dotted #745134;outline-offset:3px}
@media(max-width:600px){
  .campaign-paper-comparison.panel>.panel-content{width:100%;height:100%;align-items:stretch}
  .campaign-paper-comparison .comparison-table{width:100%;height:100%;aspect-ratio:auto;background-size:auto 125%;background-position:64% 50%}
  .comparison-table .comparison-scroll{inset:11% 8% calc(12% + 110px);gap:24px}
  .comparison-table :is(.book-left,.book-right){font-size:16px}
  .comparison-table .book-page-actions{left:8%;right:8%;bottom:12%}
}
@media(max-height:600px) and (orientation:landscape){
  .campaign-paper-comparison.panel{height:100%}
  .campaign-paper-comparison.panel>.panel-content{height:100%;align-items:stretch}
  .campaign-paper-comparison .comparison-table{height:100%;aspect-ratio:auto;background-size:100% 100%}
  .comparison-table .comparison-scroll{inset:14% 20% calc(12% + 72px) 32.5%;gap:16px}
  .comparison-table .book-page-actions{bottom:12%;gap:0 10px}
}
