.yt-poster{--yt-navy: 216 30%;--yt-holo: 200 93%}.yt-poster-frame{position:relative;width:100%;aspect-ratio:16 / 9;min-height:202px;background:var(--grey-3);border:1px solid hsl(var(--yt-navy) 46% / .25);transition:border-color var(--duration-normal),box-shadow var(--duration-normal)}.yt-poster-frame:has(.yt-poster-play:hover){border-color:hsl(var(--yt-holo) 60% / .6);box-shadow:0 0 24px hsl(var(--yt-holo) 60% / .12)}.yt-poster-frame>*{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.yt-poster-play{padding:0;background:none;color:inherit;font:inherit;cursor:pointer}.yt-poster-play img{display:block;width:100%;height:100%;object-fit:contain}.yt-poster-play:focus-visible{outline:2px solid var(--light-d-accent);outline-offset:-4px}.yt-poster-play-label{position:absolute;right:5%;bottom:5%;display:inline-flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-24);font-family:var(--font-narrative);font-weight:var(--weight-bold);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--light-d-fill);background:#080808cc;border:1px solid hsl(var(--yt-holo) 60% / .6);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:background var(--duration-normal),border-color var(--duration-normal)}.yt-poster-play:hover .yt-poster-play-label{background:hsl(var(--yt-holo) 45% / .24);border-color:hsl(var(--yt-holo) 60% / .9)}.yt-poster-play-icon{width:9px;height:11px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.yt-poster-youtube{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-8);font-family:var(--font-system);font-size:11px;letter-spacing:.2em;text-transform:lowercase;color:hsl(var(--yt-holo) 85% / .92);text-underline-offset:4px}.yt-poster-youtube:hover{color:var(--light-d-fill)}@media(max-width:680px){.yt-poster-play-label{gap:var(--space-8);padding:var(--space-4) var(--space-12);font-size:11px}}@media(prefers-reduced-motion:reduce){.yt-poster-frame,.yt-poster-play-label{transition:none}}.cl-body{display:flex;flex-direction:column;gap:var(--space-32);min-width:0}.cl-intro{max-width:40em}.cl-note{margin:0;max-width:46em;font-size:var(--decorative-s);line-height:1.6;color:hsl(var(--bot-navy) 88% / .72)}.cl-note a,.cl-intro a{color:var(--light-d-accent);text-underline-offset:3px}.cl-note a:hover,.cl-intro a:hover{color:var(--light-d-fill)}.bot .cl-note a:focus-visible,.bot .cl-intro a:focus-visible{outline-offset:2px}.cl-table{width:100%;border-collapse:collapse;table-layout:fixed}.cl-table th,.cl-table td{padding:var(--space-16) var(--space-16) var(--space-16) 0;border-bottom:1px solid var(--bot-hairline);vertical-align:top;text-align:left;overflow-wrap:break-word}.cl-table thead th{padding-top:0;padding-bottom:var(--space-12);border-bottom-color:var(--bot-rule);font-family:var(--font-system);font-weight:var(--weight-regular);font-size:var(--decorative-s);letter-spacing:.08em;text-transform:lowercase;color:hsl(var(--bot-navy) 78% / .7)}.cl-group th{padding-top:var(--space-24);font-family:var(--font-system);font-weight:var(--weight-regular);font-size:var(--decorative-s);letter-spacing:.12em;text-transform:lowercase;color:hsl(var(--bot-holo) 75% / .9);background:hsl(var(--bot-navy) 20% / .28);border-bottom-color:var(--bot-rule)}.cl-name,.cl-detail,.cl-time,.cl-gap,.cl-price,.cl-founder{display:block}.cl-name{font-weight:var(--weight-bold);color:var(--dark-a-text)}.cl-detail{margin-top:var(--space-4);font-size:var(--decorative-s);line-height:1.45;color:hsl(var(--bot-navy) 88% / .72)}.cl-time{font-family:var(--font-narrative);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);font-size:var(--body-xs);color:var(--dark-a-text)}.cl-gap,.cl-price{font-family:var(--font-system);font-size:var(--decorative-s);color:var(--dark-a-text)}.cl-gap{color:var(--light-d-fill)}.cl-founder{margin-top:var(--space-4);font-family:var(--font-system);font-size:var(--decorative-s);color:hsl(var(--bot-navy) 78% / .7)}.cl-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-32) var(--space-24)}.cl-video{margin:0;min-width:0}.cl-video .yt-poster-play-label{right:var(--space-8);bottom:var(--space-4);gap:var(--space-8);padding:var(--space-4) var(--space-12);font-size:11px}.cl-video figcaption{margin-top:var(--space-12);font-weight:var(--weight-medium);color:var(--dark-a-text)}.cl-features td{vertical-align:middle;text-align:left}.cl-chip-tested{border-color:hsl(var(--bot-holo) 60% / .75);color:var(--light-d-fill);background:hsl(var(--bot-holo) 45% / .14)}.cl-mark{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:100%}.cl-mark-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.cl-mark-available{color:hsl(var(--bot-holo) 60%)}.cl-mark-progress{color:var(--dark-a-accent)}.cl-mark-unavailable{color:hsl(var(--bot-heat) 63%)}.cl-mark-note{font-family:var(--font-system);font-size:var(--decorative-s);line-height:1.3;color:hsl(var(--bot-navy) 78% / .7)}.cl-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:600px){.cl-results .cl-table th:first-child{width:40%}.cl-results .cl-table th:nth-child(2),.cl-results .cl-table th:nth-child(3){width:22%}.cl-features .cl-table th:first-child{width:52%}.cl-cost .cl-table th:first-child,.cl-cost .cl-table th:nth-child(2){width:18%}.cl-cost .cl-table th:nth-child(3),.cl-cost .cl-table th:nth-child(4){width:32%}}@media(max-width:599px){.cl-videos{grid-template-columns:1fr}.cl-cost .cl-table,.cl-cost thead,.cl-cost tbody,.cl-cost tr,.cl-cost th,.cl-cost td{display:block;width:auto}.cl-cost thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cl-cost tr{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-12);padding:var(--space-16) 0;border-bottom:1px solid var(--bot-hairline)}.cl-cost th,.cl-cost td{padding:0;border:0;min-width:0}.cl-cost td:before{content:attr(data-label);display:block;margin-bottom:var(--space-4);font-family:var(--font-system);font-size:var(--decorative-s);letter-spacing:.08em;text-transform:lowercase;color:hsl(var(--bot-navy) 78% / .65)}.cl-cost .cl-price,.cl-cost .cl-founder{white-space:nowrap}.cl-results .cl-table,.cl-features .cl-table,.cl-results thead,.cl-features thead,.cl-results tbody,.cl-features tbody,.cl-results tr,.cl-features tr,.cl-results th,.cl-features th,.cl-results td,.cl-features td{display:block;width:auto}.cl-results thead,.cl-features thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cl-results tr,.cl-features tr{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12) var(--space-16);padding:var(--space-16) 0;border-bottom:1px solid var(--bot-hairline)}.cl-results th,.cl-results td,.cl-features th,.cl-features td{padding:0;border:0;min-width:0}.cl-results tr>:first-child,.cl-features tr>:first-child,.cl-results tr>:last-child,.cl-group th{grid-column:1 / -1}.cl-results td:before,.cl-features td:before{content:attr(data-label);display:block;margin-bottom:var(--space-4);font-family:var(--font-system);font-size:var(--decorative-s);letter-spacing:.08em;text-transform:lowercase;color:hsl(var(--bot-navy) 78% / .65)}}
