/* Katholon 3.32 - Summa Theologiae parallel reader */
.summa-reader-333{padding:clamp(34px,4.5vw,72px) clamp(18px,3vw,52px);background:#f5eee4;color:#281b16;border-top:1px solid rgba(139,16,27,.13);border-bottom:1px solid rgba(139,16,27,.13);}
.summa-reader-head-333{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;max-width:1600px;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;}
.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(160px,.85fr) minmax(280px,1.8fr) minmax(210px,1.15fr) auto auto;gap:10px;align-items:end;max-width:1600px;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;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-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-controls-333 button:disabled{opacity:.45;cursor:not-allowed;}
.summa-status-333{max-width:1600px;margin:8px auto 14px;color:#6d5143;font-size:.9rem;}
.summa-layout-333{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(290px,.68fr);gap:12px;max-width:1800px;margin:0 auto;align-items:stretch;}
.summa-pane-333{display:flex;flex-direction:column;min-width:0;height:72vh;min-height:590px;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;}
.summa-pane-body-333{position:relative;flex:1 1 auto;overflow:auto;scroll-behavior:auto;padding:20px clamp(17px,2vw,28px) 52px;overscroll-behavior:contain;scrollbar-gutter:stable;}
.summa-pane-body-333[lang=la],.summa-pane-body-333[lang=en]{font-family:Georgia,'Times New Roman',serif;font-size:1.02rem;line-height:1.72;}
.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-question-intro-333 .summa-unit-label-333{color:#7a101a;}
.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{position:sticky;top:-20px;z-index:3;margin:0 -8px 14px;padding:12px 8px 10px;background:linear-gradient(180deg,#fffdf8 82%,rgba(255,253,248,0));}
.summa-article-heading-333 .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-333 .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-contra .summa-block-label-333{color:#8b5e0d;}
.summa-block-333.type-respondeo{border-left-color:#8b101b;background:#fff0ed;box-shadow:inset 0 0 0 1px rgba(139,16,27,.08);}
.summa-block-333.type-respondeo .summa-block-label-333{color:#8b101b;}
.summa-block-333.type-reply{border-left-color:#59735c;background:#f1f7f1;}
.summa-block-333.type-reply .summa-block-label-333{color:#416148;}
.summa-commentary-333{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:.94rem;line-height:1.6;}
.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-comment-section-333 ul{margin:.55rem 0 0;padding-left:1.15rem;}
.summa-comment-section-333 li{margin:.35rem 0;}
.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;}
.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-reader-error-333{padding:18px;border:1px solid rgba(139,16,27,.3);border-radius:12px;background:#fff0ed;color:#6d241c;}
.summa-reader-source-333{max-width:1600px;margin:13px auto 0;color:#735c50;font-size:.8rem;line-height:1.5;}

@media(max-width:1180px){
  .summa-layout-333{grid-template-columns:1fr 1fr;}
  .summa-pane-333.commentary{grid-column:1/-1;height:auto;min-height:0;}
  .summa-pane-333.commentary .summa-pane-body-333{max-height:520px;}
  .summa-reader-controls-333{grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:760px){
  .summa-reader-head-333{align-items:flex-start;flex-direction:column;}
  .summa-reader-controls-333{grid-template-columns:1fr;}
  .summa-layout-333{grid-template-columns:1fr;}
  .summa-pane-333,.summa-pane-333.commentary{height:auto;min-height:0;}
  .summa-pane-body-333,.summa-pane-333.commentary .summa-pane-body-333{max-height:none;overflow:visible;}
  .summa-article-heading-333{position:static;}
}


/* 3.33: true wide reader and stable independently scrollable panes */
.summa-reader-333{padding-left:clamp(14px,1.8vw,34px);padding-right:clamp(14px,1.8vw,34px)}
.summa-reader-head-333,.summa-reader-controls-333,.summa-status-333{max-width:none}
.summa-layout-333{max-width:none;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(310px,.72fr);gap:14px}
.summa-pane-333{height:calc(100vh - 250px);min-height:620px;max-height:980px;contain:layout paint;transform:translateZ(0)}
.summa-pane-body-333{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable both-edges;will-change:scroll-position;scroll-behavior:auto!important;overscroll-behavior:contain}
.summa-article-heading-333{position:relative;top:auto;background:transparent}
.summa-sync-active-333{outline:2px solid rgba(139,16,27,.18);outline-offset:2px}
@media(max-width:1180px){.summa-layout-333{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.summa-pane-333.commentary{height:560px;max-height:560px}}
@media(max-width:760px){.summa-pane-333,.summa-pane-333.commentary{height:auto;max-height:none}.summa-pane-body-333,.summa-pane-333.commentary .summa-pane-body-333{overflow:visible!important}}