/* Katholon Summa: complete reader stylesheet, replacing the three previous reader stylesheets. */
.summa-reader-333{padding:clamp(34px,4.5vw,72px) 1.5%;background:#f5eee4;color:#281b16;border-block:1px solid rgba(139,16,27,.13)}
.summa-reader-333 [hidden],.summa-reader-333 .reader-mode-hidden-346{display:none!important}
.summa-reader-head-333{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 auto 20px}
.summa-reader-head-333 h2{margin:.12rem 0 .25rem;color:#652119;font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.08}
.summa-reader-head-333 p{margin:.2rem 0;max-width:90ch;color:#5a4338;line-height:1.55}
.summa-reader-controls-333{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.5fr) minmax(140px,1.2fr) minmax(135px,.8fr) auto auto;gap:10px;align-items:end;margin:0 auto 12px;padding:15px;border:1px solid rgba(139,16,27,.14);border-radius:18px;background:#fffaf3;box-shadow:0 10px 28px rgba(47,29,16,.055)}
.summa-reader-controls-333 label{display:grid;min-width:0;gap:5px;color:#6d241c;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.summa-reader-controls-333 select,.summa-reader-controls-333 button{min-width:0;width:100%;min-height:45px;border:1px solid rgba(84,51,38,.22);border-radius:11px;background:#fff;color:#2d1d17;font:inherit;padding:.65rem .75rem}
.summa-reader-controls-333 button{background:#7a101a;color:#fff4df;border-color:#7a101a;font-weight:850;cursor:pointer}
.summa-reader-controls-333 button.secondary{background:#fff;color:#6d241c;border-color:rgba(139,16,27,.25)}
.summa-reader-333 button:disabled{opacity:.45;cursor:not-allowed}
.summa-reader-333 button:focus-visible,.summa-reader-333 select:focus-visible,.summa-reader-333 input:focus-visible{outline:3px solid #ad7e2d;outline-offset:2px}
.summa-status-333{margin:8px auto 14px;color:#6d5143;font-size:.9rem}
.summa-reader-preferences-346{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 14px}
.summa-mode-buttons{display:flex;gap:.6rem;flex-wrap:wrap}
.summa-mode-buttons button{font:inherit;padding:.5rem .8rem;border:1px solid #bda674;border-radius:6px;background:#fffaf1;color:#513d25;cursor:pointer}
.summa-mode-buttons button[aria-pressed=true]{background:#7a101a;color:#fff4df}
.summa-layout-333{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(230px,.72fr);gap:14px;width:100%;margin:0 auto;align-items:stretch}
.summa-pane-333{display:flex;flex-direction:column;min-width:0;height:calc(100vh - 250px);min-height:620px;max-height:980px;border:1px solid rgba(139,16,27,.15);border-radius:18px;overflow:hidden;background:#fffdf8;box-shadow:0 12px 30px rgba(47,29,16,.055)}
.summa-pane-333>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex:0 0 auto;padding:15px 17px 13px;border-bottom:1px solid rgba(139,16,27,.13);background:linear-gradient(180deg,#fffaf3,#f7ebdc)}
.summa-pane-333>header h2{margin:.1rem 0 0;color:#652119;font-size:1.25rem}
.summa-pane-333>header span{color:#7a6254;font-size:.75rem;text-align:right;overflow-wrap:anywhere}
.summa-pane-body-333{position:relative;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;padding:20px clamp(14px,1.6vw,28px) 52px;overscroll-behavior:contain;scrollbar-gutter:stable;font:1.02rem/1.72 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}
.summa-pane-body-333 p{white-space:pre-line}
.summa-pane-333.commentary .summa-pane-body-333{font:.94rem/1.6 system-ui,sans-serif}
.summa-question-intro-333,.summa-article-333,.summa-comment-unit-333{scroll-margin-top:16px}
.summa-question-intro-333{margin:0 0 24px;padding:16px 17px;border-left:4px solid #ad7e2d;background:#fbf1df;color:#433127}
.summa-article-333{margin:0 0 32px;padding:0 0 26px;border-bottom:1px solid rgba(84,51,38,.16)}
.summa-article-333:last-child{border-bottom:0}
.summa-article-heading-333{margin:0 0 14px;padding:12px 0 10px}
.summa-unit-label-333{display:block;margin-bottom:4px;color:#9a6c21;font:850 .71rem/1.2 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.09em}
.summa-article-heading-333 h3{margin:0;color:#5f1d18;font:700 1.25rem/1.25 Georgia,'Times New Roman',serif}
.summa-block-333{margin:0 0 12px;padding:12px 14px;border-radius:10px;border-left:4px solid #c8b59f;background:#faf6ef}
.summa-block-label-333{display:block;margin:0 0 5px;font:850 .69rem/1.1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#765e50}
.summa-block-333 p{margin:0}
.summa-block-333.type-objection{border-left-color:#9b8974;background:#f6f2ec}
.summa-block-333.type-contra{border-left-color:#b6862b;background:#fff5dc}
.summa-block-333.type-respondeo{border-left-color:#8b101b;background:#fff0ed}
.summa-block-333.type-reply{border-left-color:#59735c;background:#f1f7f1}
.summa-comment-section-333{margin:0 0 18px;padding:16px;border:1px solid rgba(139,16,27,.11);border-radius:13px;background:#fffaf3}
.summa-comment-section-333 h3{margin:0 0 .55rem;color:#652119;font-size:1.08rem}
.summa-comment-section-333 p{margin:.45rem 0;color:#4d3a30}
.summa-scholia-333 article{margin:.7rem 0 0;padding:.7rem .8rem;border-left:3px solid #ad7e2d;background:#fbf1df}
.summa-scholia-333 strong{color:#652119}
.summa-article-map-333{display:grid;gap:6px}
.summa-article-map-333 button{display:grid;grid-template-columns:auto 1fr;gap:8px;text-align:left;border:1px solid rgba(139,16,27,.12);border-radius:9px;background:#fff;color:#4d3a30;padding:.58rem .65rem;cursor:pointer;overflow-wrap:anywhere}
.summa-article-map-333 button:hover{border-color:#8b101b;background:#fff4df}
.summa-article-map-333 span{color:#8b101b;font-weight:850}
.summa-comment-unit-333{margin:0 0 16px;padding:14px;border-radius:12px;background:#f8ecdd;border-left:4px solid #8b101b}
.summa-comment-unit-333 h3{margin:0 0 .5rem;color:#652119;font-size:1rem}
.summa-comment-unit-333 p{margin:.35rem 0;color:#4d3a30}
.summa-comment-links-333{display:flex;flex-wrap:wrap;gap:7px;margin-top:.75rem}
.summa-comment-links-333 a{display:inline-flex;padding:.42rem .6rem;border-radius:999px;background:#7a101a;color:#fff4df;text-decoration:none;font-size:.78rem;font-weight:800}
.summa-source-note{font:.85rem/1.5 system-ui,sans-serif;color:#6d5143}
.summa-aligned-346{width:100%;margin:0 auto}
.reader-aligned-shell-346{border:1px solid rgba(112,70,48,.2);background:#fffdf8}
.summa-aligned-heading-346,.summa-aligned-row-346{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1fr) minmax(230px,.72fr)}
.reader-aligned-heading-346{background:#fff9ef;border-bottom:1px solid rgba(112,70,48,.2)}
.reader-aligned-heading-346>div{padding:13px 16px;color:#74151b;font-weight:700}
.reader-aligned-row-346{border-top:1px solid rgba(112,70,48,.17)}
.reader-aligned-number-346{padding:20px 7px;text-align:center;background:#f2e4ca;color:#74151b;font:850 .76rem/1.25 system-ui,sans-serif}
.reader-aligned-cell-346{min-width:0;padding:clamp(14px,1.6vw,28px);border-left:1px solid rgba(112,70,48,.17);font:1rem/1.7 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}
.summa-whole-question-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(230px,.72fr);gap:14px}
.summa-whole-question-row>article,.summa-whole-question-row>aside{min-width:0;padding:16px;background:#fffdf8;overflow-wrap:anywhere}
@media(max-width:1180px){.summa-reader-controls-333{grid-template-columns:repeat(3,minmax(0,1fr))}.summa-reader-head-333{flex-wrap:wrap}}
@media(max-width:900px){
 .summa-reader-head-333{align-items:flex-start;flex-direction:column}
 .summa-reader-controls-333{grid-template-columns:repeat(2,minmax(0,1fr))}
 .summa-layout-333,.summa-whole-question-row{grid-template-columns:minmax(0,1fr)}
 .summa-pane-333{height:70vh;min-height:380px;max-height:720px}
 .summa-aligned-heading-346{display:none}
 .summa-aligned-row-346{grid-template-columns:36px minmax(0,1fr)}
 .reader-aligned-number-346{grid-row:1/span 3}
 .reader-aligned-cell-346{border-bottom:1px solid rgba(112,70,48,.17)}
}
@media(max-width:560px){.summa-reader-controls-333{grid-template-columns:minmax(0,1fr)}.summa-pane-333>header{flex-wrap:wrap}}
/* Canonical disputation groups share their measured height across the two text panes. */
.summa-question-intro-333,.summa-pane-333>header{box-sizing:border-box}
.summa-parallel-group{box-sizing:border-box;display:flow-root}
.summa-parallel-group:empty{margin:0;padding:0}
.summa-parallel-group .summa-block-333{box-sizing:border-box}
.summa-block-333.type-summary{border-left-color:#a39a89;background:#faf8f3}
.summa-article-heading-333{box-sizing:border-box;display:flow-root}
@media(max-width:900px){.summa-parallel-group,.summa-article-heading-333,.summa-question-intro-333{min-height:0!important}}
