.macfan-product{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:48px;row-gap:20px;background:#e6edf1;border-color:#cfdbe2}
.macfan-product .product-meta{grid-column:1/-1}.macfan-product .macfan-screenshot{grid-column:2;grid-row:2}.macfan-product .macfan-card-copy{grid-column:1;grid-row:2;align-self:center;padding-block:12px}
.tools-grid .macfan-product h3{font-size:clamp(30px,3.4vw,44px)}.macfan-product .product-tagline{font-size:22px}.macfan-product .product-tagline>span{display:inline-block}
.macfan-card-copy>p:not(.product-tagline):not(.product-status):not(.macfan-new){font-size:13px;color:var(--muted);margin-bottom:16px}.macfan-card-copy .text-link{margin-top:7px}
.macfan-new{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--teal)}.macfan-new>span{padding:3px 8px 2px;border-radius:4px;background:var(--teal);color:#fff;font-size:9px;letter-spacing:.16em}
.macfan-points{margin:0 0 20px;padding:0;list-style:none;font-size:13px;line-height:1.7;color:var(--ink)}.macfan-points li{position:relative;padding-left:18px}.macfan-points li+li{margin-top:6px}.macfan-points li:before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--teal)}
.macfan-screenshot{min-width:0;margin:0}.macfan-screenshot>a{display:block;padding:22px 26px 10px;border-radius:14px;background:#152f3d;transition:background-color .15s ease}.macfan-screenshot>a:hover{background:#1b394a}.macfan-screenshot>a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.macfan-screenshot img{display:block;width:100%;max-width:480px;height:auto;margin:0 auto}.macfan-screenshot figcaption{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.8;text-align:center}.macfan-screenshot figcaption>span{display:block;color:var(--teal);font-size:10px}
.macfan-screenshot-hero>a{padding:26px 22px 10px;border-radius:18px}.macfan-screenshot-hero img{max-width:560px}
@media(min-width:801px){.macfan-detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1100px){.macfan-product{column-gap:28px}.macfan-screenshot>a{padding:18px 18px 8px}}
@media(max-width:800px){.macfan-product{grid-template-columns:1fr;gap:22px}.macfan-product .product-meta,.macfan-product .macfan-screenshot,.macfan-product .macfan-card-copy{grid-column:auto;grid-row:auto}.macfan-product .macfan-card-copy{padding:0}.tools-grid .macfan-product h3{font-size:30px}.macfan-product .product-tagline{font-size:20px}.macfan-screenshot>a{padding:14px 12px 6px}.macfan-screenshot img{max-width:380px}.macfan-card-copy>p:not(.product-tagline):not(.product-status):not(.macfan-new),.macfan-points{font-size:12px}}
@media(max-width:360px){.macfan-screenshot>a{padding:10px 8px 4px}.tools-grid .macfan-product h3{font-size:26px}}