@layer components{.kit-ev{flex-wrap:wrap;gap:8px;display:flex}.kit-ev img{width:var(--tile);aspect-ratio:4/3;object-fit:cover;background:var(--kit-tone);border-radius:4px;height:auto;display:block}.cell.kit-ev-figure{min-width:0;padding-block:var(--pad);justify-content:center;display:flex}.kit-ev-figure .hl-figure{width:min(100%,420px)}.cell.kit-ev-body{min-width:0;padding-block:var(--pad);flex-direction:column;justify-content:center;gap:24px;display:flex}@media (min-width:900px){.kit-ev-flip .kit-ev-figure{order:1}}@media (max-width:899px){.kit-ev{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kit-ev img{width:100%}.kit-ev li:nth-child(3n+1):last-child,.kit-ev li:nth-child(3n+1):nth-last-child(2),.kit-ev li:nth-child(3n+2):last-child{display:none}}}
@layer components{.for-painfig-title,.for-painfig-body,.for-painfig-figure{grid-column:1/-1}.for-painfig-title{padding-block:var(--pad);align-content:start;display:grid}.for-painfig-figure{padding-block:var(--pad);justify-content:center;align-items:center;display:flex}.for-painfig-figure>.hl-figure{width:min(100%,320px)}@media (min-width:900px){.for-painfig-figure{grid-column:9/span 4;grid-row:1 / span var(--rows)}.for-painfig-figure>.hl-figure{width:min(100%,400px)}.for-painfig-title{grid-column:1/span 4;grid-row:var(--r)}.for-painfig-body{grid-column:5/span 4;grid-row:var(--r)}.for-painfig-title:not(:nth-child(2)),.for-painfig-body:not(:nth-child(3)){border-top:1px solid var(--line)}}@media (max-width:899px){.for-painfig-title{border-top:1px solid var(--line);padding-bottom:0}.for-pain.for-painfig-body{padding-top:10px}}.for-subcard{padding-inline:var(--pad);padding-block:20px}.for-subcard a{color:inherit;gap:4px;display:grid}.for-subcard-figure{width:min(100%,280px);margin-bottom:8px;display:block}@media (min-width:900px){.for-subcard{border-left:1px solid var(--line)}.for-subcard:nth-child(3n+1){border-left:0}.for-subcard:nth-child(n+4){border-top:1px solid var(--line)}}@media (max-width:899px){.for-subcard+.for-subcard{border-top:1px solid var(--line)}.for-subcard a{grid-template-columns:132px minmax(0,1fr);align-items:center;column-gap:16px}.for-subcard-figure{margin:0}.for-subcard-fill{display:none}}@media (hover:hover) and (pointer:fine){.for-subcard a:hover .for-link-arrow{transform:translate(4px)}}.for-up{padding-block:0 var(--pad)}.for-up a{color:inherit;text-underline-offset:3px;padding-block:10px;text-decoration:underline;display:inline-block}@media (hover:hover) and (pointer:fine){.for-up a:hover .for-link-arrow{transform:translate(4px)}}.for-reel{background:#fff;border-radius:8px;padding:8px}.for-reel .hl-figure{--hl-plate:#fff;--hl-hi:var(--kit-ink);--hl-edge:color-mix(in srgb, var(--kit-ink) 62%, #fff);--hl-mid:color-mix(in srgb, var(--kit-ink) 40%, #fff);--hl-lo:color-mix(in srgb, var(--kit-ink) 18%, #fff)}}
