/* cri/begin showcase-criv */
.cri-sheet .criv-wrap{grid-column:1/-1;flex:1 1 100%;width:100%;margin:28px 0 34px;background:var(--tone-inset);padding:22px 22px 18px;font-family:var(--face-text);font-size:15px;line-height:1.45;color:var(--tone-ink)}
.cri-sheet .criv-head{display:grid;grid-template-columns:44px 1fr;gap:0 14px;align-items:start;margin:0 0 14px}
.cri-sheet .criv-head .cri-ic{width:40px;height:40px;color:var(--tone-ink)}
.cri-sheet .criv-head h2{font:900 24px/1.2 var(--face-text);letter-spacing:-.01em;margin:0 0 4px;padding:0;border:0}
.cri-sheet .criv-head p{margin:0;font-size:14px;line-height:1.5;color:var(--tone-ink-2)}
.cri-sheet .criv-f,.cri-sheet .criv-all{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.cri-sheet .criv-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--tone-line)}
.cri-sheet .criv-tabs>span{display:flex;align-items:center;gap:6px;font:800 12px/1.2 var(--face-text);letter-spacing:.08em;text-transform:uppercase;color:var(--tone-mute);margin-right:6px}
.cri-sheet .criv-tabs>span .cri-ic{width:16px;height:16px;color:var(--tone-mute)}
.cri-sheet .criv-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:104px;min-height:62px;padding:8px 10px;background:var(--tone-paper);cursor:pointer;font:800 13px/1.2 var(--face-text);color:var(--tone-ink);text-align:center;border-bottom:3px solid var(--tone-line);user-select:none}
.cri-sheet .criv-tab .cri-ic{width:22px;height:22px}
.cri-sheet .criv-tab:hover{border-bottom-color:var(--tone-ink)}
.cri-sheet .criv-wrap:has(#criv-f-nd:checked) label[for=criv-f-nd],
.cri-sheet .criv-wrap:has(#criv-f-fs:checked) label[for=criv-f-fs],
.cri-sheet .criv-wrap:has(#criv-f-wq:checked) label[for=criv-f-wq],
.cri-sheet .criv-wrap:has(#criv-f-dm:checked) label[for=criv-f-dm]{background:var(--tone-ink);color:#fff;border-bottom-color:var(--tone-red)}
.cri-sheet .criv-wrap:has(#criv-f-nd:checked) label[for=criv-f-nd] .cri-ic,
.cri-sheet .criv-wrap:has(#criv-f-fs:checked) label[for=criv-f-fs] .cri-ic,
.cri-sheet .criv-wrap:has(#criv-f-wq:checked) label[for=criv-f-wq] .cri-ic,
.cri-sheet .criv-wrap:has(#criv-f-dm:checked) label[for=criv-f-dm] .cri-ic{color:#fff}
.cri-sheet .criv-wrap:has(#criv-f-nd:checked) .criv-list>li:not([data-nd]),
.cri-sheet .criv-wrap:has(#criv-f-fs:checked) .criv-list>li:not([data-fs]),
.cri-sheet .criv-wrap:has(#criv-f-wq:checked) .criv-list>li:not([data-wq]),
.cri-sheet .criv-wrap:has(#criv-f-dm:checked) .criv-list>li:not([data-dm]){display:none}
.cri-sheet .criv-list{list-style:none;margin:0;padding:0}
.cri-sheet .criv-list>li{position:relative;display:grid;grid-template-columns:46px 150px minmax(0,1fr) 214px 146px;grid-template-areas:"pos logo id nums go" "pos logo tc tc tc";gap:4px 16px;align-items:center;background:var(--tone-paper);padding:16px 16px 10px 10px;margin:0 0 10px;border-left:4px solid transparent}
.cri-sheet .criv-list>li.criv-hid{display:none}
.cri-sheet .criv-wrap:has(#criv-all:checked):not(:has(.criv-f:checked)) .criv-list>li.criv-hid{display:grid}
.cri-sheet .criv-list>li.criv-pick{border-left-color:var(--tone-red);padding-top:30px}
.cri-sheet .criv-pickl{position:absolute;left:10px;top:9px;display:flex;align-items:center;gap:6px;font:900 11px/1 var(--face-text);letter-spacing:.1em;text-transform:uppercase;color:var(--tone-red)}
.cri-sheet .criv-pickl .cri-ic{width:14px;height:14px;color:var(--tone-red)}
.cri-sheet .criv-pos{grid-area:pos;align-self:stretch;display:flex;align-items:center;justify-content:center;font:400 30px/1 var(--face-num);color:var(--tone-ink);border-right:1px solid var(--tone-line-2)}
.cri-sheet .criv-pick .criv-pos{color:var(--tone-red)}
.cri-sheet .criv-logo{grid-area:logo;display:flex;align-items:center;justify-content:center;height:64px;border:1px solid var(--tone-line-2);background:#fff;padding:6px 10px}
.cri-sheet .criv-logo.criv-logo-dk{background:var(--tone-ink);border-color:var(--tone-ink)}
.cri-sheet .criv-logo.criv-logo-md{background:#5E5B55;border-color:#5E5B55}
.cri-sheet .criv-logo img{max-width:128px;max-height:50px;width:auto;height:auto}
.cri-sheet .criv-id{grid-area:id;min-width:0}
.cri-sheet .criv-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 4px}
.cri-sheet .criv-name b{font:900 17px/1.2 var(--face-text)}
.cri-sheet .criv-lic{display:inline-flex;align-items:center;gap:4px;font:700 12px/1.2 var(--face-text);color:var(--tone-mute)}
.cri-sheet .criv-lic .cri-ic{width:14px;height:14px;color:var(--tone-red)}
.cri-sheet .criv-offer{margin:0;font:800 15px/1.35 var(--face-text);color:var(--tone-ink-2)}
.cri-sheet .criv-nums{grid-area:nums;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:1px solid var(--tone-line-2)}
.cri-sheet .criv-nums span{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2px 4px;border-right:1px solid var(--tone-line-2)}
.cri-sheet .criv-nums b{font:400 18px/1.2 var(--face-num);color:var(--tone-ink);white-space:nowrap}
.cri-sheet .criv-nums b.criv-na{color:var(--tone-line)}
.cri-sheet .criv-nums small{font:700 11px/1.25 var(--face-text);color:var(--tone-mute);margin-top:3px}
.cri-sheet .criv-go{grid-area:go;display:flex;flex-direction:column;align-items:stretch;gap:2px}
.cri-sheet .criv-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--tone-red);color:#fff;text-decoration:none;font:800 15px/1.2 var(--face-text);padding:11px 10px;border-radius:4px;min-height:44px}
.cri-sheet .criv-btn:hover{background:var(--tone-red-deep);color:#fff}
.cri-sheet .criv-btn .cri-ic{width:16px;height:16px;color:#fff}
.cri-sheet .criv-rev{display:flex;align-items:center;justify-content:center;min-height:30px;font:800 13px/1.2 var(--face-text);color:var(--tone-ink);text-decoration:underline;text-underline-offset:3px}
.cri-sheet .criv-tc{grid-area:tc;font-size:12px;line-height:1.45;color:var(--tone-mute);margin:6px 0 0;border-top:1px dashed var(--tone-line-2);padding-top:6px}
.cri-sheet .criv-tc summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:700 12px/1.2 var(--face-text);color:var(--tone-ink-2);list-style:none;min-height:24px}
.cri-sheet .criv-tc summary::-webkit-details-marker{display:none}
.cri-sheet .criv-tc summary .cri-ic{width:14px;height:14px}
.cri-sheet .criv-tc p{margin:6px 0 0;font-size:12px;line-height:1.5}
.cri-sheet .criv-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:4px 0 0;background:var(--tone-paper);cursor:pointer;font:800 14px/1.2 var(--face-text);color:var(--tone-ink);border-bottom:3px solid var(--tone-ink)}
.cri-sheet .criv-more .cri-ic{width:18px;height:18px}
.cri-sheet .criv-wrap:has(#criv-all:checked) .criv-more,.cri-sheet .criv-wrap:has(.criv-f:checked) .criv-more{display:none}
.cri-sheet .criv-note{display:grid;grid-template-columns:20px 1fr;gap:0 8px;margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--tone-mute)}
.cri-sheet .criv-note .cri-ic{width:18px;height:18px;color:var(--tone-mute)}
@media (max-width:960px){
  .cri-sheet .criv-list>li{grid-template-columns:40px 130px minmax(0,1fr) 140px;grid-template-areas:"pos logo id go" "pos nums nums nums" "pos tc tc tc"}
  .cri-sheet .criv-nums{border-left:0;margin-top:8px;border-top:1px solid var(--tone-line-2);padding-top:8px}
}
@media (max-width:720px){
  .cri-sheet .criv-wrap{padding:16px 12px 14px;margin-left:0;margin-right:0}
  .cri-sheet .criv-head{grid-template-columns:34px 1fr;gap:0 10px}
  .cri-sheet .criv-head .cri-ic{width:30px;height:30px}
  .cri-sheet .criv-head h2{font-size:20px}
  .cri-sheet .criv-tabs>span{width:100%}
  .cri-sheet .criv-tab{min-width:0;flex:1 1 calc(50% - 8px)}
  .cri-sheet .criv-list>li{grid-template-columns:34px 104px minmax(0,1fr);grid-template-areas:"pos logo id" "nums nums nums" "go go go" "tc tc tc";padding:14px 12px 8px 8px;gap:8px 12px}
  .cri-sheet .criv-list>li.criv-pick{padding-top:30px}
  .cri-sheet .criv-pos{font-size:22px;border-right:0}
  .cri-sheet .criv-logo{height:52px;padding:4px 6px}
  .cri-sheet .criv-logo.criv-logo-dk{background:var(--tone-ink);border-color:var(--tone-ink)}
.cri-sheet .criv-logo.criv-logo-md{background:#5E5B55;border-color:#5E5B55}
.cri-sheet .criv-logo img{max-width:92px;max-height:40px}
  .cri-sheet .criv-nums{margin-top:0}
  .cri-sheet .criv-go{flex-direction:row;align-items:center;gap:12px}
  .cri-sheet .criv-btn{flex:1 1 auto}
  .cri-sheet .criv-rev{min-height:44px;padding:0 6px}
}
/* cri/end showcase-criv */
/* cri/begin showcase-criv-compact */
@media (max-width:720px){
  .cri-sheet .criv-lic-l{display:none}
  .cri-sheet .criv-name{margin:0 0 2px}
  .cri-sheet .criv-offer{font-size:14px;line-height:1.3}
  .cri-sheet .criv-list>li{gap:6px 10px;padding:10px 10px 4px 6px}
  .cri-sheet .criv-list>li.criv-pick{padding-top:26px}
  .cri-sheet .criv-nums b{font-size:16px}
  .cri-sheet .criv-nums small{font-size:10px;margin-top:1px}
  .cri-sheet .criv-tc{margin:0;padding-top:2px}
}
/* cri/end showcase-criv-compact */