.page{background:var(--color-background);min-height:100svh;color:var(--color-foreground);flex-direction:column;display:flex}.page-bar{color:var(--color-muted-foreground);justify-items:center;gap:14px;padding:24px 20px 8px;display:grid}.page-mark{color:inherit;display:inline-flex}.page-nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.page-nav a{color:inherit;text-decoration:none}.page-nav a:hover{color:var(--color-foreground)}.page-doc{flex:1;width:100%;max-width:440px;margin:0 auto;padding:24px 24px 0}.page-head{margin-bottom:24px}.prose{gap:14px;display:grid}.prose p{font-size:var(--t-body-size);line-height:var(--t-lede-lh);letter-spacing:var(--t-body-track);color:var(--color-muted-foreground);margin:0}.prose p.lead{color:var(--color-foreground)}.page-doc a{color:var(--color-foreground);text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:3px;transition:text-decoration-color .15s}.page-doc a:hover{text-decoration-color:currentColor}.page-doc .btn-glossy,.page-doc .btn-quiet,.page-doc .style-tile{text-decoration:none}.page-sec{gap:12px;margin-top:40px;scroll-margin-top:24px;display:grid}.page-sec>h2{font-size:var(--t-lede-size);line-height:var(--t-lede-lh);letter-spacing:var(--t-lede-track);font-weight:var(--t-weight-semibold);color:var(--color-foreground);text-wrap:balance;margin:0}.page-sec .t-body{color:var(--color-muted-foreground);margin:0}.page-sec .steps,.page-sec .style-grid{margin-top:4px}.style-tile[aria-current=true] .style-art{box-shadow:0 0 0 1.5px var(--color-foreground)}.openers,.looks,.related{gap:8px;margin:0;padding-left:20px;list-style:outside;display:grid}.openers li,.looks li,.related li{color:var(--color-muted-foreground)}.openers li::marker{color:var(--color-border)}.looks li::marker{color:var(--color-border)}.related li::marker{color:var(--color-border)}.related li a{font-size:var(--t-body-size)}.qa{gap:16px;margin:0;display:grid}.qa-item{border-top:1px solid var(--color-border);gap:4px;padding-top:16px;display:grid}.qa-item:first-child{border-top:0;padding-top:0}.qa dt{color:var(--color-foreground);margin:0}.qa dd{color:var(--color-muted-foreground);font-size:var(--t-body-size);line-height:var(--t-lede-lh);letter-spacing:var(--t-body-track);margin:0}.page-cta{justify-items:center;gap:10px;margin-top:28px;display:grid}.page-cta .btn-glossy{margin-top:0}.page-cta .btn-quiet{width:100%;margin-top:4px}.page-cta .t-caption{color:var(--color-muted-foreground);margin:0}.page-updated{color:var(--color-muted-foreground);margin:40px 0 0}.cmp{gap:28px;margin:0;display:grid}.cmp-group{gap:12px;display:grid}.cmp-group>h3{font-size:var(--t-body-size);font-weight:var(--t-weight-semibold);color:var(--color-foreground);margin:0}.cmp-group>.t-caption{color:var(--color-muted-foreground);margin:-8px 0 0}.cmp-row{border-top:1px solid var(--color-border);gap:6px;padding-top:12px;display:grid}.cmp-row .what{font-size:var(--t-caption-size);line-height:var(--t-caption-lh);letter-spacing:var(--t-caption-track);color:var(--color-muted-foreground);margin:0}.cmp-cell{gap:2px;display:grid}.cmp-cell span:first-child{font-size:var(--t-caption-size);color:var(--color-muted-foreground)}.cmp-cell p{font-size:var(--t-body-size);line-height:var(--t-body-lh);letter-spacing:var(--t-body-track);color:var(--color-foreground);margin:0}.cmp-cell.theirs p{color:var(--color-muted-foreground)}.page-foot{width:100%;max-width:440px;padding:32px 24px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--color-muted-foreground);justify-items:center;gap:12px;margin:64px auto 0;display:grid}.page-foot-links{flex-wrap:wrap;justify-content:center;gap:12px 20px;display:flex}.page-foot-links a{color:inherit;text-decoration:none}.page-foot-links a:hover{text-underline-offset:3px;text-decoration:underline}@media (min-width:700px){.page-doc,.page-foot{max-width:520px}.cmp-row{grid-template-columns:1fr 1fr;column-gap:16px}.cmp-row .what{grid-column:1/-1}}.picks{counter-reset:none;gap:16px;margin:0;padding:0;list-style:none;display:grid}.pick{border-top:1px solid var(--color-border);gap:6px;padding-top:16px;display:grid}.pick:first-child{border-top:0;padding-top:0}.pick h3{color:var(--color-foreground);margin:0}.pick h3 .t-caption{color:var(--color-muted-foreground);font-weight:400}.pick strong{font-weight:var(--t-weight-semibold);color:var(--color-foreground)}