/* ZNK / geometry workbook. Deliberately scoped to this lesson pilot. */
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-reading-body{--ink:#253d77;--pink:#ec1670;--yellow:#ffdc58;--blue:#3159d9;--mint:#bde9df}
.znk-concepts-design[data-page="mishpat-pitagoras"] .workbook-icon{width:86px;height:78px;display:block;flex:none}
/* Summary: six mathematical sketches on an open sheet, not six cards. */
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-reading-body #tldr{background:#fff!important;border:0!important;padding:0 0 40px!important;border-radius:0!important}
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr>.znk-cl-kicker{border:0;background:#ffdc58;color:#253d77;padding:5px 15px;transform:rotate(2deg);font-size:15px;margin:0 0 19px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr>h2{font-size:37px;line-height:1.3;max-width:22ch;margin-bottom:32px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr>ul{gap:0 34px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr>ul>li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:15px;align-items:start;padding:24px 0;border-top:1px solid #dce3f2;font-size:16px;line-height:1.9}
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr>ul>li:before{display:none}
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr .workbook-icon{width:76px;height:70px}
/* Exam frequency: visualised against a question strip, with the original caveat visible. */
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam>.znk-cl-kicker{color:#526581;font-size:14px;margin:0 0 14px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam>h2{font-size:35px;max-width:29ch;line-height:1.35;margin-bottom:30px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px 32px;background:#edf1ff;border:0;border-radius:0 42px 0 0;padding:32px;color:#253d77;position:relative;border-bottom:6px solid #253d77}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est .v{font:400 clamp(40px,4vw,58px)/1.1 StudioSecular;color:#253d77;align-self:end;letter-spacing:-1.5px;white-space:nowrap}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-visual{grid-column:2;grid-row:1 / span 2;align-self:center}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-questions{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;direction:rtl;transform:rotate(-4deg);padding:8px 3px 15px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-questions i{display:grid;place-items:center;aspect-ratio:1.16;font:500 13px StudioHeebo;background:white;border:1px solid #b6c4e7;border-radius:2px;color:#526581;font-style:normal;box-shadow:0 3px 0 #d3dcf0}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-questions .is-hit{background:#253d77;color:#fff;border-color:#253d77;box-shadow:0 3px 0 #ec1670;transform:translateY(-3px)}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-questions .is-maybe{background:#ffdc58;color:#253d77;border-color:#b59c3a}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-visual>span{font-size:12px;display:block;text-align:center;margin-top:13px;color:#526581}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>p{grid-column:1;grid-row:2;font-size:17px;line-height:1.9;margin:0;color:#354b70}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>.bd{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border:0;border-top:1px solid #b7c6ea;padding:21px 0 0;margin:0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>.bd li{display:flex;flex-direction:column-reverse;gap:10px;align-items:flex-start;font-size:14px;line-height:1.65;color:#354b70;margin:0;padding:0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>.bd b{font:400 26px StudioSecular;color:#253d77}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>small{grid-column:1/-1;font:400 12px/1.8 StudioHeebo;color:#526581}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-exam-grid{display:block;margin-top:40px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where h3{font-size:28px;max-width:29ch;margin:0 0 28px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where ul{display:grid;grid-template-columns:1fr 1fr;gap:30px 32px;list-style:none;padding:0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where li{display:flex;gap:16px;align-items:flex-start;margin:0;padding:0;font-size:16px;line-height:1.85}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where li:before{display:none}
.znk-concepts-design[data-page="mishpat-pitagoras"] .where-copy b{display:block;font-family:StudioSecular;font-size:20px;font-weight:400;margin:0 0 7px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-facts{grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid #dce3f2;margin-top:35px!important}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-fact{background:white;border-radius:0;padding:23px 13px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-fact+.znk-cl-fact{border-right:1px solid #dce3f2}
/* Chapter landmark built from the actual geometry of a right angle. */
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-reading-body>.znk-cl-ch>.workbook-chapter-title{position:relative;background:white;color:#253d77;border-radius:0;box-shadow:none;border-bottom:7px solid #253d77;padding:14px 0 25px 95px;margin-bottom:22px;min-height:120px;font-size:38px;line-height:1.25;gap:24px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .workbook-chapter-title .znk-cl-ch-num{width:66px;height:80px;border-radius:0;background:#ffdc58;color:#253d77;font:400 64px/1 StudioSecular;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 79%,28% 79%,28% 59%,0 59%)}
.znk-concepts-design[data-page="mishpat-pitagoras"] .workbook-chapter-title .chapter-art{position:absolute;left:0;bottom:18px;width:85px;height:80px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-sec>h3{display:flex;align-items:center;gap:15px;padding:0;border:0;font-size:27px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .section-art{width:66px;height:65px}
/* Interactive, author-drawn figure. Color is linked to the equation and controls. */
.znk-concepts-design[data-page="mishpat-pitagoras"] .triangle-lab{margin:36px 0;display:grid;grid-template-columns:1.25fr 1fr;background:#f5f7ff;border:1px solid #dce3f2;border-radius:0;overflow:hidden}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-art{grid-column:1;min-width:0;display:grid;align-items:center;background:#f5f7ff}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-art svg{width:100%;height:auto;display:block}
.znk-concepts-design[data-page="mishpat-pitagoras"] .triangle-lab figcaption{grid-column:2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:19px;padding:30px 24px;background:white;border-right:1px solid #dce3f2;text-align:right}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-heading{font:400 28px StudioSecular;color:#253d77}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-equation{font:400 32px StudioSecular;text-align:center;white-space:nowrap;color:#253d77}
.znk-concepts-design[data-page="mishpat-pitagoras"] .eq-a{color:#3159d9}.znk-concepts-design[data-page="mishpat-pitagoras"] .eq-b{color:#16816d}.znk-concepts-design[data-page="mishpat-pitagoras"] .eq-c{color:#c40c59}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-words{font-size:13px;text-align:center;margin-top:-12px;color:#526581}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-sides{display:flex;gap:6px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .triangle-lab button{font:600 13px StudioHeebo;min-height:44px;padding:8px 10px;border:1px solid #b8c7e7;border-radius:6px;background:#fff;color:#253d77;cursor:pointer;flex:1}
.znk-concepts-design[data-page="mishpat-pitagoras"] .triangle-lab button:focus-visible{outline:3px solid #3159d9;outline-offset:3px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-sides button[data-side="a"]{border-bottom:4px solid #3159d9}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-sides button[data-side="b"]{border-bottom:4px solid #16816d}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-sides button[data-side="c"]{border-bottom:4px solid #ec1670}
.znk-concepts-design[data-page="mishpat-pitagoras"] .triangle-lab button[aria-pressed="true"]{background:#253d77;color:#fff}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-scale{border-top:1px solid #dce3f2;padding-top:18px;font-size:13px;color:#526581}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-scale>div{display:flex;direction:ltr;gap:7px;margin-top:10px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-result{font:400 21px StudioSecular;text-align:center;color:#253d77;background:#fff1ab;padding:10px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-edge{stroke-width:5;fill:none;stroke-linecap:round}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-edge.is-emphasis{stroke-width:12}
/* Refs remain readable; hand-authored symbols tie them to the diagram. */
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig{background:#fff;border:1px solid #dce3f2;border-radius:0;padding:18px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig thead th{background:#edf1ff;color:#253d77;border-bottom:3px solid #253d77}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig tbody tr:nth-child(even)>*{background:#f7f9ff}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-parts .table-art{width:57px;height:50px;margin-bottom:8px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig figcaption{background:#fff8dc;border:0;padding:16px 18px;color:#354b70;line-height:1.85}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps{background:#fff;border:0;padding:10px 0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps .znk-cl-flow{gap:32px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps li{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto 1fr;padding:0 0 24px;border-bottom:2px solid #dce3f2;gap:8px 12px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps li:before{grid-row:2;grid-column:1;background:#ffdc58;color:#253d77;border-radius:4px;font-size:20px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps .step-art{grid-row:1;grid-column:1/-1;width:105px;height:92px;margin:0 0 12px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps .t{grid-row:2;grid-column:2;font-size:22px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps .x{grid-row:3;grid-column:2;font-size:16px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps figcaption{background:#edf1ff;border:0;border-right:5px solid #3159d9}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-pit{border:0;border-top:2px solid #253d77;border-radius:0;padding:24px 0;gap:15px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-pit .w,.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-pit .r{border-radius:0}
@media(max-width:600px){
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr>h2,.znk-concepts-design[data-page="mishpat-pitagoras"] #exam>h2{font-size:29px;line-height:1.35}
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr>ul>li{grid-template-columns:64px minmax(0,1fr);gap:15px;padding:22px 0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #tldr .workbook-icon{width:64px;height:62px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est{grid-template-columns:1fr;padding:26px 22px;gap:23px;border-radius:0 32px 0 0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est .v{font-size:49px;grid-column:1;grid-row:1}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-visual{grid-column:1;grid-row:3;padding:0 8px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-questions{grid-template-columns:repeat(10,1fr);gap:5px;padding:8px 0;transform:rotate(-3deg)}
.znk-concepts-design[data-page="mishpat-pitagoras"] .exam-questions i{font-size:9px;aspect-ratio:.65;box-shadow:0 2px 0 #d3dcf0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>p{font-size:16px;grid-row:2}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>.bd{grid-template-columns:1fr;gap:18px;grid-row:4}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>.bd li{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>.bd b{font-size:24px;flex:none}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-est>small{font-size:11px;grid-row:5}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where h3{font-size:26px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where ul{grid-template-columns:1fr;gap:25px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where li{gap:17px;font-size:16px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where .workbook-icon{width:75px;height:70px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-facts{grid-template-columns:1fr 1fr;gap:0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-fact{padding:20px 12px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-fact:nth-child(3){border-right:0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-fact:nth-child(n+3){border-top:1px solid #dce3f2}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-reading-body>.znk-cl-ch>.workbook-chapter-title{font-size:30px;gap:17px;padding:10px 0 22px;min-height:0}
.znk-concepts-design[data-page="mishpat-pitagoras"] .workbook-chapter-title .znk-cl-ch-num{width:50px;height:72px;font-size:51px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .workbook-chapter-title .chapter-art{display:none}
.znk-concepts-design[data-page="mishpat-pitagoras"] .triangle-lab{grid-template-columns:1fr}
.znk-concepts-design[data-page="mishpat-pitagoras"] .triangle-lab figcaption{grid-column:1;grid-row:2;padding:23px;border-right:0;border-top:1px solid #dce3f2}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-art svg{max-height:300px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-heading{font-size:29px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-equation{font-size:34px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .lab-sides button{font-size:14px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-sec>h3{font-size:25px;align-items:flex-start}
.znk-concepts-design[data-page="mishpat-pitagoras"] .section-art{width:55px;height:55px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig{padding:10px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps li{grid-template-columns:34px minmax(0,1fr) 64px;grid-template-rows:auto 1fr;gap:10px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps li:before{grid-column:1;grid-row:1}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps .t{grid-column:2;grid-row:1;font-size:21px}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps .x{grid-column:1 / 3;grid-row:2}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-steps .step-art{grid-column:3;grid-row:1 / 3;width:64px;height:62px;margin:0}
}

.znk-concepts-design[data-page="mishpat-pitagoras"] #exam .znk-cl-where{border:0;border-radius:0;background:none;padding:0;box-shadow:none}

@media(max-width:600px){
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig table,.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig tbody{display:block}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig tbody tr{display:block;border-bottom:1px solid #bccae5;padding-bottom:15px;margin-bottom:15px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig tbody tr:last-child{border:0;margin:0;padding:0}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig tbody tr>th{display:flex;width:100%;align-items:center;gap:14px;background:#edf1ff;font-size:19px;line-height:1.5;padding:13px 16px;border:0}
.znk-concepts-design[data-page="mishpat-pitagoras"] #fig-parts .table-art{margin:0;width:52px;height:48px}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig tbody tr>td{display:grid;grid-template-columns:85px minmax(0,1fr);gap:14px;padding:13px 10px;background:white;border:0;font-size:15px;overflow-wrap:normal}
.znk-concepts-design[data-page="mishpat-pitagoras"] .znk-cl-fig tbody tr>td:before{content:attr(data-column);font-size:12px;line-height:1.8;font-weight:700;color:#526581}
}