.tone-salmon{--tone:var(--c-salmon);--tone-dark:var(--c-salmon-dark)}
.tone-yellow{--tone:var(--c-yellow);--tone-dark:var(--c-yellow-dark)}
.tone-blue{--tone:var(--c-blue);--tone-dark:var(--c-blue-dark)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rule-head{position:relative;margin-top:52px;background:var(--c-sheet);padding:30px var(--sheet-pad) 0;box-shadow:var(--shadow-sheet);background-image:linear-gradient(90deg,transparent 0 calc(var(--sheet-pad) - 14px),var(--c-margin-red) calc(var(--sheet-pad) - 14px) calc(var(--sheet-pad) - 12px),transparent calc(var(--sheet-pad) - 12px))}
.rule-head h1{font:800 clamp(25px,6.2vw,34px)/1.08 var(--f-type);letter-spacing:-.04em;max-width:32ch;margin:6px 0 16px}
.rule-head__lede{font-size:var(--fs-m);line-height:1.55;max-width:var(--text-w);margin:0 0 22px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:2px 0;font:500 12.5px/1.5 var(--f-type);color:var(--c-ink-2)}
.crumbs li+li::before{content:"/";margin:0 8px;color:var(--c-ink-2)}
.crumbs a{color:var(--c-ink)}
.crumbs [aria-current]{color:var(--c-ink-2)}
.form-line{display:flex;flex-wrap:wrap;margin:0 calc(var(--sheet-pad) * -1);border-top:1.5px solid var(--c-ink)}
.form-line>div{flex:1 1 140px;padding:10px var(--sheet-pad) 12px;border-right:1px solid var(--c-line)}
.form-line>div:last-child{border-right:0}
.form-line dt{font:600 11.5px/1.2 var(--f-type);text-transform:uppercase;letter-spacing:.08em;color:var(--c-ink-2)}
.form-line dd{margin:4px 0 0;font:700 15px/1.3 var(--f-type)}
.reading{padding-top:28px;padding-bottom:var(--sp-7)}
.question-index{margin-bottom:64px}
.question-index__label{margin:0;padding:0 0 8px;font:600 12px/1.3 var(--f-type);letter-spacing:.08em;text-transform:uppercase}
.question-index ol{list-style:none;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.question-index li{flex:none}
.question-index a{display:flex;gap:6px;align-items:baseline;padding:8px 10px;background:var(--tone);border:1.5px solid var(--c-ink);box-shadow:2px 2px 0 var(--c-ink);text-decoration:none;color:var(--c-ink)}
.question-index a[aria-current=true]{background:var(--c-petrol-dark);color:var(--c-white)}
.question-index__nr{font:700 12px/1.45 var(--f-type)}
.question-index__q,.question-index__a{display:none}
.question-index__chip{display:inline-block;max-width:26ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px/1.25 var(--f-text)}
.sheets{min-width:0}
.sheet{position:relative;background:var(--c-sheet);padding:40px var(--sheet-pad) 26px;box-shadow:var(--shadow-sheet)}
.sheet+.sheet{margin-top:72px}
.sheet-tab{position:absolute;top:-31px;left:var(--sheet-pad);max-width:calc(100% - 36px);height:32px;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--tone,var(--c-cover));border:1.5px solid var(--c-ink);border-bottom:0;font:600 var(--fs-xs)/1 var(--f-type);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.sheet h2{font:800 clamp(23px,6.2vw,30px)/1.08 var(--f-type);letter-spacing:-.035em;margin:0 0 20px;max-width:30ch}
.short-answer{font-size:17.5px;line-height:1.55;margin-bottom:18px;max-width:var(--text-w)}
.section-top{display:table;margin:22px 0 0 auto;font:700 13px/1 var(--f-type);color:var(--c-ink);padding:8px 0}
.text-and-notes{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.text-and-notes>div{min-width:0;max-width:var(--text-w)}
.text-and-notes h3{font:700 var(--fs-h3)/1.2 var(--f-type);letter-spacing:-.02em;margin:28px 0 10px}
.side-notes{display:grid;gap:22px;min-width:0}
.ruled-note{background:var(--tone,var(--c-paper-2));border:1.5px solid var(--c-ink);padding:18px 20px 16px;background-image:repeating-linear-gradient(180deg,transparent 0 27px,var(--c-rule) 27px 28px);font-size:var(--fs-sm);line-height:1.5;overflow-wrap:anywhere}
.ruled-note h3{font:700 15px/1.2 var(--f-type);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--c-margin-red)}
.ruled-note p{margin:0}
.fn{font:700 12px/0 var(--f-type);padding:0 1px}
.fn a{text-decoration:none}
.fn a::before{content:"["}
.fn a::after{content:"]"}
.table-frame{overflow-x:auto;margin:0 0 6px}
.rule-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);line-height:1.45}
.rule-table caption{text-align:left;font:500 13px/1.4 var(--f-type);color:var(--c-ink-2);padding-bottom:10px}
.rule-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rule-table,.rule-table tbody,.rule-table tr,.rule-table th,.rule-table td{display:block;width:100%}
.rule-table caption{display:block}
.rule-table tr{border:1.5px solid var(--c-ink);margin-bottom:12px;background:var(--c-white);box-shadow:inset 0 6px 0 var(--c-blue)}
.rule-table tbody th{padding:16px 12px 8px;font:700 15px/1.3 var(--f-type);text-align:left}
.rule-table td{padding:6px 12px 10px;border-top:1px solid var(--c-line-soft)}
.rule-table td::before{content:attr(data-label);display:block;font:600 11.5px/1.6 var(--f-type);text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink-2)}
.list-intro{max-width:var(--text-w)}
.step-file{list-style:none;border-top:3px solid var(--c-ink);max-width:880px}
.step-file li{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:14px 0 12px;border-bottom:1.5px solid var(--c-ink)}
.step-file__nr{justify-self:start;font:700 12px/1 var(--f-type);letter-spacing:.06em;text-transform:uppercase;background:var(--c-yellow);border:1.5px solid var(--c-ink);padding:6px 8px 5px}
.step-file p{margin:0;font-size:16.5px}
.tick-file{list-style:none;border-top:3px solid var(--c-ink)}
.tick-file li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid var(--c-line);font-size:16.5px;line-height:1.4;break-inside:avoid}
.tick-file li::before{content:"";position:absolute;left:2px;top:15px;width:11px;height:11px;border:1.5px solid var(--c-ink);background:var(--c-petrol)}
.faq-item{border-bottom:1.5px solid var(--c-ink)}
.faq-item:first-child{border-top:3px solid var(--c-ink)}
.faq-item summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:16px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:attr(data-nr);font:700 13px/1.5 var(--f-type);color:var(--c-ink-2)}
.faq-item summary::after{content:"+";font:700 22px/1 var(--f-type)}
.faq-item[open] summary::after{content:"–"}
.faq-item h3{font:700 18px/1.3 var(--f-type);letter-spacing:-.02em;margin:0}
.faq-item p{margin:0 0 18px;max-width:var(--text-w)}
.next-cards{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.next-cards a{display:block;height:100%;padding:18px 16px 14px;background:var(--c-white);border:1.5px solid var(--c-ink);box-shadow:inset 0 6px 0 var(--tone),2px 2px 0 var(--c-ink);font:700 16px/1.3 var(--f-type);color:var(--c-ink);text-decoration:none}
.next-cards a:hover{background:var(--c-paper-hover)}
.source-list{list-style:none;max-width:880px;border-top:2px solid var(--c-ink)}
.source-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;padding:9px 0;border-bottom:1px solid var(--c-line-soft);font-size:var(--fs-sm);line-height:1.45;overflow-wrap:anywhere}
.source-list li:target{background:var(--c-pick)}
.source-list__nr{font:700 13px/1.6 var(--f-type)}
.source-list__back{font:600 12.5px/1 var(--f-type);margin-left:6px;white-space:nowrap}
.media-slot{margin:0;max-width:720px;border:1.5px solid var(--c-ink);background:var(--c-cover-2)}
.media-slot__frame{position:relative;display:grid;align-content:end;gap:4px;aspect-ratio:16/9;padding:14px;background:var(--c-ink);color:var(--c-on-ink);text-decoration:none}
.media-slot__kind{font:600 11.5px/1 var(--f-type);text-transform:uppercase;letter-spacing:.08em}
.media-slot__label{font:700 17px/1.25 var(--f-type)}
.media-slot__play{position:absolute;top:14px;right:14px;width:44px;height:44px;border:2px solid var(--c-on-ink);border-radius:var(--radius-hole)}
.media-slot__play::after{content:"";position:absolute;left:15px;top:11px;border-left:14px solid var(--c-on-ink);border-top:9px solid transparent;border-bottom:9px solid transparent}
.media-slot figcaption{padding:9px 12px 10px;font:500 13px/1.4 var(--f-type);border-top:1.5px solid var(--c-ink)}
@media (min-width:761px){
.rule-head{padding-top:36px}
.sheet{padding-top:46px;padding-bottom:30px}
.sheet h2{font-size:var(--fs-h2)}
.short-answer{font-size:var(--fs-m)}
.step-file li{grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:baseline}
.tick-file{columns:2;column-gap:36px}
.next-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.faq-item summary{grid-template-columns:34px minmax(0,1fr) auto}
.faq-item p{margin-left:44px}
.rule-table thead{position:static;width:auto;height:auto;clip:auto}
.rule-table{display:table}
.rule-table caption{display:table-caption}
.rule-table thead{display:table-header-group}
.rule-table tbody{display:table-row-group}
.rule-table tr{display:table-row;border:0;margin:0;background:none;box-shadow:none}
.rule-table th,.rule-table td{display:table-cell;width:auto;padding:12px 10px;border-bottom:1px solid rgba(26,35,36,.22);border-top:0;text-align:left;vertical-align:top}
.rule-table td::before{content:none}
.rule-table thead th{font:600 12px/1.2 var(--f-type);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--c-ink);background:var(--c-cover-2)}
.rule-table tbody th{width:22%;box-shadow:inset 6px 0 0 var(--c-blue);padding-left:16px}
.rule-table tbody tr:hover{background:var(--c-paper-hover)}
}
@media (min-width:1024px){
.rule-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:0 48px;align-items:start;padding-bottom:30px}
.rule-head h1{max-width:none}
.rule-head .form-line{flex-direction:column;flex-wrap:nowrap;margin:8px 0 0;border:1.5px solid var(--c-ink);background:var(--c-white);box-shadow:3px 3px 0 var(--c-ink);background-image:linear-gradient(180deg,var(--c-blue) 0 6px,transparent 6px)}
.rule-head .form-line>div{flex:none;padding:12px 16px;border-right:0;border-bottom:1px solid var(--c-line)}
.rule-head .form-line>div:first-child{padding-top:18px}
.rule-head .form-line>div:last-child{border-bottom:0}
.rule-head .form-line dd{font-size:17px}
.rule-head h1{font-size:var(--fs-h1)}
.text-and-notes{grid-template-columns:minmax(0,var(--text-w)) minmax(220px,1fr);gap:36px}
.text-and-notes--solo{grid-template-columns:minmax(0,var(--text-w))}
.side-notes{position:sticky;top:20px}
.header-shown .side-notes{top:76px}
.next-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1181px){
.reading{display:grid;grid-template-columns:minmax(0,1fr) var(--index-w);gap:40px;align-items:start;padding-top:72px}
.question-index{grid-column:2;grid-row:1;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;margin:0;background:var(--c-sheet);border:1.5px solid var(--c-ink);box-shadow:var(--shadow-sheet);transition:top .22s ease}
.header-shown .question-index{top:76px;max-height:calc(100vh - 92px)}
.question-index__label{padding:10px 14px 9px;background:var(--c-cover);border-bottom:1.5px solid var(--c-ink)}
.question-index ol{display:block;overflow:visible;padding:0}
.question-index li+li{border-top:1px solid var(--c-line-soft)}
.question-index a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 6px;padding:7px 12px 8px;background:none;border:0;box-shadow:inset 5px 0 0 var(--tone)}
.question-index a:hover{background:var(--c-paper-hover)}
.question-index a[aria-current=true]{background:var(--tone);color:var(--c-ink)}
.question-index__nr{grid-row:1/3;font-size:12.5px}
.question-index__q{display:block;font:700 14px/1.25 var(--f-text)}
.question-index__a{display:block;font-size:13px;line-height:1.3;color:var(--c-ink-2);margin-top:1px}
.question-index__chip{display:none}
.sheets{grid-column:1;grid-row:1}
.sheet+.sheet{margin-top:84px}
.sheet:nth-child(even){left:10px}
.text-and-notes{grid-template-columns:minmax(0,var(--text-w)) minmax(240px,1fr)}
}
.wide-block{margin-top:34px;padding-top:26px;border-top:3px double var(--c-ink)}
.sheet .sub-h2{font:800 clamp(20px,5vw,24px)/1.15 var(--f-type);letter-spacing:-.03em;margin:0 0 14px;max-width:36ch}
.wide-block--cont{margin-top:18px;padding-top:0;border-top:0;max-width:var(--text-w)}

.read-on:not([open]) .read-on__body,.faq-item:not([open])>p{display:none}
.sheet--prose .text-and-notes>div>p{max-width:var(--text-w)}
.self-test{list-style:none;border-top:3px solid var(--c-ink);max-width:880px}
.self-test li{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 0 14px;border-bottom:1.5px solid var(--c-ink)}
.self-test__q{margin:0;font-size:16.5px;line-height:1.45;display:grid;grid-template-columns:34px minmax(0,1fr)}
.self-test__opts{display:flex;gap:20px;padding-left:34px}
.self-test__opts label{display:inline-flex;align-items:center;gap:8px;font:700 14px/1 var(--f-type);cursor:pointer;padding:6px 0}
.self-test__nr{font:700 13px/1.5 var(--f-type);color:var(--c-ink-2)}
.self-test input{width:20px;height:20px;margin:0;accent-color:var(--c-petrol)}
.tool-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.tool-tags li{font:600 12.5px/1.2 var(--f-type);background:var(--c-white);border:1px solid var(--c-ink);padding:5px 7px}
.no-data{font:500 13px/1.4 var(--f-type);color:var(--c-ink-2)}
.as-of{margin:10px 0 0;font:500 13px/1.4 var(--f-type);color:var(--c-ink-2)}
.wide-block--cont{margin-top:18px;padding-top:0;border-top:0;max-width:var(--text-w)}
@media (min-width:761px){
.rg-table tbody th{width:26%}
.rg-table td{background:none}
}
@media (min-width:761px){
.self-test li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}
.self-test__opts{padding-left:0}
}
.author-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 16px;align-items:center;margin:0 0 22px;padding:16px;background:var(--c-white);border:1.5px solid var(--c-ink);box-shadow:3px 3px 0 var(--c-ink);background-image:linear-gradient(180deg,var(--c-salmon) 0 6px,transparent 6px)}
.author-card__img{grid-row:1/4;display:block;width:96px;height:96px;border:1.5px solid var(--c-ink);border-radius:var(--radius-hole);background:var(--c-cover-2);object-fit:cover}
.author-card__name{margin:0;font:800 19px/1.2 var(--f-type)}
.author-card__role{margin:0;font-size:15px;line-height:1.35;color:var(--c-ink-2)}
.author-card__topics{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.author-card__topics li{font:600 12px/1.2 var(--f-type);border:1px solid var(--c-ink);padding:4px 6px;background:var(--c-sheet)}
@media (min-width:1024px){
.rule-head__main{grid-row:1/3}
.rule-head .author-card{grid-column:2;margin:8px 0 14px;grid-template-columns:1fr;justify-items:start}
.rule-head .author-card__img{grid-row:auto;width:120px;height:120px}
.rule-head .form-line{grid-column:2;margin-top:0}
}
@media (min-width:1181px){
.reading--solo{grid-template-columns:minmax(0,1fr)}
.reading--solo .sheets{max-width:1040px}
}
