/* ============================================================================
   AI Recruitment Masterclass — stylesheet
   Fonts: Literata (body) + IBM Plex Sans (UI, tables, navigation), Google Fonts.

   Literata is loaded as a variable font across the optical-size axis (7–72) at
   weights 400/600/700, plus true italics at 400/600 — the course uses <em>
   throughout and a synthesised oblique looks wrong in a serif.

   The stylesheet is loaded AFTER the font <link> in the document head, which is
   preceded by preconnect hints to fonts.googleapis.com and fonts.gstatic.com.
   If you ever need this file to be self-contained, uncomment the @import below
   and drop the <link> — it costs one extra round trip, so the <link> is better.

   @import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,600;0,7..72,700;1,7..72,400;1,7..72,600&family=IBM+Plex+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');
   ============================================================================ */

/* --- fallback metric overrides -------------------------------------------
   display=swap paints the fallback first, then swaps. Without matching
   metrics that swap shifts the text and costs you Cumulative Layout Shift.
   These adjust Georgia and Arial to sit close to the real faces.          */
@font-face{
  font-family:"Literata Fallback";
  src:local("Georgia"),local("Times New Roman");
  size-adjust:103%;
  ascent-override:95%;
  descent-override:24%;
  line-gap-override:0%;
}
@font-face{
  font-family:"Plex Fallback";
  src:local("Arial"),local("Helvetica Neue");
  size-adjust:97%;
  ascent-override:98%;
  descent-override:26%;
  line-gap-override:0%;
}

:root{
  --paper:#fff; --desk:#fff; --ink:#14171a; --soft:#5b636b;
  --rule:#dde1e5; --hair:#eef1f3; --slate:#2f4858; --wine:#8c1d3f;
  --m1:#1d6b45; --m2:#2f6f9f; --m3:#7a4fa3; --m4:#c2410c;
  --m5:#0f766e; --m6:#9a4507; --m7:#9d2449; --m8:#3f5f8a;
  --m9:#6d28d9; --m10:#0e7490; --m11:#8a5406; --m12:#136c34;
  --accent:#2f4858; --accent-soft:#eef2f6; --accent-pale:#f7f9fb;
  --mint:#e8f5ee; --sky:#e7f0f9; --lilac:#f1ecfa; --peach:#fdefe6;
  --sand:#fbf5e4; --rose:#fdecf1; --aqua:#e4f4f4;
  --band:#f5f7f9; --warn-bg:#fbf3f5;
  --serif:"Literata","Literata Fallback","Charter","Iowan Old Style",Georgia,serif;
  --sans:"IBM Plex Sans","Plex Fallback",ui-sans-serif,-apple-system,"Segoe UI",
         Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--desk);color:var(--ink);font-family:var(--serif);
     font-size:17px;line-height:1.68;font-optical-sizing:auto;
     font-kerning:normal;font-variant-ligatures:common-ligatures;
     -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
     text-rendering:optimizeLegibility}
/* never let the browser fake a face we did not load */
strong,b{font-weight:600;font-synthesis-weight:none}
em,i{font-style:italic;font-synthesis-style:none}
/* headings read better when the last line is not a single word */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
/* figures in tables line up */
td,th,.id,.num,.rt{font-variant-numeric:tabular-nums}
.shell{max-width:1220px;margin:0 auto;background:#fff}
.grid{display:grid;grid-template-columns:262px minmax(0,1fr)}

/* masthead */
.mast{display:flex;align-items:baseline;gap:14px;padding:16px 34px;
      border-bottom:1px solid var(--rule);font-family:var(--sans);font-size:14px}
.mast a.brand{font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.mast span{color:var(--soft)}
.mast .right{margin-left:auto}
.mast .right a{color:var(--wine);text-decoration:none;font-weight:600}
.mast a.mapl{color:var(--soft);text-decoration:none}
.mast a.mapl:hover{color:var(--ink)}

/* sidebar */
.side{border-right:1px solid var(--rule);padding:8px 20px 40px;font-family:var(--sans)}
.side-in{position:sticky;top:22px;max-height:calc(100vh - 44px);overflow-y:auto}
.side h3{font-size:11.5px;font-weight:700;color:var(--soft);margin:0 0 12px;letter-spacing:.03em}
.side ol{list-style:none;margin:0 0 4px;padding:0}
.side details.mod{margin:0 0 2px}
.side details.mod summary{display:flex;gap:8px;align-items:baseline;font-size:13px;
  font-weight:600;color:var(--ink);padding:6px 4px;cursor:pointer;list-style:none;
  border-radius:3px}
.side details.mod summary::-webkit-details-marker{display:none}
.side details.mod summary:hover{background:var(--accent-pale)}
.side details.mod summary .n{color:#fff;background:var(--m,var(--slate));
  min-width:20px;height:20px;line-height:20px;text-align:center;border-radius:6px;
  font-size:11px;font-variant-numeric:tabular-nums;flex:none}
.side details.mod[open] summary{color:var(--m,var(--accent))}
.side-foot{margin-top:20px;padding-top:14px;border-top:1px solid var(--rule);
  font-size:12.5px;color:var(--soft)}
.side-foot a{color:var(--slate);text-decoration:none}
.side-foot a:hover{text-decoration:underline}
.side-foot .lic{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--hair)}
.side .les a{display:block;padding:4px 8px 4px 23px;font-size:12.8px;line-height:1.4;
             color:#3d454d;text-decoration:none;border-radius:3px}
.side .les a:hover{background:var(--accent-pale);color:var(--ink)}
.side .les a.here{background:var(--m,var(--accent));color:#fff;border-radius:5px}
.side .les .soon{display:block;padding:4px 8px 4px 23px;font-size:12.8px;line-height:1.4;color:#a6adb4}

/* main */
main{padding:8px 56px 56px;min-width:0}
.crumb{font-family:var(--sans);font-size:12.5px;color:var(--soft);margin:0 0 14px}
.crumb a{color:var(--soft)}
h1{font-size:38px;line-height:1.14;letter-spacing:-.018em;font-weight:600;margin:0 0 12px}
.lesson h1{font-size:31px;max-width:23ch}
.meta{font-family:var(--sans);font-size:13px;color:var(--soft);margin:0 0 30px;
      padding-bottom:18px;border-bottom:1px solid var(--rule)}
.meta .upd{color:#5b636b}
article{max-width:68ch}
article p{margin:0 0 16px}
p.lede{font-size:20px;line-height:1.5;color:#262c31;margin-bottom:24px}
article h2,main>h2:not(.sec){font-family:var(--sans);font-size:17px;font-weight:600;margin:34px 0 10px}
article h3,.callout h3{font-family:var(--sans);font-size:14.5px;font-weight:600;margin:0 0 8px}
h4{font-family:var(--sans);font-size:14.5px;font-weight:600;margin:0 0 8px}
ul,ol{padding-left:24px;margin:0 0 18px}
li{margin-bottom:8px}
code{background:var(--accent-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.87em;
     background:var(--band);padding:1px 5px;border-radius:3px}
a{color:var(--slate)}
table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:13.6px;margin:16px 0 24px}
th{text-align:left;font-weight:650;color:var(--accent);background:var(--accent-soft);
  border-bottom:2px solid var(--accent);padding:10px 12px}
thead tr:first-child th:first-child{border-radius:8px 0 0 0}
thead tr:first-child th:last-child{border-radius:0 8px 0 0}
td{padding:9px 12px;border-bottom:1px solid var(--hair);vertical-align:top;line-height:1.45}
tbody tr:nth-child(even){background:var(--accent-pale)}
tbody tr:hover{background:var(--accent-soft)}
table{border-radius:8px;overflow:hidden}
.callout{border-left:5px solid var(--accent);background:var(--accent-soft);
  padding:17px 22px;margin:28px 0;border-radius:0 8px 8px 0}
.callout.warn{border-left-color:var(--wine);background:var(--rose)}
.callout.warn{border-left-color:var(--wine);background:var(--warn-bg)}
.callout h3{color:var(--accent)}
.callout.warn h3{color:var(--wine)}
.callout p:last-child{margin-bottom:0}
.btn{display:inline-block;font-family:var(--sans);font-size:14px;font-weight:600;
     background:var(--slate);color:#fff;text-decoration:none;padding:9px 16px;border-radius:4px;
     margin:4px 8px 12px 0}
.btn:hover{background:#25394a}
p.alt{font-size:15.5px;color:var(--soft)}

/* footer nav */
.byline{max-width:68ch;margin:40px 0 0;padding:14px 0 0;border-top:1px solid var(--rule);
  font-family:var(--sans);font-size:13.5px;color:var(--soft)}
.byline a{color:var(--slate)}
.sub{max-width:68ch;margin:26px 0 0;padding:20px 22px;background:var(--band);
  border:1px solid var(--rule);border-radius:5px}
.subX h2{font-family:var(--sans);font-size:15px;margin:0 0 6px;color:var(--ink);font-weight:600}
.sub p{font-size:15px;color:var(--soft);margin:0 0 12px}
.subf{display:flex;gap:8px;flex-wrap:wrap}
.subf input{flex:1;min-width:200px;font:inherit;font-size:15px;padding:9px 12px;
  border:1px solid var(--rule);border-radius:4px;background:#fff}
.subf button{font-family:var(--sans);font-size:14px;font-weight:600;background:var(--slate);
  color:#fff;border:0;border-radius:4px;padding:9px 18px;cursor:pointer}
.subf button:hover{background:#25394a}
.sub .fine{font-size:12.5px;margin:10px 0 0}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{
  outline:3px solid var(--accent);outline-offset:2px;border-radius:3px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
p.tmpl{font-family:var(--sans);font-size:14px;background:var(--accent-soft);border-left:4px solid var(--accent);padding:11px 16px;margin:20px 0;max-width:66ch}
p.tmpl a{color:var(--slate);font-weight:600}
.readbtn{font-family:var(--sans);font-size:12px;margin-left:14px;padding:3px 10px;
  border:1px solid var(--rule);background:#fff;border-radius:3px;cursor:pointer;color:var(--soft)}
.readbtn:hover{border-color:var(--slate);color:var(--ink)}
.readbtn.done{background:#e7f3ec;border-color:#bfe0cd;color:#1d6b45}
.side .les a.read::after{content:"¹3";float:right;color:#1d6b45;font-size:11px;
  margin-left:6px}
.prog{margin:18px 0 26px;font-family:var(--sans);font-size:12.5px;color:var(--soft)}
.ptrack{height:5px;background:var(--rule);border-radius:3px;overflow:hidden;margin:7px 0 5px;
  max-width:340px}
.pfill{height:100%;background:var(--slate);width:0}
.prog button{font:inherit;background:none;border:0;color:var(--slate);cursor:pointer;padding:0;
  text-decoration:underline}
.quiz{max-width:68ch;margin:44px 0 0;padding:24px 26px;border:1px solid var(--accent);
  border-radius:10px;background:var(--accent-pale)}
.quiz h2{margin:0 0 4px;font-size:16px}
.qlead{font-size:14.5px;color:var(--soft);margin:0 0 18px}
.qlist{list-style:none;padding:0;margin:0}
.qitem{margin:0 0 22px;padding:0 0 20px;border-bottom:1px solid var(--hair)}
.qitem:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.qq{font-size:16px;margin:0 0 11px;display:flex;gap:10px}
.qn{font-family:var(--sans);font-size:12px;color:var(--soft);flex:none;padding-top:4px}
.qopts{list-style:none;padding:0;margin:0 0 0 26px;display:flex;flex-direction:column;gap:6px}
.qopt{font:inherit;font-size:15px;text-align:left;width:100%;padding:10px 14px;cursor:pointer;
  background:#fff;border:1px solid var(--rule);border-radius:7px;color:var(--ink)}
.qopt:hover{border-color:var(--accent);background:var(--accent-soft)}
.answered .qopt{cursor:default}
.answered .qopt:hover{border-color:var(--rule);background:#fff}
.qopt.right{background:#e7f3ec;border-color:#63b98b;color:#14532d;font-weight:600}
.qopt.wrong{background:#fbf0f2;border-color:#dcc0c8;color:#7a1f38}
.qwhy{font-size:14.5px;color:#3f474e;margin:11px 0 0 26px;padding-left:13px;
  border-left:2px solid var(--slate)}
.qscore{font-family:var(--sans);font-size:14px;font-weight:600;margin:18px 0 0;
  padding-top:14px;border-top:1px solid var(--rule)}
.fig{margin:32px 0;padding:24px 26px;background:var(--accent-pale);border-radius:10px;
  border:1px solid var(--accent-soft);max-width:none}
@media(min-width:941px){
  /* raster infographics break out of the 68ch text column into the space beside it */
  .fig-img{width:min(880px,calc(100vw - 380px));max-width:none}
}
.fig-zoom{display:block;position:relative;text-decoration:none}
.zoomhint{display:none;font-family:var(--sans);font-size:12px;font-weight:600;
  color:var(--accent);margin-top:8px;text-align:right}
@media(max-width:940px){.zoomhint{display:block}}
.tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.fig picture,.fig img{display:block;max-width:100%;height:auto;margin:0 auto}
.fig img{border-radius:6px;background:#fff}
.fig figcaption{font-family:var(--sans);font-size:13px;color:var(--soft);margin-top:14px;
  max-width:66ch}
.chg{max-width:68ch;margin:26px 0 0;padding:18px 22px;background:var(--accent-soft);
  border-radius:10px;border-left:5px solid var(--accent)}
.chgdate{font-family:var(--sans);font-size:12px;color:var(--soft);margin:0 0 3px;
  letter-spacing:.04em}
.chg h2{font-family:var(--sans);font-size:16px;margin:0 0 10px;color:var(--ink)}
.chg ul{margin:0;padding-left:20px}
.chg li{margin-bottom:7px}
.sec-block{border:1px solid var(--rule);border-radius:10px;overflow:hidden;margin:0 0 16px}
.sec-block .sec-head{background:var(--msoft,var(--band));padding:16px 20px;
  border-bottom:2px solid var(--m,var(--slate));display:flex;gap:14px;align-items:flex-start}
.sec-block .sec-head .n{background:var(--m,var(--slate));color:#fff;min-width:28px;height:28px;
  line-height:28px;text-align:center;border-radius:8px;font-family:var(--sans);font-weight:700;
  font-size:13px;flex:none}
.sec-block .sec-head h2{color:var(--m,var(--ink))}
.sec-block .les-list{padding:10px 20px 16px}
.hero .facts div b{color:var(--slate)}
.gindex{font-family:var(--sans);font-size:13px;line-height:2.1;color:var(--soft);
  padding:18px 20px;background:var(--accent-soft);border-radius:10px}
.gindex a{color:var(--slate);text-decoration:none}
.gindex a:hover{text-decoration:underline}
.ggroup{max-width:68ch;margin:36px 0 0}
.ggroup h2{font-family:var(--sans);font-size:13px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:7px;margin:0 0 18px}
.gterm{margin:0 0 14px;padding:15px 18px;background:var(--accent-pale);
  border-radius:8px;scroll-margin-top:20px}
.gterm h3{font-family:var(--sans);font-size:16px;font-weight:650;margin:0 0 5px;color:var(--ink)}
.gterm p{margin:0;color:#33383d}
.gref{font-family:var(--sans);font-size:12.5px;color:var(--soft);margin-top:5px}
.faq{max-width:68ch;margin:44px 0 0;padding:24px 26px;background:var(--accent-soft);
  border-radius:10px}
.faq h2{font-size:19px;font-family:var(--serif);font-weight:600;margin:0 0 16px}
.fq{margin:0 0 16px;padding:14px 16px;background:#fff;border-radius:8px}
.fq h3{font-family:var(--sans);font-size:15.5px;font-weight:600;margin:0 0 6px;color:var(--accent)}
.fq p{margin:0;color:#33383d}
.related{max-width:68ch;margin:36px 0 0;padding:18px 22px;background:var(--accent-pale);
  border-radius:10px;font-family:var(--sans);font-size:14px}
.related h2{font-family:var(--sans);font-size:13px;color:var(--soft);font-weight:600;margin:0 0 8px}
.related ul{margin:0 0 12px;padding-left:20px}
.related li{margin-bottom:4px}
.related a{color:var(--slate)}
.inshort{max-width:68ch;margin:0 0 28px;padding:18px 22px 18px 24px;
  background:var(--accent-soft);border-radius:8px;border-left:5px solid var(--accent);
  border-top:0}
.inshort h2{font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--accent);
  margin:0 0 10px;font-weight:700;text-transform:uppercase}
.inshort ul{margin:0;padding-left:20px}
.inshort li{margin-bottom:7px;font-size:16.5px;color:#22272b}
.inshort li:last-child{margin-bottom:0}
.jargon{border-bottom:1px dotted var(--accent);cursor:help}
.modtag{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:700;
  letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);
  border:1px solid var(--accent);padding:4px 11px;border-radius:999px;
  margin-bottom:12px;text-transform:uppercase}
.sources{max-width:68ch;margin:30px 0 0;font-family:var(--sans);font-size:13.5px}
.sources h2{font-size:13px;color:var(--soft);margin:0 0 8px;font-weight:600;font-family:var(--sans)}
.sources ul{padding-left:20px;margin:0}
.sources li{margin-bottom:5px;color:var(--soft)}
.pager{display:flex;gap:14px;margin:40px 0 0;padding-top:22px;border-top:1px solid var(--rule);
       font-family:var(--sans);font-size:13.5px;max-width:68ch}
.pager a{flex:1;text-decoration:none;color:var(--ink);border:1px solid var(--rule);
         border-radius:4px;padding:12px 14px}
.pager a:hover{border-color:var(--slate)}
.pager .dir{display:block;font-size:11.5px;color:var(--soft);margin-bottom:3px}
.pager .next{text-align:right}

/* index */
.hero{border-bottom:2px solid var(--ink);padding-bottom:26px;margin-bottom:34px}
.hero p.tag{font-size:20px;color:var(--soft);max-width:58ch;margin:0 0 22px}
.facts{display:flex;flex-wrap:wrap;font-family:var(--sans);border-top:1px solid var(--rule)}
.facts div{padding:10px 22px 4px 0;margin-right:22px;border-right:1px solid var(--rule);
           font-size:12.5px;color:var(--soft)}
.facts div:last-child{border-right:0}
.facts b{display:block;font-size:19px;color:var(--ink);font-weight:600;font-family:var(--serif)}
.curric{max-width:none}
.sec-block{border-top:1px solid var(--rule);padding:22px 0 6px}
.sec-head{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:baseline}
.sec-head .n{font-size:26px;color:#c3c9cf;font-variant-numeric:tabular-nums;font-weight:600}
.sec-head h2{font-size:21px;margin:0 0 4px;font-weight:600}
.sec-head p{font-size:15.5px;color:var(--soft);margin:0;max-width:62ch}
.status{font-family:var(--sans);font-size:11px;font-weight:600;padding:2px 8px;border-radius:2px;
        white-space:nowrap}
.status.on{color:#1d6b45;background:#e7f3ec}
.status.off{color:#7a828a;background:#f0f2f4}
.ft{font-family:var(--sans);font-size:12px;color:var(--soft)}
.les-list{list-style:none;margin:14px 0 0;padding:0 0 0 56px}
.les-list li{display:flex;gap:12px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--hair);
             font-size:15.5px;margin:0}
.les-list li:last-child{border-bottom:0}
.les-list .id{font-family:var(--sans);font-size:12.5px;color:var(--soft);min-width:34px;
              font-variant-numeric:tabular-nums}
.les-list a{text-decoration:none;color:var(--ink)}
.les-list a:hover{text-decoration:underline}
.les-list .pending{color:#9aa1a8}
.les-list .rt{margin-left:auto;font-family:var(--sans);font-size:12px;color:var(--soft)}
/* expandable lesson rows */
.les-list li{display:block;padding:0;border-bottom:1px solid var(--hair)}
details.les-row{padding:0}
details.les-row summary{display:flex;gap:12px;align-items:baseline;padding:9px 4px;cursor:pointer;
  list-style:none;font-size:15.8px}
details.les-row summary::-webkit-details-marker{display:none}
details.les-row summary::before{content:"+";font-family:var(--sans);color:#9aa1a8;font-size:13px;
  width:12px;flex:none}
details.les-row[open] summary::before{content:"-"}
details.les-row summary:hover{background:var(--band)}
details.les-row .id{font-family:var(--sans);font-size:12.5px;color:var(--soft);min-width:34px;
  font-variant-numeric:tabular-nums;flex:none}
details.les-row .t{flex:1}
details.les-row .rt{font-family:var(--sans);font-size:12px;color:var(--soft);white-space:nowrap;flex:none}
.topics{margin:2px 0 14px;padding:0 0 0 58px;list-style:none}
.topics li{border:0;padding:3px 0;font-size:15px;color:#3f474e;display:flex;gap:9px}
.topics li::before{content:"";flex:none;width:4px;height:4px;border-radius:50%;background:#b7bec4;margin-top:.62em}
.read-link{display:inline-block;margin:8px 0 4px 58px;font-family:var(--sans);font-size:13px;
  font-weight:600;color:var(--wine);text-decoration:none}
.read-link:hover{text-decoration:underline}
.sec-meta{font-family:var(--sans);font-size:12px;color:var(--soft);white-space:nowrap}
/* course map */
.map-sec{border-top:1px solid var(--rule);padding:18px 0 10px}
.map-sec h2{font-size:19px;margin:0 0 3px;font-weight:600}
.map-sec h2 .n{color:var(--soft);margin-right:10px;font-variant-numeric:tabular-nums;
  font-family:var(--sans);font-size:13px;font-weight:600}
.map-sec p.s{font-size:15px;color:var(--soft);margin:0 0 10px;max-width:62ch}
.map-list{list-style:none;margin:0;padding:0;columns:2;column-gap:38px}
.map-list li{break-inside:avoid;padding:3px 0;font-size:15px;display:flex;gap:10px}
.map-list .id{font-family:var(--sans);font-size:12px;color:var(--soft);min-width:32px;
  font-variant-numeric:tabular-nums}
.map-list .off{color:#9aa1a8}
.map-key{font-family:var(--sans);font-size:12.5px;color:var(--soft);margin:0 0 20px}
@media(max-width:820px){.map-list{columns:1}}

@media(max-width:940px){
  .grid{grid-template-columns:1fr}
  .mast{flex-wrap:wrap;row-gap:4px}
  .mast .right{margin-left:0;flex-basis:100%}
  .side{border-right:0;border-bottom:1px solid var(--rule);padding:14px 20px}
  .side-in{position:static;max-height:180px;overflow-y:auto;border:1px solid var(--rule);
    border-radius:4px;padding:10px 12px}
  .side h3{margin-bottom:8px}
  main{padding:26px 20px 70px}
  h1,.lesson h1{font-size:28px}
  body{font-size:17px}
  .les-list{padding-left:0}
  .mast{padding:14px 20px}
  article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  article table thead,article table tbody{display:table;width:100%;min-width:460px}
}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
@media print{
  body{background:#fff}.side,.pager,.mast{display:none}.grid{display:block}
  .shell{border:0}main{padding:0}table,tr{break-inside:avoid}
}