.sfs-sheet{background:var(--pure-black);color:var(--beeble-green);padding:32px}.sfd-range,.sfd-output{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.sfd-end{flex-direction:column;gap:16px;display:flex}.sfd-end:last-child{text-align:right;align-items:flex-end}.sfd-ruler{font:var(--text-mono-sm);letter-spacing:var(--tracking-wide);color:var(--green-dark-3);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:32px;display:grid}.sfd-ruler span{border-top:2px solid var(--green-dark-3);text-align:right;padding-top:16px;position:relative}.sfd-ruler span:first-child{border-top-color:var(--beeble-green);color:var(--beeble-green)}.sfd-ruler span:after{content:"";border-right:1px solid;height:8px;position:absolute;top:-2px;right:0}.sfd-output{border-top:1px solid var(--green-dark-3);margin-top:32px;padding-top:32px}.sfd-footer{font:var(--text-mono-sm);letter-spacing:var(--tracking-wide);margin-top:32px}@media (max-width:1199px){.sfd-output{padding-top:24px}.sfd-range,.sfd-output{gap:20px}.sfd-ruler,.sfd-output,.sfd-footer{margin-top:24px}}@media (max-width:742px){.sfd-output{grid-template-columns:minmax(0,1fr);padding-top:20px}.sfd-output .sfd-end:last-child{text-align:left;align-items:flex-start}.sfd-range,.sfd-output{gap:16px}.sfd-end{gap:12px}.sfd-ruler,.sfd-output,.sfd-footer{margin-top:20px}.sfd-ruler span{padding-top:12px}}.sfs-header{font:var(--text-mono-sm);letter-spacing:var(--tracking-wide);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-bottom:24px;display:flex}.sfs-grid{background:var(--green-deep-1);box-shadow:8px 8px 0 var(--green-deep-3);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:1px;display:grid}.sfs-metric,.sfs-feature,.sfs-formats{background:var(--green-charcoal);min-width:0;padding:24px}.sfs-metric{flex-direction:column;grid-column:span 2;gap:24px;padding-block:32px;display:flex}.sfs-value{font:var(--text-mono-lg);letter-spacing:var(--tracking-mono);font-weight:700}.sfs-label{font:var(--text-mono-sm);letter-spacing:var(--tracking-wide);color:var(--green-dark-3)}.sfs-feature{grid-column:span 3;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 2;gap:8px;display:grid}.sfs-feature-title{font:var(--text-title);font-family:var(--font-mono);letter-spacing:var(--tracking-snug);margin-bottom:8px;font-weight:700}.sfs-formats{flex-direction:column;grid-column:1/-1;gap:24px;display:flex}.sfs-formats-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.sfs-formats-heading .sfs-feature-title{margin:0}.sfs-ratios{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;display:grid}.sfs-ratio{font:var(--text-mono-sm);letter-spacing:var(--tracking-wide);flex-direction:column;align-items:center;gap:8px;display:flex}.sfs-ratio svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:100%;max-width:64px}.sfs-ratio-custom{color:var(--off-white)}@media (max-width:1199px){.sfs-sheet{padding:24px}.sfs-header{margin-bottom:20px}.sfs-metric,.sfs-feature,.sfs-formats{padding:20px}.sfs-metric{gap:20px;padding-block:24px}.sfs-formats{gap:20px}.sfs-ratios{gap:12px}}@media (max-width:742px){.sfs-sheet{padding:16px}.sfs-header{margin-bottom:16px}.sfs-metric,.sfs-feature,.sfs-formats{grid-column:1/-1;padding:20px 16px}.sfs-metric{gap:12px}.sfs-formats{gap:16px}.sfs-ratios{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px}}.sfe-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.sfe-example-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.sfe-example-head h3{margin:0}.sfe-example-head .csp-detail-action{margin-left:0}.sfe-example-wide{grid-column:1/-1}.sfe-example .cs-figure{margin:0}.sfe-example .cs{aspect-ratio:var(--sfe-aspect-ratio,9 / 16)}@media (max-width:1199px){.sfe-examples{gap:40px 24px}}@media (max-width:742px){.sfe-examples{grid-template-columns:minmax(0,1fr);gap:32px}.sfe-example-head{margin-bottom:12px}}