#sectWrap{padding-top:2px;scroll-margin-top:110px}
#sectWrap .practice-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 14px}
#sectWrap .practice-top .sh{margin:0}
#sectWrap button{font-family:inherit;cursor:pointer}
#sectWrap .practice-language{border:0;background:none;color:#5e1b2e;font-size:14px;min-width:48px;min-height:44px;text-decoration:underline;text-underline-offset:4px}
#sectWrap .practice-modes{display:flex;gap:24px;border-bottom:1px solid #e5d8c3;margin-bottom:18px}
#sectWrap .practice-mode{border:0;border-bottom:2px solid transparent;background:none;color:#6c5b60;font-size:14px;padding:0 2px 13px;min-height:44px;font-weight:500}
#sectWrap .practice-mode[aria-selected=true]{border-bottom-color:#5e1b2e;color:#5e1b2e;font-weight:650}
#sectWrap #sect{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#sectWrap #sect[hidden],#sectWrap .practice-panel[hidden]{display:none}
#sectWrap .scard{min-height:81px;color:#3a1420;font-size:13px;font-weight:500;line-height:1.35;position:relative}
#sectWrap .scard[aria-pressed=true]{border-color:#7a263b;background:#f8eedf;box-shadow:inset 0 0 0 1px #7a263b}
#sectWrap .scard .ico{width:30px;height:30px;font-size:18px;margin:0 auto 7px}
#sectWrap .list-heading{display:flex;align-items:baseline;gap:10px;margin:25px 0 11px}
#sectWrap .list-heading h2{font-family:var(--font-serif);font-weight:500;font-size:20px;color:#5e1b2e;margin:0}
#sectWrap .list-heading span{font-size:13px;color:#77676c}
#sectWrap .test-list{list-style:none;margin:0;padding:0;border-top:1px solid #e5d8c3}
#sectWrap .test-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #e5d8c3;min-height:84px;text-decoration:none;color:#2c1a20;transition:background .15s}
#sectWrap .test-row:hover{background:#f5ecdf}
#sectWrap .test-number{font-size:13px;color:#89736a;font-variant-numeric:tabular-nums;min-width:25px;align-self:flex-start;padding-top:2px}
#sectWrap .test-copy{flex:1;min-width:0}
#sectWrap .test-title{display:block;font-size:15px;line-height:1.5;font-weight:600;color:#391a24}
#sectWrap .test-meta{display:block;font-size:13px;line-height:1.65;color:#726268;margin-top:3px}
#sectWrap .test-access{display:flex;align-items:center;gap:7px;font-size:13px;color:#6e5960;white-space:nowrap}
#sectWrap .test-access.free{color:#5e1b2e;font-weight:600}
#sectWrap .test-arrow{margin-left:6px;font-size:18px;color:#7a263b}
#sectWrap .practice-panel{min-width:0}
#sectWrap .practice-panel:focus-visible{outline:3px solid #996b18;outline-offset:5px;border-radius:5px}
#sectWrap .test-scope{font-size:12px;line-height:1.5;color:#726268;padding:0 0 12px 43px;border-bottom:1px solid #e5d8c3;margin-top:-1px}
#sectWrap .test-scope summary{cursor:pointer;padding:9px 0;min-height:40px;color:#5e1b2e}
body.dark #sectWrap .test-scope{color:#d5bcad;border-color:#533c43}
body.dark #sectWrap .test-scope summary{color:#e7c873}
#sectWrap :is(button,a):focus-visible{outline:3px solid #996b18;outline-offset:4px;border-radius:5px}
#sectWrap .practice-language:hover{color:#2c1a20}
body.dark #sectWrap .practice-mode,body.dark #sectWrap .practice-language,body.dark #sectWrap .list-heading h2,body.dark #sectWrap .test-title{color:#f0e6dc}
body.dark #sectWrap .practice-mode[aria-selected=true]{border-color:#e7c873;color:#e7c873}
body.dark #sectWrap .scard[aria-pressed=true]{border-color:#e7c873!important;box-shadow:inset 0 0 0 1px #e7c873}
body.dark #sectWrap .test-meta,body.dark #sectWrap .test-access,body.dark #sectWrap .test-number,body.dark #sectWrap .list-heading span{color:#d5bcad}
body.dark #sectWrap .test-access.free,body.dark #sectWrap .test-arrow{color:#e7c873}
body.dark #sectWrap .test-row,body.dark #sectWrap .test-list,body.dark #sectWrap .practice-modes{border-color:#533c43}
body.dark #sectWrap .test-row:hover{background:#311c25}
@media(max-width:540px){
 #sectWrap .practice-modes{gap:12px;margin-bottom:16px}
 #sectWrap .practice-mode{font-size:13px;white-space:nowrap}
 #sectWrap #sect{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #sectWrap .scard{display:flex;align-items:center;gap:9px;padding:12px 10px;min-height:62px;text-align:left;font-size:12px}
 #sectWrap .scard .ico{margin:0;width:28px;height:28px;font-size:17px}
 #sectWrap .test-row{gap:9px;flex-wrap:wrap;padding:16px 0}
 #sectWrap .test-number{min-width:21px;font-size:12px}
 #sectWrap .test-copy{flex-basis:calc(100% - 33px)}
 #sectWrap .test-title{font-size:14px}
 #sectWrap .test-meta{font-size:12px}
 #sectWrap .test-access{margin-left:30px;font-size:12px;line-height:1.5}
 #sectWrap .test-arrow{margin-left:auto}
 #sectWrap .list-heading{margin-top:23px}
 #sectWrap .test-scope{padding-left:30px}
}
@media(prefers-reduced-motion:reduce){#sectWrap *{transition:none!important}}