.tv{width:480px;height:270px;position:relative;overflow:hidden;font-family:var(--font-display);-webkit-user-select:none;-moz-user-select:none;user-select:none;isolation:isolate}.tv__inner{position:absolute;inset:0;padding:26px 28px;display:flex;flex-direction:column;justify-content:space-between}.tv__top{display:flex;align-items:center;justify-content:space-between}.tv__cat{font-family:var(--font-display);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase}.tv__cat:before{content:"";display:inline-block;width:10px;height:1px;background:currentColor;vertical-align:middle;margin-right:7px;transform:translateY(-2px)}.tv__mark{width:22px;height:22px;opacity:.92}.tv__mark img{width:100%;height:100%;display:block}.tv__title{font-family:var(--font-display);font-weight:var(--w-medium);line-height:1.02;letter-spacing:-.022em;margin:0}.tv__title em{font-style:normal;font-weight:var(--w-light);opacity:.55}.tv__bot{display:flex;align-items:center;justify-content:space-between}.tv__rule{height:10px;background-image:linear-gradient(to right,currentColor 0,currentColor 1px,transparent 1px,transparent 100%);background-size:6px 10px;mask-image:linear-gradient(to bottom,transparent 0,currentColor 3px,currentColor 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,currentColor 3px,currentColor 100%);width:60px;opacity:.9}.tv__byline{font-family:var(--font-body);font-size:9.5px;letter-spacing:.04em;opacity:.72}.tv--editorial{background:var(--ck-blue);color:#fff}.tv--editorial:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.07)0,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.07)0,rgba(255,255,255,.07) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.tv--editorial .tv__inner{z-index:1}.tv--editorial .tv__cat{color:var(--ck-blue-300)}.tv--editorial .tv__title{font-size:30px;max-width:14ch}.tv--paper{background:var(--ck-paper);color:var(--ck-blue-700);border:1px solid var(--border-soft)}.tv--paper:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,76,145,.06)0,rgba(0,76,145,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,76,145,.06)0,rgba(0,76,145,.06) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.tv--paper .tv__inner{z-index:1}.tv--paper .tv__cat{color:var(--ck-blue)}.tv--paper .tv__title{font-size:30px;max-width:14ch;color:var(--ck-blue-700)}.tv--stat{background:var(--ck-blue-700);color:#fff}.tv--stat__bignum{position:absolute;left:20px;bottom:-22px;font-family:var(--font-display);font-weight:var(--w-light);font-size:200px;line-height:.85;letter-spacing:-.05em;color:#ffffff1f;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tv--stat .tv__inner{z-index:1}.tv--stat .tv__cat{color:var(--ck-blue-300)}.tv--stat .tv__title{font-size:22px;max-width:16ch}.tv--stat .tv__statlbl{font-family:var(--font-display);font-weight:var(--w-semibold);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ck-blue-300);margin-bottom:4px}.tv--portrait{background:#fff;color:var(--ck-blue-700);border:1px solid var(--border-soft);display:grid;grid-template-columns:1.5fr 1fr}.tv--portrait>.tv__inner{position:relative;inset:auto;padding:22px 0 22px 26px;z-index:1}.tv--portrait .tv__photo{position:relative;overflow:hidden;background:var(--ck-blue)}.tv--portrait .tv__photo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.1)0,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1)0,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px}.tv--portrait .tv__photo img{position:absolute;bottom:0;left:50%;transform:translate(-46%);width:145%;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom}.tv--portrait .tv__cat{color:var(--ck-blue)}.tv--portrait .tv__title{font-size:22px}.tv--portrait .tv__title em{color:var(--ck-blue);opacity:1;font-weight:var(--w-medium)}.tv--illust{background:var(--ck-paper);color:var(--ck-gray-900);display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch;border:1px solid var(--border-soft)}.tv--illust:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(0,76,145,.05)0,rgba(0,76,145,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,76,145,.05)0,rgba(0,76,145,.05) 1px,transparent 1px),linear-gradient(to right,rgba(0,76,145,.11)0,rgba(0,76,145,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,76,145,.11)0,rgba(0,76,145,.11) 1px,transparent 1px);background-size:18px 18px,18px 18px,90px 90px,90px 90px;pointer-events:none;z-index:0}.tv--illust .tv__inner{position:relative;inset:auto;padding:22px 14px 22px 26px;z-index:1;display:flex;flex-direction:column;justify-content:center}.tv--illust .tv__title{font-size:32px;line-height:1;letter-spacing:-.028em;font-weight:var(--w-semibold);color:var(--ck-gray-900);max-width:none;margin:0}.tv--illust .tv__title em{color:var(--ck-blue);opacity:1;font-style:normal;font-weight:var(--w-medium)}.tv--illust .tv__byline{color:var(--fg-subtle)}.tv--illust .tv__rule{color:var(--ck-blue);opacity:.55}.tv--illust__scene{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:14px 14px 14px 0;overflow:hidden}.tv--illust__scene svg{width:100%;height:100%;max-height:242px;display:block}.tv--mag{background:var(--ck-paper);display:grid;grid-template-rows:36px 1fr;border:1px solid var(--border-soft);font-family:var(--font-display);color:var(--ck-gray-900);overflow:hidden}.tv--mag__masthead{background:var(--ck-blue);color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;position:relative}.tv--mag__pub-group{display:flex;flex-direction:column;line-height:1}.tv--mag__pub{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.04em;text-transform:uppercase;line-height:1}.tv--mag__pub-sub{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;margin-top:3px;opacity:.7}.tv--mag__rule{flex:1 1 auto;height:8px;background-image:linear-gradient(to right,rgba(255,255,255,.85)0,rgba(255,255,255,.85) 1px,transparent 1px,transparent 100%);background-size:6px 8px;mask-image:linear-gradient(to bottom,transparent 0,currentColor 2px,currentColor 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,currentColor 2px,currentColor 100%);margin:0 4px;align-self:center}.tv--mag__masthead-meta{display:flex;gap:6px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;white-space:nowrap}.tv--mag__masthead-meta span:nth-child(2),.tv--mag__masthead-meta span:nth-child(4){opacity:.55}.tv--mag__body{display:grid;grid-template-columns:1.05fr 1fr;position:relative}.tv--mag__col{padding:14px 16px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-width:0}.tv--mag__kicker{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--ck-blue);border-bottom:1.5px solid var(--ck-blue);padding-bottom:3px;margin-bottom:6px}.tv--mag__title{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:.98;letter-spacing:-.028em;color:var(--ck-gray-900);margin:0;text-wrap:balance}.tv--mag__title em{font-style:normal;font-weight:400;color:var(--ck-blue);letter-spacing:-.022em}.tv--mag__inside{font-family:var(--font-body);font-size:9px;line-height:1.45;color:var(--fg-muted)}.tv--mag__inside strong{display:block;font-family:var(--font-display);font-weight:700;font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ck-blue);margin-bottom:3px}.tv--mag__inside ul{list-style:none;margin:0;padding:0}.tv--mag__inside li{border-bottom:1px dotted var(--border);position:relative;padding:2px 0 2px 12px}.tv--mag__inside li:before{content:"▸";position:absolute;left:0;color:var(--ck-blue);font-size:8px;top:3px}.tv--mag__inside li:last-child{border-bottom:none}.tv--mag__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:6px}.tv--mag__bars{display:flex;align-items:flex-end;gap:1px;height:18px}.tv--mag__bars i{display:block;height:100%;background:var(--ck-gray-900)}.tv--mag__bars i:nth-child(3n){height:88%}.tv--mag__bars i:nth-child(5n){height:76%}.tv--mag__code{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.06em;color:var(--ck-gray-700);white-space:nowrap}.tv--mag__photo{position:relative;overflow:hidden;background:var(--ck-blue);border-left:1px solid var(--border-soft)}.tv--mag__photo img{position:absolute;width:140%;height:140%;left:-20%;top:-8%;-o-object-fit:cover;object-fit:cover;-o-object-position:50%0;object-position:50%0;filter:contrast(1.35) brightness(1.05)url(#duotone-blue)}.tv--mag__photo:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(0,32,70,.22) .55px,transparent 1px);background-size:3px 3px;mix-blend-mode:multiply;opacity:.5;pointer-events:none}.tv--mag__flag{position:absolute;top:10px;right:10px;background:var(--ck-paper);color:var(--ck-blue);font-family:var(--font-display);font-weight:800;font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;padding:3px 6px;border:1px solid var(--ck-blue);z-index:2;line-height:1}.cv{background:var(--bg-paper);padding:24px;font-family:var(--font-body);color:var(--fg);width:100%;height:100%;display:flex;flex-direction:column;border:1px solid var(--border-soft);position:relative;overflow:hidden}.cv--white{background:#fff}.cv--blueprint{background-color:var(--ck-paper);background-image:linear-gradient(to right,rgba(0,76,145,.08)0,rgba(0,76,145,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,76,145,.08)0,rgba(0,76,145,.08) 1px,transparent 1px);background-size:24px 24px}.cv--dark{background:var(--ck-blue);color:#fff;border-color:var(--ck-blue-700)}.cv--notebook{background:var(--ck-paper);background-image:linear-gradient(to bottom,transparent 0,transparent 27px,rgba(0,76,145,.18) 27px,rgba(0,76,145,.18) 28px);background-size:28px 28px;font-family:Open Sans,sans-serif}.cv__eyebrow{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-size:10px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--ck-blue);margin-bottom:4px}.cv--dark .cv__eyebrow{color:var(--ck-blue-300)}.cv__eyebrow>span:first-child{color:#fff;background:var(--ck-blue);padding:2px 6px;border-radius:2px;letter-spacing:.12em;font-size:9px}.cv--dark .cv__eyebrow>span:first-child{background:#fff;color:var(--ck-blue)}.cv__title{font-family:var(--font-display);font-weight:var(--w-medium);font-size:17px;line-height:1.3;letter-spacing:-.005em;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border-soft);color:var(--fg)}.cv--dark .cv__title{color:#fff;border-bottom-color:#ffffff2e}.cv__caption{font-family:var(--font-body);font-size:11px;line-height:1.45;color:var(--fg-subtle);margin:auto 0 0;padding-top:10px;border-top:1px dashed var(--border-soft)}.cv--dark .cv__caption{color:#fff9;border-top-color:#ffffff2e}.cv-cmp{display:grid;gap:0}.cmp1{display:grid;grid-template-columns:1.4fr 1.5fr 1.5fr .8fr;font-size:11px}.cmp1>.h,.cmp1>.c{padding:8px 8px 8px 0;border-bottom:1px solid var(--border-soft);line-height:1.4}.cmp1>.h{font-family:var(--font-display);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);border-bottom-color:var(--ck-blue);border-bottom-width:2px}.cmp1>.name{font-family:var(--font-display);font-weight:var(--w-semibold);color:var(--ck-blue);font-size:12px}.cmp1>.cost{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);text-align:right;padding-right:0}.cmp1 .rec{background:var(--ck-blue-050)}.cmp1__rec-badge{display:inline-block;background:var(--ck-blue);color:#fff;font-family:var(--font-display);font-size:8px;font-weight:var(--w-bold);letter-spacing:.15em;padding:1px 5px;border-radius:2px;margin-top:4px;white-space:nowrap}.cmp2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cmp2__card{background:#fff;border:1px solid var(--border-soft);padding:10px 12px;position:relative}.cmp2__card--rec{background:var(--ck-blue);color:#fff;border-color:var(--ck-blue-700)}.cmp2__card .n{font-family:var(--font-display);font-weight:var(--w-semibold);font-size:12px;color:var(--ck-blue);margin-bottom:2px}.cmp2__card--rec .n{color:#fff}.cmp2__card .d{font-size:10px;color:var(--fg-muted);line-height:1.4;margin-bottom:6px}.cmp2__card--rec .d{color:#ffffffd9}.cmp2__card .pill{display:inline-block;font-family:var(--font-mono);font-size:9px;padding:1px 5px;border:1px solid var(--border);color:var(--fg-muted)}.cmp2__card--rec .pill{border-color:#fff6;color:#ffffffe6}.cmp2__card--rec .stamp{position:absolute;top:8px;right:8px;font-family:var(--font-display);font-size:8px;font-weight:var(--w-bold);letter-spacing:.15em;background:#fff;color:var(--ck-blue);padding:1px 4px}.cmp3{font-family:Open Sans,sans-serif;display:grid;grid-template-columns:1.3fr 1.6fr .8fr;gap:0;font-size:11px}.cmp3 .h{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ck-blue);padding:4px 6px 4px 0;border-bottom:1px dashed var(--ck-blue)}.cmp3 .c{padding:8px 6px 8px 0;border-bottom:1px dashed rgba(0,76,145,.25);line-height:1.4}.cmp3 .name{font-family:Raleway,sans-serif;font-weight:600;color:var(--ck-blue-700)}.cmp3 .arrow{display:inline-block;transform:translateY(-1px);color:var(--ck-blue);margin:0 4px}.cmp3 .rec .name:after{content:" ★";color:var(--ck-blue)}.bc{display:grid;grid-template-columns:90px 1fr 60px;gap:6px 12px;align-items:center;font-size:12px}.bc__lbl{font-family:var(--font-display);font-weight:var(--w-medium);color:var(--fg-muted)}.bc__bar{height:10px;background:var(--ck-gray-200);position:relative}.bc__bar>i{position:absolute;inset:0 auto 0 0;background:var(--ck-blue)}.bc__val{font-family:var(--font-mono);font-size:11px;color:var(--fg);text-align:right;font-weight:var(--w-semibold)}.cv--dark .bc__bar{background:#ffffff2e}.cv--dark .bc__bar>i{background:#fff}.cv--dark .bc__lbl,.cv--dark .bc__val{color:#fff}.bc--step .bc__bar{background:0 0}.bc--step .bc__bar>i{background:repeating-linear-gradient(to right,var(--ck-blue)0,var(--ck-blue) 8px,transparent 8px,transparent 10px)}.col{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:160px;border-bottom:1px solid var(--border);padding-bottom:0}.col__bar{background:var(--ck-blue);position:relative;text-align:center}.col__bar:after{content:attr(data-v);position:absolute;top:-16px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;color:var(--fg-muted)}.col__lbls{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:6px;text-align:center;font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle)}.fn{display:flex;flex-direction:column;gap:6px}.fn__row{background:#fff;border:1px solid var(--border-soft);border-left:3px solid var(--ck-blue);padding:10px 12px;display:grid;grid-template-columns:1fr auto 90px;gap:12px;align-items:center;font-size:11px}.fn__row .l{font-family:var(--font-display);font-weight:var(--w-medium);font-size:12px}.fn__row .l small{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;color:var(--fg-subtle);font-weight:var(--w-regular);text-transform:uppercase;margin-bottom:1px}.fn__row .b{width:90px;height:6px;background:var(--ck-gray-200);position:relative}.fn__row .b>i{position:absolute;inset:0 auto 0 0;background:var(--ck-blue)}.fn__row .v{font-family:var(--font-display);font-weight:var(--w-light);font-size:18px;letter-spacing:-.02em;color:var(--ck-blue);text-align:right;line-height:1}.fn__row .v small{display:block;font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle);letter-spacing:.04em;font-weight:var(--w-regular);margin-top:2px}.fn-shape{display:flex;flex-direction:column;align-items:center;gap:0}.fn-shape__row{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#fff;font-family:var(--font-display);font-size:11px;font-weight:var(--w-medium);position:relative}.fn-shape__row .v{font-family:var(--font-mono);font-size:11px;font-weight:var(--w-regular)}.fn-shape__row:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#ffffff2e}.fn-shape__row:last-child:after{display:none}.pq{background:#fff;padding:16px 18px;border:1px solid var(--border-soft);display:grid;font-family:var(--font-display);font-weight:var(--w-light);font-size:14px;line-height:1.4}.pq strong{font-weight:var(--w-medium);color:var(--ck-blue-700)}.pq__attr{margin-top:8px;font-family:var(--font-display);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-subtle)}.pq--bar{border-left:3px solid var(--ck-blue);grid-template-columns:28px 1fr;gap:12px;align-items:start}.pq--bar .pq__mark{font-family:var(--font-display);font-weight:var(--w-light);font-size:44px;line-height:.7;color:var(--ck-blue)}.pq--block{background:var(--ck-blue);color:#fff;text-align:center;padding:22px;border:0}.pq--block strong{color:#fff;font-weight:var(--w-medium);border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:1px}.pq--block .pq__attr{color:#fff9}.pq--ruled{padding:22px 18px 16px;border:0;border-top:1px solid var(--ck-blue);border-bottom:1px solid var(--ck-blue);background:0 0}.pq--ruled .pq__num{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--ck-blue);margin-bottom:8px}.cl{display:flex;flex-direction:column;gap:10px}.cl__item{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}.cl__step{font-family:var(--font-display);font-weight:var(--w-semibold);font-size:10px;color:#fff;background:var(--ck-blue);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px}.cl__body{font-size:12px;line-height:1.45}.cl__body b{font-family:var(--font-display);font-weight:var(--w-medium);color:var(--ck-blue-700);display:block;font-size:13px;margin-bottom:1px}.cv--dark .cl__step{background:#fff;color:var(--ck-blue)}.cv--dark .cl__body b{color:#fff}.cv--dark .cl__body{color:#fffc}.cl--circle .cl__step{background:0 0;color:var(--ck-blue);border:1.5px solid var(--ck-blue);border-radius:50%;font-family:var(--font-mono)}.cl--big{gap:14px}.cl--big .cl__item{grid-template-columns:56px 1fr;gap:14px}.cl--big .cl__step{width:50px;height:50px;font-family:var(--font-display);font-weight:var(--w-light);font-size:28px;letter-spacing:-.04em;background:0 0;color:var(--ck-blue);border:1px solid var(--ck-blue);border-radius:2px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:stretch}.flow__step{background:#fff;border:1px solid var(--border-soft);border-top:2px solid var(--ck-blue);padding:10px;font-size:11px;position:relative}.flow__step .n{font-family:var(--font-mono);font-size:9px;color:var(--ck-blue);letter-spacing:.1em;margin-bottom:3px}.flow__step .t{font-family:var(--font-display);font-weight:var(--w-medium);font-size:12px;margin-bottom:3px;color:var(--fg)}.flow__step .d{color:var(--fg-muted);line-height:1.4;font-size:10.5px}.flow__step:not(:last-child):after{content:"→";position:absolute;right:-8px;top:50%;transform:translateY(-50%);background:var(--bg-paper);padding:0 1px;color:var(--ck-blue);font-family:var(--font-display);font-size:14px;z-index:2}.ba2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ba2__c{background:#fff;border:1px solid var(--border-soft);padding:12px;font-size:11px}.ba2__c--after{border-color:var(--ck-blue);box-shadow:inset 0 0 0 1px var(--ck-blue)}.ba2__c .lbl{font-family:var(--font-display);font-size:9px;font-weight:var(--w-semibold);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:6px;display:flex;align-items:center;gap:6px}.ba2__c--after .lbl{color:var(--ck-blue)}.ba2__c .lbl:before{content:"";width:5px;height:5px;background:var(--ck-gray);border-radius:50%}.ba2__c--after .lbl:before{background:var(--ck-blue)}.ba2__c .h{font-family:var(--font-display);font-weight:var(--w-medium);font-size:12px;margin-bottom:4px}.ba2__c .p{color:var(--fg-muted);line-height:1.45;font-size:11px}.lc-wrap{position:relative;height:180px}.lc-wrap svg{width:100%;height:100%;display:block}.lc__yax{position:absolute;left:0;top:0;bottom:20px;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle)}.lc__xax{display:flex;justify-content:space-between;margin-top:4px;font-family:var(--font-mono);font-size:9px;color:var(--fg-subtle)}.shot{background:#fff;border:1px solid var(--border);border-radius:4px;padding:0;position:relative;overflow:hidden}.shot__chrome{background:var(--ck-gray-100);height:22px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:9px;color:var(--fg-muted)}.shot__chrome:before{content:"";background:var(--ck-gray-300);width:36px;height:8px;border-radius:4px}.shot__body{display:grid;grid-template-columns:80px 1fr;background:#fff;position:relative;height:230px}.shot__nav{background:var(--ck-blue);height:100%;padding:8px}.shot__nav div{background:#ffffff2e;height:8px;margin-bottom:4px}.shot__nav div:nth-child(2n){width:70%}.shot__main{padding:10px 12px}.shot__main .row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:4px;margin-bottom:6px;align-items:center}.shot__main .row .b{height:8px;background:var(--ck-gray-200)}.shot__main .row.h .b{background:0 0;height:6px}.shot__main .row.h .b:first-of-type,.shot__main .row .h0{color:var(--fg-subtle);font-size:8px;font-family:var(--font-mono)}.shot__h{font-family:var(--font-display);font-size:11px;font-weight:var(--w-medium);color:var(--ck-blue);margin-bottom:6px}.shot__pin{position:absolute;width:18px;height:18px;background:var(--ck-blue);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--w-bold);font-size:10px;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--ck-blue);z-index:3}.shot__note{position:absolute;background:var(--ck-blue);color:#fff;padding:4px 8px;font-family:var(--font-display);font-size:9.5px;line-height:1.3;font-weight:var(--w-medium);max-width:130px;z-index:3}.shot__note:before{content:"";position:absolute;width:1px;background:var(--ck-blue)}