.l4-flow{width:100%;display:block;max-height:315px;font-family:var(--font-text);color:#355575}.l4-flow text{fill:currentColor;font-family:var(--font-text)}.l4-values{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;min-height:42px}.l4-values>span{display:flex;gap:10px;align-items:center;border:1px solid #d6e3ef;background:white;border-radius:9px;padding:5px 12px;font-size:17px}.l4-values b{font-weight:500;color:#296d9d}.l4-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.l4-rules>div{display:grid;gap:5px;padding:18px;background:#fff7de;border:1px solid #eadcaf;border-radius:14px;text-align:center}.l4-rules strong{font-size:25px;color:#956b28}.l4-rules span{font-size:17px}.fourth-course-main .reading-program pre{font-size:18px}.fourth-course-main .reading-board{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.fourth-course-main .l1-code pre>span{background-image:repeating-linear-gradient(to right,transparent 0,transparent 3.9ch,#ffffff0a 3.9ch,#ffffff0a 4ch);background-size:8ch 100%;background-repeat:no-repeat}.fourth-course-main .l1-code pre>span.is-line{background-color:#303b48}@media(max-width:700px){.fourth-course-main .reading-board{grid-template-columns:1fr}.l4-rules{grid-template-columns:1fr}.l4-rules>div{display:flex;align-items:center;justify-content:space-between}}
@media(max-width:700px){.l4-flow text{font-size:24px}.fourth-course-main .l1-side-explanation .l1-note{display:block}.fourth-course-main .l1-side-explanation .l1-note img{float:right;width:58px;height:64px}.fourth-course-main .l1-side-explanation .l1-note:after{content:"";display:block;clear:both}}