.paragraph-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:start}.paragraph-index{padding:23px;background:#fff;position:sticky;top:20px}.paragraph-index h2{font-size:18px;line-height:1.6;margin:22px 0}.paragraph-index>button{display:flex;gap:12px;align-items:flex-start;width:100%;padding:15px 11px;text-align:left;background:#f7f4eb;border:1.5px solid #bcb7a9;margin:10px 0;cursor:pointer;font-size:12px;font-weight:800;line-height:1.8;color:#151515}.paragraph-index>button>b{font-size:16px}.paragraph-index>button.active{background:#3154ff;color:white;border-color:#151515;box-shadow:4px 4px #151515}.paragraph-overview{border-top:2px solid #151515;padding-top:18px;margin-top:28px}.paragraph-overview>b{font-size:11px}.paragraph-overview>p{font-size:11px;line-height:2;color:#666}.paragraph-focus{padding:30px;background:white;box-shadow:7px 7px #3154ff;min-width:0}.paragraph-title{font-size:29px;line-height:1.5;margin:27px 0}.paragraph-original{background:#fff1d3;border-left:6px solid #ffc258;padding:25px}.paragraph-original>p{font-size:21px;line-height:2.1;font-weight:750;margin:15px 0 0;text-align:justify}.paragraph-claim{border:2px solid #151515;padding:20px;background:#edf1ff;box-shadow:4px 4px #3154ff;margin:25px 0}.paragraph-claim>b{font-size:10px;background:#3154ff;color:white;padding:4px 8px}.paragraph-claim>p{font-size:18px;line-height:1.9;margin:15px 0 0;font-weight:800}.paragraph-explanation{font-size:17px;line-height:2.1;white-space:pre-line}.paragraph-reasoning{display:grid;gap:12px}.paragraph-reasoning>article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:15px;padding:18px;border:1.5px solid #151515;background:#fffaf0}.paragraph-reasoning b{font-size:21px;color:#a76b03}.paragraph-reasoning p{font-size:14px;line-height:2;margin:0}.paragraph-hard-sentences{border-top:2px solid #151515;padding:22px 0;margin:25px 0}.paragraph-hard-sentences summary{font-weight:850;color:#3154ff;cursor:pointer;font-size:12px;line-height:1.9}.paragraph-hard-sentences article{padding:20px;border:1px solid #c4bfae;margin-top:16px;background:#fcfaf3}.paragraph-hard-sentences article>b{font-size:10px;background:#151515;color:white;padding:4px 8px}.paragraph-hard-sentences article>p{font-size:13px;line-height:2}.paragraph-hard-sentences .original-passage{font-size:17px;font-weight:750}
@media(max-width:1200px){.paragraph-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}.paragraph-index{padding:18px}.paragraph-focus{padding:25px}.paragraph-original>p{font-size:19px}.paragraph-title{font-size:26px}}
@media(max-width:1000px){.paragraph-layout{grid-template-columns:1fr}.paragraph-index{position:static}.paragraph-index>button{display:inline-flex;width:calc(50% - 7px);vertical-align:top;margin:5px 2px}.paragraph-overview{margin-top:18px}.paragraph-overview>p{font-size:12px}}
@media(max-width:620px){.paragraph-index{padding:18px}.paragraph-index>button{font-size:11px;padding:12px 8px;gap:8px}.paragraph-index h2{font-size:18px;margin:17px 0}.paragraph-focus{padding:21px 17px;box-shadow:4px 4px #3154ff}.paragraph-title{font-size:24px}.paragraph-original{padding:20px 16px;border-left-width:5px}.paragraph-original>p{font-size:18px;line-height:2.05}.paragraph-claim{padding:17px}.paragraph-claim>p{font-size:17px}.paragraph-explanation{font-size:16px}.paragraph-reasoning>article{padding:15px;gap:10px;grid-template-columns:24px 1fr}.paragraph-reasoning p{font-size:13px}.reading-toolbar>.row{flex-wrap:wrap}.paragraph-hard-sentences article{padding:15px}}

.paragraph-deep-notes{padding:22px 0;border-bottom:1px solid #d2ccbd}.deep-note{border:1.5px solid #b4bfe9;border-left:5px solid #3154ff;padding:19px;background:#f2f5ff;margin:17px 0}.deep-note>b{font-size:11px;color:#3154ff}.deep-note>p{font-size:14px;line-height:2;margin:12px 0 0}.paragraph-deep-notes summary{font-size:12px;font-weight:800;color:#3154ff;cursor:pointer;line-height:1.9}