:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#2d2de0;text-decoration:inherit}a:hover{color:#2d2de0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2d2de0;cursor:pointer}p{font-size:16px;line-height:140%}h1{font-size:56px;line-height:110%;margin-top:0}h1.large{font-size:72px;margin-bottom:28px}h2{font-size:40px;line-height:110%;margin:0}h3{font-size:32px;line-height:110%;margin:0}h4{font-size:24px;line-height:110%;margin:0}h5,label{font-size:20px;line-height:110%;margin:8px;font-weight:400}h6{font-size:18px;line-height:110%;margin:0}h6.small{font-size:16px}textarea{background-color:#fff;color:#000;padding:10px;min-width:500px;max-width:800px;min-height:200px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:14px}select{padding:10px;border:solid 1px black;font-size:16px}textarea.small-textarea{min-width:200px}ul.rules-list{list-style-type:none;background-color:#fff;color:#000;padding:10px;min-width:500px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:14px}button{background-color:#ffd798;color:#000}button.close-btn{background-color:#fff;color:#000}button.small-btn{padding:6px 12px;background-color:#fff;color:#000;margin-top:10px;width:fit-content}button.plain-btn{background-color:inherit;color:inherit;padding:0;outline:none;border:none}button.plain-btn:hover,button.plain-btn:focus,button.plain-btn:focus-visible,.small-btn:hover{border:none;outline:none}.small-btn:hover{cursor:pointer}button.main-btn{background-color:#2d2de0;color:#fff}.text-container{background-color:#fff;color:#000;padding:10px;min-width:500px;max-width:800px;white-space:pre-line}.text-container.small-text{font-size:12px;line-height:140%}.body{line-height:140%;font-size:16px;margin:0;display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;align-items:center}.navbar{padding:1rem 0rem;width:100%;display:flex;flex-direction:row;column-gap:15px;align-items:center;color:#2d2de0;box-shadow:0 4px 6px #0000001a}.logo{height:40px;border-radius:10px;margin-left:1rem}.card{padding:2em}.inner-body{margin:40px;display:flex;column-gap:40px;min-width:700px}.col-container{display:flex;flex-direction:column;row-gap:20px;align-items:start}.col-container.no-gap{row-gap:0px}.row-container{display:flex;column-gap:20px;align-items:start}.row-container.small-gap{column-gap:5px}.row-container-spaced{margin-top:40px;width:100%;display:flex;column-gap:20px;align-items:start;justify-content:space-between}.row-container.bottom{margin-top:auto}.overlay-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;display:flex;justify-content:center;align-items:center;z-index:999}.overlay-container{display:flex;flex-direction:column;margin:40px;position:relative;width:auto;max-height:90%;overflow-y:auto;padding:24px;background-color:#f5f5f5;min-height:300px}.close-overlay-btn{position:absolute;right:24px;top:12px;font-size:18px}.error-text{color:red;font-style:italic;max-width:700px}.highlighted-text{white-space:pre-wrap;word-wrap:break-word;color:#000;pointer-events:none;background-color:#fff;border:solid 1px rgb(133,133,133);padding:10px;min-width:500px;font-size:14px}.highlight{background-color:#ff0;font-weight:700;cursor:pointer;pointer-events:all}.bolden{font-weight:700;font-style:italic}.arrow{font-size:38px;margin:0 10px auto}audio.small-audio{width:220px;height:30px;margin-top:10px}.epub-wrapper{width:700px}.two-col-container{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:20px}.three-col-container{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:20px}.grid-col-container{display:flex;flex-direction:column}.overview-page-container{display:flex;flex-direction:column;border:1px solid darkgrey;border-radius:12px;padding:10px}.overview-page-container.highlighted{border:4px solid #2D2DE0}.upper-container-overview{display:flex;flex-direction:row;margin:20px;align-items:end;justify-content:end}.rule-container{display:flex;width:100%;justify-content:space-between}
