/* Vonk — strand lessons: the few page parts the engine (/net/net.css) does
   not have. BYTE-IDENTICAL in les/algo/les.css and les/net/les.css. */

/* "Say it in class" + the concepts a chapter carries, under the myth/fact pair */
.lsay{margin-top:14px; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:14px;}
.lsay > div{border-radius:18px; padding:18px 22px; min-width:0;}
.lsay-q{background:#fff; box-shadow:inset 4px 0 0 var(--accent);}
#chapters > div:nth-child(even) .lsay-q{background:var(--warm);}
.lsay-k{display:block; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-bottom:6px;}
.lsay-q p{margin:0; font-family:var(--font-display); font-weight:500; font-size:18px; line-height:1.42; color:var(--navy);}
.lsay-q p + p{margin-top:10px;}
.lsay-c{border:1.5px solid var(--line); font-size:14px; line-height:1.55; color:var(--ink);}
.lsay-list ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:5px;}
.lsay-list li b{color:var(--navy); font-variant-numeric:tabular-nums; margin-right:4px;}
.lsay-lab{margin:14px 0 0;}
.lsay-lab a{display:inline-flex; align-items:center; gap:6px; margin:0 14px 4px 0; font-weight:600; color:var(--navy);
            text-decoration:none; border-bottom:1.5px solid var(--accent);}
.lsay-lab a::after{content:"\2192"; color:var(--accent); font-weight:700;}
.lsay-lab a:hover{color:var(--orange);}
@media (max-width:900px){ .lsay{grid-template-columns:1fr;} }

/* the closing "Check yourself" */
.lcheck{padding:60px 0 0;}
.lcheck h2{margin-bottom:6px;}
.lcheck .sub{margin-bottom:22px;}
.lchk{background:#fff; border-radius:18px; margin:0 0 10px; border:1.5px solid var(--line);}
.lchk summary{cursor:pointer; list-style:none; display:flex; align-items:baseline; gap:14px; padding:16px 20px;
              font-weight:600; color:var(--navy); font-size:16.5px; line-height:1.45;}
.lchk summary::-webkit-details-marker{display:none;}
.lchk-n{flex:none; width:28px; height:28px; border-radius:50%; display:inline-grid; place-items:center; font-size:13px;
        font-weight:700; color:#fff; background:var(--navy); transform:translateY(-1px);}
.lchk-q{flex:1 1 auto; min-width:0;}
.lchk-show{flex:none; font-size:13px; font-weight:700; color:var(--orange); white-space:nowrap;}
.lchk[open] .lchk-show{visibility:hidden;}
.lchk-a{margin:0; padding:0 20px 18px 62px; font-size:15.5px; line-height:1.6; color:var(--ink);}
@media (max-width:600px){
  .lchk summary{flex-wrap:wrap; gap:6px 12px; padding:14px 16px;}
  .lchk-show{margin-left:40px;}
  .lchk-a{padding:0 16px 16px 56px;}
}